.bottom-sheet-page{background-color:#0000000e;position:fixed;height:100vh;width:100vw;left:0;top:0}.bottom-sheet-page .bottom-sheet-container{animation:rise .5s ease-in-out forwards;box-shadow:0 -2px 20px #333;border-top:1px solid #f0f0f0;border-top-right-radius:1rem;width:-webkit-fill-available;border-top-left-radius:1rem;background-color:var(--body-background-color);flex-direction:column;align-items:center;max-height:80vh;position:fixed;overflow:auto;padding:1rem;display:flex;gap:1rem;bottom:0;left:0}.bottom-sheet-page .bottom-sheet-container .bottom-sheet-header{grid-template-columns:2rem auto 2rem;width:-webkit-fill-available;display:grid}.bottom-sheet-page .bottom-sheet-container .bottom-sheet-header h3{justify-content:center;grid-column-start:2;display:flex;margin:unset}.bottom-sheet-page .bottom-sheet-container .bottom-sheet-header .closer-box{grid-column-start:3;font-size:2rem;cursor:pointer}@keyframes rise{0%{bottom:-100vh}to{bottom:0}}