:root{--s-floating-panel-z-index:var(--s-z-index-secondary);--s-floating-panel-bg:var(--s-bg-color-elevated);--s-floating-panel-border-radius:var(--s-border-radius-xl);--s-floating-panel-header-height:var(--s-size-2xl);--s-floating-panel-bar-width:var(--s-size-lg);--s-floating-panel-bar-height:3px;--s-floating-panel-bar-color:var(--s-fill-color-secondary)}.s-floating-panel{position:fixed;left:0;bottom:0;z-index:var(--s-floating-panel-z-index);display:flex;flex-direction:column;width:100vw;border-top-left-radius:var(--s-floating-panel-border-radius);border-top-right-radius:var(--s-floating-panel-border-radius);background:var(--s-floating-panel-bg);will-change:transform;touch-action:none;transition-property:transform}.s-floating-panel::after{position:absolute;bottom:-100vh;width:100vw;height:100vh;content:"";background-color:inherit}.s-floating-panel--safe{padding-bottom:var(--s-safe-bottom)}.s-floating-panel__header{flex:none;display:flex;justify-content:center;align-items:center;height:var(--s-floating-panel-header-height);-webkit-user-select:none;user-select:none;cursor:grab}.s-floating-panel__header-bar{width:var(--s-floating-panel-bar-width);height:var(--s-floating-panel-bar-height);background:var(--s-floating-panel-bar-color);border-radius:var(--s-border-radius-full)}.s-floating-panel__body{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden}