.drawer__overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:100}.drawer__content{height:100%;width:100%;max-width:504px;position:fixed;top:0;right:0;background:rgb(var(--color-neutral-white));transform:translate(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:101;padding:56px 56px 0;pointer-events:none;overflow:clip auto;opacity:0}.drawer.active .drawer__content{transform:translate(0);opacity:1;pointer-events:auto}.drawer.active .drawer__overlay{opacity:1;visibility:visible}body.drawer-open{overflow:hidden}.drawer__close{width:48px;height:48px;position:absolute;right:8px;top:8px;cursor:pointer;color:rgb(var(--color-primary-dark));background:transparent;border:none;display:flex;align-items:center;justify-content:center}.drawer__close .icon{width:14px;height:14px}@media screen and (max-width:767px){.drawer__content{max-width:100%;top:unset;bottom:0;height:calc(100dvh - 225px);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #1818644d;overflow:clip auto;padding:40px 24px 0;transform:translateY(100%)}.drawer--fit .drawer__content{height:fit-content;max-height:calc(100dvh - 225px)}.drawer.active .drawer__content{transform:translateY(0)}.drawer__close{top:0;right:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/drawer.css.map */