.drawer{--menu-max-width: 630px;--icon-size: 36px;position:fixed;top:0;right:calc(var(--menu-max-width) * -1);display:none;transition:right var(--animation-duration) var(--animation-timing);z-index:9999999999}.drawer.active{display:block;width:100%;max-width:var(--menu-max-width);height:100%;right:0}.drawer.visible .drawer__overlay{opacity:1}.drawer.visible .drawer__container{transform:translate(0);opacity:1}.drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#45454599;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transition:opacity .25s;cursor:pointer}.drawer__container{width:100%;max-width:var(--menu-max-width);height:100%;display:flex;flex-direction:column;background-color:var(--color-background-popover);color:var(--color-text-popover);position:relative;padding:var(--space-outer) 70px 40px var(--space-outer);z-index:var(--z-index-popup);transform:translate(100%);transition:transform var(--animation-duration) var(--animation-timing);overflow:auto}.drawer__header{font-size:45px;font-weight:400;margin-bottom:40px}.drawer__close{position:absolute;top:15px;right:10px}.drawer__close .icon{width:40px;height:40px}@media (min-width: 45em){.drawer{--icon-size:28px }}@media screen and (prefers-reduced-motion: reduce){.drawer,.drawer__container{transition-duration:0s}}.drawer .faq-item.active .faq-item__header{font-weight:700}.drawer .faq-item__content{font-size:20px}.drawer .faq-wrapper{margin-top:0}.drawer .faq-item__header{padding-top:17px;padding-bottom:17px}[data-drawer=size-guide] .drawer__container{justify-content:center}[data-drawer=faq] .drawer__content{max-height:calc(100vh - 210px);overflow:auto}.drawer .table__header{margin-bottom:15px}.drawer .table__column{font-size:20px;padding-top:20px;padding-bottom:20px}.drawer .table__column:nth-child(1){width:20%}.drawer .table__column:nth-child(2){width:35%}.drawer .table__column:nth-child(3){width:45%}@media (max-width: 576px){.drawer__container{padding-left:20px;padding-right:20px}.drawer__header{font-size:30px}.drawer .table__column{font-size:16px}.drawer .table__header{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-drawer.css.map */