.bottomsheet-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:9999;display:flex;justify-content:center;align-items:flex-end;transition:opacity .3s ease}.bottomsheet-backdrop.open{opacity:1}.bottomsheet-backdrop.close{opacity:0}.bottomsheet-sheet{background:#f5f5f5;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;max-width:500px;padding:20px 16px 40px;box-shadow:0 -2px 10px rgba(0,0,0,.15);position:relative;transform:translateY(100%);transition:transform .3s ease}.bottomsheet-sheet.slide-up{transform:translateY(0)}.bottomsheet-sheet.slide-down{transform:translateY(100%)}.bottomsheet-close-button{position:absolute;top:13px;right:15px;background:transparent;border:none;font-size:24px;cursor:pointer}.bottomsheet-content{margin-top:40px;font-size:16px;color:#333}