header-panel-drawer{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:1000;display:flex;justify-content:flex-end;visibility:hidden;transition:visibility var(--duration-long, .5s) ease;pointer-events:none}header-panel-drawer.active{visibility:visible;pointer-events:auto}.header-panel-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity var(--duration-long, .5s) ease}header-panel-drawer.active .header-panel-drawer__overlay{opacity:1}.header-panel-drawer__overlay:empty{display:block}.header-panel-drawer__inner{position:relative;height:100%;background-color:#fff;overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-long, .4s) ease;z-index:1}header-panel-drawer.active .header-panel-drawer__inner{transform:translate(0)}.header-panel-drawer__header{display:flex;justify-content:flex-end;align-items:center;padding:72px 50px}.header-panel-drawer__close{display:inline-flex;align-items:center;justify-content:center;padding:0;min-width:3.2rem;min-height:3.2rem;background:transparent;border:none;cursor:pointer;color:#000}.header-panel-drawer__close:focus,.header-panel-drawer__close:focus-visible{box-shadow:none;outline:none}.header-panel-drawer__close .svg-wrapper{height:2rem;width:2rem}.header-panel-drawer--account .header-panel-drawer__inner,.header-panel-drawer--search .header-panel-drawer__inner{width:602px;max-width:calc(100vw - 3rem)}.header-panel-drawer__body{flex:1;overflow-y:auto;padding:0 72px}.header-panel-drawer__footer{padding:0 40px 40px}header-panel-drawer .menu-drawer{position:static;transform:none;visibility:visible;z-index:auto;width:100%;height:auto;overflow-x:visible;filter:none;background-color:transparent;transition:none}@media screen and (max-width:749px){.header-panel-drawer--account .header-panel-drawer__inner,.header-panel-drawer--search .header-panel-drawer__inner{width:100%;max-width:100%}.header-panel-drawer__body{padding:0 20px}.header-panel-drawer__footer{padding:0 20px 20px}.header-panel-drawer__header{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/component-header-panel-drawer.css.map */