.drawer{--drawer-duration: .4s;position:fixed;top:0;left:0;width:100vw;height:100%;z-index:6;display:flex;justify-content:flex-end;pointer-events:none;visibility:hidden;transition:visibility var(--drawer-duration) var(--ease-smooth)}.drawer.active{visibility:visible;pointer-events:auto}.drawer__wrapper{-webkit-user-select:none;user-select:none;width:100%}.drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity var(--drawer-duration) var(--ease-smooth),visibility var(--drawer-duration) var(--ease-smooth);cursor:pointer;pointer-events:none}.drawer.active .drawer__overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer__inner{background-color:var(--kt-white);color:var(--kt-black);width:calc(100% - var(--page-margin) * 2);margin-left:var(--page-margin);margin-top:var(--page-margin);height:calc(100% - var(--page-margin) * 2);pointer-events:all;transition:transform var(--drawer-duration) var(--ease-smooth);transform:translate(110%);display:flex;flex-direction:column}.drawer__inner:focus-visible{outline:none}.drawer.active .drawer__inner{transform:translate(0)}@media screen and (min-width:768px){.drawer__inner{width:calc(100% - var(--page-margin));margin-left:auto;margin-right:var(--page-margin);max-width:var(--drawer-width);min-width:var(--drawer-width)}}.drawer__close{position:absolute;top:1.5rem;right:1.5rem}@media(hover:hover){.drawer__close:hover{text-decoration:underline}}.drawer__close:focus-visible{text-decoration:underline}.drawer__header{padding:0 1.5rem}.drawer__heading{margin-bottom:2rem}.drawer__scroll-area{flex:1;min-height:0;display:flex;flex-direction:column;padding:3.875rem 0 0;scrollbar-width:none;overscroll-behavior:contain;overflow-x:hidden;overflow-y:auto}.drawer__content{flex:1;display:flex;flex-direction:column}.drawer__footer{position:relative;flex-shrink:0;background-color:var(--kt-white);padding:1.5rem;z-index:var(--z-index-navigation)}.drawer__footer--static{position:static;margin-top:0}.drawer__footer--static:before,.drawer__footer--static:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-drawer.css.map */