.content-popup-modal,.content-popup-modal.closed{--open-transition-time: var(--duration-long);opacity:1;z-index:10;top:0;left:0;width:100%;background:rgba(var(--color-foreground),0);height:100%;opacity:0;position:fixed;visibility:hidden;transition:background var(--open-transition-time) ease,backdrop-filter var(--open-transition-time) ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.content-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.content-popup-modal[open]:not(.closed){background:rgba(var(--color-foreground),.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.content-popup-modal__wrapper,.content-popup-modal.closed .content-popup-modal__wrapper{--modal-padding: 2.5rem;--modal-margins: var(--page-padding-x);position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%);border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));max-width:var(--page-width);width:calc(100% - var(--modal-margins) - var(--modal-margins));height:fit-content;max-height:calc(100dvh - var(--modal-margins) - var(--modal-margins));overflow:hidden;overflow-y:auto;padding:var(--modal-padding);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));transition:opacity var(--open-transition-time) ease}.content-popup-modal[open]:not(.closed) .content-popup-modal__wrapper{opacity:1}.content-popup-modal__wrapper>div{overflow:visible;scroll-padding:0 1rem}@media screen and (min-width: 750px){.content-popup-modal__wrapper,.content-popup-modal.closed .content-popup-modal__wrapper{max-height:calc(100dvh - var(--modal-margins) - var(--modal-margins))}}@media screen and (max-width: 989px){.content-popup-modal__wrapper.quick-add-modal__content{height:calc(100% - 30px)}}@media screen and (min-width: 990px){.content-popup-modal__wrapper,.content-popup-modal.closed .content-popup-modal__wrapper{max-height:calc(100dvh - var(--modal-margins) - var(--modal-margins))}}.content-popup-modal--full-size .content-popup-modal__wrapper,.content-popup-modal--full-size.closed .content-popup-modal__wrapper{height:100dvh}.content-popup-modal--no-margins .content-popup-modal__wrapper,.content-popup-modal--no-margins.closed .content-popup-modal__wrapper{max-height:100%;width:100%;max-width:100%}.content-popup-modal .content-popup-modal__toggle{background-color:rgba(var(--color-background),0);border:none;color:rgba(var(--color-foreground),1);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:5;width:2.2rem;height:2.2rem;margin-left:auto;min-width:unset;min-height:unset;position:sticky;margin-top:-2.2rem;margin-bottom:0;margin-right:calc(-1 * var(--modal-padding) / 3);top:calc(-1 * var(--modal-padding) / 3);right:calc(-1 * var(--modal-padding) / 3)}.content-popup-modal .content-popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75);background-color:rgba(var(--color-background),0)}.content-popup-modal .content-popup-modal__toggle:after{content:none}.content-popup-modal .content-popup-modal__toggle .icon{margin:0;width:2.2rem;height:2.2rem}.content-popup-modal__wrapper>div>*:first-child{margin-top:0!important}.content-popup-modal__wrapper>div>*:last-child{margin-bottom:0!important}.content-popup-modal .content-popup-modal__wrapper>div .content-popup-modal__title{text-transform:uppercase;margin-bottom:2.4rem;margin-top:0}.content-popup-modal .content-popup-modal__wrapper>div table,.content-popup-modal .content-popup-modal__table{width:100%;border:none;box-shadow:none;table-layout:auto;word-break:keep-all}.content-popup-modal .content-popup-modal__wrapper>div tr,.content-popup-modal .content-popup-modal__table tr{height:unset!important}.content-popup-modal .content-popup-modal__wrapper>div td,.content-popup-modal .content-popup-modal__wrapper>div th,.content-popup-modal .content-popup-modal__table td,.content-popup-modal .content-popup-modal__table th{border:none;box-shadow:none;vertical-align:top;border-bottom:1px solid rgba(var(--color-foreground),.1);padding:4rem 0 2.4rem;flex:1;text-align:start;vertical-align:start;height:unset!important;min-width:120px!important}.content-popup-modal .content-popup-modal__wrapper>div td span,.content-popup-modal .content-popup-modal__wrapper>div th span,.content-popup-modal .content-popup-modal__table td span,.content-popup-modal .content-popup-modal__table th span{width:100%}.content-popup-modal .content-popup-modal__wrapper>div tr:first-child td,.content-popup-modal .content-popup-modal__wrapper>div tr:first-child th,.content-popup-modal .content-popup-modal__table tr:first-child td,.content-popup-modal .content-popup-modal__table tr:first-child th{padding-top:2.4rem}.content-popup-modal .content-popup-modal__wrapper>div td>*,.content-popup-modal .content-popup-modal__wrapper>div th>*,.content-popup-modal .content-popup-modal__table td>*,.content-popup-modal .content-popup-modal__table th>*{margin:.4rem 0}.content-popup-modal .content-popup-modal__wrapper>div td>*:first-child,.content-popup-modal .content-popup-modal__wrapper>div th>*:first-child,.content-popup-modal .content-popup-modal__table td>*:first-child,.content-popup-modal .content-popup-modal__table th>*:first-child{margin-top:0}.content-popup-modal .content-popup-modal__table td:not(:first-child)>*,.content-popup-modal .content-popup-modal__table th:not(:first-child)>*{color:rgba(var(--color-foreground),.5)}.content-popup-modal .content-popup-modal__wrapper>div td>*:last-child,.content-popup-modal .content-popup-modal__wrapper>div th>*:last-child,.content-popup-modal .content-popup-modal__table td>*:last-child,.content-popup-modal .content-popup-modal__table th>*:last-child{margin-bottom:0}.content-popup-modal .content-popup-modal__wrapper>div tr td:not(:first-child),.content-popup-modal .content-popup-modal__wrapper>div tr th:not(:first-child),.content-popup-modal .content-popup-modal__table tr td:not(:first-child),.content-popup-modal .content-popup-modal__table tr th:not(:first-child){padding-left:1.6rem}.content-popup-modal .content-popup-modal__wrapper>div table ul,.content-popup-modal .content-popup-modal__table ul{padding:0 1.6rem}.content-popup-modal.product-popup-modal--size-guide .content-popup-modal__wrapper>div tr{justify-content:stretch}.content-popup-modal.product-popup-modal--size-guide .content-popup-modal__wrapper>div td,.content-popup-modal.product-popup-modal--size-guide .content-popup-modal__wrapper>div th{padding:1rem!important;text-align:center!important;border:none;min-width:6rem!important}.content-popup-modal.product-popup-modal--size-guide .content-popup-modal__wrapper>div tr:not(:last-child) td,.content-popup-modal.product-popup-modal--size-guide .content-popup-modal__wrapper>div tr:not(:last-child) th{border-bottom:1px solid rgba(var(--color-foreground),.1)}.content-popup-modal.product-popup-modal--size-guide .content-popup-modal__wrapper>div tr td:not(:last-child),.content-popup-modal.product-popup-modal--size-guide .content-popup-modal__wrapper>div tr th:not(:last-child){border-right:1px solid rgba(var(--color-foreground),.1)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-content-popup-modal.css.map */