@skdx/skins 0.40.0 → 0.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/base.css +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/structure.css +1 -1
  4. package/dist/utilities.css +1 -1
  5. package/package.json +8 -8
package/dist/base.css CHANGED
@@ -1 +1 @@
1
- @layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--skdx-font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--skdx-font-size-xs: .75rem;--skdx-font-size-sm: .875rem;--skdx-font-size-md: 1rem;--skdx-font-size-lg: 1.125rem;--skdx-font-size-xl: 1.25rem;--skdx-font-size-2xl: 1.5rem;--skdx-font-size-3xl: 1.875rem;--skdx-font-weight-regular: 400;--skdx-font-weight-medium: 500;--skdx-font-weight-semibold: 600;--skdx-font-weight-bold: 700;--skdx-font-line-height-tight: 1.25;--skdx-font-line-height-snug: 1.43;--skdx-font-line-height-normal: 1.5;--skdx-font-line-height-relaxed: 1.75;--skdx-font-letter-spacing-tight: -.015em;--skdx-font-letter-spacing-normal: 0em;--skdx-font-letter-spacing-wide: .025em;--skdx-font-letter-spacing-wider: .05em;--skdx-space-1: .25rem;--skdx-space-2: .5rem;--skdx-space-3: .75rem;--skdx-space-4: 1rem;--skdx-space-5: 1.25rem;--skdx-space-6: 1.5rem;--skdx-space-8: 2rem;--skdx-space-10: 2.5rem;--skdx-space-12: 3rem;--skdx-space-16: 4rem;--skdx-radius-default: var(--skdx-radius-md);--skdx-radius-sm: .25rem;--skdx-radius-inner: .375rem;--skdx-radius-md: .5rem;--skdx-radius-lg: .75rem;--skdx-radius-xl: 1rem;--skdx-radius-full: 9999px;--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: .1s;--skdx-motion-duration-normal: .2s;--skdx-motion-duration-slow: .3s;--skdx-motion-easing: cubic-bezier(.16, 1, .3, 1);--skdx-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--skdx-motion-easing-steady: cubic-bezier(.4, 0, .2, 1);--skdx-motion-easing-linear: linear;--skdx-motion-stagger-tight: 4ms;--skdx-motion-stagger-loose: 40ms;--skdx-z-index-base: 0;--skdx-z-index-dropdown: 10;--skdx-z-index-sticky: 20;--skdx-z-index-overlay: 30;--skdx-z-index-modal: 35;--skdx-z-index-popover: 40;--skdx-z-index-toast: 50;--skdx-z-index-max: 9999;--skdx-focus-ring-width: 2px;--skdx-focus-ring-offset: 2px;--skdx-focus-ring-offset-inset: calc(-1 * var(--skdx-focus-ring-width));--skdx-border-width-thin: 1px;--skdx-border-width-thick: 2px;--skdx-border-width-thicker: 4px;--skdx-opacity-disabled: .5;--skdx-opacity-muted: .7;--skdx-opacity-scrim: .6;--skdx-control-height-sm: 1.875rem;--skdx-control-height-md: 2.25rem;--skdx-control-height-lg: 2.625rem;--skdx-control-height-compact: 2rem;--skdx-control-padding-sm: .625rem;--skdx-control-padding-md: var(--skdx-space-3);--skdx-control-padding-lg: var(--skdx-space-4);--skdx-control-gap-sm: var(--skdx-space-1);--skdx-control-gap-md: var(--skdx-space-2);--skdx-control-gap-lg: var(--skdx-space-2);--skdx-icon-size-sm: 1rem;--skdx-icon-size-md: 1.25rem;--skdx-icon-size-lg: 1.5rem;--skdx-indicator-size-sm: 1rem;--skdx-indicator-size-md: 1.25rem;--skdx-indicator-size-lg: 1.5rem;--skdx-item-height-sm: 1.75rem;--skdx-item-height-md: 2.25rem;--skdx-item-height-lg: 2.5rem;--skdx-item-gap: 2px;--skdx-overlay-padding: var(--skdx-space-1);--skdx-overlay-radius: initial;--skdx-overlay-min-width: 7.5rem;--skdx-field-gap: var(--skdx-space-1);--skdx-field-label-gap: var(--skdx-space-1);--skdx-target-min: 24px}@media(pointer:coarse){:root{--skdx-control-height-sm: 2.25rem;--skdx-control-height-md: 2.75rem;--skdx-control-height-lg: 3rem;--skdx-control-height-compact: 2.75rem;--skdx-item-height-sm: 2.25rem;--skdx-item-height-md: 2.75rem;--skdx-item-height-lg: 3rem;--skdx-target-min: 44px}}}@layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-shadow-sm: none;--skdx-shadow-md: none;--skdx-shadow-lg: none;--skdx-shadow-overlay: none;--skdx-color-surface-page: Canvas;--skdx-color-surface-raised: Canvas;--skdx-color-surface-default: ButtonFace;--skdx-color-surface-sunken: ButtonFace;--skdx-color-surface-hover: color-mix(in srgb, CanvasText 8%, Canvas);--skdx-color-surface-pressed: color-mix(in srgb, CanvasText 16%, Canvas);--skdx-color-surface-selected: Highlight;--skdx-color-surface-disabled: ButtonFace;--skdx-color-surface-inverse: CanvasText;--skdx-color-text-on-inverse: Canvas;--skdx-color-text-default: CanvasText;--skdx-color-text-muted: GrayText;--skdx-color-text-disabled: GrayText;--skdx-color-text-placeholder: GrayText;--skdx-color-text-on-accent: AccentColorText;--skdx-color-text-accent: LinkText;--skdx-color-text-danger: CanvasText;--skdx-color-text-success: CanvasText;--skdx-color-text-warning: CanvasText;--skdx-color-text-info: CanvasText;--skdx-color-border-default: color-mix(in srgb, CanvasText 45%, Canvas);--skdx-color-border-strong: CanvasText;--skdx-color-border-subtle: color-mix(in srgb, CanvasText 25%, Canvas);--skdx-color-border-accent: AccentColor;--skdx-color-border-disabled: GrayText;--skdx-color-border-danger: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-success: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-warning: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-action-primary-bg: AccentColor;--skdx-color-action-primary-bg-hover: AccentColor;--skdx-color-action-primary-text: AccentColorText;--skdx-color-action-primary-border: AccentColor;--skdx-color-action-primary-border-hover: CanvasText;--skdx-color-action-secondary-bg: ButtonFace;--skdx-color-action-secondary-bg-hover: ButtonFace;--skdx-color-action-secondary-bg-pressed: ButtonFace;--skdx-color-action-secondary-text: ButtonText;--skdx-color-action-secondary-border: ButtonBorder;--skdx-color-action-outline-text: ButtonText;--skdx-color-action-outline-border: ButtonBorder;--skdx-color-action-outline-bg-hover: ButtonFace;--skdx-color-action-outline-bg-pressed: ButtonFace;--skdx-color-action-ghost-text: ButtonText;--skdx-color-action-ghost-bg-hover: ButtonFace;--skdx-color-action-ghost-bg-pressed: ButtonFace;--skdx-color-action-danger-bg: ButtonFace;--skdx-color-action-danger-bg-hover: ButtonFace;--skdx-color-action-danger-bg-pressed: ButtonFace;--skdx-color-action-danger-text: ButtonText;--skdx-color-action-danger-border: CanvasText;--skdx-color-action-disabled-bg: ButtonFace;--skdx-color-action-disabled-text: GrayText;--skdx-color-action-disabled-border: GrayText;--skdx-color-field-bg: Field;--skdx-color-field-bg-hover: ButtonFace;--skdx-color-field-bg-disabled: ButtonFace;--skdx-color-field-bg-readonly: ButtonFace;--skdx-color-field-text: FieldText;--skdx-color-field-border: ButtonBorder;--skdx-color-field-border-hover: AccentColor;--skdx-color-field-border-focus: Highlight;--skdx-color-field-border-invalid: CanvasText;--skdx-color-selection-bg: AccentColor;--skdx-color-selection-mark: AccentColorText;--skdx-color-highlight-bg: Highlight;--skdx-color-highlight-text: HighlightText;--skdx-color-status-info-bg: Canvas;--skdx-color-status-info-border: ButtonBorder;--skdx-color-status-info-text: CanvasText;--skdx-color-status-info-icon: CanvasText;--skdx-color-status-success-bg: Canvas;--skdx-color-status-success-border: ButtonBorder;--skdx-color-status-success-text: CanvasText;--skdx-color-status-success-icon: CanvasText;--skdx-color-status-warning-bg: Canvas;--skdx-color-status-warning-border: ButtonBorder;--skdx-color-status-warning-text: CanvasText;--skdx-color-status-warning-icon: CanvasText;--skdx-color-status-danger-bg: Canvas;--skdx-color-status-danger-border: ButtonBorder;--skdx-color-status-danger-text: CanvasText;--skdx-color-status-danger-icon: CanvasText;--skdx-color-status-neutral-bg: ButtonFace;--skdx-color-status-neutral-border: ButtonBorder;--skdx-color-status-neutral-text: ButtonText;--skdx-color-status-neutral-icon: GrayText;--skdx-color-focus-ring: CanvasText;--skdx-color-separator: ButtonBorder;--skdx-color-track: ButtonFace;--skdx-color-track-fill: AccentColor;--skdx-color-skeleton: ButtonFace;--skdx-color-neutral-50: Canvas;--skdx-color-neutral-950: CanvasText;--skdx-color-surface-overlay: transparent}:where([class*=skdx-]):is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,menu,fieldset){margin:0}:where([class*=skdx-]):is(ol,ul,menu){padding-inline-start:0;list-style:none}}@layer skdx-reset{:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{box-sizing:border-box}:where(button,input,select,textarea)[class*=skdx-]{font:inherit;color:inherit;letter-spacing:inherit}}@layer skdx-base{:where([class^=skdx-],[class*=" skdx-"]):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[data-skdx-control=actuator]):hover:not(:disabled,[data-disabled],[aria-disabled=true]){background-color:var(--skdx-color-surface-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(input,textarea,select):hover:not(:disabled,[readonly],[data-readonly],[data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-number-field,.skdx-tags-input,.skdx-pin-input__field,.skdx-select__trigger,.skdx-form__control):hover:not([data-disabled],[data-readonly]){border-color:var(--skdx-color-field-border-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option],[role=tab],[role=checkbox],[role=radio],[role=switch],[data-skdx-control]):active:not(:disabled,[data-disabled],[aria-disabled=true]){translate:0 1px}}@layer skdx-utilities{@media(prefers-reduced-motion:reduce){:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms;scroll-behavior:auto}}}@keyframes skdx-fade-in{0%{opacity:0}}@keyframes skdx-fade-out{to{opacity:0;visibility:hidden}}@keyframes skdx-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes skdx-zoom-out{to{opacity:0;transform:scale(.96);visibility:hidden}}@keyframes skdx-slide-in-from-top{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes skdx-slide-in-from-bottom{0%{opacity:0;transform:translateY(.5rem)}}@keyframes skdx-slide-in-from-start{0%{opacity:0;transform:translate(-.5rem)}}@keyframes skdx-slide-in-from-end{0%{opacity:0;transform:translate(.5rem)}}@keyframes skdx-spin{to{transform:rotate(360deg)}}@keyframes skdx-pulse{50%{opacity:.5}}@keyframes skdx-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}
1
+ @layer skdx-reset,skdx-base,skdx-components,skdx-utilities;@layer skdx-reset{:root{--skdx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--skdx-font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--skdx-font-size-xs: .75rem;--skdx-font-size-sm: .875rem;--skdx-font-size-md: 1rem;--skdx-font-size-lg: 1.125rem;--skdx-font-size-xl: 1.25rem;--skdx-font-size-2xl: 1.5rem;--skdx-font-size-3xl: 1.875rem;--skdx-font-weight-regular: 400;--skdx-font-weight-medium: 500;--skdx-font-weight-semibold: 600;--skdx-font-weight-bold: 700;--skdx-font-line-height-tight: 1.25;--skdx-font-line-height-snug: 1.43;--skdx-font-line-height-normal: 1.5;--skdx-font-line-height-relaxed: 1.75;--skdx-font-letter-spacing-tight: -.015em;--skdx-font-letter-spacing-normal: 0em;--skdx-font-letter-spacing-wide: .025em;--skdx-font-letter-spacing-wider: .05em;--skdx-space-1: .25rem;--skdx-space-2: .5rem;--skdx-space-3: .75rem;--skdx-space-4: 1rem;--skdx-space-5: 1.25rem;--skdx-space-6: 1.5rem;--skdx-space-8: 2rem;--skdx-space-10: 2.5rem;--skdx-space-12: 3rem;--skdx-space-16: 4rem;--skdx-radius-default: var(--skdx-radius-md);--skdx-radius-sm: .25rem;--skdx-radius-inner: .375rem;--skdx-radius-md: .5rem;--skdx-radius-lg: .75rem;--skdx-radius-xl: 1rem;--skdx-radius-full: 9999px;--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: .1s;--skdx-motion-duration-normal: .2s;--skdx-motion-duration-slow: .3s;--skdx-motion-easing: cubic-bezier(.16, 1, .3, 1);--skdx-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--skdx-motion-easing-steady: cubic-bezier(.4, 0, .2, 1);--skdx-motion-easing-linear: linear;--skdx-motion-stagger-tight: 4ms;--skdx-motion-stagger-loose: 40ms;--skdx-z-index-base: 0;--skdx-z-index-dropdown: 10;--skdx-z-index-sticky: 20;--skdx-z-index-overlay: 30;--skdx-z-index-modal: 35;--skdx-z-index-popover: 40;--skdx-z-index-toast: 50;--skdx-z-index-max: 9999;--skdx-focus-ring-width: 2px;--skdx-focus-ring-offset: 2px;--skdx-focus-ring-offset-inset: calc(-1 * var(--skdx-focus-ring-width));--skdx-border-width-thin: 1px;--skdx-border-width-thick: 2px;--skdx-border-width-thicker: 4px;--skdx-opacity-disabled: .5;--skdx-opacity-muted: .7;--skdx-opacity-scrim: .6;--skdx-control-height-sm: 1.875rem;--skdx-control-height-md: 2.25rem;--skdx-control-height-lg: 2.625rem;--skdx-control-height-compact: 2rem;--skdx-control-padding-sm: .625rem;--skdx-control-padding-md: var(--skdx-space-3);--skdx-control-padding-lg: var(--skdx-space-4);--skdx-control-gap-sm: var(--skdx-space-1);--skdx-control-gap-md: var(--skdx-space-2);--skdx-control-gap-lg: var(--skdx-space-2);--skdx-icon-size-sm: 1rem;--skdx-icon-size-md: 1.25rem;--skdx-icon-size-lg: 1.5rem;--skdx-indicator-size-sm: 1rem;--skdx-indicator-size-md: 1.25rem;--skdx-indicator-size-lg: 1.5rem;--skdx-item-height-sm: 1.75rem;--skdx-item-height-md: 2.25rem;--skdx-item-height-lg: 2.5rem;--skdx-item-gap: 2px;--skdx-overlay-padding: var(--skdx-space-1);--skdx-overlay-radius: initial;--skdx-overlay-min-width: 7.5rem;--skdx-field-gap: var(--skdx-space-1);--skdx-field-label-gap: var(--skdx-space-1);--skdx-target-min: 24px}@media(pointer:coarse){:root{--skdx-control-height-sm: 2.25rem;--skdx-control-height-md: 2.75rem;--skdx-control-height-lg: 3rem;--skdx-control-height-compact: 2.75rem;--skdx-item-height-sm: 2.25rem;--skdx-item-height-md: 2.75rem;--skdx-item-height-lg: 3rem;--skdx-target-min: 44px}}}@layer skdx-controls{:where(.skdx-page-container__actions){display:flex;align-items:center;flex-wrap:wrap;gap:var(--skdx-space-2)}:where(.skdx-select__icon){align-items:center;justify-content:center;transform-origin:center}:where(.skdx-select__icon)>:where(svg,[data-skdx-icon],skdx-icon){display:block;flex:none}:where(.skdx-toggle-group){padding:0;border:0;box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-border-default)}:where(.skdx-toggle-group)[data-size=sm]{--skdx-toggle-group-control-height: var(--skdx-control-height-sm)}:where(.skdx-toggle-group)[data-size=md]{--skdx-toggle-group-control-height: var(--skdx-control-height-md)}:where(.skdx-toggle-group)[data-size=lg]{--skdx-toggle-group-control-height: var(--skdx-control-height-lg)}:where(.skdx-toggle-group):not([data-orientation=vertical]){block-size:var(--skdx-toggle-group-control-height, var(--skdx-control-height-md));min-block-size:var(--skdx-toggle-group-control-height, var(--skdx-control-height-md));max-block-size:var(--skdx-toggle-group-control-height, var(--skdx-control-height-md))}:where(.skdx-toggle-group)[data-variant=segmented]{box-shadow:none}:where(.skdx-number-field){position:relative;box-sizing:border-box;align-items:center;block-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));min-block-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));max-block-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));border:0;border-radius:var(--skdx-radius-default);box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border);overflow:hidden}:where(.skdx-number-field):after{content:"";position:absolute;inset:0;z-index:2;border:var(--skdx-number-field-border-width, var(--skdx-border-width-thin)) solid var(--skdx-number-field-border-color, var(--skdx-color-field-border));border-radius:inherit;pointer-events:none}:where(.skdx-number-field__input){flex:1 1 0%;min-inline-size:0;block-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md))}:where(.skdx-number-field) :where(skdx-number-field-input>input){display:block;box-sizing:border-box;block-size:100%;min-block-size:0;outline:none;box-shadow:none}:where(.skdx-number-field__increment,.skdx-number-field__decrement){position:relative;flex:none;box-sizing:border-box;block-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));min-block-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));max-block-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));inline-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));min-inline-size:var(--skdx-number-field-block-size, var(--skdx-control-height-md));padding:0}:where(.skdx-number-field__increment,.skdx-number-field__decrement){isolation:isolate}:where(.skdx-number-field__increment,.skdx-number-field__decrement):hover{background-color:var(--skdx-color-surface-default)}:where(.skdx-number-field__increment,.skdx-number-field__decrement):before{content:"";position:absolute;inset:var(--skdx-border-width-thick);border-radius:max(0px,calc(var(--skdx-radius-default) - var(--skdx-border-width-thick)));pointer-events:none;z-index:-1}:where(.skdx-number-field__increment,.skdx-number-field__decrement):hover:before{background-color:var(--skdx-color-surface-hover)}:where(.skdx-number-field__increment,.skdx-number-field__decrement)>*{position:relative;z-index:1}:where(.skdx-number-field):has(:focus-visible){outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-number-field)[data-invalid]{--skdx-number-field-border-width: var(--skdx-border-width-thick);--skdx-number-field-border-color: var(--skdx-color-field-border-invalid);box-shadow:inset 0 0 0 var(--skdx-border-width-thick) var(--skdx-color-field-border-invalid)}:where(.skdx-number-field)[data-disabled]{--skdx-number-field-border-color: var(--skdx-color-border-disabled);box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-border-disabled)}:where(.skdx-table__row):hover :where(.skdx-table__cell,.skdx-table__header-cell)[data-pinned]{background-color:var(--skdx-color-surface-hover)}:where(.skdx-table__row)[data-state=selected] :where(.skdx-table__cell,.skdx-table__header-cell)[data-pinned]{background-color:var(--skdx-color-surface-selected)}:where(.skdx-text-field):has(.skdx-text-field__input){display:flex;align-items:center;gap:0;box-sizing:border-box;block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));min-block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));max-block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));padding:0;color:var(--skdx-color-field-text);background-color:var(--skdx-color-field-bg);border:0;border-radius:var(--skdx-radius-default);box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border)}:where(.skdx-text-field) :where(.skdx-text-field__input){flex:1 1 0%;min-inline-size:0;block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));color:inherit;background:transparent;border:0;border-radius:var(--skdx-radius-default);outline:none;box-shadow:none}:where(.skdx-text-field) :where(skdx-text-field-input>input){outline:none;box-shadow:none}:where(.skdx-text-field) :where(.skdx-text-field__input):focus-visible,:where(.skdx-text-field) :where(.skdx-text-field__input):has(>input:focus-visible){outline:none;box-shadow:none}:where(.skdx-text-field__slot){flex:none;box-sizing:border-box;block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));padding-inline:var(--skdx-control-padding-md)}:where(.skdx-text-field__slot)+:where(.skdx-text-field__input){padding-inline-start:0}:where(.skdx-text-field__input):has(+.skdx-text-field__slot),:where(.skdx-text-field__input):has(+.skdx-text-field__clear-button){padding-inline-end:0}:where(.skdx-text-field__clear-button){flex:none;box-sizing:border-box;inline-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));min-inline-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));min-block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));max-block-size:var(--skdx-text-field-block-size, var(--skdx-control-height-md));padding:0;border-radius:var(--skdx-radius-default)}:where(.skdx-text-field):has(.skdx-text-field__clear-button) :where(input[type=search])::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}:where(.skdx-text-field):has(.skdx-text-field__input):hover{box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border-hover)}:where(.skdx-text-field):has(.skdx-text-field__input):has(:focus-visible){box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-field-border-focus);outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where(.skdx-text-field__clear-button):focus-visible{outline-offset:var(--skdx-focus-ring-offset-inset)}:where(.skdx-text-field)[data-variant=filled]{background-color:var(--skdx-color-surface-sunken)}:where(.skdx-text-field)[data-variant=ghost]:not(:hover,:focus-within){background:transparent;box-shadow:none}:where(.skdx-text-field):has(.skdx-text-field__input[readonly]){background-color:var(--skdx-color-field-bg-readonly)}:where(.skdx-text-field):has(.skdx-text-field__input[data-invalid]),:where(.skdx-text-field):has(.skdx-text-field__input:user-invalid){box-shadow:inset 0 0 0 var(--skdx-border-width-thick) var(--skdx-color-field-border-invalid)}:where(.skdx-text-field):has(.skdx-text-field__input:disabled),:where(.skdx-text-field):has(.skdx-text-field__input[data-disabled]){color:var(--skdx-color-text-disabled);background-color:var(--skdx-color-field-bg-disabled);box-shadow:inset 0 0 0 var(--skdx-border-width-thin) var(--skdx-color-border-disabled)}@media(forced-colors:active){:where(.skdx-text-field):has(.skdx-text-field__input){outline:var(--skdx-border-width-thin) solid CanvasText;outline-offset:calc(-1 * var(--skdx-border-width-thin))}}}@layer skdx-reset,skdx-base,skdx-components,skdx-controls,skdx-utilities;@layer skdx-reset{:root{--skdx-shadow-sm: none;--skdx-shadow-md: none;--skdx-shadow-lg: none;--skdx-shadow-overlay: none;--skdx-color-surface-page: Canvas;--skdx-color-surface-raised: Canvas;--skdx-color-surface-default: ButtonFace;--skdx-color-surface-sunken: ButtonFace;--skdx-color-surface-hover: color-mix(in srgb, CanvasText 8%, Canvas);--skdx-color-surface-pressed: color-mix(in srgb, CanvasText 16%, Canvas);--skdx-color-surface-selected: Highlight;--skdx-color-surface-disabled: ButtonFace;--skdx-color-surface-inverse: CanvasText;--skdx-color-text-on-inverse: Canvas;--skdx-color-text-default: CanvasText;--skdx-color-text-muted: GrayText;--skdx-color-text-disabled: GrayText;--skdx-color-text-placeholder: GrayText;--skdx-color-text-on-accent: AccentColorText;--skdx-color-text-accent: LinkText;--skdx-color-text-danger: CanvasText;--skdx-color-text-success: CanvasText;--skdx-color-text-warning: CanvasText;--skdx-color-text-info: CanvasText;--skdx-color-border-default: color-mix(in srgb, CanvasText 45%, Canvas);--skdx-color-border-strong: CanvasText;--skdx-color-border-subtle: color-mix(in srgb, CanvasText 25%, Canvas);--skdx-color-border-accent: AccentColor;--skdx-color-border-disabled: GrayText;--skdx-color-border-danger: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-success: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-border-warning: color-mix(in srgb, CanvasText 70%, Canvas);--skdx-color-action-primary-bg: AccentColor;--skdx-color-action-primary-bg-hover: AccentColor;--skdx-color-action-primary-text: AccentColorText;--skdx-color-action-primary-border: AccentColor;--skdx-color-action-primary-border-hover: CanvasText;--skdx-color-action-secondary-bg: ButtonFace;--skdx-color-action-secondary-bg-hover: ButtonFace;--skdx-color-action-secondary-bg-pressed: ButtonFace;--skdx-color-action-secondary-text: ButtonText;--skdx-color-action-secondary-border: ButtonBorder;--skdx-color-action-outline-text: ButtonText;--skdx-color-action-outline-border: ButtonBorder;--skdx-color-action-outline-bg-hover: ButtonFace;--skdx-color-action-outline-bg-pressed: ButtonFace;--skdx-color-action-ghost-text: ButtonText;--skdx-color-action-ghost-bg-hover: ButtonFace;--skdx-color-action-ghost-bg-pressed: ButtonFace;--skdx-color-action-danger-bg: ButtonFace;--skdx-color-action-danger-bg-hover: ButtonFace;--skdx-color-action-danger-bg-pressed: ButtonFace;--skdx-color-action-danger-text: ButtonText;--skdx-color-action-danger-border: CanvasText;--skdx-color-action-disabled-bg: ButtonFace;--skdx-color-action-disabled-text: GrayText;--skdx-color-action-disabled-border: GrayText;--skdx-color-field-bg: Field;--skdx-color-field-bg-hover: ButtonFace;--skdx-color-field-bg-disabled: ButtonFace;--skdx-color-field-bg-readonly: ButtonFace;--skdx-color-field-text: FieldText;--skdx-color-field-border: ButtonBorder;--skdx-color-field-border-hover: AccentColor;--skdx-color-field-border-focus: Highlight;--skdx-color-field-border-invalid: CanvasText;--skdx-color-selection-bg: AccentColor;--skdx-color-selection-mark: AccentColorText;--skdx-color-highlight-bg: Highlight;--skdx-color-highlight-text: HighlightText;--skdx-color-status-info-bg: Canvas;--skdx-color-status-info-border: ButtonBorder;--skdx-color-status-info-text: CanvasText;--skdx-color-status-info-icon: CanvasText;--skdx-color-status-success-bg: Canvas;--skdx-color-status-success-border: ButtonBorder;--skdx-color-status-success-text: CanvasText;--skdx-color-status-success-icon: CanvasText;--skdx-color-status-warning-bg: Canvas;--skdx-color-status-warning-border: ButtonBorder;--skdx-color-status-warning-text: CanvasText;--skdx-color-status-warning-icon: CanvasText;--skdx-color-status-danger-bg: Canvas;--skdx-color-status-danger-border: ButtonBorder;--skdx-color-status-danger-text: CanvasText;--skdx-color-status-danger-icon: CanvasText;--skdx-color-status-neutral-bg: ButtonFace;--skdx-color-status-neutral-border: ButtonBorder;--skdx-color-status-neutral-text: ButtonText;--skdx-color-status-neutral-icon: GrayText;--skdx-color-focus-ring: CanvasText;--skdx-color-separator: ButtonBorder;--skdx-color-track: ButtonFace;--skdx-color-track-fill: AccentColor;--skdx-color-skeleton: ButtonFace;--skdx-color-neutral-50: Canvas;--skdx-color-neutral-950: CanvasText;--skdx-color-surface-overlay: transparent}:where([class*=skdx-]):is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,menu,fieldset){margin:0}:where([class*=skdx-]):is(ol,ul,menu){padding-inline-start:0;list-style:none}}@layer skdx-reset{:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{box-sizing:border-box}:where(button,input,select,textarea)[class*=skdx-]{font:inherit;color:inherit;letter-spacing:inherit}}@layer skdx-base{:where([class^=skdx-],[class*=" skdx-"]):focus-visible{outline:var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);outline-offset:var(--skdx-focus-ring-offset)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[data-skdx-control=actuator]):hover:not(:disabled,[data-disabled],[aria-disabled=true]){background-color:var(--skdx-color-surface-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(input,textarea,select):hover:not(:disabled,[readonly],[data-readonly],[data-disabled]){border-color:var(--skdx-color-field-border-hover);background-color:var(--skdx-color-field-bg-hover)}:where(.skdx-number-field,.skdx-tags-input,.skdx-pin-input__field,.skdx-select__trigger,.skdx-form__control):hover:not([data-disabled],[data-readonly]){border-color:var(--skdx-color-field-border-hover)}:where([class^=skdx-],[class*=" skdx-"]):is(button,summary,a[href],[role=button],[role=link],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option],[role=tab],[role=checkbox],[role=radio],[role=switch],[data-skdx-control]):active:not(:disabled,[data-disabled],[aria-disabled=true]){translate:0 1px}}@layer skdx-utilities{@media(prefers-reduced-motion:reduce){:where([class^=skdx-],[class*=" skdx-"]),:where([class^=skdx-],[class*=" skdx-"]):before,:where([class^=skdx-],[class*=" skdx-"]):after{animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms;scroll-behavior:auto}}}@keyframes skdx-fade-in{0%{opacity:0}}@keyframes skdx-fade-out{to{opacity:0;visibility:hidden}}@keyframes skdx-zoom-in{0%{opacity:0;transform:scale(.96)}}@keyframes skdx-zoom-out{to{opacity:0;transform:scale(.96);visibility:hidden}}@keyframes skdx-slide-in-from-top{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes skdx-slide-in-from-bottom{0%{opacity:0;transform:translateY(.5rem)}}@keyframes skdx-slide-in-from-start{0%{opacity:0;transform:translate(-.5rem)}}@keyframes skdx-slide-in-from-end{0%{opacity:0;transform:translate(.5rem)}}@keyframes skdx-spin{to{transform:rotate(360deg)}}@keyframes skdx-pulse{50%{opacity:.5}}@keyframes skdx-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}