.btmsheet{--max-height:75vh;--header-height:50px;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1017;visibility:hidden;opacity:0;transition:opacity .3s ease-out,visibility .3s ease-out}.btmsheet-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--cool-grey-950),0.5);opacity:0;transition:opacity .3s ease-out}.btmsheet-content{position:absolute;bottom:-100%;left:0;width:100%;border-radius:var(--Radius-radius-m) var(--Radius-radius-m) 0 0;background:#fff;transition:bottom .3s ease-out}.btmsheet-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:var(--Radius-radius-m) var(--Radius-radius-m) 0 0;border-bottom:1px solid rgba(var(--cool-grey-100),var(--bd-opacity));background:rgba(var(--cool-grey-50),var(--bg-opacity));height:var(--header-height);box-sizing:border-box}.btmsheet-header h3{margin:0;color:var(--Cool-grey-Cool-grey-800,#1d2939);font-size:1rem;font-weight:500;line-height:120%}.btmsheet-body{padding:20px 16px 30px;overflow-y:auto;max-height:calc(var(--max-height) - var(--header-height));box-sizing:border-box}.btmsheet.open{visibility:visible;opacity:1}.btmsheet.open .btmsheet-overlay{opacity:1}.btmsheet.open .btmsheet-content{bottom:0}