.bottom-sheet{position:fixed;z-index:21;bottom:0;left:0;width:100%;height:auto;padding:40px 16px;border-radius:32px 32px 0 0;box-shadow:0 0 30px rgba(0,0,0,.2);transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.bottom-sheet.is-open{transform:translateY(0);opacity:1}.bottom-sheet__bar{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:120px;height:20px;display:flex;align-items:center;justify-content:center}.bottom-sheet__bar:before{content:"";width:120px;height:5px;border-radius:9999px;background-color:var(--neutral-color-500)}.night .bottom-sheet__bar:before{background-color:var(--neutral-color-200)}.bottom-sheet__content{width:100%;height:auto}.bottom-sheet__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:20}