.sus-drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-overlay),.4);transition:visibility var(--duration-default) ease;visibility:hidden}.sus-drawer.active{visibility:visible}.sus-drawer.active .drawer__inner{transform:translate(0)}.sus-drawer .drawer__content{height:100%;overflow:auto;margin-right:.8rem}.sus-drawer .drawer__content::-webkit-scrollbar{width:6px;height:6px}.sus-drawer .drawer__content::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.4);border-radius:100px}.sus-drawer .drawer__contents{flex-grow:1;display:flex;flex-direction:column;padding-left:2.4rem;padding-right:1.6rem}@media (min-width: 576px){.sus-drawer .drawer__contents{padding-left:3.2rem;padding-right:2.4rem}}.sus-drawer .drawer__inner{position:relative;display:flex;flex-direction:column;width:65.6rem;max-width:100vw;height:100%;background-color:var(--sus-color-white);transform:translate(100%);transition:transform var(--duration-default) ease}.sus-drawer .drawer__header{position:relative;padding:3.2rem 3.2rem 2.4rem}.sus-drawer .drawer__heading{margin:0}.sus-drawer .drawer__close{position:absolute;top:2.4rem;right:2.4rem}.sus-drawer .drawer__footer{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem}.sus-drawer .button--size-drawer{display:inline-flex;align-items:center;justify-content:center;min-width:calc(33.3% - .6rem);height:3.6rem;padding:0 1.5rem;font-size:1.4rem;color:var(--sus-color-text);border:1px solid var(--sus-color-gray-light-2);background-color:var(--sus-color-white);border-radius:.4rem;cursor:pointer;position:relative;transition:var(--duration-default)}@media (min-width: 420px){.sus-drawer .button--size-drawer{min-width:calc(25% - .6rem)}}@media (min-width: 500px){.sus-drawer .button--size-drawer{min-width:calc(20% - .6rem)}}@media (min-width: 600px){.sus-drawer .button--size-drawer{min-width:calc(16.6% - .6rem)}}@media (min-width: 750px){.sus-drawer .button--size-drawer{font-size:1.6rem;height:4rem}}.sus-drawer .button--size-drawer:hover{border-color:var(--sus-color-hover)}.sus-drawer .button--size-drawer.active{border-color:var(--sus-color-brand);background-color:var(--sus-color-brand);color:var(--sus-color-white)}.sus-drawer .button--size-drawer.disabled{color:var(--sus-color-gray-light-2);border-color:var(--sus-color-gray-light-2);position:relative;opacity:1}.sus-drawer .button--size-drawer.disabled:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top left,#0000 0% calc(50% - .8px),#0003 50%,#0000 calc(50% + .8px) 100%)}.sus-drawer .button--size-drawer.disabled.active{color:var(--sus-color-text-disabled);background-color:var(--sus-color-gray-light-3)}.sus-drawer .button--size-drawer.disabled.active:after{background:linear-gradient(to top left,#0000 0% calc(50% - .8px),#cdcdcd 50%,#0000 calc(50% + .8px) 100%)}.sus-drawer .button--size-drawer.button--notify{padding:0 2.5rem 0 1rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' stroke='%234d4b50' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.724,4.224c-0,-0 5.301,5.504 6.622,6.882c1.322,1.378 2.187,1.498 3.503,-0.053c0.083,-0.098 6.651,-7.053 6.651,-7.053 M1.5,15.886l5.638,-5.348 M18.49,16l-5.735,-5.717 M1.5,16l17,0l-0,-12l-17,0l0,12'/%3E%3C/svg%3E")!important;background-position:right 20px!important;background-repeat:no-repeat!important;background-size:22px 14px!important}.sus-drawer .size-container-header{margin-bottom:.8rem;padding-top:1.2rem}.sus-drawer .size-container-selection{padding:1rem 0}.sus-drawer .size-container-parent{display:flex}.sus-drawer .size-container-parent,.sus-drawer .size-container-child{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.6rem}.sus-drawer .size-container-child{display:none}.sus-drawer .size-container-child.active{display:flex;flex-wrap:wrap}.sus-drawer .size-container-child .button--size-drawer{min-width:calc(50% - .6rem)}@media (min-width: 420px){.sus-drawer .size-container-child .button--size-drawer{min-width:calc(33.3% - .6rem)}}@media (min-width: 500px){.sus-drawer .size-container-child .button--size-drawer{min-width:calc(25% - .6rem)}}@media (min-width: 660px){.sus-drawer .size-container-child .button--size-drawer{min-width:calc(20% - .6rem)}}.sus-drawer .size-container-subselection{margin-top:3rem;opacity:.4;pointer-events:none}.sus-drawer .size-container-subselection.active{opacity:unset;pointer-events:all}.sus-drawer .cart__cta{padding:1rem 0 0}.sus-drawer .info-stock{font-size:85%;font-weight:700;color:var(--sus-color-brand);height:3rem;padding-top:.6rem}.sus-drawer .sus_est_delivery_date{display:none}.sus-drawer .size-container-help-btns{display:flex;flex-direction:column;gap:1rem}@media (min-width: 520px){.sus-drawer .size-container-help-btns{flex-direction:row}}.sus-drawer .size-container-help-btns .button{width:100%;padding:1rem 2.2rem!important;text-align:center!important}@media (min-width: 520px){.sus-drawer .size-container-help-btns .button{width:calc(50% - .5rem);font-size:1.45rem}}.sus-drawer .size-section-helpers>span{display:block;text-align:right;margin:1.1rem 0}.sus-drawer .size-section-helpers .product-popup{margin:0}.sus-drawer .size-section-cart{padding:1rem 0 2rem}.sus-drawer .size-section-cart .price-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:0;margin-bottom:.7rem}.sus-drawer .size-section-cart .price{justify-content:flex-start;align-items:flex-start}.sus-drawer .size-section-notification{margin:3rem 0 2rem;background-color:var(--sus-color-gray-light-3);border-radius:var(--sus-border-radius);padding:1.5rem}.sus-drawer .cart__cta{display:flex;flex-direction:column;gap:1rem 1rem}@media (min-width: 580px){.sus-drawer .cart__cta{flex-direction:row}}.sus-drawer .cart__cta .button{width:100%;padding:0 1rem}@media (min-width: 580px){.sus-drawer .cart__cta .button{width:calc(50% - .5rem)}}@media (min-width: 1200px){.sus-drawer .cart__cta .button{width:100%}}@media (min-width: 1400px){.sus-drawer .cart__cta .button{width:calc(50% - .5rem)}}.sus-drawer .calc-container-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--sus-color-gray-light-4);border-radius:var(--sus-border-radius);padding:1.5rem 2rem;text-align:center}.sus-drawer .calc-container-preview .button{max-width:27rem}.sus-drawer .calc-container-preview .button.button-icon{gap:.4rem}@media (max-width: 419px){.sus-drawer .calc-container-preview .button.button-icon{padding:1rem}}.sus-drawer .calc-container-content{position:relative;border-radius:var(--sus-border-radius);background-color:var(--sus-color-gray-light-4);padding:.5rem 1.5rem 1.5rem;margin-bottom:2rem}.sus-drawer .calc-container-content .icon-close{position:absolute;top:.7rem;right:.7rem}@media (min-width: 1360px){.sus-drawer .calc-container-content h4,.sus-drawer .calc-container-content .h4{font-size:calc(var(--font-heading-h4-scale) * 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/snippet-sus-variant-drawer.css.map */