.drawer{--drawer-width-lg: 40rem;--padding-sidebar: var(--grid-outside-gap);--animation-speed: .6s;position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden;outline:0;margin:0!important;z-index:-10;display:none}@media(max-width:1023.98px){.drawer{--drawer-width-lg: 100vw ;--padding-sidebar: var(--space-l)}}.drawer--slide-left.drawer.drawer-transition-out .drawer__sidebar{transform:translate(-100%)!important}.drawer--slide-left.drawer.drawer-transition-out .drawer__wrapper{transform:translate(calc(100% + 2 * var(--padding-sidebar)))}@media(max-width:1023.98px){.drawer--slide-left.drawer.drawer-transition-out .drawer__wrapper{transform:translate(calc(100% + 2 * var(--padding-sidebar)))}}.drawer--slide-left .drawer__wrapper{transform:translate(calc(100% + 2 * var(--padding-sidebar)))}@media(max-width:1023.98px){.drawer--slide-left .drawer__wrapper{transform:translate(calc(100% + 2 * var(--padding-sidebar)))}}.drawer--slide-left .drawer__sidebar{right:unset;left:unset;transform:translate(-100%)}.drawer--slide-left .drawer__close{margin-right:unset;margin-left:auto}.drawer--large .drawer__sidebar{--drawer-width-lg: 60rem}.drawer--full .drawer__sidebar{--drawer-width-lg: 100%}body.drawer-visible .drawer{display:block}.drawer.drawer--visible{z-index:101}.drawer.drawer--visible .drawer__wrapper,.drawer.drawer--visible .drawer__sidebar{transition:all var(--animation-speed) cubic-bezier(.19,1,.22,1);transform:none}.drawer.drawer--visible .drawer__overlay{transition:all .8s var(--globalEase);opacity:1;visibility:visible}.drawer.drawer-transition-out .drawer__sidebar{transition:all var(--animation-speed) cubic-bezier(.19,1,.22,1);transform:translate(100%)}.drawer.drawer-transition-out .drawer__wrapper{transition:all var(--animation-speed) cubic-bezier(.19,1,.22,1);transform:translate(-100%)}.drawer.drawer-transition-out .drawer__overlay{transition:all .8s var(--globalEase);opacity:0;visibility:hidden}.drawer__header,.drawer__footer{display:flex;justify-content:center;align-items:center}.drawer__close{cursor:pointer;margin-right:auto}@media(max-width:1023.98px){.drawer__close{margin-right:unset;margin-left:auto}}.drawer__close--left{margin-right:auto;margin-left:unset}@media(max-width:1023.98px){.drawer__close--left{margin-right:auto;margin-left:unset}}.drawer__overlay{position:absolute;z-index:-1;top:0;left:0;background-color:rgb(var(--color-raisin-black),.3);opacity:0;visibility:hidden;width:100%;height:100%;transition:all 1s var(--globalEase)}.drawer__wrapper{transform:translate(-100%);transition:all var(--animation-speed) cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column;height:100%}.drawer__sidebar{display:flex;flex-direction:column;width:var(--drawer-width-lg);height:var(--100-vh);background:var(--color-white);position:absolute;right:0;top:0;overflow:hidden;transform:translate(100%);padding:var(--padding-sidebar);transition:all var(--animation-speed) cubic-bezier(.19,1,.22,1);z-index:1}.header-sticky .drawer__sidebar{height:var(--100-vh)}.drawer__content{flex:1;height:100%;width:100%;overflow:hidden auto}.drawer__content--loading:after{content:"";position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);transform:translate(-50%,-50%);border:3px solid var(--color-white);border-top:3px solid var(--color-raisin-black);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drawer__footer{margin-top:auto}
/*# sourceMappingURL=/cdn/shop/t/886/assets/drawer-DJzI224c.css.map */
