.popup{width:min(52rem,calc(100vw - var(--space-l)));max-height:calc(100svh - var(--space-l));padding:0;border:0;background-color:var(--color-surface);color:var(--color-ink);overflow:auto}.popup::backdrop{background-color:color-mix(in oklch,var(--color-stage) 72%,transparent)}.popup[open]{animation:popup-in var(--duration-shift) var(--ease-standard)}@keyframes popup-in{0%{opacity:0;translate:0 var(--space-m)}}.popup__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.popup__close{position:absolute;inset-block-start:var(--space-s);inset-inline-end:var(--space-s);z-index:1;inline-size:var(--space-xl);block-size:var(--space-xl);border:0;border-radius:50%;background-color:var(--color-surface);color:var(--color-ink);cursor:pointer}.popup__close:before,.popup__close:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:var(--space-m);block-size:2px;background-color:currentColor;translate:-50% -50%;rotate:45deg}.popup__close:after{rotate:-45deg}.popup__close:focus-visible{outline:medium solid var(--color-focus);outline-offset:thin}.popup__picture{position:relative;min-block-size:11rem;overflow:hidden;background-color:var(--color-nude)}.popup__img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:top}.popup__body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-s);padding:var(--space-l) var(--space-m)}.popup__eyebrow{margin:0;color:var(--color-accent-ink);font-size:var(--text-s);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.popup__title{margin:0;font-size:var(--text-xl)}.popup__text{margin:0 0 var(--space-s);font-size:var(--text-sentence)}.popup__form{display:flex;flex-direction:column;gap:var(--space-s)}.popup__label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.popup__legal{margin:0;font-size:var(--text-s)}.popup__success{margin:0;font-family:var(--font-display);font-size:var(--text-l)}.popup__errors{color:var(--color-danger)}@media(min-width:40rem){.popup__card{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.popup__picture{min-block-size:100%}.popup__body{padding:var(--space-xl) var(--space-l)}}@media(prefers-reduced-motion:reduce){.popup[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/popup.css.map */