x-drawer,x-modal{display:contents}.overlay{padding:0;margin:0;border:0;max-inline-size:none;max-block-size:none;inline-size:100%;block-size:100%;background:transparent;color:var(--color-text);overflow:hidden}.overlay::backdrop{background-color:var(--color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-fade var(--duration-slow) var(--ease)}.overlay.is-closing::backdrop{animation:overlay-fade var(--duration) var(--ease) reverse forwards}.overlay__panel{position:absolute;display:flex;flex-direction:column;background-color:var(--color-surface);box-shadow:var(--shadow-overlay);overflow:hidden}.overlay__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:4rem;padding:var(--space-3) var(--space-5);border-block-end:1px solid var(--color-border)}.overlay__title{font-size:var(--fs-subtitle);font-weight:700}.overlay__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5)}.overlay__footer{padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));border-block-start:1px solid var(--color-border);background-color:var(--color-surface)}.drawer .overlay__panel{inset-block:0;inline-size:min(92vw,var(--drawer-width, 420px))}.drawer[data-position=start] .overlay__panel{inset-inline-start:0;border-start-end-radius:var(--radius-card);border-end-end-radius:var(--radius-card);animation:drawer-in-start var(--duration-slow) var(--ease)}.drawer[data-position=end] .overlay__panel{inset-inline-end:0;border-start-start-radius:var(--radius-card);border-end-start-radius:var(--radius-card);animation:drawer-in-end var(--duration-slow) var(--ease)}.drawer[data-position=start].is-closing .overlay__panel{animation:drawer-in-start var(--duration) var(--ease) reverse forwards}.drawer[data-position=end].is-closing .overlay__panel{animation:drawer-in-end var(--duration) var(--ease) reverse forwards}[dir=rtl] .drawer[data-position=start] .overlay__panel{animation-name:drawer-in-end}[dir=rtl] .drawer[data-position=end] .overlay__panel{animation-name:drawer-in-start}@media(max-width:767px){.drawer[data-mobile=bottom][data-position] .overlay__panel{inset-block:auto 0;inset-inline:0;inline-size:100%;max-block-size:88dvh;border-radius:var(--radius-card) var(--radius-card) 0 0;animation:sheet-in var(--duration-slow) var(--ease)}.drawer[data-mobile=bottom][data-position].is-closing .overlay__panel{animation:sheet-in var(--duration) var(--ease) reverse forwards}.drawer[data-mobile=bottom] .overlay__header:before{content:"";position:absolute;inset-block-start:var(--space-2);inset-inline-start:50%;inline-size:2.5rem;block-size:4px;border-radius:var(--radius-pill);background-color:var(--color-border);transform:translate(-50%)}[dir=rtl] .drawer[data-mobile=bottom] .overlay__header:before{transform:translate(50%)}}.modal .overlay__panel{inset-block-start:50%;inset-inline-start:50%;inline-size:min(calc(100vw - var(--space-8)),var(--modal-width, 960px));max-block-size:calc(100dvh - var(--space-8));border-radius:var(--radius-card);transform:translate(-50%,-50%);animation:modal-in var(--duration-slow) var(--ease)}[dir=rtl] .modal .overlay__panel{transform:translate(50%,-50%);animation-name:modal-in-rtl}.modal.is-closing .overlay__panel{animation:modal-in var(--duration) var(--ease) reverse forwards}[dir=rtl] .modal.is-closing .overlay__panel{animation-name:modal-in-rtl}.modal--sm .overlay__panel{--modal-width: 480px}.overlay__close-floating{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);z-index:2;background-color:var(--color-surface)}@media(max-width:767px){.modal[data-mobile=bottom] .overlay__panel,[dir=rtl] .modal[data-mobile=bottom] .overlay__panel{inset-block:auto 0;inset-inline:0;inline-size:100%;max-block-size:92dvh;border-radius:var(--radius-card) var(--radius-card) 0 0;transform:none;animation:sheet-in var(--duration-slow) var(--ease)}.modal[data-mobile=bottom].is-closing .overlay__panel{animation:sheet-in var(--duration) var(--ease) reverse forwards}}.quick-view-skeleton{display:grid;gap:var(--space-6);padding:var(--space-5)}@media(min-width:768px){.quick-view-skeleton{grid-template-columns:1fr 1fr;padding:var(--space-8)}}.quick-view-skeleton .skeleton--media{aspect-ratio:1}.quick-view-skeleton .stack{--stack-space: var(--space-4);padding-block-start:var(--space-4)}@keyframes overlay-fade{0%{opacity:0}}@keyframes drawer-in-start{0%{transform:translate(-100%)}}@keyframes drawer-in-end{0%{transform:translate(100%)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px))}}@keyframes modal-in-rtl{0%{opacity:0;transform:translate(50%,calc(-50% + 16px))}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-overlay.css.map */