:root{--sheet-backdrop-background-color: hsl(0 0% 0% / 25%);--sheet-card-background-color: hsl(0 0% 100%);--sheet-card-border-radius: 24px 24px 0 0;--sheet-card-box-shadow: 0 0 0 4px hsl(0 0% 0% / 25%);--sheet-card-hairline-background-color: hsl(0 0% 90%);--sheet-drag-indicator-background-color: hsl(0 0% 50%);--sheet-drag-indicator-is-active-background-color: hsl(0 0% 25%);--sheet-drag-indicator-size-aspect-ratio: 12;--sheet-drag-indicator-size: 4px;--sheet-draggable-size: 40px;--sheet-transition-duration: .6s;--sheet-transition-timing-function: cubic-bezier(0, 1, .25, 1);--sheet-z-index: 100}.bottomsheet-backdrop{position:fixed;z-index:calc(var(--sheet-z-index) - 10);inset:0}.bottomsheet-backdrop:has(+ .bottomsheet.is-closed){background-color:transparent}.bottomsheet-backdrop:has(+ .bottomsheet.is-open){background-color:#00000040}.bottomsheet-backdrop:has(+ .bottomsheet.is-transition){transition:background-color var(--sheet-transition-duration) var(--sheet-transition-timing-function)}.bottomsheet{--__screen-h: var(--screen-h);--__translate-y: 0px;--__drag-translate-y: 0px;position:fixed;z-index:var(--sheet-z-index);inset:0 0 auto;height:calc(var(--screen-h) - var(--sheet-draggable-size));border-radius:calc(var(--sheet-draggable-size) / 2) calc(var(--sheet-draggable-size) / 2) 0 0;background-color:var(--sheet-card-background-color);box-shadow:var(--sheet-card-box-shadow);transform:translateY(calc(var(--__screen-h) + var(--__translate-y) + var(--__drag-translate-y)));will-change:transform}.bottomsheet.is-closed{--__screen-h: var(--screen-h);--__translate-y: -1 * var(--sheet-draggable-size)}.bottomsheet.is-open{--__screen-h: 0px;--__translate-y: var(--sheet-draggable-size)}.bottomsheet.is-transition{transition:transform var(--sheet-transition-duration) var(--sheet-transition-timing-function)}.bottomsheet-draggable{height:var(--sheet-draggable-size);display:grid;place-items:center}.bottomsheet-draggable:hover{cursor:grab}:root:has(.bottomsheet-draggable:active){cursor:grab}.bottomsheet-drag-indicator{height:var(--sheet-drag-indicator-size);aspect-ratio:var(--sheet-drag-indicator-size-aspect-ratio);border-radius:1000px;background-color:var(--sheet-drag-indicator-background-color)}.bottomsheet-draggable:active .bottomsheet-drag-indicator{background-color:var(--sheet-drag-indicator-is-active-background-color)}.bottomsheet-card-hairline{height:1px;background-color:var(--sheet-card-hairline-background-color)}.bottomsheet-content[inert]{content:""}.bottomsheet-content{height:calc(var(--__screen-h) - var(--sheet-draggable-size) - 1px - var(--sheet-draggable-size));overflow-y:auto}.sidesheet-backdrop{position:fixed;z-index:calc(var(--sheet-z-index) - 10);inset:0}.sidesheet-backdrop:has(+ .sidesheet.is-closed){background-color:transparent}.sidesheet-backdrop:has(+ .sidesheet.is-open){background-color:transparent}.sidesheet-backdrop:has(+ .sidesheet.is-expanded){background-color:var(--sheet-backdrop-background-color)}.sidesheet-backdrop:has(+ .sidesheet.is-transition){transition:background-color var(--sheet-transition-duration) var(--sheet-transition-timing-function)}.sidesheet{--__translate-x: 0px;--__drag-translate-x: 0px;position:fixed;z-index:var(--sheet-z-index);inset:0 0 0 auto;width:calc(768px + var(--sheet-draggable-size));transform:translate(calc(var(--__translate-x) + var(--__drag-translate-x)));will-change:transform;display:flex;flex-direction:row}.sidesheet.is-closed{--__translate-x: 768px}.sidesheet.is-open{--__translate-x: 384px}.sidesheet.is-expanded{--__translate-x: max(-1 * (var(--screen-w) - 768px - var(--sheet-draggable-size)), 0px)}.sidesheet.is-transition{transition:transform var(--sheet-transition-duration) var(--sheet-transition-timing-function)}.sidesheet>:nth-child(2){flex-grow:1}.sidesheet-draggable{width:var(--sheet-draggable-size);display:grid;place-items:center}.sidesheet-draggable:hover{cursor:grab}:root:has(.sidesheet-draggable:active){cursor:grab}.sidesheet-drag-indicator{width:var(--sheet-drag-indicator-size);aspect-ratio:calc(1 / var(--sheet-drag-indicator-size-aspect-ratio));border-radius:1000px;background-color:var(--sheet-drag-indicator-background-color)}.sidesheet-draggable:active .sidesheet-drag-indicator{background-color:var(--sheet-drag-indicator-is-active-background-color)}.sidesheet-card{background-color:var(--sheet-card-background-color);box-shadow:var(--sheet-card-box-shadow)}.sidesheet-content{overflow-y:auto}.sidesheet:is(.is-closed,.is-open) .sidesheet-content{width:384px}.sidesheet.is-expanded .sidesheet-content{width:min(var(--screen-w) - var(--sheet-draggable-size),768px)}