@import"https://fonts.googleapis.com/css2?display=swap&family=Geist:wght@100..900";html{scrollbar-width:none}body{-ms-overflow-style:none}body::-webkit-scrollbar,body::-webkit-scrollbar-button{display:none}.ui-dashboard{max-width:1000px;margin:0 auto}.demo-code{font-family:monospace;font-size:12px;line-height:1.75;white-space:pre-wrap;background:var(--shade);padding:.25em .5em;border-radius:var(--radius);color:hsl(var(--hsl-text) / .8);display:block}.docs-table{font-family:monospace;font-size:12px;width:100%;border-collapse:collapse}.docs-table td{padding:4px 8px 4px 0;color:var(--bg, var(--text))}.docs-table tr:not(:only-child){border-bottom:1px dashed var(--border)}.docs-table code{font-size:12px;color:var(--primary)}.ui-btn .small{font-weight:400}.color-swatch{width:80px;height:80px;border-radius:50%;background:var(--bg);color:var(--fg);font-size:75%;font-weight:500;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;flex:1}:root{--ui-primary-font: "Geist";--ui-font: var(--ui-test-font, var(--ui-primary-font)), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.fvn-ui{font-family:var(--ui-font);font-feature-settings:"liga" 1,"calt" 1;font-optical-sizing:auto;font-synthesis:none}@supports (font-variation-settings: normal){:root{--ui-test-font: "Inter var"}}.fvn-ui{--core: 15px;--ui-icon-size: calc(1.2 * var(--core));--radius: calc(var(--core) * .375);--space-1: calc(var(--core) * .25);--space-2: calc(var(--core) * .5);--space-3: calc(var(--core) * .75);--space-4: calc(var(--core) * 1);--space-5: calc(var(--core) * 1.5);--space-6: calc(var(--core) * 1.75);--space-7: calc(var(--core) * 2);--space-8: calc(var(--core) * 3);--space-9: calc(var(--core) * 4);--space-10: calc(var(--core) * 5);--space: var(--space-3);--padding: var(--space-8);--input-padding: calc(var(--space) * .75) var(--space);--shadow-sm: 0 1px 2px rgba(0,0,0,.1);--shadow-md: rgba(100, 100, 111, .2) 0px 7px 29px 0px;--core-transition: all .15s ease;--hsl-white: 0 0% 100%;--hsl-black: 256 15% 20%;--hsl-back: 0 0% 100%;--hsl-text: var(--hsl-black);--hsl-muted: 256 15% 15%;--hsl-hover: 210 22.22% 96.47%;--hsl-border: var(--hsl-text);--back: hsl(var(--hsl-back));--text: hsl(var(--hsl-text));--muted: hsl(var(--hsl-muted) / .5);--muted-back: hsl(var(--hsl-muted) / .25);--muted-back-active: var(--text);--border-opacity: .15;--border-opacity-sub: .5;--border: hsl(var(--hsl-border) / var(--border-opacity, 1));--border-dark: hsl(var(--hsl-border) / .3);--hover: hsl(var(--hsl-hover) / var(--hover-opacity, 1));--hover-bright: hsl(var(--hsl-text) / .02);--hsl-shade: 240 5.88% 96.67%;--shade: hsl(var(--hsl-shade));--hsl-green: 166 100% 37%;--green: hsl(var(--hsl-green));--green-text: hsl(var(--hsl-white));--hsl-blue: 208 100% 50%;--blue: hsl(var(--hsl-blue));--blue-text: hsl(var(--hsl-white));--hsl-primary: 256 91% 54%;--primary: hsl(var(--hsl-primary));--primary-text: hsl(var(--hsl-white));--hsl-pink: 314 100% 47%;--pink: hsl(var(--hsl-pink));--pink-text: hsl(var(--hsl-white));--hsl-red: 332 100% 50%;--red: hsl(var(--hsl-red));--red-text: hsl(var(--hsl-white));--hsl-orange: 40 100% 62%;--orange: hsl(var(--hsl-orange));--orange-text: hsl(var(--hsl-black));--hsl-yellow: 60 92% 71%;--yellow: hsl(var(--hsl-yellow));--yellow-text: hsl(var(--hsl-black));--dark-hsl-black: 222 20% 20%;--dark-hsl-white: 0 0% 90%;--dark-hsl-back: 222 20% 15%;--dark-hsl-text: 0 0% 90%;--dark-hsl-muted: 0 0% 95%;--dark-hsl-primary: 256 91% 70%;--dark-hsl-red: 332 100% 60%;--dark-hsl-shade: 222 20% 19%;--dark-hover: hsl(222 20% 25%);--dark-hover-bright: hsl(var(--hsl-white) / .02);--dark-shade: hsl(var(--dark-hsl-shade));--dark-border-opacity: .15;--dark-shadow-sm: 0 1px 2px rgba(0,0,0,.3);--dark-shadow-md: 0 10px 25px rgba(0,0,0,.4);--shade-mix: black}:root[data-darkmode=on] .fvn-ui{color-scheme:dark;--hsl-black: var(--dark-hsl-black);--hsl-white: var(--dark-hsl-white);--hsl-back: var(--dark-hsl-back);--hsl-text: var(--dark-hsl-text);--hsl-muted: var(--dark-hsl-muted);--hsl-primary: var(--dark-hsl-primary);--hsl-red: var(--dark-hsl-red);--hover: var(--dark-hover);--border: hsl(222 20% 30%);--hover-bright: var(--dark-hover-bright);--hsl-shade: var(--dark-hsl-shade);--shade: var(--dark-shade);--border-opacity: var(--dark-border-opacity);--shadow-sm: var(--dark-shadow-sm);--shadow-md: var(--dark-shadow-md);--muted-back: hsl(223.2 19.69% 24.9%);--muted-back-active: hsl(var(--hsl-muted) / .5);--shade-mix: white}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg{shape-rendering:geometricPrecision}body.fvn-ui{margin:0;padding:var(--padding);background:var(--back)}.fvn-ui{color:var(--text);text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;font-size:var(--core)}.fvn-ui button,.fvn-ui input,.fvn-ui select,.fvn-ui textarea{font:inherit;font-weight:400;font-size:calc(.9 * var(--core));line-height:1.3}.fvn-ui.shaded{--shade: color-mix(in hsl, hsl(var(--hsl-shade)), var(--shade-mix) 3%);--shade-back: hsl(var(--hsl-shade));background:var(--shade-back)}.fvn-ui.shaded .ui-select__trigger,.fvn-ui.shaded .ui-editable,.fvn-ui.shaded .ui-input{background:var(--back)}.fvn-ui.shaded .ui-border:not(.ui-card *){border-color:transparent}.fvn-ui.shaded .ui-card{border-color:transparent;box-shadow:none}.fvn-ui.shaded .ui-card .ui-card{border-color:var(--border);box-shadow:var(--shadow-sm)}.fvn-ui b{font-weight:500}.fvn-ui a{color:var(--primary);text-decoration:underline}.fvn-ui [hidden],.fvn-ui .ui-hidden{display:none}.row,.col{--gap: var(--space-2);--jc: flex-start;display:flex;flex:1;width:100%;gap:var(--gap);justify-content:var(--jc)}.row[data-grow=false],.col[data-grow=false]{flex:0 0 auto;width:auto}.row{flex-direction:row;align-items:var(--ai, stretch)}.col{flex-direction:column;align-items:var(--ai, start)}.row>*,.col>*{min-width:0;min-height:0}.row[data-distribute=equal]>*,.col[data-distribute=equal]>*{flex:1}.row[data-wrap],.col[data-wrap]{flex-wrap:wrap}.row>[data-grow=true],.col>[data-grow=true]{flex:1 1 0}.row>[data-grow=false],.col>[data-grow=false]{flex:0 0 auto;width:auto}.row>[data-self=center],.col>[data-self=center]{align-self:center}.row>[data-self=start],.col>[data-self=start]{align-self:flex-start}.row>[data-self=end],.col>[data-self=end]{align-self:flex-end}.row>[data-self=stretch],.col>[data-self=stretch]{align-self:stretch}.row>[data-self=top],.col>[data-self=left]{align-self:flex-start}.row>[data-self=bottom],.col>[data-self=right]{align-self:flex-end}.row>[data-end]{margin-left:auto}.row>[data-start]{margin-right:auto}.col>[data-end]{align-self:flex-end}.col>[data-start]{align-self:flex-start}.col>[data-bottom]{margin-top:auto}.col>[data-top]{margin-bottom:auto}.col>[data-center]{margin-top:auto;margin-bottom:auto}.col.reverse{flex-direction:column-reverse}.row.reverse{flex-direction:row-reverse}.has-ui-border.ui-contrast:focus-within .ui-border.ui-contrast,.ui-border.ui-contrast:focus,.ui-border.ui-contrast:focus-within,.ui-border.ui-contrast:focus-visible{outline:1px solid var(--primary);outline-offset:0}.has-ui-border.ui-contrast.invalid:focus-within .ui-border.ui-contrast,.ui-border.ui-contrast:focus-within:has(.invalid),.ui-border.ui-contrast.invalid:focus-within,.ui-border.ui-contrast.invalid:focus-visible{outline:1px solid var(--pink);outline-offset:0}.fvn-ui .w-full{width:100%}.fvn-ui .h-full{height:100%}.fvn-ui .ma{margin:auto}.fvn-ui .round{border-radius:var(--radius)}.fvn-ui .shade{background:var(--shade);padding:var(--padding)}.fvn-ui .border{border:1px solid var(--border);padding:var(--padding);border-radius:var(--radius)}.fvn-ui .border-bottom{border-bottom:1px solid var(--border);padding-bottom:var(--space)}.fvn-ui .border-top{border-top:1px solid var(--border);padding-top:var(--space)}.fvn-ui .pad{padding:var(--padding)}.fvn-ui .pad-0{padding:0}.fvn-ui .pad-1{padding:var(--space-1)}.fvn-ui .pad-2{padding:var(--space-2)}.fvn-ui .pad-3{padding:var(--space-3)}.fvn-ui .pad-4{padding:var(--space-4)}.fvn-ui .pad-5{padding:var(--space-5)}.fvn-ui .pad-6{padding:var(--space-6)}.fvn-ui .pad-7{padding:var(--space-7)}.fvn-ui .pad-8{padding:var(--space-8)}.fvn-ui .pad-9{padding:var(--space-9)}.fvn-ui .pad-10{padding:var(--space-10)}.fvn-ui .block-1{padding-block:var(--space-1)}.fvn-ui .block-2{padding-block:var(--space-2)}.fvn-ui .block-3{padding-block:var(--space-3)}.fvn-ui .block-4{padding-block:var(--space-4)}.fvn-ui .block-5{padding-block:var(--space-5)}.fvn-ui .block-6{padding-block:var(--space-6)}.fvn-ui .block-7{padding-block:var(--space-7)}.fvn-ui .block-8{padding-block:var(--space-8)}.fvn-ui .block-9{padding-block:var(--space-9)}.fvn-ui .block-10{padding-block:var(--space-10)}.fvn-ui .inline-1{padding-inline:var(--space-1)}.fvn-ui .inline-2{padding-inline:var(--space-2)}.fvn-ui .inline-3{padding-inline:var(--space-3)}.fvn-ui .inline-4{padding-inline:var(--space-4)}.fvn-ui .inline-5{padding-inline:var(--space-5)}.fvn-ui .inline-6{padding-inline:var(--space-6)}.fvn-ui .inline-7{padding-inline:var(--space-7)}.fvn-ui .inline-8{padding-inline:var(--space-8)}.fvn-ui .inline-9{padding-inline:var(--space-9)}.fvn-ui .inline-10{padding-inline:var(--space-10)}.fvn-ui .small,.fvn-ui small{font-size:.9em;line-height:1.25em}.fvn-ui .muted{color:var(--muted)}.fvn-ui .ui-inverted{--back: hsl(var(--hsl-text));--text: hsl(var(--hsl-back));--muted: hsl(var(--hsl-back) / .5);--border: hsl(var(--hsl-white) / var(--border-opacity, .2));--hover: hsl(var(--hsl-white) / var(--hover-opacity, .08))}.fvn-ui [data-ui-col=none],.fvn-ui [data-ui-col=default]{--bg: var(--text);--fg: var(--back)}.fvn-ui [data-ui-col=primary]{--bg: var(--primary);--fg: var(--primary-text, var(--back))}.fvn-ui [data-ui-col=secondary]{--bg: var(--hover)}.fvn-ui [data-ui-col=red]{--bg: var(--red);--fg: var(--red-text, var(--back))}.fvn-ui [data-ui-col=green]{--bg: var(--green);--fg: var(--green-text, var(--back))}.fvn-ui [data-ui-col=yellow]{--bg: var(--yellow);--fg: var(--yellow-text, var(--front))}.fvn-ui [data-ui-col=orange]{--bg: var(--orange);--fg: var(--orange-text, var(--front))}.fvn-ui [data-ui-col=blue]{--bg: var(--blue);--fg: var(--blue-text, var(--back))}.fvn-ui [data-ui-col=pink]{--bg: var(--pink);--fg: var(--pink-text, var(--back))}.fvn-ui [data-ui-col=sub-none]{--fg: var(--text)}.fvn-ui [data-ui-col=sub-default]{--hover: var(--text);--fg: var(--text)}.fvn-ui [data-ui-col=sub-primary]{--hover: var(--primary);--fg: var(--primary);--border: hsl(var(--hsl-primary) / var(--border-opacity-sub, 1))}.fvn-ui [data-ui-col=sub-red]{--hover: var(--red);--fg: var(--red);--border: hsl(var(--hsl-red) / var(--border-opacity-sub, 1))}.fvn-ui [data-ui-col=sub-green]{--hover: var(--green);--fg: var(--green);--border: hsl(var(--hsl-green) / var(--border-opacity-sub, 1))}.fvn-ui [data-ui-col=sub-yellow]{--hover: var(--yellow);--fg: var(--text);--inverted: var(--yellow-text);--border: hsl(var(--hsl-yellow) / var(--border-opacity-sub, 1))}.fvn-ui [data-ui-col=sub-orange]{--hover: var(--orange);--fg: var(--text);--inverted: var(--orange-text);--border: hsl(var(--hsl-orange) / var(--border-opacity-sub, 1))}.fvn-ui [data-ui-col=sub-blue]{--hover: var(--blue);--fg: var(--blue);--border: hsl(var(--hsl-blue) / var(--border-opacity-sub, 1))}.fvn-ui [data-ui-col=sub-pink]{--hover: var(--pink);--fg: var(--pink);--border: hsl(var(--hsl-pink) / var(--border-opacity-sub, 1))}.fvn-ui .ui-size--small{--input-padding: calc(var(--space-2) * .75) var(--space-2)}.fvn-ui .ui-size--medium{--input-padding: calc(var(--space-4) * .75) var(--space-4)}.fvn-ui .ui-size--large{--input-padding: calc(var(--space-6) * .75) var(--space-6)}.fvn-ui .ui-ratio--square{--input-padding: calc(var(--space) * .75);aspect-ratio:1}.fvn-ui .ui-ratio--square.ui-size--medium{--input-padding: calc(var(--space-4) * .75);--ui-icon-size: calc(1.25 * var(--input-padding));--stroke-width: 1.25}.fvn-ui .ui-ratio--square.ui-size--large{--input-padding: calc(var(--space-6) * .75);--ui-icon-size: calc(1.5 * var(--input-padding));--stroke-width: 1}.ui-fadein{transition:opacity .2s ease}.ui-pending{opacity:0}.ui-dialog__layer{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.ui-dialog__layer[data-open=false]{display:none}.ui-dialog__backdrop{position:absolute;inset:0;background:hsl(var(--hsl-text) / .2)}.ui-dialog{position:relative;z-index:1;border:none;border-radius:var(--radius);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-width:100%;overflow:auto;box-shadow:var(--shadow-md);background:var(--back);color:var(--text);outline:none}.ui-popover,.ui-popover .ui-header{align-items:center}.ui-dialog__content{padding:var(--space-4);gap:var(--space-4);align-items:flex-start}.ui-dialog--small .ui-dialog__content{padding:var(--space-2)}.ui-dialog__inner>.row,.ui-dialog__inner>.col{flex:1;width:100%}.ui-dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-2);width:100%}.ui-popover .ui-dialog__footer{justify-content:center}.ui-popover{position:absolute;z-index:1100;border:1px solid var(--border);border-radius:var(--radius);background:var(--back);color:var(--text);box-shadow:var(--shadow-sm);padding:var(--space-3);opacity:0;pointer-events:none;transition:opacity .12s ease;max-width:min(360px,calc(100vw - 24px))}.ui-popover[data-open=true]{opacity:1;pointer-events:auto}.ui-popover[data-open=true]:before{content:"";position:absolute}.ui-popover[data-position=bottom][data-open=true]:before{top:-12px;left:0;right:0;height:12px}.ui-popover[data-position=top][data-open=true]:before{bottom:-12px;left:0;right:0;height:12px}.ui-popover[data-position=right][data-open=true]:before{top:0;bottom:0;left:-12px;width:12px}.ui-popover[data-position=left][data-open=true]:before{top:0;bottom:0;right:-12px;width:12px}.ui-popover__arrow{--size: 10px;--offset: calc(var(--size) / -2);position:absolute;width:var(--size);height:var(--size);background:var(--back);border:1px solid var(--border);border-right:0;border-bottom:0}.ui-popover[data-position=bottom] .ui-popover__arrow{top:var(--offset);left:50%;transform:translate(-50%) rotate(45deg)}.ui-popover[data-position=top] .ui-popover__arrow{bottom:var(--offset);left:50%;transform:translate(-50%) rotate(-135deg)}.ui-popover[data-position=right] .ui-popover__arrow{left:var(--offset);top:50%;transform:translateY(-50%) rotate(-45deg)}.ui-popover[data-position=left] .ui-popover__arrow{right:var(--offset);top:50%;transform:translateY(-50%) rotate(135deg)}.ui-icon{flex:none;width:var(--ui-icon-size);height:var(--ui-icon-size);stroke-width:var(--stroke-width, 1.5)}.ui-btn{--bg: transparent;--fg: var(--text);flex:none;height:fit-content;border:1px solid transparent;background:var(--bg);color:var(--fg);border-radius:var(--radius);padding:var(--input-padding);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);position:relative;white-space:nowrap;font:inherit;font-weight:500;font-size:calc(.9 * var(--core));transition:var(--core-transition)}.fvn-ui .ui-btn{font-weight:500}.ui-btn--reverse{flex-direction:row-reverse}.ui-btn--badge{padding:.5em;text-transform:uppercase;letter-spacing:.1em;pointer-events:none;font-weight:700!important;font-size:min(75%,10px)!important;line-height:1!important}.ui-btn>div{position:relative;z-index:1;pointer-events:none}.ui-btn--list-item{gap:var(--space-4);padding:0 var(--space-4) 0 0;flex-direction:row-reverse;width:100%}.ui-btn--list-item>.col{--gap: .1em;background:var(--back);color:var(--text);padding-right:var(--space-8);padding-left:var(--space-4);padding-block:var(--space-2);border-radius:var(--radius) 0 0 var(--radius)}.ui-btn--list-item.ui-btn--filled>.col{color:var(--bg, var(--text))}.ui-btn--list-item.ui-btn--sub:hover,.ui-btn--list-item:not(.ui-btn--sub){border-color:hsl(var(--hsl-border) / .15)!important}.ui-btn--list-item.ui-btn--outline:hover{border-color:hsl(var(--hsl-border) / .35)!important}.ui-btn--list-item>.col>div:last-child{font-weight:400;font-size:90%;color:var(--muted)}.ui-btn--muted{color:var(--muted)}[aria-expanded=true] .ui-btn--muted,:focus-visible+.ui-btn--muted{color:var(--fg)}.ui-btn:hover{color:var(--fg)}.ui-btn--sub{--bg: transparent}.ui-btn--round{--input-padding: calc(var(--space) * .75) calc(var(--space) * 1.75);border-radius:999px;gap:var(--space-2)}.ui-btn--square{--input-padding: calc(var(--space) * .75);aspect-ratio:1}.ui-btn--stripped{--input-padding: 0}.ui-btn--stripped>div:not(.ui-btn__icon){border-bottom:1px solid var(--muted)}.ui-btn--minimal:not(.ui-btn--list-item){--bg: transparent;--fg: var(--text)}.ui-btn--minimal:not(.ui-btn--list-item):before{content:"";background:var(--fg);opacity:var(--border-opacity, .25);position:absolute;width:calc(100% - (2 * var(--space)));height:1px;top:50%;transform:translatey(.65em)}.ui-btn--minimal:not(.ui-btn--list-item):hover:before{opacity:1}.ui-btn--minimal.ui-col-sub:not(:hover):before{opacity:var(--border-opacity-sub, .25)}.ui-btn--hover:hover{background:var(--hover);border-color:transparent}.fvn-ui .ui-btn--hover-sub:hover{--fg: var(--inverted, var(--back));--bg: var(--hover)}.ui-btn--filled:after{content:"";position:absolute;inset:-1px;border-radius:inherit;transition:opacity var(--core-transition);background:var(--back);opacity:0;pointer-events:none}.ui-btn--filled:hover:after{opacity:.2}.ui-btn:disabled{--bg: transparent;--fg: var(--muted);cursor:not-allowed}.ui-btn:not(.ui-btn--ghost):not(.ui-btn--minimal):disabled{border-color:var(--border)}.ui-btn--outline{border-color:var(--border)}.ui-btn__icon{position:relative;width:var(--ui-icon-size);display:flex;align-items:center;justify-content:center}.ui-btn__icon>svg{position:absolute}.ui-btn__icon>span{position:relative}.ui-btn__icon>span>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-btn.loading{--ui-icon-size: var(--core);flex-direction:row-reverse;pointer-events:none;position:relative;padding-left:calc(3.5 * var(--space))}.ui-btn.loading:before{content:"";width:var(--ui-icon-size);height:var(--ui-icon-size);border:1px solid var(--fg);border-radius:50%;border-color:var(--fg) var(--fg) var(--fg) transparent;animation:loadingSpin 1s linear infinite;position:absolute;left:var(--space)}.ui-btn__tip{font-size:.8em;line-height:1.2;max-width:220px}@keyframes loadingSpin{to{transform:rotate(359deg)}}.ui-title{line-height:1.2;font-weight:650;font-size:1.1em;margin:0;color:var(--text)}.ui-title--large{font-weight:700;font-size:1.5em}.ui-title--small{font-weight:500;font-size:1em!important}.ui-description{display:block;line-height:1.4;margin:0;color:var(--text)}.ui-label{display:block;font-size:.875em;font-weight:500;color:var(--text);min-height:auto}.ui-label--soft{font-weight:400;opacity:.7}.ui-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ui-name{font-weight:500;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.ui-subtitle{font-size:.85em;color:var(--muted);white-space:nowrap;overflow:hidden;color:var(--text)}.ui-divider{flex:1;width:100%;border-top:1px solid var(--border);margin:var(--space) 0}.ui-divider--vertical{width:auto;height:100%;border-top:none;border-left:1px solid var(--border);margin:0 var(--space)}.ui-image{position:relative;overflow:hidden;background:var(--shade)}.ui-image[data-loaded=true] .ui-image__img{opacity:1}.ui-image[data-error=true]{background:var(--shade)}.ui-image__img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.ui-avatar{--size: calc(3.25 * var(--core));flex:none;display:inline-flex;align-items:center;gap:var(--space-2);font-size:calc(.3 * var(--size))}.ui-avatar--round .ui-avatar__box{border-radius:50%}.ui-avatar--medium{--size: calc(3.75 * var(--core))}.ui-avatar--large{--size: calc(4.5 * var(--core))}.ui-avatar__box{width:var(--size);height:var(--size);border-radius:var(--radius);background:var(--bg, var(--hover));color:var(--fg, var(--text));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.ui-avatar__image{width:100%;height:100%}.ui-avatar__fallback{font-size:calc(var(--size) * .4);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.ui-avatar__info{display:flex;flex-direction:column;gap:calc(.025 * var(--size));min-width:0}.ui-card{border-radius:var(--radius);color:var(--text)}.ui-card__body>.row,.ui-card__body>.col{flex:1;width:100%}.ui-dialog-component .ui-card{box-shadow:none}.ui-collapsible:disabled{opacity:.5;pointer-events:none}.ui-collapsible .ui-collapsible__trigger{--input-padding: 0;gap:var(--space-1);font-size:1em;font-weight:500}.ui-collapsible .ui-collapsible__trigger[disabled]{border:none}.ui-collapsible[data-open=false]>.ui-collapsible__content{display:none}.ui-collapsible[data-open=true]>.ui-collapsible__content{display:flex}.ui-collapsible--divider .ui-collapsible__content{border:1px solid var(--border);border-width:1px 0;margin-block:var(--space-4);padding-block:var(--space-4)}.ui-fullscreen-overlay{--space: min(2vw, var(--space-4));position:fixed;inset:0;z-index:1099;background:var(--back, #fff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(2.5 * var(--space)) calc(1.5 * var(--space));box-sizing:border-box}.ui-fullscreen-close{position:absolute;top:calc(.5 * var(--space));right:calc(.5 * var(--space));padding:var(--space)}.ui-input-root{flex:1;width:100%}.ui-input{border:1px solid var(--border);border-radius:var(--radius);padding:var(--input-padding);color:var(--text);background:transparent;width:100%;font:inherit;resize:vertical}.ui-input::placeholder{color:var(--muted)}.ui-input__wrap{position:relative;display:flex;align-items:center;width:100%}.ui-input__wrap .ui-input--submit{padding-right:40px}.ui-input__wrap .ui-btn{position:absolute;top:1px;right:1px;height:calc(100% - 2px);padding:var(--input-padding);border-radius:0 var(--radius) var(--radius) 0}.ui-input__wrap.has-value .ui-btn:not(.ui-input__num-btn){background:var(--hover)}.ui-input:hover{--border: var(--border-dark)}.ui-input:focus-visible{--border: var(--muted);outline:none}.ui-input.invalid{--border: var(--red) !important}.ui-input__footer{font-size:.8em}.ui-input__counter{color:var(--muted)}.ui-input__counter.ok{color:var(--green)}.ui-input__counter.warn{color:var(--orange)}.ui-input__counter.error,.ui-input__message{color:var(--red)}.ui-input__info{color:var(--muted)}.ui-input--number{-moz-appearance:textfield;padding-right:70px}.ui-input--number::-webkit-outer-spin-button,.ui-input--number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-input__num-btns{display:flex;position:absolute;right:1px;top:1px;height:calc(100% - 2px);gap:0}.ui-input__num-btn{position:static!important;height:100%!important;border:none!important;border-radius:0!important;flex-shrink:0;border-left:1px solid var(--border)!important}.ui-input__num-btn:last-child{border-radius:0 var(--radius) var(--radius) 0!important}.ui-input__num-btn:hover{background:var(--hover)}.ui-editable__wrap{--ui-icon-size: var(--core)}.ui-editable__content.ui-fullscreen-content{overflow:auto;border:none!important}.ui-editable__content.ui-fullscreen-content .ui-fullscreen-btn{visibility:hidden}.ui-editable__content.ui-fullscreen-content .ui-editable__editor{height:calc(100% - (2 * var(--space)))}.ui-editable__content.ui-fullscreen-content .ui-editable__toolbar{position:fixed;bottom:var(--space);width:calc(100% - (3 * var(--space)))}.ui-editable{border:1px solid var(--border);border-radius:var(--radius);padding:var(--input-padding);color:var(--text);background:transparent;width:100%;font:inherit;min-height:1.5em;outline:none;overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap;font-size:calc(.9 * var(--core))}.ui-editable__editor:hover{--border: var(--border-dark)}.ui-editable__editor:focus-visible{--border: var(--border-dark)}.ui-editable__content:has(.invalid){--border: var(--red) !important}.ui-editable__content:has(.ui-plain){border:none}.ui-editable.ui-plain{padding:0;min-height:auto;border-radius:0;background:transparent!important}.ui-editable:not(.ui-editable--rich):empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.ui-editable:not(.ui-editable--rich):after{content:"​";display:inline}.ui-editable--rich:after{content:none}.ui-editable--rich{position:relative}.ui-editable--rich[data-empty=true]:before{content:attr(data-placeholder);position:absolute;top:var(--input-padding);left:var(--input-padding);color:var(--muted);pointer-events:none}.ui-editable--size-large{padding:calc(var(--input-padding) * 1.5);font-size:1.1em}.ui-editable--single-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-editable__wrap{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.ui-editable__footer{font-size:.8em}.ui-editable__message{color:var(--red)}.ui-editable__info,.ui-editable__counter{color:var(--muted)}.ui-editable__counter.ok{color:var(--green)}.ui-editable__counter.warn{color:var(--orange)}.ui-editable__counter.error{color:var(--red)}.ui-editable__content{border-radius:var(--radius);border:1px solid var(--border);position:relative}.ui-editable__content .ui-fullscreen-btn{position:absolute;top:0;right:0;z-index:9;border-radius:0 var(--radius) 0 0}.ui-editable__content .ui-fullscreen-btn:not(:hover){--text: var(--muted)}.ui-editable__content:focus-within,.ui-editable__content:hover{--border: var(--border-dark)}.ui-editable__content:focus-within .ui-editable__toolbar{--text: hsl(var(--hsl-text))}.ui-editable__content>*{border:none}.ui-editable__toolbar{--text: var(--muted);margin-top:calc(-1 * var(--space-2))}.ui-editable__toolbar .ui-btn.is-active{background:var(--hover);color:var(--text)}.ui-editable__toolbar .ui-btn[disabled]{opacity:.5}.ui-editable__toolbar .ui-btn{border-radius:0}.ui-editable__toolbar .ui-btn:first-child{border-bottom-left-radius:var(--radius)}.ui-editable__toolbar .ui-btn:last-child{border-bottom-right-radius:var(--radius);margin-left:auto}.ui-editable__markdown{padding:var(--input-padding);color:var(--text);background:transparent;width:100%;min-height:1.5em;outline:none;resize:vertical;font:inherit;font-size:calc(.9 * var(--core));line-height:1.5}.ui-editable__editor *{font-weight:400!important;font-size:calc(.9 * var(--core))!important;line-height:1.3!important;font-family:var(--ui-font)!important}.ui-editable--rich h2{font-weight:900!important;font-size:1.35em!important}.ui-editable--rich h2,.ui-editable--rich p,.ui-editable--rich blockquote,.ui-editable--rich ul{margin:0!important;padding:0!important}.ui-editable--rich ul{margin-left:var(--space-8)!important}.ui-editable--rich blockquote{color:var(--muted);border-left:4px solid var(--muted);padding-left:var(--space-2)!important}.ui-editable--rich b,.ui-editable--rich strong{font-weight:700!important}.ui-editable--rich a{color:var(--primary)!important}.ui-editable__tooltip{min-width:300px}.ui-dashboard,.ui-dashboard__header{width:100%}.ui-dashboard__menu{flex-shrink:0}.ui-dashboard__content{width:100%;position:relative}.ui-dashboard__close{position:absolute;top:var(--space);right:var(--space);z-index:10}.ui-draggable{counter-reset:draggable-index;display:flex;flex-direction:column;gap:0!important;width:100%}.ui-draggable__item{counter-increment:draggable-index;position:relative;display:flex;align-items:center;width:100%}.ui-draggable__item:not(.ui-draggable--plain){gap:var(--space-3);border-bottom:1px dashed var(--border);padding:var(--space-3)}.ui-draggable__item:not(.ui-draggable--plain):last-child{border-bottom:none}.ui-draggable__item.ui-draggable--index:before{content:counter(draggable-index);color:var(--muted);text-align:right}.ui-draggable--disabled{opacity:.5;pointer-events:none}.ui-draggable__content{flex:1;min-width:0}.ui-draggable__handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--muted);border-radius:var(--radius);flex-shrink:0;-webkit-user-select:none;user-select:none;touch-action:none}.ui-draggable__handle:hover{color:var(--text);background:var(--hover)}.ui-draggable__handle:active{cursor:grabbing}.ui-draggable__item.ui-dragging{background:var(--shade)}.ui-upload{width:100%;gap:var(--space-2);color:var(--text)}.ui-upload__drop{display:flex;align-items:center;gap:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius);padding:var(--space-3);background:transparent;cursor:pointer;width:100%;transition:border-color .14s ease,background-color .14s ease}.ui-upload__drop:hover{border-color:var(--text)}.ui-upload__drop:focus-visible{outline:none;border-color:var(--muted)}.ui-upload__drop.drag-over{border-color:var(--blue);background:var(--shade)}.ui-upload__drop.invalid{border-color:var(--red)}.ui-upload__drop.invalid:hover,.ui-upload__drop.invalid:focus-visible{border-color:var(--red)}.ui-upload--disabled .ui-upload__drop{opacity:.65;cursor:not-allowed}.ui-upload__preview{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius);display:grid;place-items:center;color:var(--muted);background:var(--shade)}.ui-upload__preview-icon .ui-icon{width:var(--space-7);height:var(--space-7);stroke-width:1}.ui-upload__drop.drag-over .ui-upload__preview{color:var(--text);border:1px solid var(--border)}.ui-upload__content{flex:1;min-width:0;gap:var(--space-1);overflow:hidden;position:relative}.ui-upload__content .ui-description{max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-upload__content .ui-btn--badge{position:absolute;right:0;top:50%;transform:translateY(-50%)}.ui-upload__placeholder{font-weight:500}.ui-upload__hint{color:var(--muted);font-size:.9em}.ui-upload__filename{color:var(--text);font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-upload__error{color:var(--red);font-size:.9em}.ui-upload__actions{flex:0}.ui-upload__input{display:none}.ui-form-input{position:absolute;opacity:0;pointer-events:none}.ui-form-control{--control-size: calc(var(--space) * 1.75);width:var(--control-size);height:var(--control-size);border-radius:calc(var(--radius) * .5);border:1px solid var(--border);background:var(--bg, var(--back));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--core-transition)}.ui-form-control--round{border-radius:50%}.ui-form-control .ui-icon{--ui-icon-size: calc(var(--control-size) * .7);color:var(--fg, var(--back));opacity:0;transform:scale(.5);transition:var(--core-transition)}[data-state=checked]>.ui-form-control{border-color:transparent}[data-state=checked]>.ui-form-control .ui-icon{opacity:1;transform:scale(1)}.ui-form-input:focus-visible+.ui-form-control{box-shadow:var(--shadow-sm)}.ui-form-item{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.ui-form-item .ui-label{pointer-events:none}.ui-form-item.disabled{opacity:.5;cursor:not-allowed}.ui-form-item:hover .ui-form-input:not(:checked):not(:disabled)+.ui-form-control{background:var(--shade)}.ui-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.ui-form-group.horizontal{flex-direction:row;align-items:center}.ui-form-group.horizontal .ui-form-group__items{flex-direction:row}.ui-form-group__items{display:flex;flex-direction:column;gap:var(--space-2)}.ui-checkbox .ui-form-control svg{stroke-width:2.5}.ui-select{position:relative}.ui-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:var(--input-padding);background:transparent;color:var(--text);cursor:pointer}.ui-select__trigger:hover{--border: var(--border-dark)}.ui-select.invalid .ui-select__trigger{--border: var(--red)}.ui-select__trigger.ui-select--ghost{border:1px solid transparent}.ui-select__trigger.ui-select--ghost:hover{background:var(--hover)}.ui-select__trigger .ui-btn{padding:0}.ui-select__trigger .ui-btn .ui-btn__icon{position:absolute;top:50%;right:0;transform:translatey(-50%)}.ui-select__separator{height:0;border-top:1px dashed var(--border);margin:calc(var(--space) * .5) 0}.ui-select__value{display:inline-flex;min-width:0;gap:8px;align-items:center}.ui-select__placeholder{color:var(--muted)}.ui-select__icon{opacity:.7}.ui-select__actions{display:flex;align-items:center;gap:var(--space-1)}.ui-select__filter{display:block;width:100%;border:none;border-bottom:1px solid var(--border);background:var(--hover-bright);padding:var(--space-2) var(--space-3);font-size:inherit;outline:none;color:var(--text)}.ui-select__filter::placeholder{color:var(--muted)}.ui-select__badge{display:flex;align-items:center;justify-content:center;height:100%;aspect-ratio:1;font-weight:500;background:var(--hover);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;position:absolute;top:1px;right:1px;height:calc(100% - 2px);z-index:2}.ui-select__badge:hover{background:var(--text);color:var(--back)}.ui-select__badge:before{content:none;font-size:1.5rem;font-weight:300;line-height:0}.ui-select__badge:hover:before{content:"×"}.ui-select__badge:hover{font-size:0}.ui-select__badge[hidden]{display:none}.ui-select__popover{position:absolute;left:0;right:0;top:calc(100% - 1px);border:1px solid var(--border);border-radius:var(--radius);background:var(--back);box-shadow:var(--shadow-md);overflow:hidden;transform-origin:top;opacity:0;transform:scale(.99) translateY(4px);pointer-events:none;transition:all .12s ease;z-index:50}.ui-select[data-open=true] .ui-select__popover{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.ui-select[data-open=true] .ui-select__trigger .ui-btn .ui-btn__icon{transform:translatey(-50%) rotate(-90deg);opacity:.35}.ui-select__list{max-height:240px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px}.ui-select__list::-webkit-scrollbar{display:none}.ui-select__item{width:100%;text-align:left;border:0;background:transparent;border-radius:var(--radius);padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .12s ease;color:var(--text);position:relative}.ui-select__item[disabled]{pointer-events:none;color:var(--muted)}.ui-select__item[hidden]{display:none}.ui-select__item:hover{background:var(--shade)}.ui-select__item[aria-selected=true]{background:var(--hover)}.ui-select__check{position:absolute;right:var(--space);top:50%;transform:translatey(-40%);color:var(--muted)}.ui-switch{--bg: var(--text);--switch-track-off: var(--control-track-off, var(--muted-back));--switch-track-on: var(--control-track-on-muted, var(--muted-back-active, var(--bg)));--switch-thumb: var(--control-thumb, hsl(var(--hsl-white)));flex:none;display:inline-flex;align-items:center;gap:var(--space-2)}.ui-switch__button{--switch-size: calc(1.75 * var(--space));width:calc(2 * var(--switch-size));height:var(--switch-size);border-radius:999px;border:none;background:var(--switch-track-off);position:relative;cursor:pointer;padding:0;transition:var(--core-transition)}.ui-switch__thumb{width:calc(.8 * var(--switch-size));height:calc(.8 * var(--switch-size));border-radius:999px;background:var(--switch-thumb);position:absolute;top:50%;left:calc(.1 * var(--switch-size));transform:translateY(-50%);transition:var(--core-transition)}.ui-switch[data-checked=true] .ui-switch__button{background:var(--bg);border-color:var(--bg)}.ui-switch[data-ui-col=default][data-checked=true] .ui-switch__button{background:var(--switch-track-on)}.ui-switch[data-checked=true] .ui-switch__thumb{left:calc(1.1 * var(--switch-size))}.ui-tabs .ui-btn[aria-selected=true]{pointer-events:none}.ui-tabs__buttons{display:inline-flex;gap:var(--space-1);flex-wrap:wrap;background:var(--shade);padding:var(--space-1);border-radius:calc(1.5 * var(--radius))}.ui-tabs__panel{width:100%;border-radius:var(--radius)}.ui-tabs__tab{background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--core-transition)}.ui-tabs--shade .ui-tabs__panel{background:var(--shade)}.ui-tabs--shade .ui-btn[aria-selected=false]{--bg: var(--shade)}.ui-tabs--round .ui-tabs--default{border-radius:999px;gap:0;padding:var(--space-1) calc(var(--space-1) + .2em)}.ui-tabs--round .ui-tabs--default .ui-btn{--input-padding: calc(var(--space) * .5) calc(var(--space) * 1.5);--bg: transparent;margin:0 -.2em}.ui-tabs--default .ui-btn{--input-padding: calc(var(--space) * .5) calc(var(--space) * .75)}.ui-tabs--default .ui-btn:not(.colorized)[aria-selected=true]{background:hsl(var(--hsl-white))!important;color:hsl(var(--hsl-black))!important;box-shadow:0 1px 4px #0003}.ui-tabs--outline{padding:0;background:none;gap:0}.ui-tabs--outline+.ui-tabs__panel{margin-top:calc(-1 * var(--gap))}.ui-tabs--outline:not([data-centered])+.ui-tabs__panel{border-top-left-radius:0}.ui-tabs--outline .ui-btn{--core-transition: none;border-color:transparent;border-radius:0}.ui-tabs--outline:not(.ui-tabs--toggle-group) .ui-btn:first-child{border-top-left-radius:var(--radius)}.ui-tabs--outline:not(.ui-tabs--toggle-group) .ui-btn:last-child{border-top-right-radius:var(--radius)}.ui-tabs--outline .ui-btn[aria-selected=false]{--fg: var(--muted);--bg: var(--shade);border-left-color:hsl(var(--hsl-text) / .08)}.ui-tabs--outline .ui-btn[aria-selected=false]:first-child,.ui-tabs--outline .ui-btn[aria-selected=true]+[aria-selected=false]{border-left-color:transparent}.ui-tabs--outline .ui-btn[aria-selected=true]{--fg: var(--text);--bg: var(--shade-back, var(--back));border-color:var(--border)}.ui-tabs--outline:not(.ui-tabs--toggle-group) .ui-btn[aria-selected=true]:after{content:"";background:var(--bg);bottom:0;left:0;width:100%;height:3px;position:absolute;transform:translatey(100%)}.ui-tabs--ghost{gap:0;background:transparent;padding:0}.ui-tabs--ghost .ui-btn[aria-selected=true]:not([data-ui-col]){--bg: var(--hover)}.ui-tabs--border{padding:0;background:none;gap:0}.ui-tabs--border .ui-btn{border-color:transparent;border-width:2px;border-radius:0}.ui-tabs--border .ui-btn:after{content:"";background:var(--bg);bottom:0;left:0;width:100%;height:2px;position:absolute;transform:translatey(100%);pointer-events:none;opacity:0;transition:var(--core-transition)}.ui-tabs--border .ui-btn:hover{background:transparent}.ui-tabs--border .ui-btn:hover:after{background:var(--fg);opacity:.5}.ui-tabs--border .ui-btn[aria-selected=true]:after{background:var(--fg);opacity:1}.ui-tabs--border .ui-btn[aria-selected=false]{--fg: var(--muted)}.ui-tabs--minimal{gap:var(--space-4);padding:var(--space-2) 0;background:transparent}.ui-tabs--minimal .ui-btn{--fg: var(--muted);background:transparent;padding:0;--space: 0px}.ui-tabs--minimal .ui-btn[aria-selected=true]{--fg: var(--text)}.ui-tabs--minimal .ui-btn[aria-selected=true]:before{opacity:1}.ui-toggle{--bg: var(--text);--fg: var(--back);flex:none;display:inline-flex;background:var(--hover);padding:0;border-radius:999px;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.05em;font-size:72.5%;font-weight:500;cursor:pointer}.ui-toggle[disabled]{opacity:.5;pointer-events:none}.ui-toggle div{pointer-events:none;padding:var(--space-2) var(--space-5);border-radius:999px}.ui-toggle div:first-child{background:var(--text);color:var(--back)}.ui-toggle div:last-child{background:transparent;color:inherit;padding-left:var(--space-3)}.ui-toggle[data-checked=true] div:first-child{background:transparent;color:inherit;padding-right:var(--space-3);color:var(--muted)}.ui-toggle[data-checked=false] div:last-child{color:var(--muted)}.ui-toggle[data-checked=true] div:last-child{background:var(--bg);color:var(--fg);padding:var(--space-2) var(--space-5)}.ui-toggle--minimal{background:transparent;padding:var(--input-padding);gap:var(--space-3)}.ui-toggle--minimal>div{background:transparent!important;border-bottom:1px solid transparent;border-radius:0;padding:1px 0!important;color:var(--muted);position:relative}.ui-toggle--minimal>div:last-child:before{content:"/";position:absolute;font-size:150%;font-weight:300;top:50%;left:0;transform:translate(-175%,-50%);color:var(--muted)}.ui-toggle--minimal[data-checked=true] div:last-child,.ui-toggle--minimal[data-checked=false] div:first-child{color:var(--text);border-bottom-color:var(--text)}nav.ui-toggle--minimal>div:hover{color:var(--text)!important}
