zop-bottom-sheet{position:fixed;z-index:30;top:0;left:0;width:100%;height:100%;pointer-events:none}zop-bottom-sheet[open]{pointer-events:auto}zop-bottom-sheet[active]>.fixed-overlay{opacity:1;visibility:visible;pointer-events:auto;cursor:zoom-out}.zop-bottom-sheet__inner{position:absolute;bottom:0;left:0;width:100%;max-height:90vh;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:1.6rem 1.6rem 0 0;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 24px #0000001f;will-change:transform;touch-action:pan-y;display:flex;flex-direction:column}.zop-bottom-sheet__top{position:relative;flex-shrink:0;padding:1.6rem 0 .8rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.zop-bottom-sheet__handle{display:flex;justify-content:center;cursor:grab;width:100%}.zop-bottom-sheet__handle:before{content:"";width:4.8rem;height:.5rem;background-color:var(--zop-bottom-sheet-handle-color, rgba(0, 0, 0, .22));border-radius:.25rem}.zop-bottom-sheet__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:2.4rem;padding-top:0;-webkit-overflow-scrolling:touch}body:has(zop-bottom-sheet[open]){overflow:hidden}@media (min-width: 768px){.zop-bottom-sheet__inner{left:50%;transform:translate(-50%) translateY(100%);max-width:36rem;border-radius:1.6rem;margin-bottom:2rem;max-height:80vh}zop-bottom-sheet[active]>.zop-bottom-sheet__inner{transform:translate(-50%) translateY(0)}.zop-bottom-sheet__handle:before{width:5.6rem;height:.6rem}}@media (min-width: 1024px){.zop-bottom-sheet__inner{max-width:50rem;left:60%}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/component-zop-bottom-sheet.css.map */