@layer ui.tokens,ui.base;@layer ui.components{.button{--button-background:var(--ui-color-surface);--button-background-hover:var(--ui-color-surface-hover);--button-border:var(--ui-color-border);--button-border-hover:var(--button-border);--button-text:var(--ui-color-text);--button-text-hover:var(--button-text);--button-size:var(--ui-control-height);--button-gap:var(--ui-space-2);--button-justify:center;--button-padding:var(--ui-space-4);--button-radius:var(--ui-radius-control);--button-font-size:var(--ui-text-base);align-items:center;justify-content:var(--button-justify);gap:var(--button-gap);min-block-size:var(--button-size);min-inline-size:var(--button-size);padding-inline:var(--button-padding);border:var(--ui-border-width) solid var(--button-border);border-radius:var(--button-radius);background-color:var(--button-background);color:var(--button-text);font-size:var(--button-font-size);font-weight:var(--ui-weight-emphasis);line-height:var(--ui-leading-tight);text-align:center;cursor:pointer;transition-property:background-color,border-color,color,opacity;transition-duration:var(--ui-motion-duration);transition-timing-function:var(--ui-motion-ease);text-decoration:none;display:inline-flex}.button-outline{--button-background:transparent;--button-background-hover:transparent;--button-border:var(--ui-color-text);--button-border-hover:var(--ui-color-action);--button-text-hover:var(--ui-color-action)}.button-quiet{--button-background:transparent;--button-border:transparent}@media (prefers-contrast:more){.button{--button-border:var(--ui-color-text)}}.button-primary{--button-background:var(--ui-color-action);--button-background-hover:var(--ui-color-action-hover);--button-border:var(--ui-color-action);--button-text:var(--ui-color-on-action)}.button-icon{inline-size:var(--button-size);padding:0}.button-small{--button-size:2rem;--button-padding:var(--ui-space-3);--button-font-size:var(--ui-text-sm);position:relative}.button-small:after{content:"";inset:min(0px, (100% - var(--ui-control-height)) / 2);position:absolute}.button-round{--button-radius:var(--ui-radius-pill)}@media (hover:hover){.button:where(:hover:not(:disabled,[aria-disabled=true])){border-color:var(--button-border-hover);background-color:var(--button-background-hover);color:var(--button-text-hover)}}.button:where(:active:not(:disabled,[aria-disabled=true])){border-color:var(--button-border-hover);background-color:var(--button-background-hover);color:var(--button-text-hover)}.button:where([aria-pressed=true],[aria-current=page],[aria-current=true]){--button-border:var(--ui-color-action);--button-background:var(--button-background-hover);box-shadow:inset 0 0 0 var(--ui-border-width) var(--ui-color-action)}.button:where(:disabled,[aria-disabled=true]){opacity:var(--ui-opacity-disabled);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.button{transition:none}}@media (forced-colors:active){.button:where(:disabled,[aria-disabled=true]){color:graytext;opacity:1;border-color:graytext}.button:where([aria-pressed=true],[aria-current=page],[aria-current=true]){border-width:calc(var(--ui-border-width) * 2);box-shadow:none;border-color:highlight}}}