.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:var(--z-index-lowest, -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:var(--line-height-base, 0);border:none;padding:0;z-index:var(--z-index-temporary, 5);height:3.8rem;width:3.8rem;position:absolute;top:2.2rem;right:1.6rem}.modal__toggle:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.modal__toggle svg{width:100%;height:100%}.modal.active{opacity:1;visibility:visible;z-index:calc(var(--z-index-temporary, 5) + 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}.modal--video .modal__inner,.modal--video .modal__content-info,.modal--video :is(.media-wrapper,.media,img){height:100%}.modal--video .modal__inner{max-height:40rem}.modal--video .modal__content{padding:0}.modal--video video::-webkit-media-controls-enclosure{display:flex!important}.modal--sizechart .modal__toggle{top:1.6rem;right:.8rem}.modal--sizechart .modal__heading{font-size:2.8rem}.modal--sizechart .modal__content{padding-top:0}.modal--sizechart .modal__content h3{font-size:2rem;margin-bottom:1.6rem}.modal--sizechart .table-wrap{margin:0 0 2.4rem}.modal--sizechart .modal__content-info ul{font-size:1.6rem;margin:0 0 2.4rem}.modal--sizechart .size-chart-content{background:#f5fae8;padding:16px}.modal--sizechart .size-chart-content h3{margin:0 0 .8rem}.modal--sizechart .size-chart-content p{font-size:1.6rem;margin:0}@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}.view-entire-look-modal .modal__header{padding:2.6rem 2.4rem}.modal__toggle svg{width:100%;height:100%}}@media screen and (min-width: 1033px){.modal__inner{width:calc(100vw - 12rem);min-height:fit-content}.modal--video .modal__inner{width:calc(100vw - 40rem);max-width:138.2rem;max-height:min(70vh,77.7rem)}.modal__heading{font-size:calc(var(--font-heading-scale) * 2.8rem);line-height:1.2}.modal--sizechart .modal__header{padding:26px 24px}.modal--sizechart .modal__toggle{top:2.2rem;right:.8rem}@supports (width: min(100vw,80rem)){.modal__inner{width:min(calc(100vw - 12rem),80rem)}}}@media screen and (min-width: 1500px){.modal--video .modal__inner{width:calc(100vw - 12rem);max-width:138.2rem;max-height:min(80vh,77.7rem)}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/component-modal.css.map */