html.popup-lock{overflow:hidden}.popup{display:contents}.popup__dialog{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:min(var(--popup-width, 72rem),calc(100vw - 3.2rem));max-width:none;max-height:calc(100dvh - 3.2rem);margin:auto;padding:0;overflow:visible;border:0;background:transparent;color:rgba(var(--color-foreground-secondary))}.popup__dialog:focus{outline:none}.popup__dialog::backdrop{background:#00000080}.popup--backdrop-none .popup__dialog::backdrop{background:transparent}.popup--backdrop-blur .popup__dialog::backdrop{background:#0000004d;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.popup__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);max-height:inherit;overflow:hidden;border:var(--content-container-border, none);border-radius:var(--popup-radius, var(--content-container-radius, 0));background:rgb(var(--color-background));box-shadow:0 2.4rem 6.4rem #0000003d}.popup__media{position:relative;min-height:22rem;background:rgba(var(--color-foreground),.06)}.popup__media img,.popup__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.popup__media .placeholder-svg{fill:rgba(var(--color-foreground),.35)}.popup--image-top .popup__media{min-height:0;aspect-ratio:16 / 9}.popup__content{display:flex;flex-direction:column;justify-content:center;gap:var(--popup-gap, 1.6rem);min-height:0;padding:min(var(--popup-padding, 4rem),2.8rem);overflow-y:auto;overscroll-behavior:contain;text-align:var(--popup-align, center)}.popup__content>*{--group-child-flex: 0 0 auto;--group-child-width: 100%;--group-child-width-fill: 100%;--group-parent-gap: 0px;--group-child-align-fit: var(--popup-fit, center)}.popup__close{position:absolute;z-index:2;top:1.2rem;right:1.2rem;display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-background),.88);color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .2s ease}.popup__close:hover{background:rgb(var(--color-background))}.popup__close svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.popup__close:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (min-width:750px){.popup__content{padding:var(--popup-padding, 4rem)}.popup--image-left .popup__panel:has(>.popup__media),.popup--image-right .popup__panel:has(>.popup__media){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.popup--image-right .popup__media{order:2}.popup--bottom_left .popup__dialog,.popup--bottom_right .popup__dialog{inset:auto auto 2.4rem 2.4rem;width:min(var(--popup-width, 72rem),44rem);margin:0}.popup--bottom_right .popup__dialog{inset:auto 2.4rem 2.4rem auto}.popup--bottom_left .popup__panel,.popup--bottom_right .popup__panel{grid-template-columns:minmax(0,1fr)}.popup--bottom_left .popup__media,.popup--bottom_right .popup__media{order:0;min-height:0;aspect-ratio:16 / 9}.popup--bottom_left .popup__content,.popup--bottom_right .popup__content{padding:min(var(--popup-padding, 4rem),3.2rem)}}@media screen and (max-width:749px){.popup--mobile-bottom .popup__dialog{inset:auto 0 0;width:100%;max-height:90dvh;margin:0}.popup--mobile-bottom .popup__panel{border-bottom-right-radius:0;border-bottom-left-radius:0}.popup--mobile-bottom .popup__content{padding-bottom:max(min(var(--popup-padding, 4rem),2.8rem),env(safe-area-inset-bottom))}.popup__media{min-height:0;aspect-ratio:16 / 9}.popup--no-media-mobile .popup__media{display:none}}.popup__veil{position:fixed;z-index:1009;top:0;right:0;bottom:0;left:0;background:#00000073}.popup--editor .popup__dialog{z-index:1010}.popup__veil[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.popup__dialog[open] .popup__panel{animation:popup-in .4s cubic-bezier(.2,.8,.2,1)}.popup__dialog[open]::backdrop{animation:popup-fade .3s ease}.popup__dialog[data-closing] .popup__panel{animation:popup-out .2s ease forwards}.popup__dialog[data-closing]::backdrop{animation:popup-fade .2s ease reverse forwards}@media screen and (max-width:749px){.popup--mobile-bottom .popup__dialog[open] .popup__panel{animation-name:popup-sheet}.popup--mobile-bottom .popup__dialog[data-closing] .popup__panel{animation:popup-sheet .2s ease reverse forwards}}}@keyframes popup-in{0%{opacity:0;transform:translateY(1.6rem) scale(.97)}}@keyframes popup-out{to{opacity:0;transform:translateY(1rem) scale(.98)}}@keyframes popup-sheet{0%{transform:translateY(100%)}}@keyframes popup-fade{0%{opacity:0}}.popup-close{flex:0 0 auto;align-self:var(--popup-close-align, center);max-width:100%}.popup-close--full{align-self:stretch;width:100%}.popup-close--link{padding:.4rem;border:0;background:none;color:rgba(var(--color-foreground),.75);font:inherit;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.popup-close--link:hover{color:rgb(var(--color-foreground))}.popup.popup--preview{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:600px;padding:40px;background:#00000073}.popup.popup--preview.popup--backdrop-none{background:rgba(var(--color-foreground),.06)}.popup.popup--preview .popup__dialog{position:relative;inset:auto;width:min(var(--popup-width, 72rem),100%);max-height:none;margin:0}.popup.popup--preview .popup__panel{max-height:none;animation:none}.popup.popup--preview .popup__veil{display:none}@media screen and (min-width:750px){.popup.popup--preview:is(.popup--bottom_left,.popup--bottom_right){align-items:flex-end;justify-content:flex-start}.popup.popup--preview.popup--bottom_right{justify-content:flex-end}.popup.popup--preview:is(.popup--bottom_left,.popup--bottom_right) .popup__dialog{width:min(var(--popup-width, 72rem),44rem)}}
/*# sourceMappingURL=/cdn/shop/t/198/assets/component-popup.css.map */