.bottom-sheet{display:flex;flex-direction:column;min-height:0;position:fixed;left:0;right:0;bottom:0;height:100%;height:100dvh;max-height:100%;max-height:100dvh;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);background:#fff;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .3s ease;border:1px solid #ccc;z-index:997;box-shadow:0 0 12px #00000080;border:1px solid rgba(0,0,0,.25);outline:none!important;overflow:hidden}.bottom-sheet-handle{flex-shrink:0;height:2.5em;display:flex;align-items:center;justify-content:center;touch-action:none;outline:none!important;position:relative;z-index:1}.bottom-sheet-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.bottom-sheet-handle:before{content:"";width:40px;height:5px;background:#ccc;border-radius:10px}.bottom-sheet-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px;box-sizing:border-box;touch-action:pan-y}#elem-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}#bottom-sheet .content{background:#fffc;width:90%;height:100%;display:flex;overflow-y:auto;overflow-x:hidden}#bottom-sheet .content-image{display:flex;justify-content:center;width:75%;padding:2rem}#bottom-sheet .content-inner{display:flex;align-items:center;justify-content:center;width:25%;padding:2rem;color:#000}#bottom-sheet .close{position:absolute;top:2rem;right:1rem;font-size:3rem;cursor:pointer}@media screen and (max-width:767px){#bottom-sheet .content{width:100%;display:block}#bottom-sheet .content-inner{display:flex;width:100%;justify-content:center;padding:0}#bottom-sheet .content-image{display:flex;justify-content:center;width:100%;padding-top:2rem;padding-bottom:0;padding-left:0;padding-right:0}#elem-image{width:20rem;height:20rem}#elem-description{width:20rem}}