@layer components{.popup{padding:0;border:0;background:transparent;max-width:none;max-height:none;overflow:visible;color:var(--c-fg)}.popup::backdrop{background:#0f111180}.popup--center[open]{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(100% - 32px,760px)}.popup--narrow.popup--center[open]{width:min(100% - 32px,440px)}.popup--bottom-start[open],.popup--bottom-end[open]{position:fixed;inset:auto auto 16px 16px;margin:0;width:min(100% - 32px,400px);z-index:40}.popup--bottom-end[open]{inset-inline:auto 16px}.popup__panel{position:relative;display:grid;overflow:hidden;border-radius:var(--r-modal);background:var(--c-bg);box-shadow:var(--shadow-overlay);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.popup__body{padding:32px 28px;gap:14px}.popup__body--center{text-align:center;align-items:center}.popup__media{position:relative;min-height:180px}.popup__media img{width:100%;height:100%;object-fit:cover}@media(min-width:750px){.popup--image-side:not(.popup--narrow) .popup__panel{grid-template-columns:42% minmax(0,1fr)}}.popup--image-background .popup__media{position:absolute;top:0;right:0;bottom:0;left:0}.popup--image-background .popup__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--popup-tint, .4)}.popup--image-background .popup__body{position:relative;color:#fff}.popup--image-background .popup__body :is(h2,h3,p,.h1,.h2){color:inherit}.popup__close{position:absolute;top:8px;inset-inline-end:8px;z-index:2;background:var(--c-bg);border-radius:50%}.popup__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.popup__body--start .popup__actions{justify-content:flex-start}@media(prefers-reduced-motion:no-preference){.popup[open] .popup__panel{animation:weft-in .25s ease;--from: translateY(12px)}}.popup-offer{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.popup__body--start .popup-offer{align-items:flex-start}.popup:has(.popup-offer) .popup__body{padding:40px 28px 20px}.popup-offer__kicker{font-size:var(--t-12);font-weight:var(--fw-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted)}.popup-offer__heading{margin-block-start:-4px}.popup-offer__text{max-width:36ch}.popup-offer__code{margin-block-start:4px}.popup-offer__code code{display:inline-block;padding:10px 22px;border:1px dashed currentColor;font-family:var(--f-body);font-size:var(--t-20);font-weight:var(--fw-bold);letter-spacing:.18em;-webkit-user-select:all;user-select:all}.popup-offer__copy{margin-block-start:4px}.popup-offer__status{font-size:var(--t-14);font-weight:var(--fw-medium)}.popup-offer__later{min-height:44px;color:var(--c-muted)}@media(max-width:749px){.popup--center.popup--narrow[open]:has(.popup-offer){inset:auto 0 0;margin:0;width:100%;max-width:100%}.popup:has(.popup-offer) .popup__panel{border-radius:var(--r-drawer) var(--r-drawer) 0 0;max-height:calc(100dvh - 48px)}.popup:has(.popup-offer) .popup__body{padding:36px 20px calc(12px + env(safe-area-inset-bottom))}}@media(max-width:749px)and (prefers-reduced-motion:no-preference){.popup[open]:has(.popup-offer) .popup__panel{animation:popup-sheet-in .28s ease}}@keyframes popup-sheet-in{0%{transform:translateY(100%)}}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-popup.css.map */