@layer karibu.components{.k-button{--button-bg:transparent;--button-bg-hover:transparent;--button-bg-active:transparent;--button-fg:var(--color-text);--button-fg-hover:var(--button-fg);--button-border-color:transparent;--button-border-color-hover:var(--button-border-color);--button-height:var(--control-height-3);--button-padding-inline:var(--space-4);--button-gap:var(--space-2);--button-font-size:var(--font-size-3);--button-radius:var(--radius-4);justify-content:center;align-items:center;gap:var(--button-gap);min-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);font-size:var(--button-font-size);color:var(--button-fg);text-align:center;white-space:nowrap;background-color:var(--button-bg);border:var(--border-width-1) solid var(--button-border-color);border-radius:var(--button-radius);cursor:pointer;appearance:none;transition:background-color var(--duration-2) var(--ease-standard),border-color var(--duration-2) var(--ease-standard),color var(--duration-2) var(--ease-standard);line-height:1.2;text-decoration:none;display:inline-flex}.k-button:hover:not(:disabled,.k-button--disabled){background-color:var(--button-bg-hover);border-color:var(--button-border-color-hover);color:var(--button-fg-hover)}.k-button:active:not(:disabled,.k-button--disabled){background-color:var(--button-bg-active)}.k-button:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-button__label{display:block}.k-button__icon{flex:none;justify-content:center;align-items:center;font-size:1.25em;display:inline-flex}.k-button__icon>*{width:1em;height:1em;display:block}.k-button--sm{--button-height:var(--control-height-2);--button-padding-inline:var(--space-3);--button-gap:var(--space-1);--button-font-size:var(--font-size-2);--button-radius:var(--radius-3)}.k-button--md{--button-height:var(--control-height-3);--button-padding-inline:var(--space-4);--button-font-size:var(--font-size-3)}.k-button--lg{--button-height:var(--control-height-4);--button-padding-inline:var(--space-5);--button-font-size:var(--font-size-4);--button-radius:var(--radius-5)}.k-button--icon-only{--button-gap:0;--button-padding-inline:0;aspect-ratio:1}.k-button--primary{--button-bg:var(--color-accent-solid);--button-bg-hover:var(--color-accent-solid-hover);--button-bg-active:var(--color-accent-solid-active);--button-fg:var(--color-accent-contrast)}.k-button--secondary{--button-bg-hover:var(--color-neutral-bg);--button-bg-active:var(--color-neutral-bg-active);--button-border-color:var(--color-border-interactive);--button-border-color-hover:var(--color-border-interactive-hover)}.k-button--ghost{--button-fg:var(--color-text-muted);--button-fg-hover:var(--color-text);--button-bg-hover:var(--color-neutral-bg);--button-bg-active:var(--color-neutral-bg-active)}.k-button--danger{--button-bg:var(--color-danger-solid);--button-bg-hover:var(--color-danger-solid-hover);--button-bg-active:var(--color-danger-solid-hover);--button-fg:var(--color-danger-contrast)}.k-button--full-width{width:100%;display:flex}.k-button--disabled,.k-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.k-card{--card-bg:transparent;--card-border-color:transparent;--card-border-width:0;--card-radius:var(--radius-5);--card-shadow:none;--card-padding:0;padding:var(--card-padding);background-color:var(--card-bg);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.k-card--surface{--card-bg:var(--color-bg-surface);--card-shadow:var(--shadow-card);--card-padding:var(--space-6)}.k-card--subtle{--card-bg:var(--color-bg-subtle);--card-padding:var(--space-6)}.k-card--accent{--card-bg:var(--color-accent-bg);--card-border-color:var(--color-accent-border);--card-border-width:var(--border-width-1);--card-padding:var(--space-6)}.k-card--outline{--card-border-color:var(--color-border);--card-border-width:var(--border-width-1);--card-padding:var(--space-6)}.k-card--padding-none{--card-padding:0}.k-card--padding-sm{--card-padding:var(--space-4)}.k-card--padding-md{--card-padding:var(--space-6)}@media (width<=767px){.k-card--padding-md{--card-padding:var(--space-6) var(--space-4)}}.k-card--padding-lg{--card-padding:var(--space-8)}@media (width<=767px){.k-card--padding-lg{--card-padding:var(--space-8) var(--space-4)}}.k-field{--field-description-spacing:var(--space-1);--field-control-spacing:var(--space-1);--field-message-spacing:var(--space-1);--field-inline-gap:var(--space-4);--field-label-color:var(--color-text);--field-label-font-size:var(--font-size-2);--field-label-line-height:var(--line-height-2);--field-label-font-weight:var(--font-weight-medium);--field-description-color:var(--color-text-muted);--field-message-color:var(--color-danger-text);--field-message-font-size:var(--font-size-2);--field-message-line-height:var(--line-height-2);--field-required-color:var(--color-danger-text);--field-label-width:auto;min-width:0;display:grid}.k-field__label{color:var(--field-label-color);font-size:var(--field-label-font-size);line-height:var(--field-label-line-height);font-weight:var(--field-label-font-weight)}.k-field__required{color:var(--field-required-color);margin-inline-start:var(--space-1)}.k-field__description,.k-field__error p,.k-field__messages{margin:0}.k-field__description{color:var(--field-description-color);font-size:var(--field-message-font-size);line-height:var(--field-message-line-height);margin-block-start:var(--field-description-spacing)}.k-field__control{min-width:0;margin-block-start:var(--field-control-spacing);position:relative}.k-field__messages{min-width:0;color:var(--field-message-color);font-size:var(--field-message-font-size);line-height:var(--field-message-line-height)}.k-field__error{margin-block-start:var(--field-message-spacing)}.k-field__control:first-child,.k-field__description:first-child{margin-block-start:0}@media (width>=768px){.k-field--inline{grid-template-columns:var(--field-label-width) minmax(0,1fr);-moz-column-gap:var(--field-inline-gap);align-items:start;column-gap:var(--field-inline-gap)}.k-field--inline .k-field__label{grid-area:1/1}.k-field--inline .k-field__description{grid-area:2/1}.k-field--inline .k-field__control{grid-area:1/2;margin-block-start:0}.k-field--inline .k-field__messages{grid-area:2/2}}.k-field--sm{--field-label-font-size:var(--font-size-1);--field-label-line-height:var(--line-height-1);--field-message-font-size:var(--font-size-1);--field-message-line-height:var(--line-height-1)}.k-field--lg{--field-label-font-size:var(--font-size-3);--field-label-line-height:var(--line-height-3)}.k-field--invalid{--field-label-color:var(--color-danger-text)}.k-field--disabled{--field-label-color:var(--color-text-subtle);--field-description-color:var(--color-text-subtle)}.k-input{--control-height:var(--control-height-3);--control-bg:var(--color-bg-surface);--control-fg:var(--color-text);--control-placeholder:var(--color-text-placeholder);--control-border-color:var(--color-border-interactive);--control-border-color-hover:var(--color-border-interactive-hover);--control-border-width:var(--border-width-1);--control-radius:var(--radius-4);--control-padding-inline:var(--space-3);--control-gap:var(--space-2);--control-font-size:var(--font-size-3);--input-affix-color:var(--color-text-muted);--input-affix-size:var(--icon-size-2);align-items:center;gap:var(--control-gap);min-height:var(--control-height);padding-inline:var(--control-padding-inline);font-family:var(--font-family-body);font-size:var(--control-font-size);color:var(--control-fg);background-color:var(--control-bg);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);transition:border-color var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard);line-height:1.2;display:flex}.k-input:hover{border-color:var(--control-border-color-hover)}.k-input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-input:has(:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-input--sm{--control-height:var(--control-height-2);--control-font-size:var(--font-size-2);--control-radius:var(--radius-3);--control-padding-inline:var(--space-2);--control-gap:var(--space-1)}.k-input--lg{--control-height:var(--control-height-4);--control-font-size:var(--font-size-4);--control-radius:var(--radius-5);--control-padding-inline:var(--space-4)}.k-input--invalid{--control-border-color:var(--color-danger-border);--control-border-color-hover:var(--color-danger-border);--control-border-width:var(--border-width-2)}.k-input--readonly{--control-bg:var(--color-bg-subtle);--control-border-color-hover:var(--control-border-color)}.k-input--disabled{--control-bg:var(--color-bg-muted);--control-fg:var(--color-text-subtle);--control-border-color-hover:var(--control-border-color);cursor:not-allowed}.k-input{min-width:0;display:inline-flex}.k-input__control{min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:auto;padding:0}.k-input__control::placeholder{color:var(--control-placeholder);opacity:1}.k-input__control:disabled{cursor:not-allowed}.k-input__control:-webkit-autofill{-webkit-text-fill-color:var(--control-fg);box-shadow:inset 0 0 0 100vmax var(--control-bg)}.k-input__control::-webkit-search-cancel-button{display:none}.k-input__affix{color:var(--input-affix-color);font-size:var(--control-font-size);flex:none;align-items:center;display:inline-flex}.k-input__affix>svg{inline-size:var(--input-affix-size);block-size:var(--input-affix-size);display:block}.k-input__clear{min-inline-size:var(--control-height-1);min-block-size:var(--control-height-1);color:var(--input-affix-color);font:inherit;border-radius:var(--radius-2);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.k-input__clear:hover{color:var(--control-fg)}.k-input__clear:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:0}.k-input--full-width{inline-size:100%;display:flex}}