@layer components{.fuze-card{--fuze-card-radius:var(--candy-radius-card);--fuze-card-padding:var(--candy-space-22);position:relative;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;border-radius:var(--fuze-card-radius);padding:var(--fuze-card-padding);isolation:isolate;overflow:hidden}.fuze-card--glass{border:none;background:transparent}.fuze-card--glass:after{clip-path:inset(0 round var(--fuze-card-radius))}.fuze-card--regular{border-style:solid;border-width:var(--candy-border-width-subtle);border-color:var(--candy-border-color-card-regular);background:var(--candy-color-surface-card-regular);-webkit-backdrop-filter:blur(var(--candy-blur-card-regular));backdrop-filter:blur(var(--candy-blur-card-regular))}.fuze-card-header{display:flex;width:100%;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--candy-space-08)}.fuze-card-body{display:flex;width:100%;min-height:0;flex:1;flex-direction:column}.fuze-card-footer{display:flex;width:100%;flex-shrink:0;align-items:center;gap:var(--candy-space-08)}}.fuze-page-shell{min-height:100vh;margin:0;padding:var(--candy-space-md);color:var(--candy-color-fg-default);background:var(--candy-color-bg-default);font-family:var(--candy-font-sans)}.fuze-page-shell h1{margin:0}@layer components{.fuze-fade-blur{--fuze-fade-blur:var(--candy-glass-blur-fade);--fuze-fade-solid:var(--candy-glass-fade-solid);border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0;-webkit-backdrop-filter:blur(var(--fuze-fade-blur));backdrop-filter:blur(var(--fuze-fade-blur));-webkit-mask-image:linear-gradient(to top,black var(--fuze-fade-solid),transparent);mask-image:linear-gradient(to top,black var(--fuze-fade-solid),transparent)}@media (prefers-reduced-transparency:reduce){.fuze-fade-blur{-webkit-backdrop-filter:none;backdrop-filter:none}}}.fuze-switch{--fuze-switch-rim:inset 0 0 0 1px var(--candy-color-control-track-rim);--fuze-switch-duration:280ms;--fuze-switch-ease:cubic-bezier(0.2,0.8,0.3,1);position:relative;display:inline-flex;height:var(--candy-size-control-switch-track-h);width:var(--candy-size-control-md);flex-shrink:0;align-items:center;border:0;border-radius:var(--candy-radius-pill);background-color:var(--candy-color-control-track-off);box-shadow:var(--fuze-switch-rim);cursor:pointer;isolation:isolate;transition:background-color var(--fuze-switch-duration) var(--fuze-switch-ease),box-shadow .14s var(--fuze-switch-ease)}.fuze-switch[aria-checked=true]{background-color:var(--candy-color-control-track-on)}.fuze-switch:active:not(:disabled){opacity:var(--candy-opacity-action-pressed)}.fuze-switch:disabled{cursor:not-allowed;opacity:var(--candy-opacity-action-disabled-secondary)}.fuze-switch:focus{outline:none}.fuze-switch:focus-visible{box-shadow:var(--fuze-switch-rim),0 0 0 var(--candy-glass-bevel-width) var(--candy-color-alpha-white-34)}.fuze-switch-thumb{position:relative;z-index:1;pointer-events:none;display:block;width:var(--candy-size-control-switch-thumb);height:var(--candy-size-control-switch-thumb);border-radius:var(--candy-radius-pill);background-color:var(--candy-color-control-thumb-off);transition:transform var(--fuze-switch-duration) var(--fuze-switch-ease),background-color var(--fuze-switch-duration) var(--fuze-switch-ease)}.fuze-switch[aria-checked=false] .fuze-switch-thumb{transform:translateX(var(--candy-space-control-switch-thumb-inset))}.fuze-switch[aria-checked=true] .fuze-switch-thumb{background-color:var(--candy-color-control-thumb);transform:translateX(calc(var(--candy-size-control-md) - var(--candy-size-control-switch-thumb) - var(--candy-space-control-switch-thumb-inset)))}@media (prefers-reduced-motion:reduce){.fuze-switch-thumb{transition:background-color var(--fuze-switch-duration) var(--fuze-switch-ease)}}@layer components{.fuze-colour-picker{width:14.5rem;background:var(--candy-color-alpha-picker-36);border:1px solid color-mix(in srgb,var(--candy-neutral-000) 14%,transparent);backdrop-filter:blur(var(--candy-blur-picker));-webkit-backdrop-filter:blur(var(--candy-blur-picker))}.fuze-colour-picker__wheel{width:9.375rem;height:9.375rem;background:radial-gradient(circle closest-side,var(--candy-neutral-000),transparent),var(--fuze-colour-picker-hues);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--candy-neutral-000) 15%,transparent)}.fuze-colour-picker__track{height:.875rem}.fuze-colour-picker__track:before{content:"";position:absolute;inset-inline:0;top:50%;height:.5rem;translate:0 -50%;border-radius:var(--candy-radius-pill);background:linear-gradient(to right,var(--candy-neutral-1000),var(--fuze-colour-picker-hue));box-shadow:inset 0 0 0 .03125rem var(--candy-color-alpha-neutral-000-12)}.fuze-colour-picker__thumb{width:1.125rem;height:1.125rem;box-shadow:inset 0 0 0 .15625rem var(--candy-neutral-000),0 .125rem .375rem color-mix(in srgb,var(--candy-neutral-1000) 45%,transparent)}.fuze-colour-picker__hex{background:color-mix(in srgb,var(--candy-neutral-1000) 14%,transparent);border:.03125rem solid color-mix(in srgb,var(--candy-neutral-000) 10%,transparent)}.fuze-colour-picker__hex[aria-invalid=true]{border-color:var(--candy-color-border-focus)}.fuze-colour-picker__dot{border:.03125rem solid color-mix(in srgb,var(--candy-neutral-000) 15%,transparent)}}.fuze-toggle-row{position:relative;display:flex;width:100%;height:var(--candy-size-control-l);min-height:var(--candy-size-control-l);flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--candy-space-08);box-sizing:border-box;margin:0;padding-block:var(--candy-space-06);padding-inline:var(--candy-space-22) var(--candy-space-20);border:0;border-radius:var(--candy-radius-pill);background-color:var(--candy-color-surface-control-subtle)}.fuze-toggle-row-body{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:var(--candy-space-02)}.fuze-toggle-row:has(.fuze-switch:disabled){opacity:var(--candy-opacity-action-disabled-secondary)}