@layer karibu.components{.k-fieldset{--fieldset-gap:var(--space-4);--fieldset-description-spacing:var(--space-2);--fieldset-content-spacing:var(--space-4);--fieldset-message-spacing:var(--space-2);--fieldset-legend-font-size:var(--font-size-4);--fieldset-legend-line-height:var(--line-height-4);--fieldset-legend-color:var(--color-text);--fieldset-border-width:0;--fieldset-border-color:var(--color-border);--fieldset-padding:var(--space-0);--fieldset-radius:var(--radius-4);--fieldset-min-child:8rem;--fieldset-description-color:var(--color-text-muted);--fieldset-message-color:var(--color-danger-text);--fieldset-required-color:var(--color-danger-text);min-inline-size:0;padding:var(--fieldset-padding);border:var(--fieldset-border-width) solid var(--fieldset-border-color);border-radius:var(--fieldset-radius);margin:0}.k-fieldset__legend{color:var(--fieldset-legend-color);font-size:var(--fieldset-legend-font-size);line-height:var(--fieldset-legend-line-height);font-weight:var(--font-weight-semibold);padding:0}.k-fieldset__required{color:var(--fieldset-required-color);margin-inline-start:var(--space-1)}.k-fieldset__description,.k-fieldset__error p,.k-fieldset__messages{margin:0}.k-fieldset__description{color:var(--fieldset-description-color);margin-block-start:var(--fieldset-description-spacing)}.k-fieldset__content{gap:var(--fieldset-gap);flex-direction:column;min-width:0;margin-block-start:var(--fieldset-content-spacing);display:flex}.k-fieldset__content:first-child{margin-block-start:0}.k-fieldset__messages{color:var(--fieldset-message-color)}.k-fieldset__error{margin-block-start:var(--fieldset-message-spacing)}.k-fieldset .k-fieldset{--fieldset-legend-font-size:var(--font-size-3);--fieldset-legend-line-height:var(--line-height-3)}.k-fieldset--inline .k-fieldset__content{flex-flow:wrap}.k-fieldset--inline .k-fieldset__content>*{flex:1 1 var(--fieldset-min-child)}.k-fieldset--invalid{--fieldset-legend-color:var(--color-danger-text)}.k-fieldset--disabled{--fieldset-legend-color:var(--color-text-subtle);--fieldset-description-color:var(--color-text-subtle)}.k-number-field{--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);--number-field-step-width:var(--control-height);--number-field-step-fg:var(--color-text-muted);--number-field-step-fg-hover:var(--color-text);--number-field-step-bg-hover:var(--color-neutral-bg);--number-field-step-bg-active:var(--color-neutral-bg-active);--number-field-step-icon-size:var(--icon-size-2);--number-field-affix-color:var(--color-text-muted);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-number-field:hover{border-color:var(--control-border-color-hover)}.k-number-field:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-number-field:has(:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-number-field{padding-inline:0}.k-number-field--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-number-field--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-number-field--invalid{--control-border-color:var(--color-danger-border);--control-border-color-hover:var(--color-danger-border);--control-border-width:var(--border-width-2)}.k-number-field--readonly{--control-bg:var(--color-bg-subtle);--control-border-color-hover:var(--control-border-color)}.k-number-field--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-number-field{min-width:0;display:inline-flex}.k-number-field--full-width{inline-size:100%;display:flex}.k-number-field__box{display:contents}.k-number-field__input{min-width:0;font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:auto;padding:0}.k-number-field__input::placeholder{color:var(--control-placeholder);opacity:1}.k-number-field__input:disabled{cursor:not-allowed}.k-number-field__input:-webkit-autofill{-webkit-text-fill-color:var(--control-fg);box-shadow:inset 0 0 0 100vmax var(--control-bg)}.k-number-field__input{text-align:center}.k-number-field__step{inline-size:var(--number-field-step-width);color:var(--number-field-step-fg);font:inherit;cursor:pointer;transition:background-color var(--duration-1) var(--ease-standard);background:0 0;border:none;flex:none;justify-content:center;align-self:stretch;align-items:center;padding:0;display:inline-flex}.k-number-field__step>svg{inline-size:var(--number-field-step-icon-size);block-size:var(--number-field-step-icon-size);display:block}.k-number-field__step:hover:not([disabled]){color:var(--number-field-step-fg-hover);background-color:var(--number-field-step-bg-hover)}.k-number-field__step:active:not([disabled]),.k-number-field__step[data-pressed]{background-color:var(--number-field-step-bg-active)}.k-number-field__step:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:0}.k-number-field__step[disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.k-number-field__affix{color:var(--number-field-affix-color);font-size:var(--control-font-size);flex:none;align-items:center;display:inline-flex}.k-number-field__affix--start{padding-inline-start:var(--control-padding-inline)}.k-number-field__affix--end{padding-inline-end:var(--control-padding-inline)}.k-number-field__affix>svg{inline-size:var(--icon-size-2);block-size:var(--icon-size-2);display:block}}