html:has(dialog.overlay[open]),html:has(dialog.drawer[open]){overflow:hidden;scrollbar-gutter:stable}dialog.overlay{--overlay-w: 800px;--drawer-w: 440px;--overlay-pad: clamp(20px, 2.4vw, 32px);--_stage-pad: var(--drawer-inset);--_justify: flex-end;--_align: stretch;--_w: min(var(--drawer-w), 92vw);--_max-h: none;--_radius: min(var(--radius-drawer), var(--_stage-pad) * 999);--_from: translateX(calc(100% + var(--_stage-pad)));--_from-opacity: 1;--_safe-b: env(safe-area-inset-bottom, 0px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:var(--_stage-pad);border:0;background:none;color:var(--color-text);overflow:hidden;overscroll-behavior:contain;font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-style:var(--font-body-style);font-size:var(--text-base);line-height:var(--lh-body);letter-spacing:normal;text-transform:none;text-align:start;white-space:normal;transition:display var(--dur-fast) allow-discrete,overlay var(--dur-fast) allow-discrete}dialog.overlay[open]{display:flex;justify-content:var(--_justify);align-items:var(--_align)}dialog.overlay:not([open]){pointer-events:none}dialog.overlay::backdrop{background:var(--overlay-dim);backdrop-filter:blur(var(--overlay-blur));-webkit-backdrop-filter:blur(var(--overlay-blur));opacity:0;transition:opacity var(--dur-fast) var(--ease),display var(--dur-fast) allow-discrete,overlay var(--dur-fast) allow-discrete}dialog.overlay[open]::backdrop{opacity:calc(1 - var(--overlay-drag, 0));transition-duration:var(--dur)}@starting-style{dialog.overlay[open]::backdrop{opacity:0}}.overlay__panel{position:relative;display:flex;flex-direction:column;width:var(--_w);max-width:100%;max-height:var(--_max-h);min-height:0;background:var(--color-bg);color:var(--color-text);border-radius:var(--_radius);box-shadow:var(--shadow-lg);overflow:hidden;timeline-scope:--overlay-scroll;transform:var(--_from);opacity:var(--_from-opacity);transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}dialog.overlay[open] .overlay__panel{transform:none;opacity:1;transition-duration:var(--dur);transition-timing-function:var(--ease-out)}@starting-style{dialog.overlay[open] .overlay__panel{transform:var(--_from);opacity:var(--_from-opacity)}}.overlay__head{display:flex;flex:none;align-items:center;gap:12px;min-height:44px;padding-block:calc(var(--overlay-pad) / 2);padding-inline:var(--overlay-pad) calc(var(--overlay-pad) / 2);border-block-end:1px solid transparent}@supports (animation-timeline: --a){.overlay__head{animation:overlay-head-line linear both;animation-timeline:--overlay-scroll;animation-range:0 24px}}@keyframes overlay-head-line{to{border-block-end-color:var(--color-border)}}.overlay__title{flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:var(--overlay-title-size);line-height:var(--overlay-title-lh);letter-spacing:var(--heading-ls);text-transform:var(--overlay-title-case);text-wrap:balance;overflow-wrap:anywhere;color:var(--color-heading)}.overlay__close{display:inline-grid;flex:none;place-items:center;width:44px;height:44px;margin:0;margin-inline-start:auto;padding:0;border:0;border-radius:var(--radius-button);background:transparent;color:var(--color-heading);cursor:pointer;transition:background-color var(--dur-fast) var(--ease)}.overlay__close:hover{background:var(--color-surface)}.overlay__close .icon{width:var(--btn-icon);height:var(--btn-icon)}.overlay__body{flex:1 1 auto;min-height:0;padding:calc(var(--overlay-pad) / 4) var(--overlay-pad) var(--overlay-pad);overflow-y:auto;overscroll-behavior:contain;scroll-timeline:--overlay-scroll block}.overlay__body:first-child{padding-block-start:var(--overlay-pad)}.overlay__body:last-child{padding-block-end:calc(var(--overlay-pad) + var(--_safe-b))}.overlay__foot{flex:none;padding:calc(var(--overlay-pad) * .75) var(--overlay-pad) calc(var(--overlay-pad) * .75 + var(--_safe-b));border-block-start:1px solid var(--color-border)}@media(min-width:768px){dialog.overlay[data-desktop=drawer-left]{--_justify: flex-start;--_from: translateX(calc(-100% - var(--_stage-pad)))}dialog.overlay[data-desktop=popup]{--_stage-pad: var(--gutter);--_justify: center;--_align: center;--_w: min(var(--overlay-w), 92vw);--_max-h: 100%;--_radius: var(--radius-media);--_from: translateY(12px) scale(.97);--_from-opacity: 0;--_safe-b: 0px}}@media(max-width:767px){dialog.overlay{--_stage-pad: var(--drawer-inset-mobile)}dialog.overlay[data-mobile=drawer-left]{--_justify: flex-start;--_from: translateX(calc(-100% - var(--_stage-pad)))}dialog.overlay[data-mobile=popup]{--_stage-pad: var(--gutter);--_justify: center;--_align: center;--_w: min(var(--overlay-w), 92vw);--_max-h: 100%;--_radius: var(--radius-media);--_from: translateY(12px) scale(.97);--_from-opacity: 0;--_safe-b: 0px}dialog.overlay[data-mobile=sheet]{--_stage-pad: 0px;--_align: flex-end;--_w: 100%;--_max-h: 88dvh;--_radius: var(--radius-sheet) var(--radius-sheet) 0 0;--_from: translateY(100%)}dialog.overlay[data-mobile=sheet][data-sheet=tall]{--_max-h: 95dvh}dialog.overlay[data-mobile=sheet] .overlay__head{--grab-w: 36px;--grab-h: 4px;position:relative;padding-block-start:calc(var(--overlay-pad) / 2 + 12px);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}dialog.overlay[data-mobile=sheet] .overlay__head:before{content:"";position:absolute;inset-block-start:8px;inset-inline-start:50%;width:var(--grab-w);height:var(--grab-h);translate:-50% 0;border-radius:calc(var(--grab-h) / 2);background:rgb(var(--color-text-rgb) / .2)}dialog.overlay[data-mobile=sheet].is-dragging .overlay__head{cursor:grabbing}}dialog.overlay.is-dragging .overlay__panel,dialog.overlay.is-dragging::backdrop,dialog.overlay.is-instant,dialog.overlay.is-instant .overlay__panel,dialog.overlay.is-instant::backdrop{transition:none}.popover{max-width:min(360px,100vw - 2 * var(--gutter));max-height:min(480px,100dvh - 2 * var(--gutter));padding:8px;border:var(--popover-border) solid var(--color-border);border-radius:var(--radius-media);background:var(--color-bg);color:var(--color-text);box-shadow:var(--popover-shadow);overflow:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-4px);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-out),display var(--dur-fast) allow-discrete,overlay var(--dur-fast) allow-discrete}.popover:popover-open{opacity:1;transform:none}@starting-style{.popover:popover-open{opacity:0;transform:translateY(-4px)}}@supports (position-area: block-end){.popover--anchor{inset:auto;margin:6px 0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block,flip-inline}}@media(prefers-reduced-motion:reduce){dialog.overlay,dialog.overlay::backdrop,dialog.overlay .overlay__panel,dialog.overlay[open] .overlay__panel,dialog.overlay[open]::backdrop,.popover{transition:none;transition-duration:0s}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/overlay.css.map */