.usage-island-editor{container:usage-editor / inline-size}.usage-island-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.usage-island-stage{display:grid;align-self:center;grid-template-columns:minmax(0,1fr);align-items:center;height:240px;min-width:0}.usage-island-preview{justify-self:center;width:100%;min-width:0}.usage-island-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:80px;gap:12px}.usage-island-slots>[data-sortable-card]{min-width:0}.usage-island-slots .voice-channel,.voice-channel.is-dragging{width:100%;margin-right:0}.usage-island-slots .shrink-0{width:32px;height:32px}.usage-island-lower{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.usage-island-styles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.usage-island-style-card{position:relative;display:grid;min-width:0}.usage-island-direction{position:absolute;top:8px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100px,calc(100% - 16px));gap:2px;padding:2px;border-radius:10px;background:rgb(var(--bg-elevated-rgb) / .6)}.usage-island-direction:before{content:"";position:absolute;top:2px;left:2px;width:calc((100% - 6px)/2);height:30px;border-radius:8px;background:rgb(var(--accent-rgb) / .2);transition:transform .22s cubic-bezier(.2,.75,.25,1)}.usage-island-direction[data-reversed=false]:before{transform:translate(calc(100% + 2px))}.usage-island-direction button{position:relative;display:grid;place-items:center;width:100%;min-width:0;height:30px;border-radius:8px;color:rgb(var(--text-muted-rgb));transition:color .15s ease}.usage-island-direction button:hover{color:rgb(var(--text-primary-rgb))}.usage-island-direction button[aria-pressed=true]{color:rgb(var(--accent-rgb))}.usage-island-direction button:focus-visible{outline:1px solid rgb(var(--accent-rgb))}.usage-island-style{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:136px;padding:50px 11px 12px;border:2px solid transparent;background:rgb(var(--bg-surface-rgb) / .6);color:rgb(var(--text-secondary-rgb));font-size:13px;transition:background-color .15s ease}.usage-island-style svg{display:block;width:100%;max-width:132px;height:64px}.usage-island-style:hover{background:rgb(var(--bg-elevated-rgb) / .7);color:rgb(var(--text-primary-rgb))}.usage-island-style[aria-pressed=true]{border-color:rgb(var(--accent-rgb));background:rgb(var(--accent-rgb) / .12);color:rgb(var(--text-primary-rgb))}.usage-island-style:focus-visible{outline:1px solid rgb(var(--accent-rgb));outline-offset:2px}.usage-island-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-island-settings-group{display:grid;align-content:start;align-items:center;gap:12px;min-width:0}.usage-island-slider-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px}.usage-island-slider-row>.island-scale{width:100%;min-width:0}.usage-island-refresh{display:flex;align-items:center;gap:12px}.usage-island-refresh .voice-text-button:disabled{opacity:.4}.usage-island-fit{display:flex;justify-content:center;min-width:0}.usage-island-track{position:relative;display:flex;align-items:center;width:min(var(--usage-island-width),100%);min-width:48px;height:48px}.usage-island-track[data-reversed=true][data-layout=row]{justify-content:flex-end}.usage-island-track[data-layout=column]{align-items:flex-start;width:48px;height:var(--usage-island-height)}.usage-island-track[data-reversed=true][data-layout=column]{align-items:flex-end}.usage-island-track[data-layout=dial]{justify-content:center;width:var(--usage-island-width);height:var(--usage-island-height)}.usage-island-track{--usage-island-logo: 32px}.usage-island-theme-dark{--usage-island-bg: #202020;--usage-island-fg: #ececec;--usage-island-track: #3d3d3d;--usage-island-healthy: #22c55e;--usage-island-low: #f1c85b;--usage-island-critical: #fa5c57}.usage-island-theme-light{--usage-island-bg: #faf9f6;--usage-island-fg: #292929;--usage-island-track: #dedbd3;--usage-island-healthy: #15803d;--usage-island-low: #a16207;--usage-island-critical: #c2312c}.usage-island-theme-auto{--usage-island-bg: rgb(var(--bg-surface-rgb));--usage-island-fg: rgb(var(--text-primary-rgb));--usage-island-track: color-mix(in srgb, currentColor 18%, transparent)}.usage-island{position:relative;flex:none;width:48px;height:48px;border-radius:999px;color:var(--usage-island-fg);text-shadow:0 0 2px color-mix(in srgb,var(--usage-island-bg) calc(100% - var(--usage-island-surface-opacity, 100%)),transparent),0 0 6px color-mix(in srgb,var(--usage-island-bg) calc(100% - var(--usage-island-surface-opacity, 100%)),transparent);background:color-mix(in srgb,var(--usage-island-bg) var(--usage-island-surface-opacity, 100%),transparent);overflow:hidden;box-shadow:0 6px 18px #0003,0 2px 6px #0002;transition:width .42s cubic-bezier(.2,.75,.25,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.usage-island.usage-island-theme-auto{background-image:none;animation:none;background-color:color-mix(in srgb,var(--usage-island-bg) var(--usage-island-surface-opacity, 100%),transparent)}.usage-island.usage-island-theme-auto{isolation:isolate}.usage-island-texture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:var(--usage-island-surface-opacity, 100%)}.usage-island[data-expanded=true][data-layout=row]{width:100%}.usage-island-toggle{position:absolute;top:4px;left:4px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.usage-island-logo{display:grid;place-items:center;width:100%;height:100%;animation:usage-island-logo-turn .45s linear}@keyframes usage-island-logo-turn{0%{transform:perspective(480px) rotateY(0)}to{transform:perspective(480px) rotateY(360deg)}}.usage-island-logo-value{display:grid;justify-items:center;gap:2px;font-size:11px;line-height:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.usage-island-logo-value .usage-island-icon{width:20px;height:20px}.usage-island-logo-value>span{max-width:40px;overflow:hidden;text-overflow:ellipsis}.usage-island-toggle img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.usage-island[data-reversed=true][data-layout=row] .usage-island-toggle{left:auto;right:4px}.usage-island[data-reversed=true][data-layout=column] .usage-island-toggle{top:auto;bottom:4px}.usage-island-toggle:focus-visible{outline:1px solid currentColor;outline-offset:-2px}.usage-island-tools{position:absolute;top:0;bottom:0;left:48px;display:flex;align-items:center;gap:12px;width:-moz-max-content;width:max-content;max-width:var(--usage-island-tools-max);opacity:0;visibility:hidden;transition:opacity .18s ease .08s,visibility .18s}.usage-island[data-expanded=true] .usage-island-tools{opacity:1;visibility:visible}.usage-island-item{display:contents}.usage-island-tool{text-align:left;flex:0 1 auto;display:flex;align-items:center;gap:6px;min-width:0}.usage-island [data-tone=unknown]{--usage-color: currentColor;--usage-track: var(--usage-island-track)}.usage-island [data-tone=healthy]{--usage-color: var(--usage-island-healthy)}.usage-island [data-tone=low]{--usage-color: var(--usage-island-low)}.usage-island [data-tone=critical]{--usage-color: var(--usage-island-critical)}.usage-island :is([data-tone=healthy],[data-tone=low],[data-tone=critical]){--usage-track: color-mix(in srgb, var(--usage-color) 20%, transparent)}.usage-island-gauge{position:relative;flex:0 0 var(--usage-island-logo);width:var(--usage-island-logo);height:var(--usage-island-logo)}.usage-island-gauge svg{position:relative;z-index:1;display:block;width:100%;height:100%;transform:rotate(-90deg) scaleY(-1)}.usage-island-gauge circle{fill:none;stroke-width:3;stroke-linecap:round}.usage-island-gauge[data-smart-active=true]:before,.usage-island[data-layout=list] .usage-island-tool[data-smart-active=true]:before,.usage-island[data-style=line] .usage-island-tool[data-smart-active=true]:before{content:"";position:absolute;background-image:linear-gradient(45deg,var(--usage-island-smart-dark) 25%,var(--usage-island-smart-light) 25% 50%,var(--usage-island-smart-dark) 50% 75%,var(--usage-island-smart-light) 75%);background-size:20px 20px;will-change:background-position;animation:usage-island-smart-gauge .8s linear infinite}.usage-island-gauge[data-smart-active=true],.usage-island-tool[data-smart-active=true]{--usage-island-smart-light: rgb(var(--accent-rgb) / .5);--usage-island-smart-dark: color-mix( in srgb, color-mix(in srgb, rgb(var(--accent-rgb)) 60%, black) 50%, transparent )}.usage-island-theme-light .usage-island-gauge[data-smart-active=true],.usage-island-theme-light .usage-island-tool[data-smart-active=true]{--usage-island-smart-light: rgb(var(--accent-rgb) / .14);--usage-island-smart-dark: rgb(var(--accent-rgb) / .3)}.usage-island-gauge[data-smart-active=true]:before{top:2px;right:2px;bottom:2px;left:2px;z-index:0;border-radius:50%}.usage-island-gauge[data-smart-active=true] .usage-island-icon{z-index:2}.usage-island[data-layout=list] .usage-island-tool[data-smart-active=true],.usage-island[data-style=line] .usage-island-tool[data-smart-active=true]{position:relative;isolation:isolate}.usage-island[data-layout=list] .usage-island-tool[data-smart-active=true]:before,.usage-island[data-style=line] .usage-island-tool[data-smart-active=true]:before{z-index:-1}.usage-island[data-layout=list] .usage-island-tool[data-smart-active=true]:before{inset:0 calc(-1 * var(--usage-island-list-inset)) 0 calc(-1 * var(--usage-island-list-icon-left))}.usage-island[data-style=line] .usage-island-tool[data-smart-active=true]{align-self:stretch}.usage-island[data-style=line] .usage-island-tools{left:64px;gap:28px}.usage-island[data-style=line][data-layout=row][data-reversed=true] .usage-island-tools{right:64px;left:auto}.usage-island[data-style=line] .usage-island-tool[data-smart-active=true]:before{top:0;right:-10px;bottom:0;left:-10px}@keyframes usage-island-smart-gauge{0%{background-position:0 0}to{background-position:20px 0}}.usage-island-gauge-track{stroke:var(--usage-track, var(--usage-island-track))}.usage-island-gauge-value{stroke:var(--usage-color);transition:stroke .2s ease}.usage-island-gauge .usage-island-icon{position:absolute;top:7px;right:7px;bottom:7px;left:7px;width:18px;height:18px}.usage-island-icon{width:var(--usage-island-logo);height:var(--usage-island-logo);flex:none;-o-object-fit:contain;object-fit:contain;filter:none!important}.usage-island-rows{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 5px;min-width:0}.usage-island-row{display:contents;font-size:12px;line-height:15px;font-weight:600;white-space:nowrap}.usage-island-row>:only-child{grid-column:1 / -1}.usage-island-row .usage-island-reset{color:var(--usage-color);opacity:1}.usage-island-amount{color:var(--usage-color);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.usage-island[data-layout=column]{transition:height .42s cubic-bezier(.2,.75,.25,1)}.usage-island[data-expanded=true][data-layout=column]{height:100%}.usage-island[data-layout=column] .usage-island-tools{top:48px;right:0;bottom:8px;left:0;flex-direction:column;gap:0;width:auto;max-width:none}.usage-island[data-reversed=true][data-layout=row] .usage-island-tools{right:48px;left:auto;flex-direction:row-reverse}.usage-island[data-reversed=true][data-layout=column] .usage-island-tools{top:8px;right:0;bottom:48px;left:0;flex-direction:column-reverse}.usage-island[data-layout=column] .usage-island-tool{text-align:left;flex:0 0 54px;flex-direction:column;justify-content:center;gap:2px}.usage-island-track[data-layout=list]{align-items:flex-start;height:var(--usage-island-height)}.usage-island-track[data-reversed=true][data-layout=list]{align-items:flex-end}.usage-island[data-layout=list]{--usage-island-list-inset: 10px;--usage-island-list-icon-left: 10px;border-radius:24px;transition:width .42s cubic-bezier(.2,.75,.25,1),height .42s cubic-bezier(.2,.75,.25,1)}.usage-island[data-expanded=true][data-layout=list]{width:100%;height:100%}.usage-island[data-expanded=true][data-layout=list] .usage-island-toggle{top:7px;height:34px}.usage-island[data-layout=list] .usage-island-tools{inset:42px var(--usage-island-list-inset) 12px var(--usage-island-list-icon-left);flex-direction:column;gap:6px;width:auto;max-width:none}.usage-island[data-layout=list] .usage-island-tool{flex:0 0 52px;width:100%;gap:10px;padding:0;border-radius:12px}.usage-island[data-layout=list] .usage-island-tool>.usage-island-icon{width:28px;height:28px}.usage-island[data-layout=list] .usage-island-lines{gap:4px}.usage-island[data-layout=list] .usage-island-line-title{max-width:none}.usage-island-list-actions{position:absolute;top:10px;right:var(--usage-island-list-inset);display:flex;align-items:center;gap:6px}.usage-island-list-actions button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%}.usage-island-list-actions button:enabled:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.usage-island-list-actions button:disabled{opacity:.4}.usage-island-list-actions button:focus-visible{outline:1px solid currentColor}.usage-island[data-reversed=true][data-layout=list] .usage-island-list-actions{top:auto;bottom:10px}.usage-island[data-reversed=true][data-layout=list] .usage-island-toggle{top:auto;bottom:4px}.usage-island[data-expanded=true][data-reversed=true][data-layout=list] .usage-island-toggle{top:auto;bottom:7px}.usage-island[data-reversed=true][data-layout=list] .usage-island-tools{inset:12px var(--usage-island-list-inset) 42px var(--usage-island-list-icon-left);flex-direction:column-reverse}.usage-island-lines{flex:1 1 auto;display:grid;gap:2px;min-width:0}.usage-island-line-title{display:flex;align-items:center;gap:5px;min-width:0;max-width:200px}.usage-island[data-density] .usage-island-line-title{max-width:110px}.usage-island-line-title .usage-island-icon{width:16px;height:16px}.usage-island-line-name{position:relative;top:-1px;min-width:0;overflow:hidden;font-size:13px;line-height:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.usage-island-line-quotas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;min-width:0;min-height:18px}.usage-island-line{display:grid;align-content:center;gap:2px;min-width:0}.usage-island-line-head{display:flex;align-items:baseline;gap:3px;min-width:0;height:13px;font-size:11px;line-height:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.usage-island-line-label{min-width:1.3em;overflow:hidden;text-overflow:ellipsis}.usage-island-reset{flex:none;opacity:.65}.usage-island .usage-island-reset>span{display:inline;vertical-align:baseline;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.usage-island-line-value{flex:none;margin-left:auto;color:var(--usage-color, currentColor)}.usage-island-line-head>.usage-island-line-value:first-child{margin-left:0}.usage-island-line[data-bare] .usage-island-line-value{margin-inline:auto}.usage-island[data-density] .usage-island-reset,.usage-island[data-density=tight] .usage-island-line:nth-child(2){display:none}.usage-island-line-track{display:block;height:3px;overflow:hidden;border-radius:99px;background:var(--usage-track, var(--usage-island-track))}.usage-island-line-track>span{display:block;height:100%;border-radius:inherit;background:var(--usage-color, currentColor)}.usage-island[data-layout=dial]{--usage-island-logo: 48px;display:grid;place-items:center;height:48px;background-clip:content-box;transition:width .42s cubic-bezier(.2,.75,.25,1),height .42s cubic-bezier(.2,.75,.25,1),padding .42s cubic-bezier(.2,.75,.25,1)}.usage-island[data-layout=dial][data-expanded=false]:has(.usage-island-toggle .usage-island-gauge){padding:1px}.usage-island[data-layout=dial][data-expanded=false]:has(.usage-island-toggle .usage-island-gauge):before{top:1px;right:1px;bottom:1px;left:1px}.usage-island[data-expanded=true][data-layout=dial]{width:216px;height:216px}.usage-island[data-layout=dial] .usage-island-gauge .usage-island-icon{top:10px;right:10px;bottom:10px;left:10px;width:28px;height:28px}.usage-island[data-layout=dial] .usage-island-toggle{top:50%;left:50%;transform:translate(-50%,-50%)}.usage-island[data-layout=dial] .usage-island-toggle .usage-island-gauge{margin:-4px}.usage-island-dial{--usage-island-dial-turn: 150deg;position:absolute;top:calc(50% - 108px);left:calc(50% - 108px);width:216px;height:216px;rotate:calc(var(--usage-island-dial-turn) * -1);scale:.3;opacity:0;visibility:hidden;transition:rotate .42s cubic-bezier(.2,.75,.25,1),scale .42s cubic-bezier(.2,.75,.25,1),opacity .18s ease,visibility .18s;will-change:rotate,scale}.usage-island[data-reversed=true] .usage-island-dial{--usage-island-dial-turn: -150deg}.usage-island[data-expanded=true] .usage-island-dial{rotate:none;scale:none;opacity:1;visibility:visible}.usage-island-dial-item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;width:64px;height:70px;margin:-32px 0 0 -32px;rotate:var(--usage-island-dial-turn);transition:rotate .42s cubic-bezier(.2,.75,.25,1);will-change:rotate}.usage-island[data-expanded=true] .usage-island-dial-item{rotate:none}.usage-island-theme-light img[src*="/icons/models/sidrune.svg"]{filter:none!important}.usage-island-theme-dark img[src*="/icons/models/sidrune.svg"],.usage-island-theme-dark img[src*="/icons/models/yi.svg"],.usage-island-theme-dark img[src*="/icons/models/ollama.svg"],.usage-island-theme-dark img[src*="/icons/models/agnes.svg"],.usage-island-theme-dark img[src*="/icons/models/baseten.svg"],.usage-island-theme-dark img[src*="/icons/models/nousresearch.svg"],.usage-island-theme-dark img[src*="/icons/models/liquid.svg"],.usage-island-theme-dark img[src*="/icons/tools/opencode.svg"],.usage-island-theme-dark img[src*="/icons/tools/cursor.svg"],.usage-island-theme-dark img[src*="/icons/tools/cursorcli.svg"],.usage-island-theme-dark img[src*="/icons/tools/grok.svg"],.usage-island-theme-light img[src*="/icons/models/chatgpt.svg"],.usage-island-theme-light img[src*="/icons/models/glm.svg"],.usage-island-theme-light img[src*="/icons/models/grok.svg"],.usage-island-theme-light img[src*="/icons/models/groq.svg"],.usage-island-theme-light img[src*="/icons/models/granite.svg"],.usage-island-theme-light img[src*="/icons/models/openrouter.svg"],.usage-island-theme-light img[src*="/icons/models/kimi.svg"],.usage-island-theme-light img[src*="/icons/models/together.svg"],.usage-island-theme-light img[src*="/icons/tools/codex.svg"],.usage-island-theme-light img[src*="/icons/tools/chatgptdesktop.svg"]{filter:invert(1) brightness(.9)!important}@container usage-editor (max-width: 719px){.usage-island-page{grid-template-columns:minmax(0,1fr)}}@container usage-editor (max-width: 439px){.usage-island-slots{grid-template-columns:minmax(0,1fr)}}@container usage-editor (max-width: 719px){.usage-island-settings{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.usage-island,.usage-island[data-layout=column],.usage-island[data-layout=dial],.usage-island[data-layout=list],.usage-island-tools,.usage-island-dial,.usage-island-dial-item,.usage-island-direction:before{transition:none}.usage-island-logo{animation:none}.usage-island-gauge[data-smart-active=true]:before,.usage-island-tool[data-smart-active=true]:before{animation:none}}.usage-island-window,.usage-island-window body,.usage-island-window #root{background:transparent!important;overflow:hidden;clip-path:none!important;border-radius:0!important}.usage-island-window-root{position:fixed;top:0;right:0;bottom:0;left:0}.usage-island-window-root .usage-island-fit{position:absolute;top:24px;right:24px;bottom:24px;left:24px;align-items:flex-start;justify-content:flex-start}.usage-island-window-root .usage-island-fit[data-layout=dial]{align-items:center;justify-content:center}.usage-island-window-root .usage-island-fit[data-reversed=true][data-layout=row]{justify-content:flex-end}.usage-island-window-root .usage-island-fit[data-reversed=true][data-layout=column],.usage-island-window-root .usage-island-fit[data-reversed=true][data-layout=list]{align-items:flex-end}.usage-island-window-root .usage-island-track{flex:none}.usage-island-window-root .usage-island-track[data-layout=row],.usage-island-window-root .usage-island-track[data-layout=list]{width:var(--usage-island-width)}.usage-island-tip-overlay{position:fixed;z-index:10000;pointer-events:none}.usage-island-tooltip{position:relative;box-sizing:border-box;padding:14px;border:1px solid color-mix(in srgb,var(--usage-island-fg) 16%,var(--usage-island-bg));border-radius:13px;background:var(--usage-island-bg);color:var(--usage-island-fg);box-shadow:0 8px 20px #0005;font-size:12px;line-height:16px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usage-island-tooltip:after{position:absolute;left:var(--usage-tip-arrow-x);width:9px;height:9px;content:"";background:var(--usage-island-bg);border:inherit;transform:translate(-50%) rotate(45deg)}.usage-island-tooltip[data-placement=above]:after{bottom:-5px;border-top:0;border-left:0}.usage-island-tooltip[data-placement=below]:after{top:-5px;border-right:0;border-bottom:0}.usage-island-tip-head{display:flex;align-items:center;gap:8px;box-sizing:border-box;height:48px;padding-bottom:12px}.usage-island-tip-head>:first-child{flex:none;width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.usage-island-tip-head>div{display:grid;gap:2px;min-width:0}.usage-island-tip-head strong,.usage-island-tip-head span,.usage-island-tip-row-head>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.usage-island-tip-head strong{font-size:13px;font-weight:700}.usage-island-tip-head span{opacity:.65;font-size:10px;line-height:14px}.usage-island-tip-row{--usage-tip-color: var(--usage-island-fg);box-sizing:border-box;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.usage-island-tip-row[data-tone=healthy]{--usage-tip-color: var(--usage-island-healthy)}.usage-island-tip-row[data-tone=low]{--usage-tip-color: var(--usage-island-low)}.usage-island-tip-row[data-tone=critical]{--usage-tip-color: var(--usage-island-critical)}.usage-island-tip-row-head{display:flex;justify-content:space-between;gap:8px;font-weight:600}.usage-island-tip-row-head>strong{flex:none;color:var(--usage-tip-color);font-variant-numeric:tabular-nums}.usage-island-tip-track{height:5px;margin-top:8px;overflow:hidden;border-radius:999px;background:var(--usage-island-track)}.usage-island-tip-track>span{display:block;height:100%;border-radius:inherit;background:var(--usage-tip-color)}.usage-island-tip-reset{display:flex;align-items:center;gap:5px;margin-top:7px;opacity:.65;font-size:10px;line-height:14px}.usage-island-tip-reset>span{color:inherit}.usage-island-tooltip-window,.usage-island-tooltip-window body,.usage-island-tooltip-window #root{width:100%;height:100%;margin:0;overflow:hidden;background:transparent!important}.usage-island-tip-native{width:-moz-max-content;width:max-content}.usage-island-tooltip[data-placement=left]:after,.usage-island-tooltip[data-placement=right]:after{top:var(--usage-tip-arrow-x);bottom:auto;transform:translateY(-50%) rotate(45deg)}.usage-island-tooltip[data-placement=left]:after{left:auto;right:-5px;border-left:0;border-bottom:0}.usage-island-tooltip[data-placement=right]:after{left:-5px;border-right:0;border-top:0}html,body,#root{width:100%;height:100%;margin:0}body[data-demo=usage-island]{background:transparent;overflow:hidden}.website-usage-demo{position:relative;height:100%;overflow:hidden;color:rgb(var(--text-primary-rgb))}.usage-demo-scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .3s ease;animation:usage-scene-enter .25s ease both}.usage-demo-scene[data-fading=true]{opacity:0;animation:none}.usage-demo-scene .usage-island-stage{position:absolute;width:480px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.15)}.usage-demo-scene .usage-island{box-shadow:0 12px 26px #0004}.usage-demo-scene .usage-island-preview{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes usage-scene-enter{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.usage-demo-scene .usage-island-stage{transform:translate(-50%,-50%) scale(.7)}}@media (prefers-reduced-motion: reduce){.usage-demo-scene{animation:none;transition:none}}