responsive-drawer{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;visibility:hidden;transition:visibility var(--duration-default) ease}responsive-drawer.active{visibility:visible}.responsive-drawer__overlay{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-foreground),.5);opacity:0;transition:opacity var(--duration-default) ease}responsive-drawer.active .responsive-drawer__overlay{opacity:1}@media screen and (max-width: 749px){responsive-drawer{align-items:flex-end}.responsive-drawer__inner{position:relative;width:100%;max-height:calc(100vh - 105px - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));max-height:calc(100dvh - 105px);background-color:rgb(var(--color-background));border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--duration-default) ease;overflow:hidden;box-shadow:0 -4px 20px #0000001a}responsive-drawer.animate.active .responsive-drawer__inner{transform:translateY(0)}.responsive-drawer__header{position:relative;padding:2rem 1.5rem 1rem;border-bottom:1px solid rgba(var(--color-foreground),.1);background-color:rgb(var(--color-background));flex-shrink:0}.responsive-drawer__title{margin:0;padding-right:4rem;font-size:1.8rem;font-weight:600}.responsive-drawer__close{position:absolute;top:1.5rem;right:1.5rem;width:3.6rem;height:3.6rem;padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.responsive-drawer__close:hover{background-color:rgba(var(--color-foreground),.05)}.responsive-drawer__close svg{width:2rem;height:2rem}.responsive-drawer__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem}}@media screen and (min-width: 750px){responsive-drawer{justify-content:flex-end}.responsive-drawer__inner{position:relative;width:45rem;max-width:calc(100vw - 4rem);height:100%;background-color:rgb(var(--color-background));border-left:1px solid rgba(var(--color-foreground),.2);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;overflow:hidden}responsive-drawer.animate.active .responsive-drawer__inner{transform:translate(0)}.responsive-drawer__header{position:relative;padding:2rem;border-bottom:1px solid rgba(var(--color-foreground),.1);background-color:rgb(var(--color-background));display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.responsive-drawer__title{margin:0;font-size:2rem;font-weight:600}.responsive-drawer__close{width:4rem;height:4rem;padding:0;background:transparent;border:1px solid rgba(var(--color-foreground),.2);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.responsive-drawer__close:hover{background-color:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.3)}.responsive-drawer__close svg{width:2.2rem;height:2.2rem}.responsive-drawer__content{flex:1;overflow-y:auto;padding:2rem}}.responsive-drawer__content::-webkit-scrollbar{width:6px}.responsive-drawer__content::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.05)}.responsive-drawer__content::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:3px}.responsive-drawer__content::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.3)}body.overflow-hidden{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/148/assets/component-responsive-drawer.css.map */