.bsheet{z-index:40;position:fixed;inset:0}.bsheet .bsheet__scrim{opacity:0;transition:opacity .26s}.bsheet .bsheet__panel{max-height:calc(100% - var(--app-inset-top) - 24px);will-change:transform;flex-direction:column;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(100%)}.bsheet[data-visible=true] .bsheet__scrim{opacity:1}.bsheet[data-visible=true] .bsheet__panel{transform:translate(0,0)}.bsheet[data-visible=false] .bsheet__panel{transition:transform .26s cubic-bezier(.4,0,1,1)}.bsheet__grabber{cursor:grab;touch-action:none;flex:none;justify-content:center;padding:12px 0 14px;display:flex}.bsheet__grabber span{background:#a8baff33;border-radius:2px;width:38px;height:4px}.bsheet__content{overscroll-behavior:contain;min-height:0;padding:4px 18px calc(26px + var(--app-inset-bottom));scrollbar-width:none;overflow-y:auto}.bsheet__content::-webkit-scrollbar{display:none}@media (min-width:600px) and (max-width:767.98px){.bsheet .bsheet__panel{left:calc(50% - 280px);right:calc(50% - 280px)}}@media (min-width:768px){.bsheet .bsheet__panel,.bsheet[data-visible=false] .bsheet__panel{border-radius:var(--r-xl);opacity:0;border:1px solid #a8baff29;width:min(440px,100% - 48px);max-height:calc(100% - 64px);transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s;inset:50% auto auto 50%;transform:translate(-50%,-48%)scale(.97)}.bsheet[data-visible=true] .bsheet__panel{opacity:1;transform:translate(-50%,-50%)scale(1)}.bsheet__grabber{display:none}.bsheet__content{padding:26px 24px 24px}}