:root{--fuel-font-family-display:Satoshi;--fuel-font-family-body:Satoshi;--fuel-font-family-heading:Satoshi;--fuel-font-family-caption:Satoshi;--fuel-font-size-1:0.625rem;--fuel-font-size-2:0.75rem;--fuel-font-size-3:0.875rem;--fuel-font-size-4:1rem;--fuel-font-size-5:1.125rem;--fuel-font-size-6:1.25rem;--fuel-font-size-7:1.5rem;--fuel-font-size-8:2rem;--fuel-font-size-9:2.5rem;--fuel-font-size-10:3rem;--fuel-font-size-11:4rem;--fuel-font-size-12:6rem;--fuel-font-weight-light:300;--fuel-font-weight-regular:400;--fuel-font-weight-medium:500;--fuel-font-weight-bold:600;--fuel-font-weight-black:700;--fuel-font-lineheight-tighter:1.0;--fuel-font-lineheight-tight:1.1;--fuel-font-lineheight-relaxed:1.3;--fuel-font-lineheight-cozy:1.4;--fuel-font-lineheight-roomy:1.5;--fuel-font-lineheight-spacious:1.6;--fuel-font-spacing-tighter:-6%;--fuel-font-spacing-tight:-4%;--fuel-font-spacing-thin:-2%;--fuel-font-spacing-default:0%;--fuel-font-spacing-cozy:2%;--fuel-font-spacing-roomy:4%;--fuel-size-0:0rem;--fuel-size-2:0.125rem;--fuel-size-4:0.25rem;--fuel-size-8:0.5rem;--fuel-size-12:0.75rem;--fuel-size-16:1rem;--fuel-size-20:1.25rem;--fuel-size-24:1.5rem;--fuel-size-28:1.75rem;--fuel-size-32:2rem;--fuel-size-36:2.25rem;--fuel-size-40:2.5rem;--fuel-size-44:2.75rem;--fuel-size-48:3rem;--fuel-size-52:3.25rem;--fuel-size-56:3.5rem;--fuel-size-60:3.75rem;--fuel-size-64:4rem;--fuel-size-68:4.25rem;--fuel-size-72:4.5rem;--fuel-size-76:4.75rem;--fuel-size-80:5rem;--fuel-size-84:5.25rem;--fuel-size-88:5.5rem;--fuel-size-92:5.75rem;--fuel-size-96:6rem;--fuel-size-104:6.5rem;--fuel-size-112:7rem;--fuel-size-128:8rem;--fuel-size-160:10rem;--fuel-size-200:12.5rem;--fuel-radius-0:0rem;--fuel-radius-2:0.125rem;--fuel-radius-4:0.25rem;--fuel-radius-8:0.5rem;--fuel-radius-12:0.75rem;--fuel-radius-16:1rem;--fuel-radius-20:1.25rem;--fuel-radius-24:1.5rem;--fuel-radius-100:6.25rem;--fuel-radius-circle:100%;--fuel-width-0:0rem;--fuel-width-1:0.0625rem;--fuel-width-2:0.125rem;--fuel-width-3:0.1875rem;--fuel-width-4:0.25rem;--fuel-width-8:0.5rem;--fuel-opacity-0:0;--fuel-opacity-6:0.06;--fuel-opacity-12:0.12;--fuel-opacity-16:0.16;--fuel-opacity-20:0.2;--fuel-opacity-24:0.24;--fuel-opacity-32:0.32;--fuel-opacity-40:0.4;--fuel-opacity-48:0.48;--fuel-opacity-64:0.64;--fuel-opacity-80:0.8;--fuel-opacity-100:1;--fuel-shadow-1:0px 2px 4px 0px hsla(0,0%,7%,.12);--fuel-shadow-2:0px 4px 4px 0px hsla(0,0%,7%,.08);--fuel-shadow-3:0px 4px 8px 0px hsla(0,0%,7%,.12);--fuel-shadow-4:0px 6px 12px -6px hsla(0,0%,7%,.12);--fuel-shadow-5:0px 8px 8px -4px hsla(0,0%,7%,.08);--fuel-shadow-6:0px 8px 12px 0px hsla(0,0%,7%,.08);--fuel-shadow-7:0px 8px 14px -6px hsla(0,0%,7%,.12);--fuel-shadow-8:0px 8px 18px -6px hsla(0,0%,7%,.12);--fuel-shadow-9:0px 8px 22px -6px hsla(0,0%,7%,.12);--fuel-shadow-10:0px 10px 24px -4px hsla(0,0%,7%,.08);--fuel-shadow-11:0px 10px 28px -6px hsla(0,0%,7%,.12);--fuel-shadow-12:0px 12px 40px -4px hsla(0,0%,7%,.08);--fuel-shadow-13:0px 14px 64px -4px hsla(0,0%,7%,.08);--fuel-shadow-14:0px 18px 88px -4px hsla(0,0%,7%,.08);--fuel-color-light-gray-0:#fff;--fuel-color-light-gray-100:#f4f4f5;--fuel-color-light-gray-200:#dfe1e6;--fuel-color-light-gray-300:#babec9;--fuel-color-light-gray-600:#636b7e;--fuel-color-light-gray-1100:#111;--fuel-color-light-blue-200:#dbecff;--fuel-color-light-blue-500:#3993f9;--fuel-color-light-blue-600:#0769da;--fuel-color-light-blue-700:#045dc3;--fuel-color-light-blue-800:#024ca2;--fuel-color-light-blue-1000:#002b5c;--fuel-color-light-red-200:#fae3e5;--fuel-color-light-red-600:#d92641;--fuel-color-light-red-800:#a81e32;--fuel-color-light-green-200:#daede0;--fuel-color-light-green-400:#18d567;--fuel-color-light-green-600:#0c884c;--fuel-color-light-green-800:#09683a;--fuel-color-light-yellow-200:#fdf5e6;--fuel-color-light-yellow-600:#f7c53b;--fuel-color-light-cyan-600:#00aeef;--fuel-color-dark-gray-100:#1a1a1a;--fuel-color-dark-gray-200:#2a2a2a;--fuel-color-dark-gray-300:#3a3a3a;--fuel-color-dark-gray-500:#5a5a5a;--fuel-color-dark-gray-600:#6a6a6a;--fuel-color-dark-gray-700:#7a7a7a;--fuel-color-dark-gray-800:#8a8a8a;--fuel-color-dark-gray-900:#9a9a9a;--fuel-color-dark-gray-1100:#fff;--fuel-color-dark-blue-300:#87ceeb;--fuel-color-dark-blue-600:#4169e1;--fuel-color-dark-blue-700:#0769da;--fuel-color-dark-blue-900:#024ca2;--fuel-color-dark-blue-1000:#002b5c;--fuel-color-dark-red-300:#ffb6c1;--fuel-color-dark-red-700:#d92641;--fuel-color-dark-red-900:#a81e32;--fuel-color-dark-green-300:#90ee90;--fuel-color-dark-green-400:#18d567;--fuel-color-dark-green-700:#0c884c;--fuel-color-dark-green-900:#09683a;--fuel-color-dark-yellow-300:#ffffe0;--fuel-color-dark-yellow-700:#f7c53b;--fuel-color-dark-cyan-600:#00aeef;--fuel-typography-overline-font-size:var(--fuel-font-size-1);--fuel-typography-overline-font-weight:var(--fuel-font-weight-bold);--fuel-typography-overline-line-height:var(--fuel-font-lineheight-spacious);--fuel-typography-overline-letter-spacing:var(--fuel-font-spacing-default);--fuel-typography-caption-font-size:var(--fuel-font-size-2);--fuel-typography-caption-font-weight:var(--fuel-font-weight-medium);--fuel-typography-caption-line-height:var(--fuel-font-lineheight-spacious);--fuel-typography-caption-letter-spacing:var(--fuel-font-spacing-default);--fuel-typography-body-small-font-size:var(--fuel-font-size-3);--fuel-typography-body-small-font-weight:var(--fuel-font-weight-medium);--fuel-typography-body-small-line-height:var(--fuel-font-lineheight-roomy);--fuel-typography-body-small-letter-spacing:var(--fuel-font-spacing-default);--fuel-typography-body-medium-font-size:var(--fuel-font-size-4);--fuel-typography-body-medium-font-weight:var(--fuel-font-weight-medium);--fuel-typography-body-medium-line-height:var(--fuel-font-lineheight-roomy);--fuel-typography-body-medium-letter-spacing:var(--fuel-font-spacing-default);--fuel-typography-body-large-font-size:var(--fuel-font-size-5);--fuel-typography-body-large-font-weight:var(--fuel-font-weight-medium);--fuel-typography-body-large-line-height:var(--fuel-font-lineheight-roomy);--fuel-typography-body-large-letter-spacing:var(--fuel-font-spacing-default);--fuel-typography-headings-small-font-size:var(--fuel-font-size-6);--fuel-typography-headings-small-font-weight:var(--fuel-font-weight-medium);--fuel-typography-headings-small-line-height:var(--fuel-font-lineheight-relaxed);--fuel-typography-headings-small-letter-spacing:var(--fuel-font-spacing-tight);--fuel-typography-headings-medium-font-size:var(--fuel-font-size-7);--fuel-typography-headings-medium-font-weight:var(--fuel-font-weight-medium);--fuel-typography-headings-medium-line-height:var(--fuel-font-lineheight-relaxed);--fuel-typography-headings-medium-letter-spacing:var(--fuel-font-spacing-tight);--fuel-typography-headings-large-font-size:var(--fuel-font-size-8);--fuel-typography-headings-large-font-weight:var(--fuel-font-weight-medium);--fuel-typography-headings-large-line-height:var(--fuel-font-lineheight-relaxed);--fuel-typography-headings-large-letter-spacing:var(--fuel-font-spacing-tight);--fuel-typography-display-small-font-size:var(--fuel-font-size-9);--fuel-typography-display-small-font-weight:var(--fuel-font-weight-medium);--fuel-typography-display-small-line-height:var(--fuel-font-lineheight-tight);--fuel-typography-display-small-letter-spacing:var(--fuel-font-spacing-tighter);--fuel-typography-display-medium-font-size:var(--fuel-font-size-10);--fuel-typography-display-medium-font-weight:var(--fuel-font-weight-medium);--fuel-typography-display-medium-line-height:var(--fuel-font-lineheight-tight);--fuel-typography-display-medium-letter-spacing:var(--fuel-font-spacing-tight);--fuel-typography-display-large-font-size:var(--fuel-font-size-11);--fuel-typography-display-large-font-weight:var(--fuel-font-weight-medium);--fuel-typography-display-large-line-height:var(--fuel-font-lineheight-tight);--fuel-typography-display-large-letter-spacing:var(--fuel-font-spacing-tight);--fuel-typography-display-extra-large-font-size:var(--fuel-font-size-12);--fuel-typography-display-extra-large-font-weight:var(--fuel-font-weight-medium);--fuel-typography-display-extra-large-line-height:var(--fuel-font-lineheight-tighter);--fuel-typography-display-extra-large-letter-spacing:var(--fuel-font-spacing-tight);--fuel-space-none:var(--fuel-size-0);--fuel-space-micro:var(--fuel-size-2);--fuel-space-xxxsmall:var(--fuel-size-4);--fuel-space-xxsmall:var(--fuel-size-8);--fuel-space-xsmall:var(--fuel-size-12);--fuel-space-small:var(--fuel-size-16);--fuel-space-medium:var(--fuel-size-20);--fuel-space-large:var(--fuel-size-24);--fuel-space-xlarge:var(--fuel-size-32);--fuel-space-xxlarge:var(--fuel-size-40);--fuel-space-xxxlarge:var(--fuel-size-48);--fuel-space-huge:var(--fuel-size-56);--fuel-space-spacious:var(--fuel-size-64);--fuel-space-giant:var(--fuel-size-80);--fuel-border-radius-none:var(--fuel-radius-0);--fuel-border-radius-xsmall:var(--fuel-radius-4);--fuel-border-radius-small:var(--fuel-radius-8);--fuel-border-radius-medium:var(--fuel-radius-12);--fuel-border-radius-large:var(--fuel-radius-16);--fuel-border-radius-xlarge:var(--fuel-radius-20);--fuel-border-radius-xxlarge:var(--fuel-radius-24);--fuel-border-radius-pill:var(--fuel-radius-100);--fuel-border-radius-circle:var(--fuel-radius-circle);--fuel-border-width-none:var(--fuel-width-0);--fuel-border-width-thinner:var(--fuel-width-1);--fuel-border-width-thin:var(--fuel-width-2);--fuel-border-width-thick:var(--fuel-width-4);--fuel-icon-size-xsmall:var(--fuel-size-12);--fuel-icon-size-small:var(--fuel-size-16);--fuel-icon-size-medium:var(--fuel-size-20);--fuel-icon-size-large:var(--fuel-size-24);--fuel-icon-size-xlarge:var(--fuel-size-32);--fuel-opacity-transparent:var(--fuel-opacity-6);--fuel-opacity-semitransparent:var(--fuel-opacity-12);--fuel-opacity-translucent:var(--fuel-opacity-16);--fuel-opacity-light:var(--fuel-opacity-20);--fuel-opacity-medium:var(--fuel-opacity-32);--fuel-opacity-overlay:var(--fuel-opacity-40);--fuel-opacity-intense:var(--fuel-opacity-64);--fuel-opacity-semiopaque:var(--fuel-opacity-80);--fuel-elevation-low-shadow:var(--fuel-shadow-3);--fuel-elevation-medium-shadow:var(--fuel-shadow-7),var(--fuel-shadow-10);--fuel-elevation-high-shadow:var(--fuel-shadow-12),var(--fuel-shadow-14);--fuel-color-background-default:var(--fuel-color-light-gray-0);--fuel-color-background-weak:var(--fuel-color-light-gray-100);--fuel-color-background-medium:var(--fuel-color-light-gray-200);--fuel-color-background-inverted:var(--fuel-color-light-gray-1100);--fuel-color-surface-default:var(--fuel-color-light-gray-0);--fuel-color-surface-weak:var(--fuel-color-light-gray-100);--fuel-color-surface-medium:var(--fuel-color-light-gray-200);--fuel-color-surface-inverted:var(--fuel-color-light-gray-1100);--fuel-color-surface-primary:var(--fuel-color-light-blue-600);--fuel-color-surface-primary-weakest:var(--fuel-color-light-blue-200);--fuel-color-surface-primary-strong:var(--fuel-color-light-blue-800);--fuel-color-surface-success:var(--fuel-color-light-green-600);--fuel-color-surface-success-weakest:var(--fuel-color-light-green-200);--fuel-color-surface-success-strong:var(--fuel-color-light-green-800);--fuel-color-surface-danger:var(--fuel-color-light-red-600);--fuel-color-surface-danger-weakest:var(--fuel-color-light-red-200);--fuel-color-surface-danger-strong:var(--fuel-color-light-red-800);--fuel-color-surface-support:var(--fuel-color-light-yellow-600);--fuel-color-surface-support-weakest:var(--fuel-color-light-yellow-200);--fuel-color-surface-brand:var(--fuel-color-light-cyan-600);--fuel-color-text-default:var(--fuel-color-light-gray-1100);--fuel-color-text-medium:var(--fuel-color-light-gray-600);--fuel-color-text-placeholder:var(--fuel-color-light-gray-300);--fuel-color-text-inverted:var(--fuel-color-light-gray-0);--fuel-color-text-primary:var(--fuel-color-light-blue-600);--fuel-color-text-primary-strong:var(--fuel-color-light-blue-800);--fuel-color-text-success:var(--fuel-color-light-green-600);--fuel-color-text-success-strong:var(--fuel-color-light-green-800);--fuel-color-text-danger:var(--fuel-color-light-red-600);--fuel-color-text-danger-strong:var(--fuel-color-light-red-800);--fuel-color-border-default:var(--fuel-color-light-gray-200);--fuel-color-border-medium:var(--fuel-color-light-gray-300);--fuel-color-border-strong:var(--fuel-color-light-gray-1100);--fuel-color-border-inverted:var(--fuel-color-light-gray-0);--fuel-color-border-focus:var(--fuel-color-light-blue-500);--fuel-color-border-primary:var(--fuel-color-light-blue-600);--fuel-color-border-success:var(--fuel-color-light-green-600);--fuel-color-border-danger:var(--fuel-color-light-red-600);--fuel-color-icon-default:var(--fuel-color-light-gray-600);--fuel-color-icon-weak:var(--fuel-color-light-gray-300);--fuel-color-icon-strong:var(--fuel-color-light-gray-1100);--fuel-color-icon-inverted:var(--fuel-color-light-gray-0);--fuel-color-icon-primary:var(--fuel-color-light-blue-600);--fuel-color-icon-success:var(--fuel-color-light-green-600);--fuel-color-icon-danger:var(--fuel-color-light-red-600);--fuel-color-status-online:var(--fuel-color-light-green-400);--fuel-color-status-offline:var(--fuel-color-light-gray-600);--fuel-color-interaction-enabled:var(--fuel-color-light-gray-600);--fuel-color-interaction-hovered:var(--fuel-color-light-blue-700);--fuel-color-interaction-pressed:var(--fuel-color-light-blue-800);--fuel-color-interaction-enabled-alpha:rgba(7,105,218,.06);--fuel-color-interaction-hovered-alpha:rgba(7,105,218,.12);--fuel-color-interaction-pressed-alpha:rgba(7,105,218,.16);--fuel-color-on-primary:var(--fuel-color-light-gray-0);--fuel-color-on-success:var(--fuel-color-light-gray-0);--fuel-color-on-danger:var(--fuel-color-light-gray-0);--fuel-color-on-support:var(--fuel-color-light-gray-1100);--fuel-color-on-brand:var(--fuel-color-light-gray-0)}[data-theme=dark]{--fuel-color-background-default:var(--fuel-color-dark-gray-100);--fuel-color-background-weak:var(--fuel-color-dark-gray-200);--fuel-color-background-medium:var(--fuel-color-dark-gray-300);--fuel-color-background-inverted:var(--fuel-color-dark-gray-1100);--fuel-color-surface-default:var(--fuel-color-dark-gray-100);--fuel-color-surface-weak:var(--fuel-color-dark-gray-200);--fuel-color-surface-medium:var(--fuel-color-dark-gray-300);--fuel-color-surface-inverted:var(--fuel-color-dark-gray-1100);--fuel-color-surface-primary:var(--fuel-color-dark-blue-700);--fuel-color-surface-primary-weakest:var(--fuel-color-dark-blue-300);--fuel-color-surface-primary-strong:var(--fuel-color-dark-blue-900);--fuel-color-surface-success:var(--fuel-color-dark-green-700);--fuel-color-surface-success-weakest:var(--fuel-color-dark-green-300);--fuel-color-surface-success-strong:var(--fuel-color-dark-green-900);--fuel-color-surface-danger:var(--fuel-color-dark-red-700);--fuel-color-surface-danger-weakest:var(--fuel-color-dark-red-300);--fuel-color-surface-danger-strong:var(--fuel-color-dark-red-900);--fuel-color-surface-support:var(--fuel-color-dark-yellow-700);--fuel-color-surface-support-weakest:var(--fuel-color-dark-yellow-300);--fuel-color-surface-brand:var(--fuel-color-dark-cyan-600);--fuel-color-text-default:var(--fuel-color-dark-gray-1100);--fuel-color-text-medium:var(--fuel-color-dark-gray-900);--fuel-color-text-placeholder:var(--fuel-color-dark-gray-600);--fuel-color-text-inverted:var(--fuel-color-dark-gray-100);--fuel-color-text-primary:var(--fuel-color-dark-blue-700);--fuel-color-text-primary-strong:var(--fuel-color-dark-blue-900);--fuel-color-text-success:var(--fuel-color-dark-green-700);--fuel-color-text-success-strong:var(--fuel-color-dark-green-900);--fuel-color-text-danger:var(--fuel-color-dark-red-700);--fuel-color-text-danger-strong:var(--fuel-color-dark-red-900);--fuel-color-border-default:var(--fuel-color-dark-gray-500);--fuel-color-border-medium:var(--fuel-color-dark-gray-600);--fuel-color-border-strong:var(--fuel-color-dark-gray-1100);--fuel-color-border-inverted:var(--fuel-color-dark-gray-100);--fuel-color-border-focus:var(--fuel-color-dark-blue-600);--fuel-color-border-primary:var(--fuel-color-dark-blue-700);--fuel-color-border-success:var(--fuel-color-dark-green-700);--fuel-color-border-danger:var(--fuel-color-dark-red-700);--fuel-color-icon-default:var(--fuel-color-dark-gray-900);--fuel-color-icon-weak:var(--fuel-color-dark-gray-600);--fuel-color-icon-strong:var(--fuel-color-dark-gray-1100);--fuel-color-icon-inverted:var(--fuel-color-dark-gray-100);--fuel-color-icon-primary:var(--fuel-color-dark-blue-700);--fuel-color-icon-success:var(--fuel-color-dark-green-700);--fuel-color-icon-danger:var(--fuel-color-dark-red-700);--fuel-color-status-online:var(--fuel-color-dark-green-400);--fuel-color-status-offline:var(--fuel-color-dark-gray-600);--fuel-color-interaction-enabled:var(--fuel-color-dark-gray-700);--fuel-color-interaction-hovered:var(--fuel-color-dark-gray-800);--fuel-color-interaction-pressed:var(--fuel-color-dark-gray-900);--fuel-color-interaction-enabled-alpha:rgba(7,105,218,.12);--fuel-color-interaction-hovered-alpha:rgba(7,105,218,.16);--fuel-color-interaction-pressed-alpha:rgba(7,105,218,.2);--fuel-color-on-primary:var(--fuel-color-dark-gray-1100);--fuel-color-on-success:var(--fuel-color-dark-gray-1100);--fuel-color-on-danger:var(--fuel-color-dark-gray-1100);--fuel-color-on-support:var(--fuel-color-dark-gray-1100);--fuel-color-on-brand:var(--fuel-color-dark-gray-1100)}.fuel-avatar{display:inline-flex;flex-shrink:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fuel-avatar,.fuel-avatar__content{align-items:center;border-radius:var(--fuel-border-radius-circle);justify-content:center}.fuel-avatar__content{background-color:var(--fuel-color-text-medium);color:var(--fuel-color-text-inverted);display:flex;height:100%;overflow:hidden;width:100%}.fuel-avatar__icon{display:block}.fuel-avatar__initial{color:var(--fuel-color-text-inverted);font-family:var(--fuel-font-family-body);font-weight:var(--fuel-font-weight-medium);line-height:1;text-align:center}.fuel-avatar__image{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .2s ease-in-out;width:100%}.fuel-avatar[data-variant=default] .fuel-avatar__icon{fill:currentColor}.fuel-avatar[data-variant=image] .fuel-avatar__content{padding:0}.fuel-avatar[data-variant=initial-letter] .fuel-avatar__content{background-color:var(--fuel-color-text-medium)}.fuel-avatar[data-size=xsmall]{height:24px;width:24px}.fuel-avatar[data-size=xsmall] .fuel-avatar__icon{height:12px;width:12px}.fuel-avatar[data-size=xsmall] .fuel-avatar__initial{font-size:var(--fuel-typography-caption-font-size)}.fuel-avatar[data-size=small]{height:32px;width:32px}.fuel-avatar[data-size=small] .fuel-avatar__icon{height:16px;width:16px}.fuel-avatar[data-size=small] .fuel-avatar__initial{font-size:var(--fuel-typography-body-small-font-size)}.fuel-avatar[data-size=medium]{height:40px;width:40px}.fuel-avatar[data-size=medium] .fuel-avatar__icon{height:20px;width:20px}.fuel-avatar[data-size=medium] .fuel-avatar__initial{font-size:var(--fuel-typography-body-medium-font-size)}.fuel-avatar[data-size=large]{height:64px;width:64px}.fuel-avatar[data-size=large] .fuel-avatar__icon{height:24px;width:24px}.fuel-avatar[data-size=large] .fuel-avatar__initial{font-size:var(--fuel-typography-headings-small-font-size)}.fuel-avatar[data-size=xlarge]{height:80px;max-height:128px;max-width:128px;min-height:80px;min-width:80px;width:80px}.fuel-avatar[data-size=xlarge] .fuel-avatar__icon{height:32px;width:32px}.fuel-avatar[data-size=xlarge] .fuel-avatar__initial{font-size:var(--fuel-typography-display-small-font-size)}@media (max-width:768px){.fuel-avatar[data-size=xlarge]{height:80px;width:80px}.fuel-avatar[data-size=xlarge] .fuel-avatar__initial{font-size:var(--fuel-typography-headings-medium-font-size)}}.fuel-avatar:focus-visible{outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);outline-offset:var(--fuel-space-micro)}.fuel-avatar[data-status]{position:relative}.fuel-avatar__status{border:var(--fuel-border-width-thin) solid var(--fuel-color-surface-default);border-radius:50%;bottom:-4%;height:25%;min-height:8px;min-width:8px;position:absolute;right:-4%;width:25%}.fuel-avatar[data-status=online] .fuel-avatar__status{background-color:var(--fuel-color-status-online)}.fuel-avatar[data-status=offline] .fuel-avatar__status{background-color:var(--fuel-color-status-offline)}.fuel-avatar[data-status=busy] .fuel-avatar__status{background-color:var(--fuel-color-dark-yellow-700)}.fuel-avatar[data-size=xsmall] .fuel-avatar__status{bottom:-4px;right:-4px}.fuel-avatar[data-size=medium] .fuel-avatar__status,.fuel-avatar[data-size=small] .fuel-avatar__status,.fuel-avatar[data-size=xsmall] .fuel-avatar__status{border-width:var(--fuel-border-width-thin);height:8px;width:8px}.fuel-avatar[data-size=large] .fuel-avatar__status{border-width:var(--fuel-border-width-thick);bottom:-2%;height:12px;right:-2%;width:12px}.fuel-avatar[data-size=xlarge] .fuel-avatar__status{border-width:var(--fuel-border-width-thick);bottom:0;height:16px;right:0;width:16px}@media (prefers-reduced-motion:reduce){.fuel-avatar__image{transition:none}}@media (prefers-reduced-motion:no-preference){.fuel-avatar[role=button],.fuel-avatar[tabindex]{cursor:pointer;transition:transform .15s ease-in-out}.fuel-avatar[role=button]:hover,.fuel-avatar[tabindex]:hover{transform:scale(1.05)}.fuel-avatar[role=button]:active,.fuel-avatar[tabindex]:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.fuel-avatar[role=button],.fuel-avatar[tabindex]{transition:none}.fuel-avatar[role=button]:active,.fuel-avatar[role=button]:hover,.fuel-avatar[tabindex]:active,.fuel-avatar[tabindex]:hover{transform:none}}.fuel-avatar-group{align-items:center;display:flex}.fuel-avatar-group .fuel-avatar:not(:first-child){border:var(--fuel-border-width-thin) solid var(--fuel-color-surface-default);margin-left:-var(--fuel-space-xxsmall)}.fuel-avatar-group--small .fuel-avatar:not(:first-child){margin-left:-var(--fuel-space-xxxsmall)}.fuel-avatar-group--large .fuel-avatar:not(:first-child){margin-left:-var(--fuel-space-xsmall)}.fuel-backdrop{background-color:var(--fuel-color-background-inverted);cursor:pointer;height:100%;left:0;opacity:var(--fuel-opacity-intense);position:fixed;top:0;transition:opacity .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fuel-backdrop:not(.fuel-backdrop--open){opacity:0;pointer-events:none}.fuel-backdrop--open{opacity:var(--fuel-opacity-intense);pointer-events:auto}.fuel-backdrop>*{pointer-events:auto}.fuel-badge{align-items:center;border-radius:var(--fuel-border-radius-pill);box-sizing:border-box;display:inline-flex;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-overline-font-size);font-weight:var(--fuel-typography-overline-font-weight);justify-content:center;letter-spacing:var(--fuel-typography-overline-letter-spacing);line-height:var(--fuel-typography-overline-line-height);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fuel-badge--digit{max-height:20px;min-height:20px;min-width:20px;padding:var(--fuel-space-micro) var(--fuel-space-xxxsmall)}.fuel-badge--dot{border-radius:50%;height:8px;min-height:8px;min-width:8px;padding:0;width:8px}.fuel-badge--primary{background-color:var(--fuel-color-surface-danger);color:var(--fuel-color-text-inverted)}.fuel-badge--secondary{background-color:var(--fuel-color-surface-weak);color:var(--fuel-color-text-medium)}.fuel-badge--on-color{background-color:var(--fuel-color-surface-default);color:var(--fuel-color-text-medium)}.fuel-badge__content{display:flex}.fuel-badge__content,.fuel-button{align-items:center;justify-content:center;text-align:center}.fuel-button{border:none;border-radius:var(--fuel-border-radius-pill);cursor:pointer;display:inline-flex;font-family:var(--fuel-font-family-body);font-weight:var(--fuel-font-weight-medium);line-height:var(--fuel-font-lineheight-roomy);min-width:64px;overflow:hidden;position:relative;text-decoration:none;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fuel-button:focus-visible{outline:none;position:relative}.fuel-button:focus-visible:after{border:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);border-radius:var(--fuel-border-radius-pill);bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.fuel-button:disabled,.fuel-button[aria-disabled=true]{cursor:not-allowed;opacity:var(--fuel-opacity-40)}.fuel-button--primary{background-color:var(--fuel-color-surface-primary);color:var(--fuel-color-on-primary)}.fuel-button--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fuel-color-interaction-hovered)}.fuel-button--primary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--fuel-color-interaction-pressed)}.fuel-button--primary:focus-visible{background-color:var(--fuel-color-surface-primary);outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);outline-offset:var(--fuel-space-micro)}.fuel-button--primary:disabled,.fuel-button--primary[aria-disabled=true]{background-color:var(--fuel-color-interaction-enabled-alpha);color:var(--fuel-color-text-default)}.fuel-button--primary.fuel-button--loading,.fuel-button--primary.fuel-button--loading:disabled,.fuel-button--primary.fuel-button--loading[aria-disabled=true]{background-color:var(--fuel-color-surface-primary);color:var(--fuel-color-on-primary)}.fuel-button--secondary{background-color:var(--fuel-color-interaction-enabled-alpha);color:var(--fuel-color-text-default)}.fuel-button--secondary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fuel-color-interaction-hovered-alpha)}.fuel-button--secondary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--fuel-color-interaction-pressed-alpha)}.fuel-button--secondary:focus-visible{background-color:var(--fuel-color-interaction-enabled-alpha);outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);outline-offset:var(--fuel-space-micro)}.fuel-button--secondary:disabled,.fuel-button--secondary[aria-disabled=true]{background-color:var(--fuel-color-interaction-enabled-alpha);color:var(--fuel-color-text-default)}.fuel-button--ghost{background-color:transparent;color:var(--fuel-color-text-default)}.fuel-button--ghost:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--fuel-color-interaction-enabled-alpha)}.fuel-button--ghost:active:not(:disabled):not([aria-disabled=true]){background-color:var(--fuel-color-interaction-hovered-alpha)}.fuel-button--ghost:focus-visible{background-color:transparent;outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);outline-offset:var(--fuel-space-micro)}.fuel-button--ghost:disabled,.fuel-button--ghost[aria-disabled=true]{background-color:transparent;color:var(--fuel-color-text-default)}.fuel-button--large{font-size:var(--fuel-typography-body-medium-font-size);max-height:56px;min-height:56px;padding:0 24px}.fuel-button--large,.fuel-button--medium{font-weight:var(--fuel-font-weight-medium);gap:var(--fuel-space-xxsmall);line-height:var(--fuel-font-lineheight-roomy);min-width:64px}.fuel-button--medium{font-size:var(--fuel-typography-body-small-font-size);max-height:48px;min-height:48px;padding:0 16px}.fuel-button--small{font-size:var(--fuel-typography-caption-font-size);font-weight:var(--fuel-font-weight-medium);gap:var(--fuel-space-xxsmall);line-height:var(--fuel-font-lineheight-roomy);max-height:32px;min-height:32px;min-width:56px;padding:0 12px}.fuel-button--expand{width:100%}.fuel-button--square{aspect-ratio:1;padding:0}.fuel-button--square.fuel-button--small{height:32px;width:32px}.fuel-button--square.fuel-button--medium{height:48px;width:48px}.fuel-button--square.fuel-button--large{height:56px;width:56px}.fuel-button--loading{opacity:1;pointer-events:none;position:relative}.fuel-button--loading:disabled,.fuel-button--loading[aria-disabled=true]{opacity:1}.fuel-button--icon-left .fuel-button__icon--left{order:-1}.fuel-button--icon-right .fuel-button__icon--right{order:1}.fuel-button--icon-only{aspect-ratio:1;padding:0}.fuel-button--icon-only.fuel-button--small{height:32px;min-width:32px;width:32px}.fuel-button--icon-only.fuel-button--medium{height:48px;min-width:48px;width:48px}.fuel-button--icon-only.fuel-button--large{height:56px;min-width:56px;width:56px}.fuel-button--icon-only .fuel-button__content{justify-content:center}.fuel-button--icon-only .fuel-button__icon{margin:0}.fuel-button--icon-only.fuel-button--secondary img,.fuel-button--icon-only.fuel-button--secondary svg{color:var(--fuel-color-icon-weak)}.fuel-button--icon-justified{justify-content:space-between}.fuel-button--icon-justified .fuel-button__text{flex:1;text-align:left}.fuel-button__content{align-items:center;display:flex;gap:inherit;justify-content:center}.fuel-button__content--loading{visibility:hidden}.fuel-button__text{align-items:center;display:flex}.fuel-button__icon,.fuel-button__square-content{align-items:center;display:flex;justify-content:center}.fuel-button__icon{flex-shrink:0}.fuel-button__icon--left{margin-right:0}.fuel-button__icon--right{margin-left:0}.fuel-button--large .fuel-button__icon img,.fuel-button--large .fuel-button__icon svg,.fuel-button--medium .fuel-button__icon img,.fuel-button--medium .fuel-button__icon svg,.fuel-button--small .fuel-button__icon img,.fuel-button--small .fuel-button__icon svg{height:var(--fuel-icon-size-small);width:var(--fuel-icon-size-small)}.fuel-button__spinner{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.fuel-button__spinner span{border-top-color:currentColor}.fuel-button--primary .fuel-button__spinner span{border-top-color:var(--fuel-color-on-primary)}.fuel-ripple{animation:ripple .6s ease-out;background-color:var(--fuel-ripple-color-on-primary);border-radius:50%;height:20px;pointer-events:none;position:absolute;width:20px}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.fuel-button__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.fuel-card{background:var(--fuel-color-surface-default);border-radius:var(--fuel-border-radius-large);box-sizing:border-box;transition:all .2s ease-in-out}.fuel-card--padding-sm{padding:var(--fuel-space-small)}.fuel-card--padding-md{padding:var(--fuel-space-large)}.fuel-card--padding-lg{padding:var(--fuel-space-xlarge)}.fuel-card--selectable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fuel-card--selectable:focus-visible{outline:2px solid var(--fuel-color-border-focus);outline-offset:2px}.fuel-card--selected{box-shadow:inset 0 0 0 2px var(--fuel-color-border-focus)}@media (prefers-reduced-motion:reduce){.fuel-card{transition:none}}.fuel-checkbox-wrapper{align-items:flex-start;display:inline-flex;position:relative}.fuel-checkbox-label{align-items:center;cursor:pointer;display:flex;font-family:var(--fuel-font-family-body);gap:var(--fuel-space-xxxsmall);-webkit-user-select:none;-moz-user-select:none;user-select:none}.fuel-checkbox-label:has(.fuel-checkbox--disabled){cursor:not-allowed}.fuel-checkbox-label__text{color:var(--fuel-color-text-default);font-size:var(--fuel-typography-body-medium-font-size);font-weight:var(--fuel-typography-body-medium-font-weight);line-height:var(--fuel-typography-body-medium-line-height)}.fuel-checkbox--disabled+.fuel-checkbox-label__text{opacity:var(--fuel-opacity-40)}.fuel-checkbox{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:var(--fuel-space-xxxsmall);position:relative;width:24px}.fuel-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.fuel-checkbox__box{align-items:center;background-color:transparent;border:var(--fuel-border-width-thin) solid var(--fuel-color-icon-weak);border-radius:var(--fuel-border-radius-xsmall);display:flex;height:16px;justify-content:center;position:relative;transition:all .15s ease-in-out;width:16px}.fuel-checkbox--checked .fuel-checkbox__box,.fuel-checkbox--indeterminate .fuel-checkbox__box{background-color:var(--fuel-color-surface-primary);border-color:var(--fuel-color-border-primary)}.fuel-checkbox__mark{align-items:center;display:flex;justify-content:center;opacity:0;transition:opacity .15s ease-in-out}.fuel-checkbox--checked .fuel-checkbox__mark--check,.fuel-checkbox--indeterminate .fuel-checkbox__mark--indeterminate{opacity:1}.fuel-checkbox__mark--indeterminate{background-color:var(--fuel-color-icon-inverted);border-radius:var(--fuel-border-radius-xsmall);height:2px;width:12px}.fuel-checkbox__focus-ring{border:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);border-radius:var(--fuel-border-radius-small);height:24px;left:2px;opacity:0;pointer-events:none;position:absolute;top:2px;transition:opacity .15s ease-in-out;width:24px}.fuel-checkbox--focused .fuel-checkbox__focus-ring{opacity:1}.fuel-checkbox__input:focus-visible+.fuel-checkbox__box{outline:none}.fuel-checkbox__input:focus-visible~.fuel-checkbox__focus-ring{opacity:1}.fuel-checkbox-label:hover:not(:has(.fuel-checkbox--disabled)) .fuel-checkbox__box{border-color:var(--fuel-color-border-primary)}.fuel-checkbox--checked .fuel-checkbox-label:hover:not(:has(.fuel-checkbox--disabled)) .fuel-checkbox__box,.fuel-checkbox--indeterminate .fuel-checkbox-label:hover:not(:has(.fuel-checkbox--disabled)) .fuel-checkbox__box{background-color:var(--fuel-color-interaction-hovered);border-color:var(--fuel-color-interaction-hovered)}.fuel-checkbox--checked .fuel-checkbox-label:active:not(:has(.fuel-checkbox--disabled)) .fuel-checkbox__box,.fuel-checkbox--indeterminate .fuel-checkbox-label:active:not(:has(.fuel-checkbox--disabled)) .fuel-checkbox__box{background-color:var(--fuel-color-interaction-pressed);border-color:var(--fuel-color-interaction-pressed)}.fuel-checkbox--disabled{pointer-events:none}.fuel-checkbox--disabled .fuel-checkbox__box{opacity:var(--fuel-opacity-40)}.fuel-chip{align-items:center;background-color:var(--fuel-color-surface-default);border:1px solid var(--fuel-color-border-default);border-radius:var(--fuel-border-radius-pill);color:var(--fuel-color-text-default);cursor:pointer;display:inline-flex;font-family:var(--fuel-font-family-body);font-weight:var(--fuel-font-weight-regular);gap:var(--fuel-space-xxsmall);justify-content:center;overflow:hidden;position:relative;text-align:center;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fuel-chip:active:not(:disabled):not(.fuel-chip--disabled),.fuel-chip:hover:not(:disabled):not(.fuel-chip--disabled){background-color:var(--fuel-color-surface-weak)}.fuel-chip:focus-visible{outline:none;position:relative}.fuel-chip:focus-visible:after{border:1px solid var(--fuel-color-border-focus);border-radius:var(--fuel-border-radius-pill);bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.fuel-chip--active{background-color:var(--fuel-color-surface-primary-weakest);border-color:var(--fuel-color-border-focus)}.fuel-chip--active,.fuel-chip--active .fuel-chip__chevron-icon,.fuel-chip--active .fuel-chip__filter-icon{color:var(--fuel-color-text-primary)}.fuel-chip--active:active:not(:disabled):not(.fuel-chip--disabled),.fuel-chip--active:hover:not(:disabled):not(.fuel-chip--disabled){background-color:var(--fuel-color-surface-primary-weakest)}.fuel-chip--color-neutral{background-color:var(--fuel-color-surface-default);border-color:var(--fuel-color-border-default);color:var(--fuel-color-text-default)}.fuel-chip--color-neutral.fuel-chip--active{background-color:var(--fuel-color-surface-primary-weakest);border-color:var(--fuel-color-border-focus);color:var(--fuel-color-text-primary)}.fuel-chip--color-blue{background-color:var(--fuel-color-surface-primary-weakest);border-color:var(--fuel-color-border-primary);color:var(--fuel-color-text-primary-strong)}.fuel-chip--color-blue.fuel-chip--active{background-color:var(--fuel-color-surface-primary);border-color:var(--fuel-color-border-primary);color:var(--fuel-color-text-inverted)}.fuel-chip--color-green{background-color:var(--fuel-color-surface-success-weakest);border-color:var(--fuel-color-border-success);color:var(--fuel-color-text-success-strong)}.fuel-chip--color-green.fuel-chip--active{background-color:var(--fuel-color-surface-success);border-color:var(--fuel-color-border-success);color:var(--fuel-color-text-inverted)}.fuel-chip--color-red{background-color:var(--fuel-color-surface-danger-weakest);border-color:var(--fuel-color-border-danger);color:var(--fuel-color-text-danger-strong)}.fuel-chip--color-red.fuel-chip--active{background-color:var(--fuel-color-surface-danger);border-color:var(--fuel-color-border-danger);color:var(--fuel-color-text-inverted)}.fuel-chip--color-orange{background-color:var(--fuel-color-surface-support-weakest);border-color:var(--fuel-color-border-default);color:var(--fuel-color-text-default)}.fuel-chip--color-orange.fuel-chip--active{background-color:var(--fuel-color-surface-support);border-color:var(--fuel-color-border-default);color:var(--fuel-color-on-support)}.fuel-chip--color-indigo{background-color:var(--fuel-color-surface-primary-weakest);border-color:var(--fuel-color-border-primary);color:var(--fuel-color-text-primary-strong)}.fuel-chip--color-indigo.fuel-chip--active{background-color:var(--fuel-color-surface-primary);border-color:var(--fuel-color-border-primary);color:var(--fuel-color-text-inverted)}.fuel-chip--disabled,.fuel-chip:disabled{cursor:not-allowed;opacity:var(--fuel-opacity-40);pointer-events:none}.fuel-chip--large{font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-small-line-height);max-height:48px;min-height:48px;min-width:64px;padding:0 var(--fuel-space-small)}.fuel-chip--small{font-size:var(--fuel-typography-caption-font-size);font-weight:var(--fuel-typography-caption-font-weight);line-height:var(--fuel-typography-caption-line-height);max-height:32px;min-height:32px;min-width:56px;padding:0 var(--fuel-space-xsmall)}.fuel-chip__label{align-items:center;display:flex;flex:1 0 0;justify-content:center;text-align:center}.fuel-chip__chevron-icon,.fuel-chip__filter-icon,.fuel-chip__icon-left,.fuel-chip__icon-right{align-items:center;color:var(--fuel-color-text-medium);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.fuel-chip--active .fuel-chip__chevron-icon,.fuel-chip--active .fuel-chip__filter-icon,.fuel-chip--active .fuel-chip__icon-left,.fuel-chip--active .fuel-chip__icon-right{color:var(--fuel-color-text-primary)}.fuel-chip__chevron-icon svg,.fuel-chip__filter-icon svg,.fuel-chip__icon-left svg,.fuel-chip__icon-right svg{height:16px;width:16px}.fuel-chip__filter-icon,.fuel-chip__icon-left{order:-1}.fuel-chip__chevron-icon,.fuel-chip__icon-right{order:1}.fuel-chip:before{background:transparent;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background-color .15s ease-in-out}.fuel-chip:active:before{background-color:var(--fuel-ripple-color-neutral)}.fuel-chip--active:active:before{background-color:var(--fuel-ripple-color-on-primary)}.fuel-divider{align-items:stretch;display:flex;flex-direction:column;width:100%}.fuel-divider__line{background-color:var(--fuel-color-surface-medium);height:var(--fuel-border-width-thinner);width:100%}.fuel-divider--spacing-compact{padding:var(--fuel-space-xxsmall) 0}.fuel-divider--spacing-spatious{padding:var(--fuel-space-small) 0}.fuel-divider--large-border .fuel-divider__line{background-color:var(--fuel-color-surface-weak);height:var(--fuel-border-width-thick)}.fuel-dropdown{position:relative}.fuel-dropdown,.fuel-dropdown__trigger{display:inline-block}.fuel-dropdown__menu{background:var(--fuel-color-background-default);border:none;border-radius:var(--fuel-border-radius-large);box-shadow:var(--fuel-elevation-high-shadow);max-height:300px;min-width:200px;outline:none;overflow-y:auto;padding:var(--fuel-space-xxsmall) 0;position:absolute;scroll-behavior:smooth;z-index:1000}.fuel-dropdown__menu::-webkit-scrollbar{width:var(--fuel-space-xxxsmall)}.fuel-dropdown__menu::-webkit-scrollbar-track{background:transparent}.fuel-dropdown__menu::-webkit-scrollbar-thumb{background:var(--fuel-color-border-default);border-radius:var(--fuel-border-radius-xsmall)}.fuel-dropdown__menu::-webkit-scrollbar-thumb:hover{background:var(--fuel-color-border-medium)}.fuel-dropdown__menu--bottom{left:0;margin-top:var(--fuel-space-xxxsmall);top:100%}.fuel-dropdown__menu--top{bottom:100%;left:0;margin-bottom:var(--fuel-space-xxxsmall)}.fuel-dropdown__menu--left{margin-right:var(--fuel-space-xxxsmall);right:100%;top:0}.fuel-dropdown__menu--right{left:100%;margin-left:var(--fuel-space-xxxsmall);top:0}.fuel-dropdown--auto .fuel-dropdown__menu{width:-moz-max-content;width:max-content}.fuel-dropdown--trigger-width .fuel-dropdown__menu{width:100%}.fuel-dropdown--content-width .fuel-dropdown__menu{min-width:100%;width:-moz-max-content;width:max-content}.fuel-dropdown--disabled{opacity:.5;pointer-events:none}.fuel-dropdown__items{flex:1}.fuel-dropdown__actions{align-items:center;background:var(--fuel-color-background-default);bottom:0;display:flex;gap:var(--fuel-space-medium);justify-content:flex-end;margin-top:auto;padding:var(--fuel-space-medium);position:sticky}.fuel-dropdown--scrollable .fuel-dropdown__actions{border-top:var(--fuel-border-width-thin) solid var(--fuel-color-border-default)}.fuel-dropdown__menu{animation:fuel-dropdown-fade-in .15s ease-out;transform-origin:top}.fuel-dropdown__menu--top{transform-origin:bottom}.fuel-dropdown__menu--left{transform-origin:right}.fuel-dropdown__menu--right{transform-origin:left}@keyframes fuel-dropdown-fade-in{0%{opacity:0;transform:translateX(-8px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@media (max-width:768px){.fuel-dropdown__menu{left:50%!important;max-width:calc(100vw - 32px);transform:translateX(-50%)}.fuel-dropdown__menu--left,.fuel-dropdown__menu--right{left:50%!important;margin-left:0!important;margin-right:0!important;right:auto!important}}@media (prefers-reduced-motion:reduce){.fuel-dropdown__menu{animation:none;transform:none}}@media (forced-colors:active){.fuel-dropdown__menu{background:Window;border:1px solid WindowText}}@media print{.fuel-dropdown__menu{border:var(--fuel-border-width-thin) solid var(--fuel-color-text-default)!important;box-shadow:none!important;margin:8px 0!important;position:static!important}}.fuel-dropdown-item{align-items:center;background:var(--fuel-color-background-default);border:none;color:var(--fuel-color-text-medium);cursor:pointer;display:flex;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-medium-font-size);font-weight:var(--fuel-font-weight-regular);gap:var(--fuel-space-xsmall);height:var(--fuel-list-item-height-medium);line-height:var(--fuel-font-lineheight-cozy);outline:none;padding:0 var(--fuel-space-medium);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fuel-dropdown-item__focus-ring{border:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);border-radius:var(--fuel-border-radius-small);bottom:var(--fuel-space-xxxsmall);left:var(--fuel-space-xxxsmall);pointer-events:none;position:absolute;right:var(--fuel-space-xxxsmall);top:var(--fuel-space-xxxsmall);z-index:1}.fuel-dropdown-item__checkbox{align-items:center;display:flex;flex-shrink:0;height:var(--fuel-icon-size-large);justify-content:center;width:var(--fuel-icon-size-large)}.fuel-dropdown-item__checkbox .fuel-checkbox-wrapper,.fuel-dropdown-item__checkbox .fuel-checkbox-wrapper .fuel-checkbox-label{height:var(--fuel-icon-size-large);margin:0;width:var(--fuel-icon-size-large)}.fuel-dropdown-item__checkbox .fuel-checkbox-wrapper .fuel-checkbox-label{gap:0}.fuel-dropdown-item__checkbox .fuel-checkbox-wrapper .fuel-checkbox-label .fuel-checkbox{height:var(--fuel-icon-size-large);left:calc(var(--fuel-space-micro)*-1);margin:0;position:relative;width:var(--fuel-icon-size-large)}.fuel-dropdown-item__icon-left{align-items:center;color:var(--fuel-color-text-medium);display:flex;flex-shrink:0;justify-content:center}.fuel-dropdown-item__icon-left,.fuel-dropdown-item__icon-left svg{height:var(--fuel-icon-size-medium);width:var(--fuel-icon-size-medium)}.fuel-dropdown-item__label{align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;justify-content:center}.fuel-dropdown-item__icon-right,.fuel-dropdown-item__tag{align-items:center;display:flex;flex-shrink:0}.fuel-dropdown-item__icon-right{color:var(--fuel-color-text-medium);justify-content:center}.fuel-dropdown-item__check-icon,.fuel-dropdown-item__icon-right,.fuel-dropdown-item__icon-right svg{height:var(--fuel-icon-size-medium);width:var(--fuel-icon-size-medium)}.fuel-dropdown-item__check-icon{color:var(--fuel-color-text-primary)}.fuel-dropdown-item__check-icon svg{height:var(--fuel-icon-size-medium);width:var(--fuel-icon-size-medium)}.fuel-dropdown-item--enabled{background:var(--fuel-color-background-default)}.fuel-dropdown-item--hovered{background:var(--fuel-color-surface-weak)}.fuel-dropdown-item--focused{background:var(--fuel-color-background-default)}.fuel-dropdown-item--selected{background:var(--fuel-color-surface-weak)}.fuel-dropdown-item--selected .fuel-dropdown-item__label{color:var(--fuel-color-text-default)}.fuel-dropdown-item--disabled{cursor:not-allowed;opacity:var(--fuel-opacity-medium)}.fuel-dropdown-item--disabled .fuel-dropdown-item__icon-left,.fuel-dropdown-item--disabled .fuel-dropdown-item__icon-right,.fuel-dropdown-item--disabled .fuel-dropdown-item__label{color:var(--fuel-color-text-placeholder)}.fuel-dropdown-item:hover:not(.fuel-dropdown-item--disabled){background:var(--fuel-color-surface-weak)}.fuel-dropdown-item:focus:not(.fuel-dropdown-item--disabled){outline:none}.fuel-dropdown-item:active:not(.fuel-dropdown-item--disabled){background:var(--fuel-color-surface-weak)}.fuel-dropdown-item[tabindex="0"]:focus{outline:none}@media (prefers-reduced-motion:reduce){.fuel-dropdown-item{transition:none}}@media (forced-colors:active){.fuel-dropdown-item{border:1px solid transparent}.fuel-dropdown-item:focus{border:1px solid Highlight}.fuel-dropdown-item__focus-ring{border-color:Highlight}}#storybook-root:has(.fuel-colors){height:100%;width:100%}.fuel-colors{font-family:var(--fuel-font-family-body);width:100%}.fuel-colors,.fuel-colors__palette{background:var(--fuel-color-background-default)}.fuel-colors__palette{align-items:flex-end;border-radius:24px;display:flex;flex-direction:column;gap:76px;padding:48px}@media (max-width:1024px){.fuel-colors__palette{gap:48px;padding:48px}}@media (max-width:768px){.fuel-colors__palette{gap:32px;padding:24px}}.fuel-colors__header{align-items:flex-start;align-self:stretch;display:flex;gap:32px;justify-content:space-between;position:relative}@media (max-width:768px){.fuel-colors__header{flex-direction:column;gap:16px}}.fuel-colors__header-content{display:flex;flex:1;flex-direction:column;gap:8px}.fuel-colors__title{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:64px;font-style:normal;font-weight:500;letter-spacing:-2.56px;line-height:130%;margin:0}@media (max-width:1024px){.fuel-colors__title{font-size:48px;letter-spacing:-1.92px}}@media (max-width:768px){.fuel-colors__title{font-size:32px;letter-spacing:-1.28px}}.fuel-colors__description{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin:0}@media (max-width:768px){.fuel-colors__description{font-size:14px}}.fuel-colors__brand{color:var(--fuel-color-text-placeholder);flex-shrink:0;font-family:var(--fuel-font-family-body);font-size:40px;font-style:normal;font-weight:700;letter-spacing:-1.6px;line-height:110%;opacity:.5;text-align:right}@media (max-width:1024px){.fuel-colors__brand{font-size:32px;letter-spacing:-1.28px}}@media (max-width:768px){.fuel-colors__brand{display:none}}.fuel-colors__sections{gap:24px}.fuel-colors__section,.fuel-colors__sections{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.fuel-colors__section{gap:8px}.fuel-colors__section-title{align-self:stretch;color:var(--fuel-color-text-default);display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);font-size:20px;font-style:normal;font-weight:500;height:40px;justify-content:flex-end;letter-spacing:-.8px;line-height:130%;margin:0}@media (max-width:768px){.fuel-colors__section-title{font-size:18px}}.fuel-colors__grid{align-items:flex-start;align-self:stretch;display:flex;gap:8px}@media (max-width:1024px){.fuel-colors__grid{flex-wrap:wrap}}@media (max-width:768px){.fuel-colors__grid{flex-direction:column}}.fuel-colors__grid--two-columns{display:grid;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.fuel-colors__grid--two-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fuel-colors__grid--two-columns{grid-template-columns:1fr}}.fuel-colors__card{align-self:stretch;border-radius:16px;display:flex;flex:1 0 0;flex-direction:column;gap:10px;height:240px;justify-content:space-between;min-width:0;padding:24px;position:relative}@media (max-width:768px){.fuel-colors__card{height:auto;min-height:140px}}.fuel-colors__card-top{display:flex;justify-content:flex-end;width:100%}.fuel-colors__card-bottom{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;width:100%}.fuel-colors__copy{align-items:center;display:flex;flex-shrink:0;justify-content:center}.fuel-colors__copy button:hover{opacity:1!important}.fuel-colors__contrast{align-items:center;border-radius:4px;display:flex;flex-direction:column;height:16px;justify-content:center;opacity:.64;width:32px}.fuel-colors__contrast-level{font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.fuel-colors__content{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:2px;justify-content:flex-end}.fuel-colors__name{align-self:stretch;color:#111;font-family:var(--fuel-font-family-body);font-size:14px;font-style:normal;font-weight:500;line-height:150%;word-break:break-word}.fuel-colors__name--light{color:var(--fuel-color-text-inverted)}.fuel-colors__code{align-self:stretch;color:var(--fuel-color-text-default);font-family:var(--fuel-font-family-body);font-size:12px;font-style:normal;font-weight:500;line-height:150%;opacity:.75;word-break:break-all}.fuel-colors__code--light{color:var(--fuel-color-text-inverted)}#storybook-root:has(.fuel-typography){height:100%;width:100%}.fuel-typography{align-items:flex-end;background:var(--fuel-color-background-default);border-radius:24px;display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);gap:76px;padding:48px}@media (max-width:1024px){.fuel-typography{gap:48px}}@media (max-width:768px){.fuel-typography{gap:32px;padding:24px}}.fuel-typography__header{align-items:flex-start;align-self:stretch;display:flex;gap:32px;justify-content:space-between}@media (max-width:768px){.fuel-typography__header{flex-direction:column;gap:16px}}.fuel-typography__header-content{display:flex;flex:1;flex-direction:column;gap:8px}.fuel-typography__title{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:64px;font-style:normal;font-weight:500;letter-spacing:-2.56px;line-height:130%;margin:0}@media (max-width:1024px){.fuel-typography__title{font-size:48px;letter-spacing:-1.92px}}@media (max-width:768px){.fuel-typography__title{font-size:32px;letter-spacing:-1.28px}}.fuel-typography__description{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin:0}@media (max-width:768px){.fuel-typography__description{font-size:14px}}.fuel-typography__brand{color:var(--fuel-color-text-placeholder);flex-shrink:0;font-family:var(--fuel-font-family-body);font-size:40px;font-style:normal;font-weight:700;letter-spacing:-1.6px;line-height:110%;opacity:.5;text-align:right}@media (max-width:1024px){.fuel-typography__brand{font-size:32px;letter-spacing:-1.28px}}@media (max-width:768px){.fuel-typography__brand{display:none}}.fuel-typography__sections{gap:24px}.fuel-typography__section,.fuel-typography__sections{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.fuel-typography__section{gap:8px}.fuel-typography__section-title{align-self:stretch;color:var(--fuel-color-text-default);display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);font-size:20px;font-style:normal;font-weight:500;height:40px;justify-content:flex-end;letter-spacing:-.8px;line-height:130%;margin:0}@media (max-width:768px){.fuel-typography__section-title{font-size:18px}}.fuel-typography__grid{align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:8px}@media (max-width:768px){.fuel-typography__grid{flex-direction:column}}.fuel-typography__card{align-self:stretch;border:1px solid var(--fuel-color-border-default);border-radius:16px;display:flex;flex:0 0 calc(33.333% - 8px);flex-direction:column;overflow:hidden;width:calc(33.333% - 8px)}.fuel-typography__card[data-size="96px"]{flex:0 0 100%;width:100%}.fuel-typography__card[data-size="-2%"],.fuel-typography__card[data-size="-4%"],.fuel-typography__card[data-size="-6%"],.fuel-typography__card[data-size="0%"],.fuel-typography__card[data-size="2%"],.fuel-typography__card[data-size="4%"],.fuel-typography__card[data-size="48px"],.fuel-typography__card[data-size="500"],.fuel-typography__card[data-size="600"],.fuel-typography__card[data-size="64px"]{flex:0 0 calc(50% - 8px);width:calc(50% - 8px)}@media (max-width:1024px){.fuel-typography__card{flex:0 0 calc(50% - 8px);width:calc(50% - 8px)}.fuel-typography__card[data-size="96px"]{flex:0 0 100%;width:100%}}@media (max-width:768px){.fuel-typography__card{flex:0 0 100%;width:100%}}.fuel-typography__card-content{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;justify-content:center;padding:56px}@media (max-width:768px){.fuel-typography__card-content{padding:32px}}.fuel-typography__card[data-size="-2%"] .fuel-typography__card-content,.fuel-typography__card[data-size="-4%"] .fuel-typography__card-content,.fuel-typography__card[data-size="-6%"] .fuel-typography__card-content,.fuel-typography__card[data-size="0%"] .fuel-typography__card-content,.fuel-typography__card[data-size="2%"] .fuel-typography__card-content,.fuel-typography__card[data-size="4%"] .fuel-typography__card-content,.fuel-typography__card[data-size="500"] .fuel-typography__card-content,.fuel-typography__card[data-size="600"] .fuel-typography__card-content{align-items:center}.fuel-typography__preview{color:var(--fuel-color-text-default);font-family:Satoshi,-apple-system,Roboto,Helvetica,sans-serif;font-style:normal;font-weight:500;line-height:130%;word-wrap:break-word;hyphens:auto;overflow-wrap:break-word}.fuel-typography__preview--lineheight{font-size:32px;letter-spacing:-1.28px}.fuel-typography__card-footer{align-items:center;align-self:stretch;border-top:1px solid var(--fuel-color-border-default);display:flex;gap:8px;justify-content:space-between;padding:12px 16px}@media (max-width:768px){.fuel-typography__card-footer{padding:10px 12px}}.fuel-typography__card-info{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:2px;justify-content:center;min-width:0}.fuel-typography__card-label{color:#111;font-size:14px}.fuel-typography__card-label,.fuel-typography__card-token{align-self:stretch;font-family:var(--fuel-font-family-body);font-style:normal;font-weight:500;line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fuel-typography__card-token{color:var(--fuel-color-text-default);font-size:12px;opacity:.75}#storybook-root:has(.fuel-spacing){height:100%;width:100%}.fuel-spacing{background:var(--fuel-color-background-default);display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);gap:76px;min-height:100vh;padding:48px}@media (max-width:1024px){.fuel-spacing{gap:48px;padding:48px}}@media (max-width:768px){.fuel-spacing{gap:32px;padding:24px}}.fuel-spacing__header{align-items:flex-start;display:flex;gap:32px;justify-content:space-between}@media (max-width:768px){.fuel-spacing__header{flex-direction:column;gap:16px}}.fuel-spacing__header-content{display:flex;flex:1;flex-direction:column;gap:8px}.fuel-spacing__title{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:64px;font-style:normal;font-weight:500;letter-spacing:-2.56px;line-height:130%;margin:0}@media (max-width:1024px){.fuel-spacing__title{font-size:48px;letter-spacing:-1.92px}}@media (max-width:768px){.fuel-spacing__title{font-size:32px;letter-spacing:-1.28px}}.fuel-spacing__description{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin:0}@media (max-width:768px){.fuel-spacing__description{font-size:14px}}.fuel-spacing__brand{color:var(--fuel-color-text-placeholder);flex-shrink:0;font-family:var(--fuel-font-family-body);font-size:40px;font-style:normal;font-weight:700;letter-spacing:-1.6px;line-height:110%;opacity:.5;text-align:right}@media (max-width:1024px){.fuel-spacing__brand{font-size:32px;letter-spacing:-1.28px}}@media (max-width:768px){.fuel-spacing__brand{display:none}}.fuel-spacing__content{display:flex;flex-direction:column;gap:8px}@media (max-width:768px){.fuel-spacing__content{gap:8px}}.fuel-spacing__section-title{align-self:stretch;color:var(--fuel-color-text-default);display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);font-size:20px;font-style:normal;font-weight:500;height:40px;justify-content:flex-end;letter-spacing:-.8px;line-height:130%;margin:0}@media (max-width:768px){.fuel-spacing__section-title{font-size:18px}}.fuel-spacing__list{display:flex;flex-direction:column;gap:32px}@media (max-width:768px){.fuel-spacing__list{gap:24px}}.fuel-spacing__row{display:flex;flex-direction:column;gap:8px}@media (max-width:768px){.fuel-spacing__row{gap:6px}}.fuel-spacing__row-info{align-items:center;display:flex;flex-direction:row;gap:16px;width:100%}@media (max-width:768px){.fuel-spacing__row-info{gap:12px}}.fuel-spacing__row-label{color:#111;font-size:14px;font-weight:500;line-height:150%}.fuel-spacing__row-token-wrapper{align-items:center;display:flex;flex:1;gap:4px}.fuel-spacing__row-token{color:var(--fuel-color-text-default);flex:1;font-size:12px;font-weight:500;line-height:150%;min-width:0;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fuel-spacing__row-bar{background:rgba(7,105,218,.2);display:flex;min-height:2px;width:100%}#storybook-root:has(.fuel-elevation){height:100%;width:100%}.fuel-elevation{background:var(--fuel-color-background-default);display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);gap:76px;min-height:100vh;padding:48px}@media (max-width:1024px){.fuel-elevation{gap:48px;padding:48px}}@media (max-width:768px){.fuel-elevation{gap:32px;padding:24px}}.fuel-elevation__header{align-items:flex-start;display:flex;gap:32px;justify-content:space-between}@media (max-width:768px){.fuel-elevation__header{flex-direction:column;gap:16px}}.fuel-elevation__header-content{display:flex;flex:1;flex-direction:column;gap:8px}.fuel-elevation__title{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:64px;font-style:normal;font-weight:500;letter-spacing:-2.56px;line-height:130%;margin:0}@media (max-width:1024px){.fuel-elevation__title{font-size:48px;letter-spacing:-1.92px}}@media (max-width:768px){.fuel-elevation__title{font-size:32px;letter-spacing:-1.28px}}.fuel-elevation__description{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin:0}@media (max-width:768px){.fuel-elevation__description{font-size:14px}}.fuel-elevation__brand{color:var(--fuel-color-text-placeholder);flex-shrink:0;font-family:var(--fuel-font-family-body);font-size:40px;font-style:normal;font-weight:700;letter-spacing:-1.6px;line-height:110%;opacity:.5;text-align:right}@media (max-width:1024px){.fuel-elevation__brand{font-size:32px;letter-spacing:-1.28px}}@media (max-width:768px){.fuel-elevation__brand{display:none}}.fuel-elevation__grid{align-self:stretch;display:grid;gap:48px;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.fuel-elevation__grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fuel-elevation__grid{gap:16px;grid-template-columns:1fr}}.fuel-elevation__card:last-child{grid-column:1/-1}@media (max-width:768px){.fuel-elevation__card:last-child{grid-column:auto}}.fuel-elevation__card{align-items:flex-end;align-self:stretch;border-radius:16px;display:flex;flex:1 0 0;flex-direction:column;gap:10px;height:96px;padding:24px}@media (max-width:768px){.fuel-elevation__card{height:auto;min-height:80px;padding:20px}}.fuel-elevation__card[data-elevation=ton1]{box-shadow:var(--fuel-shadow-1),var(--fuel-shadow-2)}.fuel-elevation__card[data-elevation=ton2]{box-shadow:var(--fuel-shadow-3),var(--fuel-shadow-5)}.fuel-elevation__card[data-elevation=ton3]{box-shadow:var(--fuel-shadow-4),var(--fuel-shadow-6)}.fuel-elevation__card[data-elevation=ton4]{box-shadow:var(--fuel-shadow-7),var(--fuel-shadow-10)}.fuel-elevation__card[data-elevation=ton5]{box-shadow:var(--fuel-shadow-8),var(--fuel-shadow-12)}.fuel-elevation__card[data-elevation=ton6]{box-shadow:var(--fuel-shadow-9),var(--fuel-shadow-13)}.fuel-elevation__card[data-elevation=ton7]{box-shadow:var(--fuel-shadow-11),var(--fuel-shadow-14)}.fuel-elevation__card-content{align-items:flex-end;align-self:stretch;display:flex;flex:1 0 0;gap:8px;justify-content:space-between}.fuel-elevation__card-info{align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:2px;justify-content:flex-end}.fuel-elevation__card-token{align-self:stretch;color:var(--fuel-color-text-default);font-family:var(--fuel-font-family-body);font-size:12px;font-style:normal;font-weight:500;line-height:150%;opacity:.75}#storybook-root:has(.fuel-radius){height:100%;width:100%}.fuel-radius{background:var(--fuel-color-background-default);display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);gap:76px;min-height:100vh;padding:48px}@media (max-width:1024px){.fuel-radius{gap:48px;padding:48px}}@media (max-width:768px){.fuel-radius{gap:32px;padding:24px}}.fuel-radius__header{align-items:flex-start;display:flex;gap:32px;justify-content:space-between}@media (max-width:768px){.fuel-radius__header{flex-direction:column;gap:16px}}.fuel-radius__header-content{display:flex;flex:1;flex-direction:column;gap:8px}.fuel-radius__title{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:64px;font-style:normal;font-weight:500;letter-spacing:-2.56px;line-height:130%;margin:0}@media (max-width:1024px){.fuel-radius__title{font-size:48px;letter-spacing:-1.92px}}@media (max-width:768px){.fuel-radius__title{font-size:32px;letter-spacing:-1.28px}}.fuel-radius__description{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin:0}@media (max-width:768px){.fuel-radius__description{font-size:14px}}.fuel-radius__brand{color:var(--fuel-color-text-placeholder);flex-shrink:0;font-family:var(--fuel-font-family-body);font-size:40px;font-style:normal;font-weight:700;letter-spacing:-1.6px;line-height:110%;opacity:.5;text-align:right}@media (max-width:1024px){.fuel-radius__brand{font-size:32px;letter-spacing:-1.28px}}@media (max-width:768px){.fuel-radius__brand{display:none}}.fuel-radius__sections{display:flex;flex-direction:column;gap:8px}@media (max-width:768px){.fuel-radius__sections{gap:8px}}.fuel-radius__grid{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.fuel-radius__grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fuel-radius__grid{grid-template-columns:1fr}}.fuel-radius__card{align-items:flex-end;background:var(--fuel-color-background-weak,#f4f4f5);display:flex;flex-direction:column;height:152px;padding:24px}@media (max-width:768px){.fuel-radius__card{height:140px;padding:20px}}.fuel-radius__card--pill{padding:24px 48px}@media (max-width:768px){.fuel-radius__card--pill{padding:20px 24px}}.fuel-radius__card--circle{align-items:center;height:354px;padding:48px;width:354px}@media (max-width:768px){.fuel-radius__card--circle{height:280px;padding:24px;width:100%}}.fuel-radius__card--circle .fuel-radius__card-content{align-items:center;justify-content:center}.fuel-radius__card-content{align-items:flex-end;align-self:stretch;display:flex;flex:1;gap:8px;justify-content:space-between}.fuel-radius__card-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.fuel-radius__card-label{color:#111;font-size:14px;font-weight:500;line-height:150%}.fuel-radius__card-token{color:var(--fuel-color-text-default);font-size:12px;font-weight:500;line-height:150%;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#storybook-root:has(.fuel-opacity){height:100%;width:100%}.fuel-opacity{background:var(--fuel-color-background-default);display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);gap:76px;min-height:100vh;padding:48px}@media (max-width:1024px){.fuel-opacity{gap:48px;padding:48px}}@media (max-width:768px){.fuel-opacity{gap:32px;padding:24px}}.fuel-opacity__header{align-items:flex-start;display:flex;gap:32px;justify-content:space-between}@media (max-width:768px){.fuel-opacity__header{flex-direction:column;gap:16px}}.fuel-opacity__header-content{display:flex;flex:1;flex-direction:column;gap:8px}.fuel-opacity__title{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:64px;font-style:normal;font-weight:500;letter-spacing:-2.56px;line-height:130%;margin:0}@media (max-width:1024px){.fuel-opacity__title{font-size:48px;letter-spacing:-1.92px}}@media (max-width:768px){.fuel-opacity__title{font-size:32px;letter-spacing:-1.28px}}.fuel-opacity__description{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin:0}@media (max-width:768px){.fuel-opacity__description{font-size:14px}}.fuel-opacity__brand{color:var(--fuel-color-text-placeholder);flex-shrink:0;font-family:var(--fuel-font-family-body);font-size:40px;font-style:normal;font-weight:700;letter-spacing:-1.6px;line-height:110%;opacity:.5;text-align:right}@media (max-width:1024px){.fuel-opacity__brand{font-size:32px;letter-spacing:-1.28px}}@media (max-width:768px){.fuel-opacity__brand{display:none}}.fuel-opacity__grid{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.fuel-opacity__grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fuel-opacity__grid{grid-template-columns:1fr}}.fuel-opacity__card{align-items:flex-end;border-radius:16px;display:flex;flex-direction:column;height:172px;padding:24px}@media (max-width:768px){.fuel-opacity__card{height:140px;padding:20px}}.fuel-opacity__card-content{align-items:flex-end;align-self:stretch;display:flex;flex:1;gap:8px;justify-content:space-between}.fuel-opacity__card-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.fuel-opacity__card-label{color:#111;font-size:14px;font-weight:500;line-height:150%}.fuel-opacity__card-token{color:var(--fuel-color-text-default);font-size:12px;font-weight:500;line-height:150%;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fuel-link{align-items:center;color:var(--fuel-color-surface-primary);cursor:pointer;display:inline-flex;font-family:var(--fuel-font-family-body);font-weight:var(--fuel-font-weight-medium);gap:var(--fuel-space-micro);line-height:var(--fuel-font-lineheight-tight);position:relative;text-decoration:none;transition:color .15s ease-in-out}.fuel-link:after{background:currentColor;border-radius:var(--fuel-border-width-thin);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}.fuel-link:hover{color:var(--fuel-color-interaction-hovered)}.fuel-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.fuel-link:hover .fuel-link__icon{color:var(--fuel-color-icon-primary)!important}.fuel-link:hover .fuel-link__icon img{filter:hsl(212,94%,44%)}.fuel-link:hover .fuel-link__icon svg{color:var(--fuel-color-icon-primary)!important;fill:var(--fuel-color-icon-primary)!important;stroke:var(--fuel-color-icon-primary)!important}.fuel-link:active{color:var(--fuel-color-interaction-pressed)}.fuel-link:focus-visible{border-radius:var(--fuel-border-radius-xsmall);outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);outline-offset:var(--fuel-space-micro)}.fuel-link--on-color{color:var(--fuel-color-text-inverted)}.fuel-link--on-color:visited{color:var(--fuel-color-text-inverted)!important}.fuel-link--on-color:hover{color:var(--fuel-color-text-inverted)}.fuel-link--on-color:hover .fuel-link__icon{color:var(--fuel-color-icon-inverted)!important}.fuel-link--on-color:hover .fuel-link__icon img{filter:brightness(0) invert(1)}.fuel-link--on-color:hover .fuel-link__icon svg{color:var(--fuel-color-icon-inverted)!important;fill:var(--fuel-color-icon-inverted)!important;stroke:var(--fuel-color-icon-inverted)!important}.fuel-link--on-color:active{color:var(--fuel-color-text-inverted)}.fuel-link--on-color .fuel-link__icon{color:var(--fuel-color-icon-inverted)!important}.fuel-link--on-color .fuel-link__icon img{filter:brightness(0) invert(1)}.fuel-link--on-color .fuel-link__icon svg{color:var(--fuel-color-icon-inverted)!important;fill:var(--fuel-color-icon-inverted)!important;stroke:var(--fuel-color-icon-inverted)!important}.fuel-link--on-color[aria-disabled=true]{color:var(--fuel-color-text-inverted);opacity:var(--fuel-opacity-64)}.fuel-link--small{font-size:var(--fuel-typography-body-small-font-size);line-height:var(--fuel-typography-body-small-line-height)}.fuel-link--medium{font-size:var(--fuel-typography-body-medium-font-size);line-height:var(--fuel-typography-body-medium-line-height)}.fuel-link--large{font-size:var(--fuel-typography-body-large-font-size);line-height:var(--fuel-typography-body-large-line-height)}.fuel-link__text{display:inline-block}.fuel-link__icon{align-items:center;color:var(--fuel-color-icon-primary)!important;display:inline-flex;flex-shrink:0;justify-content:center}.fuel-link__icon img{filter:hsl(212,94%,44%);height:16px;-o-object-fit:contain;object-fit:contain;width:16px}.fuel-link__icon svg{color:var(--fuel-color-icon-primary)!important;fill:var(--fuel-color-icon-primary)!important;height:16px;stroke:var(--fuel-color-icon-primary)!important;width:16px}.fuel-link--small .fuel-link__icon img{height:14px;width:14px}.fuel-link--large .fuel-link__icon img{height:18px;width:18px}.fuel-link__icon--left{order:-1}.fuel-link__icon--right{order:1}.fuel-link[aria-disabled=true]{color:var(--fuel-color-text-placeholder);cursor:not-allowed;pointer-events:none}.fuel-link[aria-disabled=true]:after{display:none}.fuel-modal-backdrop{align-items:center;background-color:rgba(0,0,0,var(--fuel-opacity-overlay));bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden}.fuel-modal-backdrop.fuel-backdrop--open{opacity:1;visibility:visible}.fuel-modal{background-color:var(--fuel-color-surface-default);border-radius:var(--fuel-border-radius-large);box-shadow:var(--fuel-elevation-high-shadow);display:flex;flex-direction:column;gap:var(--fuel-space-large);max-height:90vh;overflow:hidden;padding:var(--fuel-space-large);position:relative;transform:scale(.95);transition:transform .2s ease-in-out}.fuel-modal-backdrop.fuel-backdrop--open .fuel-modal{transform:scale(1)}.fuel-modal--small{width:400px}.fuel-modal--medium,.fuel-modal--small{max-width:calc(100vw - var(--fuel-space-xlarge))}.fuel-modal--medium{width:600px}.fuel-modal--large{max-width:calc(100vw - var(--fuel-space-xlarge));width:800px}@media (max-width:480px){.fuel-modal--large,.fuel-modal--medium,.fuel-modal--small{margin:var(--fuel-space-small);width:calc(100vw - var(--fuel-space-xlarge))}}.fuel-modal__header{align-items:center;display:flex;gap:var(--fuel-space-small);min-height:32px}.fuel-modal__title{color:var(--fuel-color-text-default);flex:1;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-headings-small-font-size);font-weight:var(--fuel-typography-headings-small-font-weight);line-height:var(--fuel-typography-headings-small-line-height);margin:0}.fuel-modal__close-button{flex-shrink:0;height:32px;padding:0;width:32px}.fuel-modal__close-button .fuel-modal__close-icon{color:var(--fuel-color-text-medium);transition:color .2s ease-in-out}.fuel-modal__close-button:hover .fuel-modal__close-icon{color:var(--fuel-color-text-default)}.fuel-modal__content{color:var(--fuel-color-text-medium);flex:1;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-small-line-height);overflow-y:auto}.fuel-modal__content::-webkit-scrollbar{width:var(--fuel-space-xxxsmall)}.fuel-modal__content::-webkit-scrollbar-track{background:transparent}.fuel-modal__content::-webkit-scrollbar-thumb{background:var(--fuel-color-border-default);border-radius:var(--fuel-border-radius-xsmall)}.fuel-modal__content::-webkit-scrollbar-thumb:hover{background:var(--fuel-color-border-medium)}.fuel-modal__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--fuel-space-small);justify-content:flex-end}.fuel-modal__action--secondary{order:1}.fuel-modal__action--primary{order:2}.fuel-modal:focus{outline:none}.fuel-modal[aria-modal=true]{isolation:isolate}@media (prefers-reduced-motion:reduce){.fuel-modal,.fuel-modal-backdrop{transition:none}}@media (prefers-contrast:high){.fuel-modal{border:var(--fuel-border-width-thin) solid}}@media print{.fuel-modal,.fuel-modal-backdrop{background:transparent;box-shadow:none;position:static;transform:none}}.fuel-progress-bar-wrapper{align-items:flex-start;display:flex;gap:var(--fuel-space-small);width:100%}.fuel-progress-bar-wrapper--with-actions{align-items:flex-start}.fuel-progress-bar-content{display:flex;flex:1;flex-direction:column;gap:var(--fuel-space-xxsmall);min-width:0}.fuel-progress-bar{align-items:center;background:var(--fuel-color-interaction-enabled-alpha);display:flex;height:var(--fuel-width-4);overflow:hidden;position:relative;width:100%}.fuel-progress-bar,.fuel-progress-bar__fill{border-radius:var(--fuel-border-radius-pill)}.fuel-progress-bar__fill{background:var(--fuel-color-surface-primary);height:100%;transition:width .3s ease-in-out}.fuel-progress-bar__labels{align-items:center;display:flex;gap:var(--fuel-space-small);justify-content:space-between}.fuel-progress-bar__labels--single{justify-content:flex-end}.fuel-progress-bar__label-left,.fuel-progress-bar__label-right{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-font-size-2);font-weight:var(--fuel-font-weight-medium);line-height:var(--fuel-font-lineheight-spacious)}.fuel-progress-bar__label-left{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.fuel-progress-bar__label-right{flex-shrink:0;text-align:right}.fuel-progress-bar__check-icon{color:var(--fuel-color-icon-success);flex-shrink:0;height:var(--fuel-size-20);position:relative;top:-10px;width:var(--fuel-size-20)}.fuel-progress-bar__remove-btn{align-items:center;background:transparent;border:none;border-radius:var(--fuel-border-radius-circle);color:var(--fuel-color-icon-default);cursor:pointer;display:flex;flex-shrink:0;height:var(--fuel-size-32);justify-content:center;padding:0;position:relative;top:-15px;transition:background-color .2s ease;width:var(--fuel-size-32)}.fuel-progress-bar__remove-btn:hover{background-color:var(--fuel-color-interaction-hovered-alpha)}.fuel-progress-bar__remove-btn:active{background-color:var(--fuel-color-interaction-pressed-alpha)}.fuel-progress-bar__remove-btn:focus-visible{outline:2px solid var(--fuel-color-border-focus);outline-offset:2px}.fuel-progress-bar__remove-btn svg{height:var(--fuel-size-16);width:var(--fuel-size-16)}.fuel-progress-circle{flex-shrink:0}.fuel-progress-circle__background{stroke:var(--fuel-color-interaction-enabled-alpha)}.fuel-progress-circle__progress{stroke:var(--fuel-color-surface-primary);stroke-linecap:round;transition:stroke-dashoffset .3s ease-in-out}.fuel-progress-circle--xsmall{height:var(--fuel-size-16);width:var(--fuel-size-16)}.fuel-progress-circle--small{height:var(--fuel-size-24);width:var(--fuel-size-24)}.fuel-progress-circle--medium{height:var(--fuel-size-32);width:var(--fuel-size-32)}.fuel-radio-button-wrapper{align-items:flex-start;display:inline-flex;position:relative}.fuel-radio-button-label{align-items:center;cursor:pointer;display:flex;font-family:var(--fuel-font-family-body);gap:var(--fuel-space-xxsmall);-webkit-user-select:none;-moz-user-select:none;user-select:none}.fuel-radio-button-label:has(.fuel-radio-button--disabled){cursor:not-allowed}.fuel-radio-button-label__text{color:var(--fuel-color-text-default);font-size:var(--fuel-typography-body-medium-font-size);font-weight:var(--fuel-typography-body-medium-font-weight);line-height:var(--fuel-typography-body-medium-line-height)}.fuel-radio-button--disabled+.fuel-radio-button-label__text{opacity:var(--fuel-opacity-40)}.fuel-radio-button{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:var(--fuel-space-xxxsmall);position:relative;width:24px}.fuel-radio-button__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.fuel-radio-button__circle{align-items:center;background-color:transparent;border:var(--fuel-border-width-thin) solid var(--fuel-color-icon-weak);border-radius:var(--fuel-border-radius-pill);display:flex;height:20px;justify-content:center;position:relative;transition:all .15s ease-in-out;width:20px}.fuel-radio-button--selected .fuel-radio-button__circle{background-color:var(--fuel-color-surface-primary);border-color:var(--fuel-color-border-primary)}.fuel-radio-button__dot{background-color:var(--fuel-color-icon-inverted);border-radius:50%;height:4px;opacity:0;transition:opacity .15s ease-in-out;width:4px}.fuel-radio-button--selected .fuel-radio-button__dot{opacity:1}.fuel-radio-button__focus-ring{border:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);border-radius:50%;height:28px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease-in-out;width:28px}.fuel-radio-button--focused .fuel-radio-button__focus-ring,[data-focused=true] .fuel-radio-button__focus-ring{opacity:1}.fuel-radio-button__input:focus-visible+.fuel-radio-button__circle{outline:none}.fuel-radio-button__input:focus-visible~.fuel-radio-button__focus-ring{opacity:1}[data-selected=true]>.fuel-radio-button__circle{background-color:var(--fuel-color-surface-primary);border-color:var(--fuel-color-border-primary)}[data-disabled=true]>.fuel-radio-button__circle{opacity:var(--fuel-opacity-40)}.fuel-radio-button-label:hover:not(:has(.fuel-radio-button--disabled)) .fuel-radio-button__circle{border-color:var(--fuel-color-border-primary)}.fuel-radio-button--selected .fuel-radio-button-label:hover:not(:has(.fuel-radio-button--disabled)) .fuel-radio-button__circle{background-color:var(--fuel-color-interaction-hovered);border-color:var(--fuel-color-interaction-hovered)}.fuel-radio-button--selected .fuel-radio-button-label:active:not(:has(.fuel-radio-button--disabled)) .fuel-radio-button__circle{background-color:var(--fuel-color-interaction-pressed);border-color:var(--fuel-color-interaction-pressed)}.fuel-radio-button--disabled{pointer-events:none}.fuel-radio-button--disabled .fuel-radio-button__circle{opacity:var(--fuel-opacity-40)}.fuel-textfield--search{--select-item-height:var(--control-item-height,48px)}.fuel-textfield--search .fuel-textfield__icon{background:none;border:none;border-radius:var(--fuel-border-radius-xsmall);cursor:pointer;padding:0;pointer-events:auto}.fuel-textfield--search .fuel-textfield__icon:focus-visible{outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);outline-offset:var(--fuel-border-width-thin)}.fuel-textfield--search .fuel-textfield__icon:disabled{cursor:not-allowed;opacity:var(--fuel-opacity-medium)}.fuel-textfield--search .fuel-textfield__icon svg{height:20px;transition:all .15s ease;width:20px}.fuel-textfield--search .fuel-textfield__icon--search svg path{fill:var(--fuel-color-text-medium)}.fuel-textfield--search .fuel-textfield__icon--clear svg{stroke:var(--fuel-color-text-medium)}.fuel-textfield--search.filled .fuel-textfield__icon--search svg path{fill:var(--fuel-color-text-default)}.fuel-select{display:flex;flex-direction:column;position:relative;width:100%}.fuel-select__input-container{cursor:pointer;position:relative;transition:outline .15s ease;width:100%}.fuel-select input{background:var(--fuel-color-interaction-enabled-alpha);border:none;border-radius:var(--fuel-border-radius-large);box-sizing:border-box;color:var(--fuel-color-text-default);cursor:pointer;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);height:var(--fuel-control-height-medium);line-height:var(--fuel-typography-body-medium-line-height);outline:var(--fuel-border-width-thin) solid var(--fuel-color-interaction-enabled-alpha);padding:0 40px 0 var(--fuel-space-small);transition:padding .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fuel-select input::-moz-placeholder{color:var(--fuel-color-text-medium)}.fuel-select input::placeholder{color:var(--fuel-color-text-medium)}.fuel-select input:focus{outline:none}.fuel-select input:disabled{color:var(--fuel-color-text-medium);cursor:not-allowed}.fuel-select input+label{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);left:var(--fuel-space-small);line-height:var(--fuel-typography-body-medium-line-height);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:top .15s ease,font-size .15s,color .15s}.fuel-select input.has-value+label,.fuel-select input:focus+label{font-size:var(--fuel-typography-caption-font-size);top:var(--fuel-space-small)}.fuel-select input:disabled+label{color:var(--fuel-color-text-medium);transition:none!important}.fuel-select.focused .fuel-select__input-container input{outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus)}.fuel-select.fuel-select--error .fuel-select__input-container input{outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-danger)}.fuel-select.fuel-select--success .fuel-select__input-container input{outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-success)}.fuel-select.fuel-select--disabled .fuel-select__input-container{cursor:not-allowed;opacity:var(--fuel-opacity-overlay)}.fuel-select.has-label.filled input,.fuel-select.has-label.focused input{padding-top:var(--fuel-space-small)}.fuel-select__required{color:var(--fuel-color-text-danger);margin-left:var(--fuel-space-micro)}.fuel-select__chevron{align-items:center;color:var(--fuel-color-icon-default);display:flex;justify-content:center;pointer-events:none;position:absolute;right:var(--fuel-space-small);top:50%;transform:translateY(-50%);transition:transform .2s ease}.fuel-select__chevron svg{height:var(--fuel-icon-size-large);width:var(--fuel-icon-size-large)}.fuel-select--open .fuel-select__chevron{transform:translateY(-50%) rotate(0deg)}.fuel-select__dropdown{background:var(--fuel-color-surface-default);border-radius:var(--fuel-border-radius-large);box-shadow:var(--fuel-popover-elevation-shadow);left:0;margin-top:4px;max-height:312px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.fuel-select__dropdown--has-hint{top:70%}.fuel-select__options{height:calc(100% - 16px);overflow-y:auto;padding:8px 0}.fuel-select__option{align-items:center;background:var(--fuel-color-surface-default);cursor:pointer;display:flex;height:var(--fuel-list-item-height-medium);padding:0 var(--fuel-space-small);transition:background-color .15s ease}.fuel-select__option--selected,.fuel-select__option:hover:not(.fuel-select__option--disabled){background:var(--fuel-color-interaction-enabled-alpha)}.fuel-select__option--selected{font-weight:var(--fuel-typography-body-small-font-weight)}.fuel-select__option--disabled{cursor:not-allowed;opacity:var(--fuel-opacity-overlay)}.fuel-select__option-label{color:var(--fuel-color-text-default);flex:1;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-medium-font-size);font-weight:inherit;line-height:var(--fuel-typography-body-medium-line-height)}.fuel-select__empty{align-items:center;display:flex;justify-content:center;padding:24px 16px}.fuel-select__empty-message{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-medium-line-height);opacity:.7}.fuel-select__hint{align-items:center;display:flex;gap:var(--fuel-space-xxxsmall);margin-top:var(--fuel-space-xxxsmall)}.fuel-select__hint svg{flex-shrink:0}.fuel-select__hint-text{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-medium-line-height);text-align:left}.fuel-select__hint--error .fuel-select__hint-text{color:var(--fuel-color-text-danger)}.fuel-select__hint--success .fuel-select__hint-text{color:var(--fuel-color-text-success)}.fuel-select--error .fuel-select__chevron{color:var(--fuel-color-icon-danger)}.fuel-select--success .fuel-select__chevron{color:var(--fuel-color-icon-success)}.fuel-select .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes skeleton-shimmer{0%{background-color:var(--fuel-color-surface-medium);opacity:var(--fuel-opacity-medium)}to{background-color:var(--fuel-color-surface-medium);opacity:var(--fuel-opacity-intense)}}.skeleton{background-color:var(--fuel-color-surface-medium);opacity:var(--fuel-opacity-medium)}.skeleton,.skeleton--rectangular{border-radius:var(--fuel-border-radius-xsmall)}.skeleton--circular{border-radius:50%}.skeleton--text{border-radius:var(--fuel-border-radius-xsmall);height:1em}.skeleton--shimmer{animation:skeleton-shimmer .9s ease-in-out infinite alternate;background-color:var(--fuel-color-surface-medium)}.fuel-spinner{display:inline-block;position:relative}.fuel-spinner span{animation:fuel-spinner-rotate .8s linear infinite;border:solid transparent;border-radius:var(--fuel-border-radius-circle);display:block}.fuel-spinner--xsmall{height:var(--fuel-spinner-size-xsmall);width:var(--fuel-spinner-size-xsmall)}.fuel-spinner--xsmall span{border-width:2px;height:calc(var(--fuel-spinner-size-xsmall) - 4px);width:calc(var(--fuel-spinner-size-xsmall) - 4px)}.fuel-spinner--small,.fuel-spinner--small span{height:var(--fuel-spinner-size-small);width:var(--fuel-spinner-size-small)}.fuel-spinner--small span{border-width:2px}.fuel-spinner--medium,.fuel-spinner--medium span{height:var(--fuel-spinner-size-medium);width:var(--fuel-spinner-size-medium)}.fuel-spinner--medium span{border-width:3px}.fuel-spinner--primary span{border-top-color:var(--fuel-color-surface-primary)}.fuel-spinner--inverted span{border-top-color:var(--fuel-color-text-inverted)}.fuel-button--loading .fuel-spinner{left:50%!important;pointer-events:none;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:1}@keyframes fuel-spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fuel-button--loading .fuel-spinner span{animation:fuel-spinner-rotate-absolute .8s linear infinite}@keyframes fuel-spinner-rotate-absolute{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fuel-switch-wrapper{align-items:flex-start;display:inline-flex;position:relative}.fuel-switch-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fuel-switch-label:has(.fuel-switch--disabled){cursor:not-allowed}.fuel-switch{align-items:flex-start;display:inline-flex;flex-direction:column;flex-shrink:0;height:24px;position:relative;width:40px}.fuel-switch--disabled{opacity:var(--fuel-opacity-overlay);pointer-events:none}.fuel-switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:0;margin:0;padding:0;width:0}.fuel-switch__focus-ring,.fuel-switch__input{opacity:0;pointer-events:none;position:absolute}.fuel-switch__focus-ring{border:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);border-radius:var(--fuel-border-radius-pill);height:28px;left:-4px;top:-4px;transition:opacity .2s ease-in-out;width:44px}.fuel-switch--focused .fuel-switch__focus-ring{opacity:1}.fuel-switch__background{background-color:var(--fuel-color-surface-medium);border-radius:var(--fuel-border-radius-pill);height:24px;left:0;position:absolute;top:0;transition:background-color .2s ease-in-out;width:40px}.fuel-switch--selected .fuel-switch__background{background-color:var(--fuel-color-surface-primary)}.fuel-switch__thumb{background-color:var(--fuel-color-surface-default);border-radius:50%;box-shadow:var(--fuel-shadow-1),var(--fuel-shadow-2);height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease-in-out;width:20px;z-index:1}.fuel-switch--selected .fuel-switch__thumb{transform:translateX(16px)}.fuel-switch__input:focus-visible~.fuel-switch__focus-ring{opacity:1}.fuel-switch--selected .fuel-switch-label:hover:not(:has(.fuel-switch--disabled)) .fuel-switch__background{background-color:var(--fuel-color-interaction-hovered)}.fuel-switch--selected .fuel-switch-label:active:not(:has(.fuel-switch--disabled)) .fuel-switch__background{background-color:var(--fuel-color-interaction-pressed)}@media (prefers-reduced-motion:reduce){.fuel-switch__background,.fuel-switch__focus-ring,.fuel-switch__thumb{transition:none}}.fuel-tabs{width:100%}.fuel-tabs__list{align-items:flex-start;border-bottom:var(--fuel-border-width-thin) solid var(--fuel-color-border-default);display:flex;gap:var(--fuel-space-large);list-style:none;margin:0;padding:0;position:relative}.fuel-tabs__item{align-items:center;display:flex;flex-direction:column;position:relative}.fuel-tabs__item--disabled{cursor:not-allowed;opacity:var(--fuel-opacity-40)}.fuel-tabs__tab{align-items:center;background:transparent;border:none;color:var(--fuel-color-text-medium);cursor:pointer;display:flex;flex-direction:column;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-font-weight-medium);gap:var(--fuel-space-xsmall);line-height:var(--fuel-font-lineheight-roomy);padding:var(--fuel-space-xsmall) 0;transition:color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fuel-tabs__tab:hover:not([aria-disabled=true]):not([data-state=active]),.fuel-tabs__tab[data-state=active]{color:var(--fuel-color-text-default)}.fuel-tabs__tab:focus-visible{border-radius:2px;outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);outline-offset:2px}.fuel-tabs__tab[aria-disabled=true]{cursor:not-allowed}.fuel-tabs__content{gap:var(--fuel-space-xxsmall);justify-content:center}.fuel-tabs__content,.fuel-tabs__label{align-items:center;display:flex}.fuel-tabs__indicator{background-color:var(--fuel-color-border-primary);bottom:-2px;height:var(--fuel-border-width-thin);left:0;pointer-events:none;position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.fuel-tag{align-items:center;border-radius:var(--fuel-border-radius-xsmall);box-sizing:border-box;display:inline-flex;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-caption-font-size);font-weight:var(--fuel-typography-caption-font-weight);gap:var(--fuel-space-xxxsmall);height:20px;justify-content:center;letter-spacing:var(--fuel-typography-caption-letter-spacing);line-height:var(--fuel-typography-caption-line-height);min-width:32px;padding:var(--fuel-space-micro) var(--fuel-space-xxxsmall);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fuel-tag--default{background-color:var(--fuel-color-surface-weak);color:var(--fuel-color-text-medium)}.fuel-tag--primary{background-color:var(--fuel-color-surface-primary-weakest);color:var(--fuel-color-text-primary-strong)}.fuel-tag--positive{background-color:var(--fuel-color-surface-success-weakest);color:var(--fuel-color-text-success-strong)}.fuel-tag--negative{background-color:var(--fuel-color-surface-danger-weakest);color:var(--fuel-color-text-danger-strong)}.fuel-tag--highlight{color:var(--fuel-color-text-inverted)}.fuel-tag--highlight.fuel-tag--default{background-color:var(--fuel-color-surface-inverted)}.fuel-tag--highlight.fuel-tag--primary{background-color:var(--fuel-color-surface-primary)}.fuel-tag--highlight.fuel-tag--positive{background-color:var(--fuel-color-surface-success)}.fuel-tag--highlight.fuel-tag--negative{background-color:var(--fuel-color-surface-danger)}.fuel-tag__icon{color:currentColor;flex-shrink:0;height:var(--fuel-icon-size-small);width:var(--fuel-icon-size-small)}.fuel-tag__label{flex:1 0 0;text-align:center}.fuel-textfield{position:relative;transition:outline .15s ease;width:100%}.fuel-textfield input{background:var(--fuel-color-interaction-enabled-alpha);border:none;border-radius:var(--fuel-border-radius-large);box-sizing:border-box;color:var(--fuel-color-text-default);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-font-weight-medium);height:var(--fuel-control-height-medium);line-height:var(--fuel-typography-body-medium-line-height);outline:var(--fuel-border-width-thin) solid var(--fuel-color-interaction-enabled-alpha);padding:0 var(--fuel-space-small);transition:padding .15s;width:100%}.fuel-textfield input::-moz-placeholder{color:var(--fuel-color-text-medium)}.fuel-textfield input::placeholder{color:var(--fuel-color-text-medium)}.fuel-textfield input+label{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-font-weight-medium);left:var(--fuel-space-small);line-height:var(--fuel-font-lineheight-roomy);position:absolute;top:24px;transform:translateY(-50%);transition:top .15s ease,font-size .15s,color .15s}.fuel-textfield input.has-value+label,.fuel-textfield input:focus+label{font-size:var(--fuel-typography-caption-font-size);top:var(--fuel-space-small)}.fuel-textfield input:disabled+label{color:var(--fuel-color-text-medium);transition:none!important}.fuel-textfield.has-label.filled input,.fuel-textfield.has-label.focused input{padding-top:var(--fuel-space-small)}.fuel-textfield.focused input{outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus)}.fuel-textfield.fuel-textfield--error input{outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-danger)}.fuel-textfield.fuel-textfield--success input{outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-success)}.fuel-textfield.fuel-textfield--disabled{opacity:var(--fuel-opacity-overlay)}.fuel-textfield.fuel-textfield--readonly input{color:var(--fuel-color-text-medium);cursor:not-allowed}.fuel-textfield__icon{align-items:center;color:var(--fuel-color-icon-default);display:flex;justify-content:center;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.fuel-textfield__icon svg{height:var(--fuel-icon-size-small);width:var(--fuel-icon-size-small)}.fuel-textfield__icon--left{left:var(--fuel-space-small);right:auto}.fuel-textfield__icon--password{background:none;border:none;border-radius:var(--fuel-border-radius-xsmall);cursor:pointer;padding:var(--fuel-space-xxxsmall);pointer-events:auto}.fuel-textfield__icon--password:disabled{cursor:not-allowed;opacity:var(--fuel-opacity-medium)}.fuel-textfield__icon--card,.fuel-textfield__icon--card svg{height:20px;width:24px}.fuel-textfield__icon--card div{height:16px;width:24px}.fuel-textfield__custom-icon{border-radius:var(--fuel-border-radius-xsmall);height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.fuel-textfield__hint{align-items:center;display:flex;gap:var(--fuel-space-xxxsmall);margin-top:var(--fuel-space-xxxsmall)}.fuel-textfield__hint svg{flex-shrink:0}.fuel-textfield__hint-text{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-small-line-height);text-align:left}.fuel-textfield__hint--error .fuel-textfield__hint-text{color:var(--fuel-color-text-danger)}.fuel-textfield__hint--success .fuel-textfield__hint-text{color:var(--fuel-color-text-success)}.fuel-textarea{--textarea-min-height:var(--control-textarea-min-height,96px);--textarea-gap:var(--spacing-xxxsmall,var(--fuel-space-xxxsmall));--textarea-padding-block:var(--spacing-xsmall,var(--fuel-space-xsmall));--textarea-padding-inline:var(--spacing-small,var(--fuel-space-small));--textarea-border-radius:var(--border-radius-large,var(--fuel-border-radius-large));--textarea-border-width:var(--border-width-thin,var(--fuel-border-width-thin));align-items:flex-start;display:flex;flex-direction:column;gap:var(--textarea-gap);position:relative;width:100%}.fuel-textarea__label{color:var(--fuel-color-text-default);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-small-line-height)}.fuel-textarea__required{color:var(--fuel-color-text-danger);margin-left:var(--fuel-space-xxxsmall)}.fuel-textarea__input{align-items:flex-start;align-self:stretch;background-color:var(--fuel-color-interaction-enabled-alpha);border:none;border-radius:var(--textarea-border-radius);color:var(--fuel-color-text-default);display:flex;flex:1 0 0;font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-small-line-height);min-height:var(--textarea-min-height);outline:var(--textarea-border-width) solid var(--fuel-color-interaction-enabled-alpha);padding:var(--textarea-padding-block) var(--textarea-padding-inline);resize:vertical;transition:outline .15s ease}.fuel-textarea__input::-moz-placeholder{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-small-line-height)}.fuel-textarea__input::placeholder{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-small-line-height)}.fuel-textarea__input:focus-visible{outline:var(--textarea-border-width) solid var(--fuel-color-border-focus)}.fuel-textarea__input--invalid{outline:var(--textarea-border-width) solid var(--fuel-color-border-danger)}.fuel-textarea__input--success{outline:var(--textarea-border-width) solid var(--fuel-color-border-success)}.fuel-textarea__input--disabled{cursor:not-allowed}.fuel-textarea[data-state=error] .fuel-textarea__input{outline:var(--textarea-border-width) solid var(--fuel-color-border-danger)}.fuel-textarea[data-state=success] .fuel-textarea__input{outline:var(--textarea-border-width) solid var(--fuel-color-border-success)}.fuel-textarea[data-disabled=true]{opacity:var(--fuel-opacity-40);pointer-events:none}.fuel-textarea__hint-section{align-items:flex-start;display:flex;gap:var(--textarea-gap);padding:0 var(--fuel-space-xxxsmall);width:100%}.fuel-textarea__message{align-items:center;display:flex;flex:1;gap:var(--fuel-space-xxxsmall)}.fuel-textarea__message-icon{align-items:center;display:flex;flex-shrink:0}.fuel-textarea__message-text{font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-caption-font-size);font-weight:var(--fuel-typography-caption-font-weight);line-height:var(--fuel-typography-caption-line-height)}.fuel-textarea__message--error .fuel-textarea__message-icon,.fuel-textarea__message--error .fuel-textarea__message-text{color:var(--fuel-color-text-danger)}.fuel-textarea__message--success .fuel-textarea__message-icon,.fuel-textarea__message--success .fuel-textarea__message-text{color:var(--fuel-color-text-success)}.fuel-textarea__message--hint .fuel-textarea__message-text{color:var(--fuel-color-text-medium)}.fuel-textarea__counter{flex-shrink:0;margin-left:auto}.fuel-textarea__counter-text{color:var(--fuel-color-text-medium);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-caption-font-size);font-weight:var(--fuel-typography-caption-font-weight);line-height:var(--fuel-typography-caption-line-height);text-align:right}.fuel-textarea__counter--over-limit .fuel-textarea__counter-text{color:var(--fuel-color-text-danger)}.fuel-textarea--error .fuel-textarea__input{outline:var(--textarea-border-width) solid var(--fuel-color-border-danger)}.fuel-textarea--success .fuel-textarea__input{outline:var(--textarea-border-width) solid var(--fuel-color-border-success)}.fuel-textarea--disabled{opacity:var(--fuel-opacity-40);pointer-events:none}.fuel-textarea--disabled .fuel-textarea__input{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.fuel-textarea__input{transition:none}}@media (max-width:768px){.fuel-textarea{--textarea-min-height:var(--control-textarea-min-height-mobile,80px)}}.fuel-tooltip{display:flex;opacity:0;pointer-events:none;position:fixed;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;visibility:hidden;z-index:9999}.fuel-tooltip--open{opacity:1;pointer-events:auto;visibility:visible}.fuel-tooltip--placement-bottom,.fuel-tooltip--placement-top{align-items:center;flex-direction:column}.fuel-tooltip--placement-left,.fuel-tooltip--placement-right{align-items:center;flex-direction:row}.fuel-tooltip__reference{cursor:help;display:inline-block}.fuel-tooltip__reference:focus-visible{border-radius:var(--fuel-border-radius-small);outline:var(--fuel-border-width-thin) solid var(--fuel-color-border-focus);outline-offset:var(--fuel-space-micro)}.fuel-tooltip__content{align-items:flex-start;background:var(--fuel-color-background-inverted);border-radius:var(--fuel-border-radius-small);box-shadow:var(--fuel-elevation-medium-shadow);display:flex;flex-direction:column;gap:var(--fuel-space-xxxsmall);min-width:-moz-max-content;min-width:max-content;padding:var(--fuel-space-xxsmall) var(--fuel-space-xsmall);position:relative;white-space:nowrap}.fuel-tooltip__label-message{align-self:stretch;color:var(--fuel-color-text-inverted);font-family:var(--fuel-font-family-body);font-size:var(--fuel-typography-body-small-font-size);font-style:normal;font-weight:var(--fuel-typography-body-small-font-weight);line-height:var(--fuel-typography-body-small-line-height);position:relative}.fuel-tooltip__arrow{display:block;flex-shrink:0;position:relative}.fuel-tooltip__arrow svg{display:block;fill:var(--fuel-color-background-inverted)}.fuel-tooltip__arrow[width="12"],.fuel-tooltip__arrow[width="12"] svg{height:4px;width:12px}.fuel-tooltip__arrow[width="6"],.fuel-tooltip__arrow[width="6"] svg{height:13px;width:4px}@media (prefers-reduced-motion:reduce){.fuel-tooltip{transition:none}}@media (prefers-contrast:high){.fuel-tooltip{border:var(--fuel-border-width-thinner) solid}}html:not([data-theme]),html[data-theme=light]{--fuel-current-theme:"light"}html[data-theme=dark]{--fuel-current-theme:"dark"}:root{--fuel-control-height-small:32px;--fuel-control-height-medium:48px;--fuel-control-height-large:56px;--fuel-list-item-height-medium:48px;--fuel-popover-elevation-shadow:var(--fuel-elevation-high-shadow);--fuel-spinner-size-xsmall:20px;--fuel-spinner-size-small:24px;--fuel-spinner-size-medium:32px;--fuel-ripple-color-neutral:var(--fuel-color-interaction-enabled-alpha);--fuel-ripple-color-on-primary:var(--fuel-color-interaction-enabled-alpha)}body{color:var(--fuel-color-text-default);font-family:var(--fuel-font-family-body);margin:0;padding:0}#storybook-root,.sb-show-main,body{background-color:var(--fuel-color-background-default)}#storybook-root{color:var(--fuel-color-text-default);font-family:var(--fuel-font-family-body)}