@property --ui-button-cursor{syntax:"*";inherits:true}@property --ui-button-disabled-cursor{syntax:"*";inherits:true}@property --ui-button-base-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-base-border{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-base-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-base-ring{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-border{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-disabled-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-disabled-border{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-disabled-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-ring{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-button-border-width{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-gap{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-lg-block-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-lg-font-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-md-block-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-md-font-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-radius{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-ring-offset{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-ring-width{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-sm-block-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-sm-font-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-xs-block-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-xs-font-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-button-lg-padding-inline{syntax:"<length-percentage>+";inherits:true;initial-value:0px}@property --ui-button-md-padding-inline{syntax:"<length-percentage>+";inherits:true;initial-value:0px}@property --ui-button-sm-padding-inline{syntax:"<length-percentage>+";inherits:true;initial-value:0px}@property --ui-button-xs-padding-inline{syntax:"<length-percentage>+";inherits:true;initial-value:0px}@property --ui-button-lg-line-height{syntax:"normal | <number> | <length-percentage>";inherits:true;initial-value:normal}@property --ui-button-md-line-height{syntax:"normal | <number> | <length-percentage>";inherits:true;initial-value:normal}@property --ui-button-sm-line-height{syntax:"normal | <number> | <length-percentage>";inherits:true;initial-value:normal}@property --ui-button-xs-line-height{syntax:"normal | <number> | <length-percentage>";inherits:true;initial-value:normal}@property --ui-button-font-weight{syntax:"normal | bold | <number>";inherits:true;initial-value:400}@layer reset, base, components, utilities;@layer base{:root{--ui-button-base-fg: var(--ui-fg, ButtonText);--ui-button-fg: var(--ui-button-base-fg);--ui-button-base-bg: color-mix( in oklch, var(--ui-bg, Canvas) 92.5%, color-mix( in oklch, ButtonFace 50%, var(--ui-button-fg, ButtonText) 50% ) 7.5% );--ui-button-bg: var(--ui-button-base-bg);--ui-button-base-border: color-mix( in oklch, ButtonBorder 10%, var(--ui-bg, Canvas) );--ui-button-border: var(--ui-button-base-border);--ui-button-border-width: var(--ui-border-width, 0.0625rem);--ui-button-radius: max( 0px, calc(var(--ui-radius, 0.375rem) - 0.125rem) );--ui-button-cursor: pointer;--ui-button-gap: 0.5rem;--ui-button-font-weight: 500;--ui-button-ring: var(--ui-ring, Highlight);--ui-button-base-ring: var(--ui-button-ring);--ui-button-ring-width: var(--ui-ring-width, 0.125rem);--ui-button-ring-offset: var(--ui-ring-offset, 0.0625rem);--ui-button-disabled-fg: var(--ui-disabled-fg, GrayText);--ui-button-disabled-bg: var( --ui-disabled-bg, color-mix( in oklch, GrayText 20%, var(--ui-bg, Canvas) ) );--ui-button-disabled-border: var( --ui-disabled-border, color-mix( in oklch, GrayText 35%, var(--ui-bg, Canvas) ) );--ui-button-disabled-cursor: var(--ui-disabled-cursor, not-allowed);--ui-button-xs-block-size: 1.75rem;--ui-button-xs-padding-inline: 0.5rem;--ui-button-xs-font-size: 0.75rem;--ui-button-xs-line-height: 1rem;--ui-button-sm-block-size: 2.25rem;--ui-button-sm-padding-inline: 0.75rem;--ui-button-sm-font-size: 0.875rem;--ui-button-sm-line-height: 1.25rem;--ui-button-md-block-size: 2.5rem;--ui-button-md-padding-inline: 1rem;--ui-button-md-font-size: 0.875rem;--ui-button-md-line-height: 1.25rem;--ui-button-lg-block-size: 2.75rem;--ui-button-lg-padding-inline: 1.5rem;--ui-button-lg-font-size: 0.9375rem;--ui-button-lg-line-height: 1.375rem}}@layer reset{button{appearance:none;font:inherit}}@layer base{:where(button,a.ui-btn){box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--ui-button-gap, 0.5rem);vertical-align:middle;text-align:center;user-select:none;white-space:nowrap;cursor:var(--ui-button-cursor, pointer)}:where(button,a.ui-btn):focus-visible{outline:var(--ui-button-ring-width, 0.125rem) solid var(--ui-button-ring, Highlight);outline-offset:var(--ui-button-ring-offset, 0.0625rem)}}@layer components{a.ui-btn{color:var(--ui-button-fg, ButtonText);text-decoration:none;-webkit-user-drag:none}a.ui-btn:visited{color:var(--ui-button-fg, ButtonText)}a.ui-btn:hover{text-decoration:none}:where(button,a.ui-btn){block-size:var(--ui-button-md-block-size, 2.5rem);padding-block:0;padding-inline:var(--ui-button-md-padding-inline, 1rem);font-size:var(--ui-button-md-font-size, 0.875rem);line-height:var(--ui-button-md-line-height, 1.25rem);font-weight:var(--ui-button-font-weight, 500);border:var(--ui-button-border-width, 0.0625rem) solid var(--ui-button-border, ButtonBorder);border-radius:var(--ui-button-radius, 0.25rem);background-color:var(--ui-button-bg, ButtonFace);color:var(--ui-button-fg, ButtonText);transition:background-color var(--ui-animation-speed, 150ms) var(--ui-animation-easing, ease),border-color var(--ui-animation-speed, 150ms) var(--ui-animation-easing, ease),color var(--ui-animation-speed, 150ms) var(--ui-animation-easing, ease)}:where(button,a.ui-btn).ui-success:not(:disabled):not([aria-disabled=true]){--ui-button-bg: var( --ui-success, var(--ui-button-base-bg, ButtonFace) );--ui-button-border: var( --ui-success, var(--ui-button-base-border, ButtonBorder) );--ui-button-ring: var( --ui-success, var(--ui-button-base-ring, Highlight) )}:where(button,a.ui-btn).ui-success:not(:disabled):not([aria-disabled=true]):is(.ui-outline,.ui-dashed,.ui-ghost,.ui-subtle){--ui-button-fg: var( --ui-success, var(--ui-button-base-fg, ButtonText) )}:where(button,a.ui-btn).ui-info:not(:disabled):not([aria-disabled=true]){--ui-button-bg: var( --ui-info, var(--ui-button-base-bg, ButtonFace) );--ui-button-border: var( --ui-info, var(--ui-button-base-border, ButtonBorder) );--ui-button-ring: var( --ui-info, var(--ui-button-base-ring, Highlight) )}:where(button,a.ui-btn).ui-info:not(:disabled):not([aria-disabled=true]):is(.ui-outline,.ui-dashed,.ui-ghost,.ui-subtle){--ui-button-fg: var( --ui-info, var(--ui-button-base-fg, ButtonText) )}:where(button,a.ui-btn).ui-warning:not(:disabled):not([aria-disabled=true]){--ui-button-bg: var( --ui-warning, var(--ui-button-base-bg, ButtonFace) );--ui-button-border: var( --ui-warning, var(--ui-button-base-border, ButtonBorder) );--ui-button-ring: var( --ui-warning, var(--ui-button-base-ring, Highlight) )}:where(button,a.ui-btn).ui-warning:not(:disabled):not([aria-disabled=true]):is(.ui-outline,.ui-dashed,.ui-ghost,.ui-subtle){--ui-button-fg: var( --ui-warning, var(--ui-button-base-fg, ButtonText) )}:where(button,a.ui-btn).ui-error:not(:disabled):not([aria-disabled=true]){--ui-button-bg: var( --ui-error, var(--ui-button-base-bg, ButtonFace) );--ui-button-border: var( --ui-error, var(--ui-button-base-border, ButtonBorder) );--ui-button-ring: var( --ui-error, var(--ui-button-base-ring, Highlight) )}:where(button,a.ui-btn).ui-error:not(:disabled):not([aria-disabled=true]):is(.ui-outline,.ui-dashed,.ui-ghost,.ui-subtle){--ui-button-fg: var( --ui-error, var(--ui-button-base-fg, ButtonText) )}:where(button,a.ui-btn).ui-outline{background-color:rgba(0,0,0,0)}:where(button,a.ui-btn).ui-dashed{background-color:rgba(0,0,0,0);border-style:dashed}:where(button,a.ui-btn).ui-ghost{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:where(button,a.ui-btn).ui-subtle{background-color:color-mix(in oklch, var(--ui-button-fg, ButtonText) 5%, var(--ui-bg, Canvas));border-color:color-mix(in oklch, var(--ui-button-fg, ButtonText) 7.5%, var(--ui-bg, Canvas))}:where(button,a.ui-btn).ui-success.ui-subtle:not(:disabled):not([aria-disabled=true]){--ui-button-fg: color-mix( in oklch, var(--ui-success) var(--ui-semantic-subtle-fg-strength, 65%), var(--ui-semantic-subtle-contrast, CanvasText) );background-color:color-mix(in oklch, var(--ui-success) var(--ui-semantic-subtle-bg-strength, 16%), transparent);border-color:color-mix(in oklch, var(--ui-success) var(--ui-semantic-subtle-border-strength, 38%), transparent)}:where(button,a.ui-btn).ui-info.ui-subtle:not(:disabled):not([aria-disabled=true]){--ui-button-fg: color-mix( in oklch, var(--ui-info) var(--ui-semantic-subtle-fg-strength, 65%), var(--ui-semantic-subtle-contrast, CanvasText) );background-color:color-mix(in oklch, var(--ui-info) var(--ui-semantic-subtle-bg-strength, 16%), transparent);border-color:color-mix(in oklch, var(--ui-info) var(--ui-semantic-subtle-border-strength, 38%), transparent)}:where(button,a.ui-btn).ui-warning.ui-subtle:not(:disabled):not([aria-disabled=true]){--ui-button-fg: color-mix( in oklch, var(--ui-warning) var(--ui-semantic-subtle-fg-strength, 65%), var(--ui-semantic-subtle-contrast, CanvasText) );background-color:color-mix(in oklch, var(--ui-warning) var(--ui-semantic-subtle-bg-strength, 16%), transparent);border-color:color-mix(in oklch, var(--ui-warning) var(--ui-semantic-subtle-border-strength, 38%), transparent)}:where(button,a.ui-btn).ui-error.ui-subtle:not(:disabled):not([aria-disabled=true]){--ui-button-fg: color-mix( in oklch, var(--ui-error) var(--ui-semantic-subtle-fg-strength, 65%), var(--ui-semantic-subtle-contrast, CanvasText) );background-color:color-mix(in oklch, var(--ui-error) var(--ui-semantic-subtle-bg-strength, 16%), transparent);border-color:color-mix(in oklch, var(--ui-error) var(--ui-semantic-subtle-border-strength, 38%), transparent)}:where(button,a.ui-btn).ui-xs{block-size:var(--ui-button-xs-block-size, 1.75rem);padding-inline:var(--ui-button-xs-padding-inline, 0.5rem);font-size:var(--ui-button-xs-font-size, 0.75rem);line-height:var(--ui-button-xs-line-height, 1rem)}:where(button,a.ui-btn).ui-sm{block-size:var(--ui-button-sm-block-size, 2.25rem);padding-inline:var(--ui-button-sm-padding-inline, 0.75rem);font-size:var(--ui-button-sm-font-size, 0.875rem);line-height:var(--ui-button-sm-line-height, 1.25rem)}:where(button,a.ui-btn).ui-md{block-size:var(--ui-button-md-block-size, 2.5rem);padding-inline:var(--ui-button-md-padding-inline, 1rem);font-size:var(--ui-button-md-font-size, 0.875rem);line-height:var(--ui-button-md-line-height, 1.25rem)}:where(button,a.ui-btn).ui-lg{block-size:var(--ui-button-lg-block-size, 2.75rem);padding-inline:var(--ui-button-lg-padding-inline, 1.5rem);font-size:var(--ui-button-lg-font-size, 0.9375rem);line-height:var(--ui-button-lg-line-height, 1.375rem)}:where(button,a.ui-btn).ui-block{inline-size:100%}:where(button,a.ui-btn).ui-start{justify-content:start}:where(button,a.ui-btn).ui-center{justify-content:center}:where(button,a.ui-btn).ui-end{justify-content:end}button:disabled,a.ui-btn[aria-disabled=true]{--ui-button-fg: var(--ui-button-disabled-fg, GrayText);--ui-button-bg: var(--ui-button-disabled-bg, Canvas);--ui-button-border: var(--ui-button-disabled-border, GrayText);cursor:var(--ui-button-disabled-cursor, not-allowed)}@media(hover: hover)and (pointer: fine){button:not(:disabled):not(:active):not([aria-pressed=true]):hover,a.ui-btn:not([aria-disabled=true]):not(:active):not([aria-pressed=true]):hover{background-color:color-mix(in oklch, var(--ui-button-bg, ButtonFace) 97.5%, var(--ui-button-fg, ButtonText) 2.5%)}:is(button:not(:disabled):not(:active):not([aria-pressed=true]),a.ui-btn:not([aria-disabled=true]):not(:active):not([aria-pressed=true])):is(.ui-outline,.ui-dashed,.ui-ghost):hover{background-color:color-mix(in oklch, var(--ui-button-fg, ButtonText) 5%, var(--ui-bg, Canvas))}:is(button:not(:disabled):not(:active):not([aria-pressed=true]),a.ui-btn:not([aria-disabled=true]):not(:active):not([aria-pressed=true])).ui-subtle:hover{background-color:color-mix(in oklch, var(--ui-button-fg, ButtonText) 7.5%, var(--ui-bg, Canvas))}:is(button:not(:disabled):not(:active):not([aria-pressed=true]),a.ui-btn:not([aria-disabled=true]):not(:active):not([aria-pressed=true])).ui-success.ui-subtle:hover{background-color:color-mix(in oklch, var(--ui-success) var(--ui-semantic-subtle-hover-strength, 22%), transparent)}:is(button:not(:disabled):not(:active):not([aria-pressed=true]),a.ui-btn:not([aria-disabled=true]):not(:active):not([aria-pressed=true])).ui-info.ui-subtle:hover{background-color:color-mix(in oklch, var(--ui-info) var(--ui-semantic-subtle-hover-strength, 22%), transparent)}:is(button:not(:disabled):not(:active):not([aria-pressed=true]),a.ui-btn:not([aria-disabled=true]):not(:active):not([aria-pressed=true])).ui-warning.ui-subtle:hover{background-color:color-mix(in oklch, var(--ui-warning) var(--ui-semantic-subtle-hover-strength, 22%), transparent)}:is(button:not(:disabled):not(:active):not([aria-pressed=true]),a.ui-btn:not([aria-disabled=true]):not(:active):not([aria-pressed=true])).ui-error.ui-subtle:hover{background-color:color-mix(in oklch, var(--ui-error) var(--ui-semantic-subtle-hover-strength, 22%), transparent)}button.ui-success:not(:disabled):not(:active):not([aria-pressed=true]):not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):hover,a.ui-btn.ui-success:not([aria-disabled=true]):not(:active):not([aria-pressed=true]):not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):hover{background-color:color-mix(in oklch, var(--ui-success) 90%, var(--ui-bg, Canvas) 10%)}button.ui-info:not(:disabled):not(:active):not([aria-pressed=true]):not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):hover,a.ui-btn.ui-info:not([aria-disabled=true]):not(:active):not([aria-pressed=true]):not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):hover{background-color:color-mix(in oklch, var(--ui-info) 90%, var(--ui-bg, Canvas) 10%)}button.ui-warning:not(:disabled):not(:active):not([aria-pressed=true]):not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):hover,a.ui-btn.ui-warning:not([aria-disabled=true]):not(:active):not([aria-pressed=true]):not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):hover{background-color:color-mix(in oklch, var(--ui-warning) 90%, var(--ui-bg, Canvas) 10%)}button.ui-error:not(:disabled):not(:active):not([aria-pressed=true]):not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):hover,a.ui-btn.ui-error:not([aria-disabled=true]):not(:active):not([aria-pressed=true]):not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):hover{background-color:color-mix(in oklch, var(--ui-error) 90%, var(--ui-bg, Canvas) 10%)}}button:not(:disabled):active,a.ui-btn:not([aria-disabled=true]):active,button[aria-pressed=true]:not(:disabled),a.ui-btn[aria-pressed=true]:not([aria-disabled=true]){background-color:color-mix(in oklch, var(--ui-button-bg, ButtonFace) 95%, var(--ui-button-fg, ButtonText) 5%)}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])):is(.ui-outline,.ui-dashed,.ui-ghost):active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])):is(.ui-outline,.ui-dashed,.ui-ghost)[aria-pressed=true]{background-color:color-mix(in oklch, var(--ui-button-fg, ButtonText) 10%, var(--ui-bg, Canvas))}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-subtle:active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-subtle[aria-pressed=true]{background-color:color-mix(in oklch, var(--ui-button-fg, ButtonText) 10%, var(--ui-bg, Canvas))}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-success.ui-subtle:active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-success.ui-subtle[aria-pressed=true]{background-color:color-mix(in oklch, var(--ui-success) var(--ui-semantic-subtle-active-strength, 28%), transparent)}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-info.ui-subtle:active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-info.ui-subtle[aria-pressed=true]{background-color:color-mix(in oklch, var(--ui-info) var(--ui-semantic-subtle-active-strength, 28%), transparent)}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-warning.ui-subtle:active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-warning.ui-subtle[aria-pressed=true]{background-color:color-mix(in oklch, var(--ui-warning) var(--ui-semantic-subtle-active-strength, 28%), transparent)}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-error.ui-subtle:active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-error.ui-subtle[aria-pressed=true]{background-color:color-mix(in oklch, var(--ui-error) var(--ui-semantic-subtle-active-strength, 28%), transparent)}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-success:not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-success[aria-pressed=true]:not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle){background-color:color-mix(in oklch, var(--ui-success) 85%, var(--ui-bg, Canvas) 15%)}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-info:not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-info[aria-pressed=true]:not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle){background-color:color-mix(in oklch, var(--ui-info) 85%, var(--ui-bg, Canvas) 15%)}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-warning:not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-warning[aria-pressed=true]:not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle){background-color:color-mix(in oklch, var(--ui-warning) 85%, var(--ui-bg, Canvas) 15%)}:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-error:not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle):active,:is(button:not(:disabled),a.ui-btn:not([aria-disabled=true])).ui-error[aria-pressed=true]:not(.ui-outline):not(.ui-dashed):not(.ui-ghost):not(.ui-subtle){background-color:color-mix(in oklch, var(--ui-error) 85%, var(--ui-bg, Canvas) 15%)}}