:root{--ba-overlay-bg:rgba(15,23,42,.5);--ba-bg:#fff;--ba-bg-dark:#1e293b;--ba-border-color:#e5e7eb;--ba-border-color-dark:#334155;--ba-radius:1rem;--ba-shadow:0 4px 20px rgba(0,0,0,.2);--ba-max-width:640px;--ba-handle-width:48px;--ba-handle-height:6px;--ba-handle-color:#d1d5db;--ba-handle-color-dark:#475569;--ba-padding:16px;--ba-padding-small:8px}.ba-bs-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;visibility:visible;z-index:20}.ba-bs-overlay{background:var(--ba-overlay-bg);inset:0;pointer-events:auto!important;position:absolute}.ba-bs-sheet{background:var(--ba-bg);border-radius:var(--ba-radius) var(--ba-radius) 0 0;bottom:0;box-shadow:var(--ba-shadow);left:0;margin:0 auto;max-width:var(--ba-max-width);overflow:hidden;pointer-events:auto;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ba-bs-wrapper{display:flex;flex-direction:column;height:100%}.ba-bs-header{flex-shrink:0;padding:calc(var(--ba-padding) + 4px) var(--ba-padding) var(--ba-padding-small);position:relative}.ba-bs-header:before{background:var(--ba-handle-color);border-radius:9999px;content:"";height:var(--ba-handle-height);left:50%;position:absolute;top:8px;transform:translate(-50%);width:var(--ba-handle-width)}.ba-bs-header--border{border-bottom:1px solid var(--ba-border-color)}.ba-bs-scroll{flex:1;overflow:auto;scroll-behavior:smooth;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ba-bs-scroll--hidden{scrollbar-width:none}.ba-bs-scroll--hidden::-webkit-scrollbar{display:none}.ba-bs-scroll--no-pull{overscroll-behavior:contain}.ba-bs-content{padding:var(--ba-padding);padding-top:var(--ba-padding-small)}.ba-bs-footer{border-top:1px solid var(--ba-border-color);flex-shrink:0;padding:var(--ba-padding)}[data-theme=dark] .ba-bs-sheet{background:var(--ba-bg-dark)}[data-theme=dark] .ba-bs-header:before{background:var(--ba-handle-color-dark)}[data-theme=dark] .ba-bs-header--border{border-bottom-color:var(--ba-border-color-dark)}[data-theme=dark] .ba-bs-footer{border-top-color:var(--ba-border-color-dark)}.playground-settings{gap:10px;margin-top:10px}.playground-settings,.playground-settings .setting-item{display:flex;flex-direction:column}.playground-settings .description{color:#64748b;font-size:.875rem;margin:0}.ba-bs-footer,.ba-bs-header--border{border:none!important}.ba-bs-scroll{background-color:#94a3b833;border-radius:var(--ba-radius) var(--ba-radius) var(--ba-radius) var(--ba-radius);margin:0 20px}[data-theme=dark]{color:#fff}[data-theme=dark] .ba-bs-scroll{background-color:#334155}.ba-bs-scroll .ba-bs-content{padding:0}.content-item{border-bottom:1px solid #fff;cursor:pointer;padding:10px 17px}.content-item.active{color:#fff;position:relative}.content-item.active:before{background-color:#0284c7;content:"";height:100%;left:-50%;position:absolute;top:0;transform:translate(50%) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);width:100%}.content-item.active div{position:relative}[data-theme=dark] .content-item{border-color:#475569}