.bottom-sheet{position:fixed;z-index:2147483005;left:0;bottom:0;width:100vw;height:100%;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.bottom-sheet.hidden{display:none}.bottom-sheet__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-foreground),.6);-webkit-backdrop-filter:blur(var(--drawer-shadow-blur-radius));backdrop-filter:blur(var(--drawer-shadow-blur-radius));opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease;pointer-events:none;display:block!important}.bottom-sheet.active .bottom-sheet__overlay{opacity:1;visibility:visible;pointer-events:auto}.bottom-sheet__container{position:relative;width:100%;max-height:90vh;max-height:90dvh;background-color:rgb(var(--color-background));border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;box-shadow:0 -4px 10px #0000001a;transform:translateY(100%);transition:transform var(--duration-default) ease;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto}.bottom-sheet.active .bottom-sheet__container{transform:translateY(0)}.bottom-sheet__close-button{position:absolute;top:2rem;right:1.8rem;z-index:10;display:flex;justify-content:center;align-items:center;padding:0;width:3.2rem;height:3.2rem;border-radius:50%;background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgba(var(--color-foreground),.75);border:none;cursor:pointer}.bottom-sheet:has(.bottom-sheet__header) .bottom-sheet__close-button{top:1.6rem}.bottom-sheet__close-button svg{height:1.3rem;width:1.3rem;color:rgb(var(--color-background))}.bottom-sheet__header{padding:1.6rem;position:relative;border-bottom:1px solid var(--border-default, #dededb)}.bottom-sheet__content{flex-grow:1;overflow-y:auto;padding:2rem 1.6rem;-webkit-overflow-scrolling:touch;position:relative}.bottom-sheet__content::-webkit-scrollbar{width:3px}.bottom-sheet__content::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.7);border-radius:100px}.bottom-sheet__content::-webkit-scrollbar-track-piece{margin-top:31px}.bottom-sheet__content:only-child{margin:0 auto;max-width:50rem;width:100%}body.overflow-hidden{overflow:hidden}@media screen and (min-width: 750px){.bottom-sheet__container{max-width:90rem;margin:0 auto;border-top-left-radius:2rem;border-top-right-radius:2rem}}@media screen and (min-width: 990px){.bottom-sheet__container{max-width:116rem}.bottom-sheet__content{padding:2rem 3.2rem 4rem}}
/*# sourceMappingURL=/cdn/shop/t/667/assets/bottom-sheet.css.map */