.modal{--color-foreground: var(--global-color-foreground);--color-background: var(--global-color-background);--gradient-background: rgb(var(--global-color-background));display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;visibility:hidden;background:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;box-sizing:border-box}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;cursor:pointer}.modal__overlay:empty{display:block}.modal__inner{display:flex;flex-direction:column;position:relative;overflow:hidden;width:100%;height:100%;max-height:80vh;min-height:30vh;max-width:calc(100vw - 3.2rem);border-radius:var(--popup-corner-radius);border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.modal__inner--auto-height{height:auto;min-height:unset!important}.modal__header{padding:1.6rem}.modal__heading{font-size:calc(var(--font-heading-scale) * 3.2rem);line-height:calc(3.8rem*max(1,var(--font-heading-scale)));margin-top:0;margin-bottom:0;text-transform:capitalize}.modal__content{height:100%;flex:1 1 0%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-color:auto;scrollbar-width:thin;padding:1.6rem}.modal__toggle{-webkit-appearance:none;appearance:none;display:flex;color:currentColor;cursor:pointer;background:transparent;line-height:0;border:none;padding:0;z-index:var(--z-index-base);height:3.2rem;width:3.2rem;position:absolute;top:1.6rem;right:1.6rem}.modal__toggle:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.modal__toggle svg{width:1.6rem;height:1.6rem}.modal.active{opacity:1;visibility:visible;z-index:calc(var(--z-index-base) + 2)}.modal__close-button.link{display:flex;justify-content:center;align-items:center;padding:0rem;height:4.4rem;width:4.4rem;background-color:transparent}.modal__close-button .icon{width:1.7rem;height:1.7rem}@media screen and (min-width: 750px){.modal__inner{max-width:calc(100vw - 3rem);width:min(calc(100vw - 3rem),50rem)}.modal__inner--auto-height{max-height:min(80vh,95rem)}.modal--small .modal__inner{width:40rem}.modal--large .modal__inner{width:min(calc(100vw - 12rem),128.8rem)}.modal__header,.modal__content{padding:2.4rem}.modal__toggle svg{width:2rem;height:2rem}}@media screen and (min-width: 990px){.modal__inner{width:calc(100vw - 12rem);min-height:fit-content}@supports (width: min(100vw,80rem)){.modal__inner{width:min(calc(100vw - 12rem),80rem)}}.modal__heading{font-size:calc(var(--font-heading-scale) * 4rem);line-height:calc(4.8rem*max(1,var(--font-heading-scale)))}}.quick-add-modal.modal.active{z-index:calc(var(--z-index-drawer, 5) + 2)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-modal.css.map */