@layer components{.display-pill{--_background:var(--display-pill-background,var(--slate-01));--_text-colour:var(--display-pill-text-colour,var(--slate-09));--_border-colour:var(--display-pill-border-colour,transparent);--_ring-colour:var(--display-pill-ring-colour,var(--_background));--_font-size:var(--display-pill-font-size,1.2rem);--_icon-size:var(--display-pill-icon-size,1.4rem);--_padding-inline:var( --display-pill-padding-inline,calc(var(--_icon-size)*var(--display-pill-padding-inline-ratio, .7)) );--_padding-inline-icon:var( --display-pill-padding-inline-icon,calc(var(--_icon-size)*var(--display-pill-padding-inline-icon-ratio, .4)) );--_padding-block:var( --display-pill-padding-block,calc(var(--_icon-size)*var(--display-pill-padding-block-ratio, .3)) );display:inline-flex;align-items:center;gap:var(--display-pill-gap,calc(var(--_icon-size)*var(--display-pill-gap-ratio, .35)));padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);border:var(--display-pill-border-width,.1rem) var(--display-pill-border-style,solid) var(--_border-colour);border-radius:var(--display-pill-border-radius,100vw);outline:var(--display-pill-outline,none);outline-offset:var(--display-pill-outline-offset,0);box-shadow:0 0 0 var(--display-pill-ring-width,0) var(--_ring-colour);background-color:var(--_background);color:var(--_text-colour);font-family:inherit;font-size:var(--_font-size);font-weight:var(--display-pill-font-weight,500);line-height:1;width:-moz-fit-content;width:fit-content;max-inline-size:100%;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.display-pill[data-icon-position=start]{padding-inline:var(--_padding-inline-icon) var(--_padding-inline)}.display-pill[data-icon-position=end]{padding-inline:var(--_padding-inline) var(--_padding-inline-icon)}.display-pill[data-icon-position=only]{padding-inline:var(--_padding-inline-icon)}.display-pill:is(button,a){cursor:pointer}.display-pill:is(button,a):focus-visible{outline:.2rem solid var(--display-pill-focus-ring,var(--theme-border-focus));outline-offset:.2rem}.display-pill:empty{display:none}.display-pill[data-reversed]{flex-direction:row-reverse}.display-pill .display-pill-icon{display:inline-flex;flex-shrink:0;align-items:center;font-size:var(--_icon-size)}.display-pill .display-pill-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--display-pill-label-line-clamp,1);line-clamp:var(--display-pill-label-line-clamp,1);overflow:hidden;overflow-wrap:anywhere;min-inline-size:0;padding-block:.15em;margin-block:-.15em}.display-pill[data-size=sm]{--_font-size:var(--display-pill-font-size-sm,1rem);--_icon-size:var(--display-pill-icon-size-sm,1.2rem)}.display-pill[data-size=lg]{--_font-size:var(--display-pill-font-size-lg,1.4rem);--_icon-size:var(--display-pill-icon-size-lg,1.6rem)}.display-pill[data-variant=primary]{--_background:var(--display-pill-primary-background,var(--display-pill-background,var(--blue-01)));--_text-colour:var(--display-pill-primary-text-colour,var(--display-pill-text-colour,var(--blue-09)));--_border-colour:var(--display-pill-primary-border-colour,var(--display-pill-border-colour,transparent));--_ring-colour:var(--display-pill-primary-ring-colour,var(--display-pill-ring-colour,var(--_background)))}.display-pill[data-variant=success]{--_background:var(--display-pill-success-background,var(--display-pill-background,var(--status-success-surface)));--_text-colour:var(--display-pill-success-text-colour,var(--display-pill-text-colour,var(--status-success-text)));--_border-colour:var(--display-pill-success-border-colour,var(--display-pill-border-colour,transparent));--_ring-colour:var(--display-pill-success-ring-colour,var(--display-pill-ring-colour,var(--_background)))}.display-pill[data-variant=warning]{--_background:var(--display-pill-warning-background,var(--display-pill-background,var(--status-warning-surface)));--_text-colour:var(--display-pill-warning-text-colour,var(--display-pill-text-colour,var(--status-warning-text)));--_border-colour:var(--display-pill-warning-border-colour,var(--display-pill-border-colour,transparent));--_ring-colour:var(--display-pill-warning-ring-colour,var(--display-pill-ring-colour,var(--_background)))}.display-pill[data-variant=danger]{--_background:var(--display-pill-danger-background,var(--display-pill-background,var(--status-danger-surface)));--_text-colour:var(--display-pill-danger-text-colour,var(--display-pill-text-colour,var(--status-danger-text)));--_border-colour:var(--display-pill-danger-border-colour,var(--display-pill-border-colour,transparent));--_ring-colour:var(--display-pill-danger-ring-colour,var(--display-pill-ring-colour,var(--_background)))}.display-pill[data-variant=neutral]{--_background:var(--display-pill-neutral-background,var(--display-pill-background,var(--slate-08)));--_text-colour:var(--display-pill-neutral-text-colour,var(--display-pill-text-colour,var(--slate-03)));--_border-colour:var(--display-pill-neutral-border-colour,var(--display-pill-border-colour,transparent));--_ring-colour:var(--display-pill-neutral-ring-colour,var(--display-pill-ring-colour,var(--_background)))}}@layer components{.toggle-switch .toggle-switch-wrapper{--_border-radius:var(--toggle-switch-border-radius,var(--v11ef25bb));display:flex;flex-direction:column}.toggle-switch .toggle-switch-wrapper .toggle-switch-input{height:0;width:0;opacity:0}.toggle-switch .toggle-switch-wrapper .toggle-switch-input:focus-visible+.toggle-switch-track{outline:var(--form-element-outline-width-focus) solid var(--toggle-switch-border-focus,var(--theme-border-focus));outline-offset:var(--form-element-outline-offset-focus)}.toggle-switch .toggle-switch-wrapper .toggle-switch-track{--_track-width:var( --toggle-switch-track-width,calc(var(--input-toggle-symbol-size)*2 + var(--form-element-border-width)*2 + var(--input-toggle-wrapper-padding)*2 + var(--input-toggle-symbol-outline-width)*3 + var(--input-toggle-symbol-border-width)*3 + var(--input-toggle-symbol-margin)*2) );display:inline-flex;align-items:center;justify-content:start;position:relative;transition:background-color var(--theme-form-transition-duration) linear,border-color var(--theme-form-transition-duration) linear,outline var(--theme-form-transition-duration) linear,outline-offset var(--theme-form-transition-duration) linear;background-color:var(--toggle-switch-surface,var(--theme-checkbox-symbol-surface));border:var(--form-element-border-width) solid var(--toggle-switch-border,var(--theme-border));outline:var(--form-element-outline-width) solid transparent;box-shadow:0 0 0 var(--form-element-shadow-width) var(--toggle-switch-shadow,var(--form-element-shadow-colour,var(--colour-theme-2)));border-radius:var(--_border-radius);width:var(--_track-width);padding:calc(var(--input-toggle-wrapper-padding) + var(--input-toggle-symbol-outline-width))}.toggle-switch .toggle-switch-wrapper .toggle-switch-track:hover{background-color:var(--toggle-switch-surface-hover,var(--theme-surface-subtle));outline-color:var(--toggle-switch-border-hover,var(--toggle-switch-border,var(--theme-border)));cursor:pointer}.toggle-switch .toggle-switch-wrapper .toggle-switch-track .toggle-switch-thumb{display:inline-grid;grid-template-areas:"icon";place-content:center;overflow:hidden;translate:0 0;aspect-ratio:1/1;border:var(--input-toggle-symbol-border-width) solid var(--toggle-switch-symbol-border,var(--theme-text));outline:var(--input-toggle-symbol-outline-width) solid transparent;border-radius:var(--_border-radius);background-color:var(--toggle-switch-symbol-surface-off,var(--theme-on-surface));transition:translate .4s ease,background-color .4s linear}@media(prefers-reduced-motion:reduce){.toggle-switch .toggle-switch-wrapper .toggle-switch-track .toggle-switch-thumb{transition:none}}.toggle-switch[data-checked] :is(.toggle-switch .toggle-switch-wrapper .toggle-switch-track .toggle-switch-thumb){background-color:var(--toggle-switch-symbol-surface-on,var(--theme-surface));translate:calc(var(--input-toggle-symbol-size) + var(--input-toggle-symbol-border-width) + var(--input-toggle-symbol-outline-width)) 0}.toggle-switch .toggle-switch-wrapper .toggle-switch-track .toggle-switch-thumb .toggle-switch-icon{display:grid;grid-area:icon;place-content:center;line-height:0;opacity:0;width:var(--input-toggle-symbol-size);height:var(--input-toggle-symbol-size);margin:var(--input-toggle-symbol-margin);transition:opacity var(--theme-form-transition-duration),color var(--theme-form-transition-duration)}.toggle-switch .toggle-switch-wrapper .toggle-switch-track .toggle-switch-thumb .toggle-switch-icon.toggle-switch-icon-on{color:var(--toggle-switch-icon-on-color,var(--theme-on-surface))}.toggle-switch[data-checked] :is(.toggle-switch .toggle-switch-wrapper .toggle-switch-track .toggle-switch-thumb .toggle-switch-icon.toggle-switch-icon-on){opacity:1}.toggle-switch .toggle-switch-wrapper .toggle-switch-track .toggle-switch-thumb .toggle-switch-icon.toggle-switch-icon-off{color:var(--toggle-switch-icon-off-color,var(--theme-surface));opacity:1}.toggle-switch[data-checked] :is(.toggle-switch .toggle-switch-wrapper .toggle-switch-track .toggle-switch-thumb .toggle-switch-icon.toggle-switch-icon-off){opacity:0}}@layer components{.toggle-switch-field{min-inline-size:0;overflow-wrap:anywhere}.toggle-switch-field .toggle-switch-label{display:block}.toggle-switch-field[data-layout=inline]{display:grid;grid-template-columns:minmax(0,max-content) auto;align-items:center;justify-content:start;-moz-column-gap:var(--toggle-switch-field-inline-gap,1.2rem);column-gap:var(--toggle-switch-field-inline-gap,1.2rem)}.toggle-switch-field[data-layout=inline]>*{grid-column:1/-1}.toggle-switch-field[data-layout=inline]>.toggle-switch-label{grid-area:1/1}.toggle-switch-field[data-layout=inline]>.toggle-switch{grid-area:1/2}}
