:root{--ring-color:blue}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:focus{outline:2px solid var(--ring-color);outline-offset:2px}.root{margin:24px}ul{-webkit-padding-start:0;padding-inline-start:0}.pre{background:rgba(0,0,0,.05);padding:20px;margin-bottom:40px;border-radius:10px;font-family:monospace}.index-nav{line-height:1em;flex:1 1;padding:40px}.index-nav ul{list-style-type:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;padding:0}.index-nav a{display:block;border:1px solid rgba(0,0,0,.1);padding:20px;text-transform:capitalize;text-decoration:none}.backlink{margin:16px 12px}body{margin:0;font-size:14px}.page{display:flex;height:100vh;overflow:hidden}.page main{flex:auto;display:flex;flex-direction:column;align-items:flex-start;padding:40px}.page main>*{width:100%}.nav{display:flex;flex-direction:column;width:292px;border-right:1px solid #d7e0da}.nav header{padding:8px;font-size:larger;font-weight:600}.nav a{padding:6px 14px;cursor:pointer;border-left:4px solid transparent;text-decoration:none;color:#000}.nav a:hover{background-color:hsla(135,2%,49%,.4)}.nav a:focus{outline:none}.nav a[data-active],a[aria-current=page]{border-color:green;font-weight:500}.accordion [data-part=root]{width:100%;max-width:40ch}[data-scope=checkbox][data-part=control][data-focus]{outline:2px solid #4169e1}[data-scope=checkbox][data-part=root]{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}[data-scope=checkbox][data-part=control]{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border:2px solid grey;border-radius:4px}[data-scope=checkbox][data-part=control][data-hover]{background-color:#ccc}[data-scope=checkbox][data-part=control][data-checked]{background-color:#2196f3;border-color:#2196f3}[data-scope=checkbox][data-part=control][data-checked]:after{display:block}[data-scope=checkbox][data-part=control]:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}[data-scope=checkbox][data-part=control][data-indeterminate]{background-color:#fff;border-color:gray}[data-scope=checkbox][data-part=control][data-indeterminate]:after{display:block;left:50%;top:50%;width:13px;height:3px;border:none;background-color:grey;transform:translate(-50%,-50%)}.combobox [data-part=root]{display:inline-flex;flex-direction:column}.combobox [data-part=content]{list-style-type:none;padding:0;margin:0;border:1px solid #d3d3d3;max-height:240px;overflow:auto}.combobox [data-part=option][data-highlighted]{background-color:red;color:#fff}.combobox [data-part=option][data-disabled]{opacity:.5}.combobox [data-part=label]{display:block;margin-top:12px;margin-bottom:4px}.combobox [data-part=control]{display:inline-flex;width:300px}.combobox [data-part=input]{flex:1 1}[data-scope=editable][data-part=area]{display:inline-block;margin-right:.5em;margin-bottom:1em}[data-scope=editable][data-part=input]{width:auto;background:transparent}[data-scope=editable][data-part=preview][data-empty]{opacity:.7}[data-scope=editable][data-part=control]{display:flex;gap:.5em}[data-scope=menu][data-part=content]{margin:0;width:160px;background-color:#fff;border-radius:6px;padding:5px;border:1px solid #d3d3d3;list-style-type:none}[data-scope=menu][data-part*=item]{all:unset;font-size:14px;line-height:1;color:#5746af;display:flex;align-items:center;height:25px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:3px;padding:0 5px}[data-scope=menu][data-part*=item][data-focus]{outline:none;background-color:#6e56cf;color:#fdfcfe}[data-scope=menu][data-part*=item][data-disabled]{opacity:.4}main [data-testid=scrubber]{width:32px;height:32px;background:red}.popover [data-part=root]{display:flex;gap:24px}@keyframes scale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}[data-scope=popover][data-part=content]{--arrow-background:#fff;--arrow-size:10px;background:#fff;padding:20px;border-radius:4px;position:relative;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));width:260px;transform-origin:var(--transform-origin)}[data-scope=popover][data-part=content][data-expanded]{animation:scale .1s ease-out}[data-scope=popover][data-part=title]{font-size:15px;line-height:19px;font-weight:700}[data-scope=popover] [data-part=body]{padding-top:12px;display:flex;align-items:flex-start;flex-direction:column;gap:12px;position:relative;font-size:14px}[data-scope=popover][data-part=close-trigger]{position:absolute;right:0;top:-20px}[data-scope=popover][data-part=arrow]{--arrow-background:#fff;--arrow-shadow-color:#ebebeb;box-shadow:var(--box-shadow)}[data-scope=rating-group][data-part=control]{display:inline-flex}[data-scope=rating-group][data-part=rating]{width:20px;height:20px;padding:1px}[data-scope=rating-group][data-part=rating]:focus{outline:2px solid #4169e1}[data-scope=rating-group] [data-part=star]{color:#bdbdbd}[data-scope=rating-group][data-part=rating][data-highlighted] [data-part=star]{color:#ffb400}[data-scope=rating-group][data-part=rating][data-highlighted][data-disabled] [data-part=star]{color:#a1a1a1}[data-scope=rating-group][dir=rtl] [data-half] [data-part=star]{transform:scaleX(-1)}[data-scope=slider][data-part=root]{max-width:320px;width:100%;display:flex;flex-direction:column}[data-scope=slider][data-part=root][data-orientation=vertical]{height:240px}[data-scope=slider][data-part=control]{--slider-thumb-size:20px;--slider-track-height:4px;display:flex;align-items:center;justify-content:center;position:relative}[data-scope=slider][data-part=control][data-orientation=horizontal]{height:var(--slider-thumb-size)}[data-scope=slider][data-part=control][data-orientation=vertical]{width:var(--slider-thumb-size)}[data-scope=slider][data-part=thumb]{all:unset;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14)}[data-scope=slider][data-part=thumb]:focus-visible{box-shadow:0 0 0 5px rgba(0,0,0,.22)}[data-scope=slider][data-part=thumb]:hover:not([data-disabled]){background-color:#f5f2ff}[data-scope=slider][data-part=thumb][data-disabled]{background-color:#d3d3d3}[data-scope=slider] .control-area{margin-top:12px;display:flex}.slider [data-orientation=horizontal] .control-area{flex-direction:column;width:100%}.slider [data-orientation=vertical] .control-area{flex-direction:row;height:100%}[data-scope=slider][data-part=track]{background:rgba(0,0,0,.2);border-radius:9999px}[data-scope=slider][data-part=track][data-orientation=horizontal]{height:var(--slider-track-height);width:100%}[data-scope=slider][data-part=track][data-orientation=vertical]{height:100%;width:var(--slider-track-height)}[data-scope=slider][data-part=range]{background:#f0f;border-radius:inherit}[data-scope=slider][data-part=range][data-disabled]{background:rgba(0,0,0,.4)}[data-scope=slider][data-part=range][data-orientation=horizontal]{height:100%}[data-scope=slider][data-part=range][data-orientation=vertical]{width:100%}[data-scope=slider][data-part=output]{-webkit-margin-start:12px;margin-inline-start:12px}[data-scope=slider][data-part=marker-group][data-orientation=vertical]{height:100%}[data-scope=slider][data-part=marker]{color:#d3d3d3}[data-scope=slider][data-part=marker][data-state=under-value]{color:red}[data-scope=splitter][data-part=root][data-orientation=horizontal]{height:300px}[data-scope=splitter][data-part=root][data-orientation=vertical]{width:800px;height:600px}[data-scope=splitter][data-part=panel]{display:flex;align-items:center;justify-content:center;border:1px solid #d3d3d3;overflow:auto}[data-scope=splitter][data-part=resize-trigger][data-orientation=horizontal]{width:8px}[data-scope=splitter][data-part=resize-trigger][data-orientation=vertical]{height:8px}[data-scope=splitter][data-part=resize-trigger]{background:#ebebeb;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out;outline:0}[data-scope=splitter][data-part=resize-trigger][data-focus]{background:#b0baf1}[data-scope=splitter][data-part=resize-trigger]:active{background:#3f51b5;color:#fff}[data-scope=splitter][data-part=resize-trigger][data-disabled]{opacity:.5}[data-scope=splitter][data-part=resize-trigger] .bar{background-color:currentColor}[data-scope=splitter][data-orientation=horizontal] .bar{width:2px;height:40px}[data-scope=splitter][data-orientation=vertical] .bar{height:2px;width:40px}[data-scope=tags-input][data-part=label]{display:block;margin-bottom:8px}[data-scope=tags-input][data-part=control]{padding:0 2px;background:#fff;border:1px solid #ccc;width:40em;border-radius:2px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}[data-scope=tags-input][data-part=control][data-disabled]{background:#f9f9f9}[data-scope=tags-input][data-part=control]:focus,[data-scope=tags-input][data-part=control][data-focus]{outline:2px solid var(--ring-color);outline-offset:2px}[data-scope=tags-input][data-part=tag]{background:#eee;color:#444;padding:0 4px;margin:2px;border:1px solid #ccc;border-radius:2px;font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:inline-block}[data-scope=tags-input][data-part=tag][hidden]{display:none!important}[data-scope=tags-input][data-part=tag][data-selected]{background-color:#777;border-color:#777;color:#eee}[data-scope=tags-input][data-part=tag][data-disabled]{opacity:.6;cursor:default}[data-scope=tags-input][data-part*=input]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:3px;margin:0;background:none;border:none;box-shadow:none;font:inherit;font-size:100%;outline:none;display:inline-block!important}[data-scope=tags-input][data-part*=input][hidden]{display:none!important}[data-scope=tags-input][data-part*=input]:disabled{opacity:.6}[data-scope=tags-input][data-part=tag-delete-trigger]{all:unset}[data-scope=pin-input][data-part=control]{width:300px;display:flex;margin-bottom:12px;gap:12px}[data-scope=pin-input][data-part=label]{display:block;margin-bottom:8px}[data-scope=pin-input][data-part=input]{width:48px;height:48px;text-align:center;font-size:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}[data-scope=toast][data-part=root]{background:#747474;border-radius:4px;color:#fff;padding:12px;width:400px;animation-fill-mode:forwards;animation-duration:.2s;animation-name:fadeIn}[data-scope=toast][data-part=root]:not([data-open]){animation-duration:var(--toast-remove-delay);animation-name:fadeOut}[data-scope=toast][data-part=root][data-type=error]{background:red}[data-scope=toast][data-part=root][data-type=info]{background:blue}[data-scope=toast][data-part=root][data-type=warning]{background:orange}[data-scope=toast][data-part=root][data-type=success]{background:green}[data-scope=toast][data-part=root][data-type=loading]{background:purple}[data-scope=toast] .spinner{animation:spin 1s linear infinite}[data-scope=toast][data-part=progressbar]{height:4px;background:#747474;width:100%;animation-name:shrink}[data-scope=toast][data-part=progressbar][data-type=loading]{animation-name:none}[data-scope=dialog][data-part=backdrop]{background-color:rgba(0,0,0,.44);position:fixed;inset:0}[data-scope=dialog][data-part=container]{height:100vh;width:100vw;position:fixed;inset:0;display:flex;align-items:center;justify-content:center}[data-scope=dialog][data-part=title]{margin:0;font-weight:500;color:#1a1523;font-size:17px}[data-scope=dialog][data-part=description]{margin:10px 0 20px;color:#6f6e77;font-size:15px;line-height:1.5}[data-scope=dialog][data-part=content]{background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);width:100%;max-width:450px;max-height:85vh;padding:24px;position:relative}[data-scope=dialog][data-part=close-trigger]{font-family:inherit;height:25px;width:25px;display:inline-flex;align-items:center;justify-content:center;color:#5746af;position:absolute;top:10px;right:10px;border-radius:100%}[data-scope=dialog][data-part=close-trigger]:focus{outline:2px solid blue;outline-offset:2px}main>.toggle{background-color:#fff;color:#6f6e77;height:40px;width:40px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:4px}main>.toggle[data-pressed]{font-weight:700;background-color:#d7cff9;color:#20134b}.tooltip>.root{display:flex;gap:20px}[data-scope=tooltip][data-part=content]{z-index:1;padding:.25em .5em;box-shadow:2px 2px 10px rgba(0,0,0,.1);white-space:nowrap;font-size:85%;background:#f0f0f0;color:#444;border:1px solid #ccc}[data-scope=tabs][data-part=root]{max-width:20em}[data-scope=tabs][data-part=tablist]{margin:0 0 -.1em;overflow:visible}[data-scope=tabs][data-part=trigger]{position:relative;margin:0;padding:.3em .5em .4em;border:1px solid #b7b7b8;border-radius:.2em .2em 0 0;box-shadow:0 0 .2em #b7b7b8;overflow:visible;font-size:inherit;background:#edeff3}[data-scope=tabs][data-part=trigger]:active,[data-scope=tabs][data-part=trigger]:focus,[data-scope=tabs][data-part=trigger]:hover{outline:0;border-radius:0;color:inherit}[data-scope=tabs][data-part=trigger][data-selected]{border-radius:0;background:#fbfcfe;outline:0}[data-scope=tabs][data-part=trigger][data-selected]:not(:focus):not(:hover):before{border-top:5px solid #055bf0}[data-scope=tabs][data-part=trigger][data-selected]:after{position:absolute;z-index:3;bottom:-1px;right:0;left:0;height:.3em;background:#fbfcfe;box-shadow:none;content:""}[data-scope=tabs][data-part=trigger]:focus:before,[data-scope=tabs][data-part=trigger]:hover:before{border-color:#f05305}[data-scope=tabs][data-part=trigger]:focus:before,[data-scope=tabs][data-part=trigger]:hover:before,[data-scope=tabs][data-part=trigger][data-selected]:before{position:absolute;bottom:100%;right:-1px;left:-1px;border-radius:.2em .2em 0 0;border-top:3px solid #f05305;content:""}[data-scope=tabs][data-part=content]{position:relative;z-index:2;padding:.5em .5em .7em;border:1px solid #b7b7b8;border-radius:0 .2em .2em .2em;box-shadow:0 0 .2em #b7b7b8;background:#fbfcfe}[data-scope=tabs][data-part=content] p{margin:0}[data-scope=tabs][data-part=content] *+p{margin-top:1em}[data-scope=tabs][data-part=content]:focus{border-color:#f05305;box-shadow:0 0 .2em #f05305;outline:0}[data-scope=tabs][data-part=content]:focus:after{position:absolute;bottom:0;right:-1px;left:-1px;border-bottom:3px solid #f05305;border-radius:0 0 .2em .2em;content:""}[data-scope=tabs][data-part=indicator]{height:4px;background-color:red;z-index:10}.radio [data-part=radio-control][data-focus]{outline:2px solid #4169e1}.radio [data-part=radio-label][data-disabled]{opacity:.4}.radio [data-part=root]{display:flex;align-items:center;gap:16px}.radio [data-part=radio]{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.radio [data-part=radio][data-disabled]{cursor:not-allowed}.radio [data-part=radio-control]{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border:2px solid grey;border-radius:50%}.radio [data-part=radio-control][data-hover]{background-color:#ccc}.radio [data-part=radio-control][data-checked]{background-color:#2196f3;border-color:#2196f3}.radio [data-part=radio-control][data-checked]:after{display:block}.radio [data-part=radio-control]:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.pressable button[data-pressed]{background:red}[data-scope=hover-card][data-part=trigger]{background:#6e56cf;color:#fff;width:-moz-fit-content;width:fit-content;padding:6px}[data-scope=hover-card][data-part=content]{background:#e1dfe4;padding:6px;height:150px;width:300px}.pagination ul{display:flex;gap:4px;list-style-type:none}.pagination th{text-align:start}[data-scope=pagination][data-part*=trigger],[data-scope=pagination][data-part=ellipsis]{box-sizing:border-box;padding:0 12px;height:32px;min-width:32px;text-align:center;margin:auto 4px;color:inherit;display:flex;align-items:center;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}[data-scope=pagination][data-part*=trigger]:hover{background-color:rgba(0,0,0,.04);cursor:pointer}[data-scope=pagination][data-part*=trigger][data-selected]{background-color:rgba(0,0,0,.08)}[data-scope=pagination][data-part*=trigger]:focus{outline:2px solid var(--ring-color);outline-offset:1px}[data-scope=pagination][data-part=ellipsis]{cursor:default}.select .control{display:flex;flex-direction:column;row-gap:6px;align-items:flex-start}[data-scope=select][data-part=label]{cursor:pointer;font-size:14px}[data-scope=select][data-part=label][data-disabled]{cursor:default;color:gray}[data-scope=select][data-part=label][data-invalid]{color:red}[data-scope=select][data-part=trigger]{padding:4px 12px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;column-gap:6px;cursor:default;background:#eee;font-size:14px;border:1px solid #708090}.select svg{position:relative;top:1px}[data-scope=select][data-part=trigger]:disabled{cursor:default}[data-scope=select][data-part=trigger][data-invalid]{border:2px solid red}[data-scope=select][data-part=positioner]{width:max-content}[data-scope=select][data-part=content]{padding:0;list-style:none;width:240px;margin:4px 0 0;max-height:min(var(--available-height),400px);overflow-y:auto;position:relative;overscroll-behavior:contain}.select input{position:-webkit-sticky;position:sticky;top:0}[data-scope=select][data-part=option]{padding:4px 6px;cursor:default;background:#efefef;display:flex;align-items:center}[data-scope=select][data-part=option][data-disabled]{color:#777}[data-scope=select][data-part=option]>span{flex:1 1}[data-scope=select][data-part=option]:hover{background:#dfdfdf}[data-scope=select][data-part=option][data-focus]{background:blue;color:#fff}[data-scope=date-picker][data-part=cell-trigger][data-focused]{background:rgba(128,0,128,.171);color:rgba(128,0,128,.959)}[data-scope=date-picker][data-part=cell-trigger][data-outside-range]{display:none}[data-scope=date-picker][data-part=cell-trigger][data-selected]{background:purple;color:#fff}[data-scope=date-picker][data-part=cell-trigger]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;cursor:pointer}[data-scope=date-picker][data-literal]{margin-inline:3px}[data-scope=date-picker][data-part=control]{display:flex;gap:10px;margin-top:20px;margin-bottom:16px}[data-scope=date-picker][data-part=segment]{min-width:var(--min-width)}[data-scope=date-picker][data-part=segment]:focus{background:blue;color:#fff}[data-scope=carousel][data-part=viewport]{max-width:600px;margin-top:40px;overflow-x:hidden}.controls-container{display:flex;flex-direction:column;gap:14px;order:1;padding:12px 22px}.controls-container .text{display:flex;flex-direction:column;gap:8px}.controls-container .text label{font-weight:500}.controls-container .text input,.controls-container .text select{padding:4px;border:1px solid #000;border-radius:4px}.toolbar{border-left:1px solid #d7e0da;width:400px;display:flex;flex-direction:column}.toolbar nav{padding:16px;display:flex;gap:24px;border-bottom:1px solid #d7e0da}.toolbar nav button{all:unset;cursor:pointer;font-weight:500}.toolbar nav button[data-active]{color:green}.toolbar>div{max-height:100%;overflow:hidden}.toolbar [data-content]{display:none}.toolbar [data-content][data-active]{display:flex;flex-direction:column;max-height:100%}.toolbar .viz{font-size:13px;--viz-font:SF Mono,Menlo,monospace;padding-left:14px;flex:1 1;overflow:auto;border-bottom:1px solid #d7e0da}.toolbar .viz summary{margin-bottom:24;font-weight:700;cursor:pointer}.toolbar .viz summary,.toolbar .viz summary+div>*{font-family:var(--viz-font)}