.overlay-drawer{padding:0;border:none;max-width:none;max-height:none;background:transparent;overflow:visible}.overlay-drawer::backdrop{background:#00000080}.overlay-drawer[open]::backdrop{animation:overlayBackdropFadeIn .3s ease forwards}.overlay-drawer__panel{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.overlay-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.overlay-drawer__title{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.overlay-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:none;cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-bg)}.overlay-drawer__close:hover{background:#0000000d}.overlay-drawer__close svg{width:20px;height:20px}.overlay-drawer__body{flex:1 1 auto;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.overlay-drawer__footer{flex-shrink:0;padding:16px 20px;border-top:1px solid rgba(0,0,0,.1)}.overlay-drawer--left{position:fixed;top:0;left:0;bottom:0;width:min(400px,85vw);height:100%;margin:0}.overlay-drawer--left[open]{animation:overlaySlideInLeft .3s ease forwards}.overlay-drawer--right{position:fixed;top:0;right:0;bottom:0;width:min(400px,85vw);height:100%;margin:0}.overlay-drawer--right[open]{animation:overlaySlideInRight .3s ease forwards}.overlay-drawer--bottom{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:80dvh;margin:0}.overlay-drawer--bottom .overlay-drawer__panel{border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.overlay-drawer--bottom[open]{animation:overlaySlideInBottom .3s ease forwards}.overlay-drawer--top{position:fixed;top:0;left:0;right:0;width:100%;max-height:80dvh;margin:0}.overlay-drawer--top .overlay-drawer__panel{border-radius:0 0 16px 16px}.overlay-drawer--top[open]{animation:overlaySlideInTop .3s ease forwards}@keyframes overlaySlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes overlaySlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes overlaySlideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes overlaySlideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes overlayBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayBackdropFadeOut{0%{opacity:1}to{opacity:0}}@keyframes overlaySlideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes overlaySlideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes overlaySlideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes overlaySlideOutTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.overlay-drawer[data-closing]::backdrop{animation:overlayBackdropFadeOut .3s ease forwards}.overlay-drawer--left[data-closing]{animation:overlaySlideOutLeft .3s ease forwards}.overlay-drawer--right[data-closing]{animation:overlaySlideOutRight .3s ease forwards}.overlay-drawer--bottom[data-closing]{animation:overlaySlideOutBottom .3s ease forwards}.overlay-drawer--top[data-closing]{animation:overlaySlideOutTop .3s ease forwards}@media screen and (max-width:699px){.overlay-drawer--left,.overlay-drawer--right{top:auto;bottom:0;left:0;right:0;width:100%;max-height:85dvh;height:auto;overflow:hidden}.overlay-drawer--left .overlay-drawer__panel,.overlay-drawer--right .overlay-drawer__panel{border-radius:16px 16px 0 0;max-height:85dvh}.overlay-drawer--left .overlay-drawer__body,.overlay-drawer--right .overlay-drawer__body{min-height:0}.overlay-drawer--left[open],.overlay-drawer--right[open]{animation:overlaySlideInBottom .3s ease forwards}.overlay-drawer--left[data-closing],.overlay-drawer--right[data-closing]{animation:overlaySlideOutBottom .3s ease forwards}}@media(prefers-reduced-motion:reduce){.overlay-drawer[open]{animation:none}.overlay-drawer[open]::backdrop{animation:none}.overlay-drawer[data-closing],.overlay-drawer[data-closing]::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/css/snippets-overlay-drawer.css.map */