:root{--puikit-typography-color-primary:var(--puikit-color-text-primary);--puikit-typography-color-secondary:var(--puikit-color-text-secondary);--puikit-typography-color-tertiary:var(--puikit-color-text-tertiary);--puikit-typography-color-disabled:var(--puikit-color-text-disabled);--puikit-typography-color-brand:var(--puikit-color-brand-400);--puikit-typography-color-success:var(--puikit-color-success-400);--puikit-typography-color-warning:var(--puikit-color-warning-500);--puikit-typography-color-danger:var(--puikit-color-danger-500);--puikit-typography-color-info:var(--puikit-color-info-500);--puikit-typography-color-inverse:var(--puikit-color-neutral-900);--puikit-typography-font-weight-thin:var(--puikit-typography-weight-thin);--puikit-typography-font-weight-regular:var(--puikit-typography-weight-regular);--puikit-typography-font-weight-medium:var(--puikit-typography-weight-medium);--puikit-typography-font-weight-semibold:var(--puikit-typography-weight-semibold);--puikit-typography-font-weight-bold:var(--puikit-typography-weight-bold);--puikit-typography-spacing-tight:var(--puikit-typography-letter-spacing-s);--puikit-typography-spacing-normal:var(--puikit-typography-letter-spacing-m);--puikit-typography-spacing-wide:var(--puikit-typography-letter-spacing-l)}.pui-typography{align-items:center;display:inline-flex;font-family:var(--puikit-font-family-sans),sans-serif;margin:0}.pui-typography--weight-thin{font-weight:var(--puikit-typography-font-weight-thin)}.pui-typography--weight-regular{font-weight:var(--puikit-typography-font-weight-regular)}.pui-typography--weight-medium{font-weight:var(--puikit-typography-font-weight-medium)}.pui-typography--weight-semibold{font-weight:var(--puikit-typography-font-weight-semibold)}.pui-typography--weight-bold{font-weight:var(--puikit-typography-font-weight-bold)}.pui-typography--align-left{display:inline-block;text-align:start;width:100%}.pui-typography--align-center{display:inline-block;text-align:center;width:100%}.pui-typography--align-right{display:inline-block;text-align:end;width:100%}.pui-typography--transform-uppercase{text-transform:uppercase}.pui-typography--transform-lowercase{text-transform:lowercase}.pui-typography--transform-capitalize{text-transform:capitalize}.pui-typography--transform-none{text-transform:none}.pui-typography--whitespace-normal{white-space:normal}.pui-typography--whitespace-nowrap{white-space:nowrap}.pui-typography--whitespace-pre{white-space:pre}.pui-typography--whitespace-pre-wrap{white-space:pre-wrap}.pui-typography--whitespace-pre-line{white-space:pre-line}.pui-typography--whitespace-break-spaces{white-space:break-spaces}.pui-typography--select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.pui-typography--select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pui-typography--select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.pui-typography--select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.pui-typography--select-contain{user-select:contain}.pui-typography--truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-typography--truncate-multi{display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:var(--pui-truncate-lines)}.pui-typography--italic{font-style:italic}.pui-typography--underline{text-decoration:underline}.pui-typography--color-primary{color:var(--puikit-typography-color-primary)}.pui-typography--color-secondary{color:var(--puikit-typography-color-secondary)}.pui-typography--color-tertiary{color:var(--puikit-typography-color-tertiary)}.pui-typography--color-disabled{color:var(--puikit-typography-color-disabled)}.pui-typography--color-success{color:var(--puikit-typography-color-success)}.pui-typography--color-warning{color:var(--puikit-typography-color-warning)}.pui-typography--color-danger{color:var(--puikit-typography-color-danger)}.pui-typography--color-info{color:var(--puikit-typography-color-info)}.pui-typography--color-brand{color:var(--puikit-typography-color-brand)}.pui-typography--color-inverse{color:var(--puikit-typography-color-inverse)}.pui-typography--color-inherit{color:inherit}.pui-typography--letter-spacing-tight{letter-spacing:var(--puikit-typography-spacing-tight)}.pui-typography--letter-spacing-normal{letter-spacing:var(--puikit-typography-spacing-normal)}.pui-typography--letter-spacing-wide{letter-spacing:var(--puikit-typography-spacing-wide)}
:root{--puikit-text-font-family:var(--puikit-font-family-sans);--puikit-text-font-size-xs:var(--puikit-typography-size-1);--puikit-text-font-size-s:var(--puikit-typography-size-2);--puikit-text-font-size-m:var(--puikit-typography-size-3);--puikit-text-font-size-l:var(--puikit-typography-size-4);--puikit-text-font-size-xl:var(--puikit-typography-size-5);--puikit-text-line-height-xs:var(--puikit-typography-line-height-1);--puikit-text-line-height-s:var(--puikit-typography-line-height-2);--puikit-text-line-height-m:var(--puikit-typography-line-height-3);--puikit-text-line-height-l:var(--puikit-typography-line-height-4);--puikit-text-line-height-xl:var(--puikit-typography-line-height-5)}.pui-text{font-family:var(--puikit-text-font-family),sans-serif}.pui-text--xl{font-size:var(--puikit-text-font-size-xl);line-height:var(--puikit-text-line-height-xl)}.pui-text--l{font-size:var(--puikit-text-font-size-l);line-height:var(--puikit-text-line-height-l)}.pui-text--m{font-size:var(--puikit-text-font-size-m);line-height:var(--puikit-text-line-height-m)}.pui-text--s{font-size:var(--puikit-text-font-size-s);line-height:var(--puikit-text-line-height-s)}.pui-text--xs{font-size:var(--puikit-text-font-size-xs);line-height:var(--puikit-text-line-height-xs)}
:root{--puikit-icon-size-xs:12px;--puikit-icon-size-s:16px;--puikit-icon-size-m:20px;--puikit-icon-size-l:24px;--puikit-icon-size-xl:28px;--puikit-icon-color-primary:var(--puikit-color-brand-400);--puikit-icon-color-secondary:var(--puikit-color-text-secondary);--puikit-icon-color-tertiary:var(--puikit-color-text-tertiary);--puikit-icon-color-disabled:var(--puikit-color-text-disabled);--puikit-icon-color-neutral:var(--puikit-color-text-primary);--puikit-icon-color-success:var(--puikit-color-success-400);--puikit-icon-color-warning:var(--puikit-color-warning-500);--puikit-icon-color-danger:var(--puikit-color-danger-500);--puikit-icon-color-info:var(--puikit-color-info-500)}.pui-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:0}.pui-icon img,.pui-icon svg,.pui-icon-mask{height:100%;width:100%}.pui-icon svg{fill:currentColor}.pui-icon-mask{background-color:currentColor;display:block;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.pui-icon--size-xs{height:var(--puikit-icon-size-xs);min-width:var(--puikit-icon-size-xs);width:var(--puikit-icon-size-xs)}.pui-icon--size-s{height:var(--puikit-icon-size-s);min-width:var(--puikit-icon-size-s);width:var(--puikit-icon-size-s)}.pui-icon--size-m{height:var(--puikit-icon-size-m);min-width:var(--puikit-icon-size-m);width:var(--puikit-icon-size-m)}.pui-icon--size-l{height:var(--puikit-icon-size-l);min-width:var(--puikit-icon-size-l);width:var(--puikit-icon-size-l)}.pui-icon--size-xl{height:var(--puikit-icon-size-xl);min-width:var(--puikit-icon-size-xl);width:var(--puikit-icon-size-xl)}.pui-icon--color-primary{color:var(--puikit-icon-color-primary)}.pui-icon--color-secondary{color:var(--puikit-icon-color-secondary)}.pui-icon--color-tertiary{color:var(--puikit-icon-color-tertiary)}.pui-icon--color-disabled{color:var(--puikit-icon-color-disabled)}.pui-icon--color-success{color:var(--puikit-icon-color-success)}.pui-icon--color-warning{color:var(--puikit-icon-color-warning)}.pui-icon--color-danger{color:var(--puikit-icon-color-danger)}.pui-icon--color-info{color:var(--puikit-icon-color-info)}.pui-icon--color-neutral{color:var(--puikit-icon-color-neutral)}
.pui-spinner__track{--pui-spinner-thickness:12.5%;animation:pui-spinner-rotate 1s linear infinite;background:conic-gradient(from 270deg,transparent 0deg,currentColor 270deg);border-radius:50%;display:block;height:100%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--pui-spinner-thickness) - .5px),#000 calc(100% - var(--pui-spinner-thickness) + .5px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--pui-spinner-thickness) - .5px),#000 calc(100% - var(--pui-spinner-thickness) + .5px));width:100%}@keyframes pui-spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
:root{--puikit-button-size-xs:var(--puikit-action-size-2);--puikit-button-size-s:var(--puikit-action-size-4);--puikit-button-size-m:var(--puikit-action-size-5);--puikit-button-size-l:var(--puikit-action-size-6);--puikit-button-size-xl:var(--puikit-action-size-7);--puikit-button-padding-xs:var(--puikit-padding-3);--puikit-button-padding-s:var(--puikit-padding-4);--puikit-button-padding-m:var(--puikit-spacing-3);--puikit-button-padding-l:var(--puikit-spacing-4);--puikit-button-padding-xl:var(--puikit-spacing-5);--puikit-button-gap:var(--puikit-spacing-2);--puikit-button-border-radius-xs:var(--puikit-border-radius-2);--puikit-button-border-radius-s:var(--puikit-border-radius-2);--puikit-button-border-radius-m:var(--puikit-border-radius-2);--puikit-button-border-radius-l:var(--puikit-border-radius-3);--puikit-button-border-radius-xl:var(--puikit-border-radius-3);--puikit-button-font-weight:var(--puikit-typography-weight-semibold);--puikit-button-focus-shadow-inner:var(--puikit-color-neutral-900);--puikit-button-focus-shadow-outer:var(--puikit-color-brand-500);--puikit-button-primary-text-color-success:var(--puikit-color-text-primary);--puikit-button-primary-text-color-success-hover:var(--puikit-color-text-primary);--puikit-button-primary-text-color-success-pressed:var(--puikit-color-text-primary);--puikit-button-primary-text-color-warning:var(--puikit-color-text-primary);--puikit-button-primary-text-color-warning-hover:var(--puikit-color-text-primary);--puikit-button-primary-text-color-warning-pressed:var(--puikit-color-text-primary);--puikit-button-primary-text-color-danger:var(--puikit-color-text-primary);--puikit-button-primary-text-color-danger-hover:var(--puikit-color-text-primary);--puikit-button-primary-text-color-danger-pressed:var(--puikit-color-text-primary);--puikit-button-primary-text-color-info:var(--puikit-color-text-primary);--puikit-button-primary-text-color-info-hover:var(--puikit-color-text-primary);--puikit-button-primary-text-color-info-pressed:var(--puikit-color-text-primary);--puikit-button-primary-text-color-primary:var(--puikit-color-text-primary);--puikit-button-primary-text-color-primary-hover:var(--puikit-color-text-primary);--puikit-button-primary-text-color-primary-pressed:var(--puikit-color-text-primary);--puikit-button-primary-text-color-secondary:var(--puikit-color-text-primary);--puikit-button-primary-text-color-secondary-hover:var(--puikit-color-text-primary);--puikit-button-primary-text-color-secondary-pressed:var(--puikit-color-text-primary);--puikit-button-primary-text-color-neutral:var(--puikit-color-text-primary);--puikit-button-primary-text-color-neutral-hover:var(--puikit-color-text-primary);--puikit-button-primary-text-color-neutral-pressed:var(--puikit-color-text-primary);--puikit-button-primary-bg-success:var(--puikit-color-brand-500);--puikit-button-primary-bg-success-hover:var(--puikit-color-brand-400);--puikit-button-primary-bg-success-pressed:var(--puikit-color-brand-600);--puikit-button-primary-bg-warning:var(--puikit-color-warning-500);--puikit-button-primary-bg-warning-hover:var(--puikit-color-warning-400);--puikit-button-primary-bg-warning-pressed:var(--puikit-color-warning-600);--puikit-button-primary-bg-danger:var(--puikit-color-danger-500);--puikit-button-primary-bg-danger-hover:var(--puikit-color-danger-400);--puikit-button-primary-bg-danger-pressed:var(--puikit-color-danger-600);--puikit-button-primary-bg-info:var(--puikit-color-info-500);--puikit-button-primary-bg-info-hover:var(--puikit-color-info-400);--puikit-button-primary-bg-info-pressed:var(--puikit-color-info-600);--puikit-button-primary-bg-primary:var(--puikit-color-brand-500);--puikit-button-primary-bg-primary-hover:var(--puikit-color-brand-400);--puikit-button-primary-bg-primary-pressed:var(--puikit-color-brand-600);--puikit-button-primary-bg-secondary:var(--puikit-color-secondary-500);--puikit-button-primary-bg-secondary-hover:var(--puikit-color-secondary-400);--puikit-button-primary-bg-secondary-pressed:var(--puikit-color-secondary-600);--puikit-button-primary-bg-neutral:var(--puikit-color-neutral-500);--puikit-button-primary-bg-neutral-hover:var(--puikit-color-neutral-400);--puikit-button-primary-bg-neutral-pressed:var(--puikit-color-neutral-600);--puikit-button-ghost-bg-success:color-mix(in srgb,var(--puikit-color-success-500) 13%,transparent);--puikit-button-ghost-bg-success-hover:color-mix(in srgb,var(--puikit-color-success-500) 25%,transparent);--puikit-button-ghost-bg-success-pressed:color-mix(in srgb,var(--puikit-color-success-500) 7%,transparent);--puikit-button-ghost-bg-warning:color-mix(in srgb,var(--puikit-color-warning-500) 13%,transparent);--puikit-button-ghost-bg-warning-hover:color-mix(in srgb,var(--puikit-color-warning-500) 25%,transparent);--puikit-button-ghost-bg-warning-pressed:color-mix(in srgb,var(--puikit-color-warning-500) 7%,transparent);--puikit-button-ghost-bg-danger:color-mix(in srgb,var(--puikit-color-danger-500) 13%,transparent);--puikit-button-ghost-bg-danger-hover:color-mix(in srgb,var(--puikit-color-danger-500) 25%,transparent);--puikit-button-ghost-bg-danger-pressed:color-mix(in srgb,var(--puikit-color-danger-500) 7%,transparent);--puikit-button-ghost-bg-info:color-mix(in srgb,var(--puikit-color-info-500) 13%,transparent);--puikit-button-ghost-bg-info-hover:color-mix(in srgb,var(--puikit-color-info-500) 25%,transparent);--puikit-button-ghost-bg-info-pressed:color-mix(in srgb,var(--puikit-color-info-500) 7%,transparent);--puikit-button-ghost-bg-primary:color-mix(in srgb,var(--puikit-color-brand-500) 13%,transparent);--puikit-button-ghost-bg-primary-hover:color-mix(in srgb,var(--puikit-color-brand-500) 25%,transparent);--puikit-button-ghost-bg-primary-pressed:color-mix(in srgb,var(--puikit-color-brand-500) 7%,transparent);--puikit-button-ghost-bg-secondary:color-mix(in srgb,var(--puikit-color-secondary-500) 13%,transparent);--puikit-button-ghost-bg-secondary-hover:color-mix(in srgb,var(--puikit-color-secondary-500) 25%,transparent);--puikit-button-ghost-bg-secondary-pressed:color-mix(in srgb,var(--puikit-color-secondary-500) 7%,transparent);--puikit-button-ghost-bg-neutral:color-mix(in srgb,var(--puikit-color-neutral-400) 13%,transparent);--puikit-button-ghost-bg-neutral-hover:color-mix(in srgb,var(--puikit-color-neutral-400) 25%,transparent);--puikit-button-ghost-bg-neutral-pressed:color-mix(in srgb,var(--puikit-color-neutral-400) 7%,transparent);--puikit-button-ghost-text-color-success:var(--puikit-color-success-400);--puikit-button-ghost-text-color-success-hover:var(--puikit-color-success-400);--puikit-button-ghost-text-color-success-pressed:var(--puikit-color-success-400);--puikit-button-ghost-text-color-warning:var(--puikit-color-warning-500);--puikit-button-ghost-text-color-warning-hover:var(--puikit-color-warning-400);--puikit-button-ghost-text-color-warning-pressed:var(--puikit-color-warning-500);--puikit-button-ghost-text-color-danger:var(--puikit-color-danger-500);--puikit-button-ghost-text-color-danger-hover:var(--puikit-color-danger-400);--puikit-button-ghost-text-color-danger-pressed:var(--puikit-color-danger-500);--puikit-button-ghost-text-color-info:var(--puikit-color-info-500);--puikit-button-ghost-text-color-info-hover:var(--puikit-color-info-400);--puikit-button-ghost-text-color-info-pressed:var(--puikit-color-info-500);--puikit-button-ghost-text-color-primary:var(--puikit-color-brand-400);--puikit-button-ghost-text-color-primary-hover:var(--puikit-color-brand-400);--puikit-button-ghost-text-color-primary-pressed:var(--puikit-color-brand-400);--puikit-button-ghost-text-color-secondary:var(--puikit-color-secondary-500);--puikit-button-ghost-text-color-secondary-hover:var(--puikit-color-secondary-400);--puikit-button-ghost-text-color-secondary-pressed:var(--puikit-color-secondary-500);--puikit-button-ghost-text-color-neutral:var(--puikit-color-neutral-300);--puikit-button-ghost-text-color-neutral-hover:var(--puikit-color-text-primary);--puikit-button-ghost-text-color-neutral-pressed:var(--puikit-color-neutral-400);--puikit-button-secondary-bg-success:transparent;--puikit-button-secondary-bg-success-hover:color-mix(in srgb,var(--puikit-color-success-500) 10%,transparent);--puikit-button-secondary-bg-success-pressed:color-mix(in srgb,var(--puikit-color-success-500) 10%,transparent);--puikit-button-secondary-bg-warning:transparent;--puikit-button-secondary-bg-warning-hover:color-mix(in srgb,var(--puikit-color-warning-500) 10%,transparent);--puikit-button-secondary-bg-warning-pressed:color-mix(in srgb,var(--puikit-color-warning-500) 10%,transparent);--puikit-button-secondary-bg-danger:transparent;--puikit-button-secondary-bg-danger-hover:color-mix(in srgb,var(--puikit-color-danger-500) 10%,transparent);--puikit-button-secondary-bg-danger-pressed:color-mix(in srgb,var(--puikit-color-danger-500) 10%,transparent);--puikit-button-secondary-bg-info:transparent;--puikit-button-secondary-bg-info-hover:color-mix(in srgb,var(--puikit-color-info-500) 10%,transparent);--puikit-button-secondary-bg-info-pressed:color-mix(in srgb,var(--puikit-color-info-500) 10%,transparent);--puikit-button-secondary-bg-primary:transparent;--puikit-button-secondary-bg-primary-hover:color-mix(in srgb,var(--puikit-color-brand-500) 10%,transparent);--puikit-button-secondary-bg-primary-pressed:color-mix(in srgb,var(--puikit-color-brand-500) 10%,transparent);--puikit-button-secondary-bg-secondary:transparent;--puikit-button-secondary-bg-secondary-hover:color-mix(in srgb,var(--puikit-color-secondary-500) 10%,transparent);--puikit-button-secondary-bg-secondary-pressed:color-mix(in srgb,var(--puikit-color-secondary-500) 10%,transparent);--puikit-button-secondary-bg-neutral:transparent;--puikit-button-secondary-bg-neutral-hover:color-mix(in srgb,var(--puikit-color-neutral-500) 10%,transparent);--puikit-button-secondary-bg-neutral-pressed:color-mix(in srgb,var(--puikit-color-neutral-500) 10%,transparent);--puikit-button-secondary-color-success:var(--puikit-color-success-400);--puikit-button-secondary-color-success-hover:var(--puikit-color-success-300);--puikit-button-secondary-color-success-pressed:var(--puikit-color-success-500);--puikit-button-secondary-color-warning:var(--puikit-color-warning-500);--puikit-button-secondary-color-warning-hover:var(--puikit-color-warning-400);--puikit-button-secondary-color-warning-pressed:var(--puikit-color-warning-500);--puikit-button-secondary-color-danger:var(--puikit-color-danger-500);--puikit-button-secondary-color-danger-hover:var(--puikit-color-danger-400);--puikit-button-secondary-color-danger-pressed:var(--puikit-color-danger-500);--puikit-button-secondary-color-info:var(--puikit-color-info-500);--puikit-button-secondary-color-info-hover:var(--puikit-color-info-400);--puikit-button-secondary-color-info-pressed:var(--puikit-color-info-500);--puikit-button-secondary-color-primary:var(--puikit-color-brand-400);--puikit-button-secondary-color-primary-hover:var(--puikit-color-brand-300);--puikit-button-secondary-color-primary-pressed:var(--puikit-color-brand-500);--puikit-button-secondary-color-secondary:var(--puikit-color-secondary-500);--puikit-button-secondary-color-secondary-hover:var(--puikit-color-secondary-400);--puikit-button-secondary-color-secondary-pressed:var(--puikit-color-secondary-500);--puikit-button-secondary-color-neutral:var(--puikit-color-neutral-300);--puikit-button-secondary-color-neutral-hover:var(--puikit-color-text-primary);--puikit-button-secondary-color-neutral-pressed:var(--puikit-color-neutral-400);--puikit-button-clear-bg:transparent;--puikit-button-clear-bg-success-hover:color-mix(in srgb,var(--puikit-color-success-400) 10%,transparent);--puikit-button-clear-bg-success-pressed:color-mix(in srgb,var(--puikit-color-success-500) 10%,transparent);--puikit-button-clear-bg-warning-hover:color-mix(in srgb,var(--puikit-color-warning-500) 10%,transparent);--puikit-button-clear-bg-warning-pressed:color-mix(in srgb,var(--puikit-color-warning-500) 10%,transparent);--puikit-button-clear-bg-danger-hover:color-mix(in srgb,var(--puikit-color-danger-500) 10%,transparent);--puikit-button-clear-bg-danger-pressed:color-mix(in srgb,var(--puikit-color-danger-500) 10%,transparent);--puikit-button-clear-bg-info-hover:color-mix(in srgb,var(--puikit-color-info-500) 10%,transparent);--puikit-button-clear-bg-info-pressed:color-mix(in srgb,var(--puikit-color-info-500) 10%,transparent);--puikit-button-clear-bg-primary-hover:color-mix(in srgb,var(--puikit-color-brand-400) 10%,transparent);--puikit-button-clear-bg-primary-pressed:color-mix(in srgb,var(--puikit-color-brand-500) 10%,transparent);--puikit-button-clear-bg-secondary-hover:color-mix(in srgb,var(--puikit-color-secondary-500) 10%,transparent);--puikit-button-clear-bg-secondary-pressed:color-mix(in srgb,var(--puikit-color-secondary-500) 10%,transparent);--puikit-button-clear-bg-neutral-hover:color-mix(in srgb,var(--puikit-color-neutral-500) 10%,transparent);--puikit-button-clear-bg-neutral-pressed:color-mix(in srgb,var(--puikit-color-neutral-500) 10%,transparent);--puikit-button-clear-text-color-success:var(--puikit-color-success-400);--puikit-button-clear-text-color-success-hover:var(--puikit-color-success-400);--puikit-button-clear-text-color-success-pressed:var(--puikit-color-success-400);--puikit-button-clear-text-color-warning:var(--puikit-color-warning-500);--puikit-button-clear-text-color-warning-hover:var(--puikit-color-warning-400);--puikit-button-clear-text-color-warning-pressed:var(--puikit-color-warning-500);--puikit-button-clear-text-color-danger:var(--puikit-color-danger-500);--puikit-button-clear-text-color-danger-hover:var(--puikit-color-danger-400);--puikit-button-clear-text-color-danger-pressed:var(--puikit-color-danger-500);--puikit-button-clear-text-color-info:var(--puikit-color-info-500);--puikit-button-clear-text-color-info-hover:var(--puikit-color-info-400);--puikit-button-clear-text-color-info-pressed:var(--puikit-color-info-500);--puikit-button-clear-text-color-primary:var(--puikit-color-brand-400);--puikit-button-clear-text-color-primary-hover:var(--puikit-color-brand-400);--puikit-button-clear-text-color-primary-pressed:var(--puikit-color-brand-400);--puikit-button-clear-text-color-secondary:var(--puikit-color-secondary-500);--puikit-button-clear-text-color-secondary-hover:var(--puikit-color-secondary-400);--puikit-button-clear-text-color-secondary-pressed:var(--puikit-color-secondary-500);--puikit-button-clear-text-color-neutral:var(--puikit-color-neutral-300);--puikit-button-clear-text-color-neutral-hover:var(--puikit-color-text-primary);--puikit-button-clear-text-color-neutral-pressed:var(--puikit-color-neutral-400)}.pui-button{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:var(--puikit-font-family-sans),sans-serif;font-weight:var(--puikit-button-font-weight);gap:var(--puikit-button-gap);justify-content:center;outline:none;position:relative;text-decoration:none;transition:all var(--puikit-transition-fast);white-space:nowrap}.pui-button:focus-visible{box-shadow:0 0 0 2px var(--puikit-button-focus-shadow-inner),0 0 0 4px var(--puikit-button-focus-shadow-outer)}.pui-button:disabled:not(.pui-button--loading){cursor:not-allowed;opacity:var(--puikit-opacity-disabled)}.pui-button--xs{border-radius:var(--puikit-button-border-radius-xs);height:var(--puikit-button-size-xs);padding:0 var(--puikit-button-padding-xs)}.pui-button--s{border-radius:var(--puikit-button-border-radius-s);height:var(--puikit-button-size-s);padding:0 var(--puikit-button-padding-s)}.pui-button--m{border-radius:var(--puikit-button-border-radius-m);height:var(--puikit-button-size-m);padding:0 var(--puikit-button-padding-m)}.pui-button--l{border-radius:var(--puikit-button-border-radius-l);height:var(--puikit-button-size-l);padding:0 var(--puikit-button-padding-l)}.pui-button--xl{border-radius:var(--puikit-button-border-radius-xl);height:var(--puikit-button-size-xl);padding:0 var(--puikit-button-padding-xl)}.pui-button--icon-only.pui-button--xs{min-width:var(--puikit-button-size-xs);padding:0;width:var(--puikit-button-size-xs)}.pui-button--icon-only.pui-button--s{min-width:var(--puikit-button-size-s);padding:0;width:var(--puikit-button-size-s)}.pui-button--icon-only.pui-button--m{min-width:var(--puikit-button-size-m);padding:0;width:var(--puikit-button-size-m)}.pui-button--icon-only.pui-button--l{min-width:var(--puikit-button-size-l);padding:0;width:var(--puikit-button-size-l)}.pui-button--icon-only.pui-button--xl{min-width:var(--puikit-button-size-xl);padding:0;width:var(--puikit-button-size-xl)}.pui-button--block{width:100%}.pui-button--primary.pui-button--color-success{background-color:var(--puikit-button-primary-bg-success);color:var(--puikit-button-primary-text-color-success);--puikit-icon-color:var(--puikit-button-primary-text-color-success)}@media (hover:hover){.pui-button--primary.pui-button--color-success:hover:not(:disabled){background-color:var(--puikit-button-primary-bg-success-hover);color:var(--puikit-button-primary-text-color-success-hover);--puikit-icon-color:var(--puikit-button-primary-text-color-success-hover)}}.pui-button--primary.pui-button--color-success:active:not(:disabled){background-color:var(--puikit-button-primary-bg-success-pressed);color:var(--puikit-button-primary-text-color-success-pressed);--puikit-icon-color:var(--puikit-button-primary-text-color-success-pressed)}.pui-button--primary.pui-button--color-warning{background-color:var(--puikit-button-primary-bg-warning);color:var(--puikit-button-primary-text-color-warning);--puikit-icon-color:var(--puikit-button-primary-text-color-warning)}@media (hover:hover){.pui-button--primary.pui-button--color-warning:hover:not(:disabled){background-color:var(--puikit-button-primary-bg-warning-hover);color:var(--puikit-button-primary-text-color-warning-hover);--puikit-icon-color:var(--puikit-button-primary-text-color-warning-hover)}}.pui-button--primary.pui-button--color-warning:active:not(:disabled){background-color:var(--puikit-button-primary-bg-warning-pressed);color:var(--puikit-button-primary-text-color-warning-pressed);--puikit-icon-color:var(--puikit-button-primary-text-color-warning-pressed)}.pui-button--primary.pui-button--color-danger{background-color:var(--puikit-button-primary-bg-danger);color:var(--puikit-button-primary-text-color-danger);--puikit-icon-color:var(--puikit-button-primary-text-color-danger)}@media (hover:hover){.pui-button--primary.pui-button--color-danger:hover:not(:disabled){background-color:var(--puikit-button-primary-bg-danger-hover);color:var(--puikit-button-primary-text-color-danger-hover);--puikit-icon-color:var(--puikit-button-primary-text-color-danger-hover)}}.pui-button--primary.pui-button--color-danger:active:not(:disabled){background-color:var(--puikit-button-primary-bg-danger-pressed);color:var(--puikit-button-primary-text-color-danger-pressed);--puikit-icon-color:var(--puikit-button-primary-text-color-danger-pressed)}.pui-button--primary.pui-button--color-info{background-color:var(--puikit-button-primary-bg-info);color:var(--puikit-button-primary-text-color-info);--puikit-icon-color:var(--puikit-button-primary-text-color-info)}@media (hover:hover){.pui-button--primary.pui-button--color-info:hover:not(:disabled){background-color:var(--puikit-button-primary-bg-info-hover);color:var(--puikit-button-primary-text-color-info-hover);--puikit-icon-color:var(--puikit-button-primary-text-color-info-hover)}}.pui-button--primary.pui-button--color-info:active:not(:disabled){background-color:var(--puikit-button-primary-bg-info-pressed);color:var(--puikit-button-primary-text-color-info-pressed);--puikit-icon-color:var(--puikit-button-primary-text-color-info-pressed)}.pui-button--primary.pui-button--color-primary{background-color:var(--puikit-button-primary-bg-primary);color:var(--puikit-button-primary-text-color-primary);--puikit-icon-color:var(--puikit-button-primary-text-color-primary)}@media (hover:hover){.pui-button--primary.pui-button--color-primary:hover:not(:disabled){background-color:var(--puikit-button-primary-bg-primary-hover);color:var(--puikit-button-primary-text-color-primary-hover);--puikit-icon-color:var(--puikit-button-primary-text-color-primary-hover)}}.pui-button--primary.pui-button--color-primary:active:not(:disabled){background-color:var(--puikit-button-primary-bg-primary-pressed);color:var(--puikit-button-primary-text-color-primary-pressed);--puikit-icon-color:var(--puikit-button-primary-text-color-primary-pressed)}.pui-button--primary.pui-button--color-secondary{background-color:var(--puikit-button-primary-bg-secondary);color:var(--puikit-button-primary-text-color-secondary);--puikit-icon-color:var(--puikit-button-primary-text-color-secondary)}@media (hover:hover){.pui-button--primary.pui-button--color-secondary:hover:not(:disabled){background-color:var(--puikit-button-primary-bg-secondary-hover);color:var(--puikit-button-primary-text-color-secondary-hover);--puikit-icon-color:var(--puikit-button-primary-text-color-secondary-hover)}}.pui-button--primary.pui-button--color-secondary:active:not(:disabled){background-color:var(--puikit-button-primary-bg-secondary-pressed);color:var(--puikit-button-primary-text-color-secondary-pressed);--puikit-icon-color:var(--puikit-button-primary-text-color-secondary-pressed)}.pui-button--primary.pui-button--color-neutral{background-color:var(--puikit-button-primary-bg-neutral);color:var(--puikit-button-primary-text-color-neutral);--puikit-icon-color:var(--puikit-button-primary-text-color-neutral)}@media (hover:hover){.pui-button--primary.pui-button--color-neutral:hover:not(:disabled){background-color:var(--puikit-button-primary-bg-neutral-hover);color:var(--puikit-button-primary-text-color-neutral-hover);--puikit-icon-color:var(--puikit-button-primary-text-color-neutral-hover)}}.pui-button--primary.pui-button--color-neutral:active:not(:disabled){background-color:var(--puikit-button-primary-bg-neutral-pressed);color:var(--puikit-button-primary-text-color-neutral-pressed);--puikit-icon-color:var(--puikit-button-primary-text-color-neutral-pressed)}.pui-button--ghost.pui-button--color-success{background-color:var(--puikit-button-ghost-bg-success);color:var(--puikit-button-ghost-text-color-success);--puikit-icon-color:var(--puikit-button-ghost-text-color-success)}@media (hover:hover){.pui-button--ghost.pui-button--color-success:hover:not(:disabled){background-color:var(--puikit-button-ghost-bg-success-hover);color:var(--puikit-button-ghost-text-color-success-hover);--puikit-icon-color:var(--puikit-button-ghost-text-color-success-hover)}}.pui-button--ghost.pui-button--color-success:active:not(:disabled){background-color:var(--puikit-button-ghost-bg-success-pressed);color:var(--puikit-button-ghost-text-color-success-pressed);--puikit-icon-color:var(--puikit-button-ghost-text-color-success-pressed)}.pui-button--ghost.pui-button--color-warning{background-color:var(--puikit-button-ghost-bg-warning);color:var(--puikit-button-ghost-text-color-warning);--puikit-icon-color:var(--puikit-button-ghost-text-color-warning)}@media (hover:hover){.pui-button--ghost.pui-button--color-warning:hover:not(:disabled){background-color:var(--puikit-button-ghost-bg-warning-hover);color:var(--puikit-button-ghost-text-color-warning-hover);--puikit-icon-color:var(--puikit-button-ghost-text-color-warning-hover)}}.pui-button--ghost.pui-button--color-warning:active:not(:disabled){background-color:var(--puikit-button-ghost-bg-warning-pressed);color:var(--puikit-button-ghost-text-color-warning-pressed);--puikit-icon-color:var(--puikit-button-ghost-text-color-warning-pressed)}.pui-button--ghost.pui-button--color-danger{background-color:var(--puikit-button-ghost-bg-danger);color:var(--puikit-button-ghost-text-color-danger);--puikit-icon-color:var(--puikit-button-ghost-text-color-danger)}@media (hover:hover){.pui-button--ghost.pui-button--color-danger:hover:not(:disabled){background-color:var(--puikit-button-ghost-bg-danger-hover);color:var(--puikit-button-ghost-text-color-danger-hover);--puikit-icon-color:var(--puikit-button-ghost-text-color-danger-hover)}}.pui-button--ghost.pui-button--color-danger:active:not(:disabled){background-color:var(--puikit-button-ghost-bg-danger-pressed);color:var(--puikit-button-ghost-text-color-danger-pressed);--puikit-icon-color:var(--puikit-button-ghost-text-color-danger-pressed)}.pui-button--ghost.pui-button--color-info{background-color:var(--puikit-button-ghost-bg-info);color:var(--puikit-button-ghost-text-color-info);--puikit-icon-color:var(--puikit-button-ghost-text-color-info)}@media (hover:hover){.pui-button--ghost.pui-button--color-info:hover:not(:disabled){background-color:var(--puikit-button-ghost-bg-info-hover);color:var(--puikit-button-ghost-text-color-info-hover);--puikit-icon-color:var(--puikit-button-ghost-text-color-info-hover)}}.pui-button--ghost.pui-button--color-info:active:not(:disabled){background-color:var(--puikit-button-ghost-bg-info-pressed);color:var(--puikit-button-ghost-text-color-info-pressed);--puikit-icon-color:var(--puikit-button-ghost-text-color-info-pressed)}.pui-button--ghost.pui-button--color-primary{background-color:var(--puikit-button-ghost-bg-primary);color:var(--puikit-button-ghost-text-color-primary);--puikit-icon-color:var(--puikit-button-ghost-text-color-primary)}@media (hover:hover){.pui-button--ghost.pui-button--color-primary:hover:not(:disabled){background-color:var(--puikit-button-ghost-bg-primary-hover);color:var(--puikit-button-ghost-text-color-primary-hover);--puikit-icon-color:var(--puikit-button-ghost-text-color-primary-hover)}}.pui-button--ghost.pui-button--color-primary:active:not(:disabled){background-color:var(--puikit-button-ghost-bg-primary-pressed);color:var(--puikit-button-ghost-text-color-primary-pressed);--puikit-icon-color:var(--puikit-button-ghost-text-color-primary-pressed)}.pui-button--ghost.pui-button--color-secondary{background-color:var(--puikit-button-ghost-bg-secondary);color:var(--puikit-button-ghost-text-color-secondary);--puikit-icon-color:var(--puikit-button-ghost-text-color-secondary)}@media (hover:hover){.pui-button--ghost.pui-button--color-secondary:hover:not(:disabled){background-color:var(--puikit-button-ghost-bg-secondary-hover);color:var(--puikit-button-ghost-text-color-secondary-hover);--puikit-icon-color:var(--puikit-button-ghost-text-color-secondary-hover)}}.pui-button--ghost.pui-button--color-secondary:active:not(:disabled){background-color:var(--puikit-button-ghost-bg-secondary-pressed);color:var(--puikit-button-ghost-text-color-secondary-pressed);--puikit-icon-color:var(--puikit-button-ghost-text-color-secondary-pressed)}.pui-button--ghost.pui-button--color-neutral{background-color:var(--puikit-button-ghost-bg-neutral);color:var(--puikit-button-ghost-text-color-neutral);--puikit-icon-color:var(--puikit-button-ghost-text-color-neutral)}@media (hover:hover){.pui-button--ghost.pui-button--color-neutral:hover:not(:disabled){background-color:var(--puikit-button-ghost-bg-neutral-hover);color:var(--puikit-button-ghost-text-color-neutral-hover);--puikit-icon-color:var(--puikit-button-ghost-text-color-neutral-hover)}}.pui-button--ghost.pui-button--color-neutral:active:not(:disabled){background-color:var(--puikit-button-ghost-bg-neutral-pressed);color:var(--puikit-button-ghost-text-color-neutral-pressed);--puikit-icon-color:var(--puikit-button-ghost-text-color-neutral-pressed)}.pui-button--secondary{border:1px solid}.pui-button--secondary.pui-button--color-success{background-color:var(--puikit-button-secondary-bg-success);color:var(--puikit-button-secondary-color-success);--puikit-icon-color:var(--puikit-button-secondary-color-success)}@media (hover:hover){.pui-button--secondary.pui-button--color-success:hover:not(:disabled){background-color:var(--puikit-button-secondary-bg-success-hover);color:var(--puikit-button-secondary-color-success-hover);--puikit-icon-color:var(--puikit-button-secondary-color-success-hover)}}.pui-button--secondary.pui-button--color-success:active:not(:disabled){background-color:var(--puikit-button-secondary-bg-success-pressed);color:var(--puikit-button-secondary-color-success-pressed);--puikit-icon-color:var(--puikit-button-secondary-color-success-pressed)}.pui-button--secondary.pui-button--color-warning{background-color:var(--puikit-button-secondary-bg-warning);color:var(--puikit-button-secondary-color-warning);--puikit-icon-color:var(--puikit-button-secondary-color-warning)}@media (hover:hover){.pui-button--secondary.pui-button--color-warning:hover:not(:disabled){background-color:var(--puikit-button-secondary-bg-warning-hover);color:var(--puikit-button-secondary-color-warning-hover);--puikit-icon-color:var(--puikit-button-secondary-color-warning-hover)}}.pui-button--secondary.pui-button--color-warning:active:not(:disabled){background-color:var(--puikit-button-secondary-bg-warning-pressed);color:var(--puikit-button-secondary-color-warning-pressed);--puikit-icon-color:var(--puikit-button-secondary-color-warning-pressed)}.pui-button--secondary.pui-button--color-danger{background-color:var(--puikit-button-secondary-bg-danger);color:var(--puikit-button-secondary-color-danger);--puikit-icon-color:var(--puikit-button-secondary-color-danger)}@media (hover:hover){.pui-button--secondary.pui-button--color-danger:hover:not(:disabled){background-color:var(--puikit-button-secondary-bg-danger-hover);color:var(--puikit-button-secondary-color-danger-hover);--puikit-icon-color:var(--puikit-button-secondary-color-danger-hover)}}.pui-button--secondary.pui-button--color-danger:active:not(:disabled){background-color:var(--puikit-button-secondary-bg-danger-pressed);color:var(--puikit-button-secondary-color-danger-pressed);--puikit-icon-color:var(--puikit-button-secondary-color-danger-pressed)}.pui-button--secondary.pui-button--color-info{background-color:var(--puikit-button-secondary-bg-info);color:var(--puikit-button-secondary-color-info);--puikit-icon-color:var(--puikit-button-secondary-color-info)}@media (hover:hover){.pui-button--secondary.pui-button--color-info:hover:not(:disabled){background-color:var(--puikit-button-secondary-bg-info-hover);color:var(--puikit-button-secondary-color-info-hover);--puikit-icon-color:var(--puikit-button-secondary-color-info-hover)}}.pui-button--secondary.pui-button--color-info:active:not(:disabled){background-color:var(--puikit-button-secondary-bg-info-pressed);color:var(--puikit-button-secondary-color-info-pressed);--puikit-icon-color:var(--puikit-button-secondary-color-info-pressed)}.pui-button--secondary.pui-button--color-primary{background-color:var(--puikit-button-secondary-bg-primary);color:var(--puikit-button-secondary-color-primary);--puikit-icon-color:var(--puikit-button-secondary-color-primary)}@media (hover:hover){.pui-button--secondary.pui-button--color-primary:hover:not(:disabled){background-color:var(--puikit-button-secondary-bg-primary-hover);color:var(--puikit-button-secondary-color-primary-hover);--puikit-icon-color:var(--puikit-button-secondary-color-primary-hover)}}.pui-button--secondary.pui-button--color-primary:active:not(:disabled){background-color:var(--puikit-button-secondary-bg-primary-pressed);color:var(--puikit-button-secondary-color-primary-pressed);--puikit-icon-color:var(--puikit-button-secondary-color-primary-pressed)}.pui-button--secondary.pui-button--color-secondary{background-color:var(--puikit-button-secondary-bg-secondary);color:var(--puikit-button-secondary-color-secondary);--puikit-icon-color:var(--puikit-button-secondary-color-secondary)}@media (hover:hover){.pui-button--secondary.pui-button--color-secondary:hover:not(:disabled){background-color:var(--puikit-button-secondary-bg-secondary-hover);color:var(--puikit-button-secondary-color-secondary-hover);--puikit-icon-color:var(--puikit-button-secondary-color-secondary-hover)}}.pui-button--secondary.pui-button--color-secondary:active:not(:disabled){background-color:var(--puikit-button-secondary-bg-secondary-pressed);color:var(--puikit-button-secondary-color-secondary-pressed);--puikit-icon-color:var(--puikit-button-secondary-color-secondary-pressed)}.pui-button--secondary.pui-button--color-neutral{background-color:var(--puikit-button-secondary-bg-neutral);color:var(--puikit-button-secondary-color-neutral);--puikit-icon-color:var(--puikit-button-secondary-color-neutral)}@media (hover:hover){.pui-button--secondary.pui-button--color-neutral:hover:not(:disabled){background-color:var(--puikit-button-secondary-bg-neutral-hover);color:var(--puikit-button-secondary-color-neutral-hover);--puikit-icon-color:var(--puikit-button-secondary-color-neutral-hover)}}.pui-button--secondary.pui-button--color-neutral:active:not(:disabled){background-color:var(--puikit-button-secondary-bg-neutral-pressed);color:var(--puikit-button-secondary-color-neutral-pressed);--puikit-icon-color:var(--puikit-button-secondary-color-neutral-pressed)}.pui-button--clear.pui-button--color-success{background-color:var(--puikit-button-clear-bg);color:var(--puikit-button-clear-text-color-success);--puikit-icon-color:var(--puikit-button-clear-text-color-success)}@media (hover:hover){.pui-button--clear.pui-button--color-success:hover:not(:disabled){background-color:var(--puikit-button-clear-bg-success-hover);color:var(--puikit-button-clear-text-color-success-hover);--puikit-icon-color:var(--puikit-button-clear-text-color-success-hover)}}.pui-button--clear.pui-button--color-success:active:not(:disabled){background-color:var(--puikit-button-clear-bg-success-pressed);color:var(--puikit-button-clear-text-color-success-pressed);--puikit-icon-color:var(--puikit-button-clear-text-color-success-pressed)}.pui-button--clear.pui-button--color-warning{background-color:var(--puikit-button-clear-bg);color:var(--puikit-button-clear-text-color-warning);--puikit-icon-color:var(--puikit-button-clear-text-color-warning)}@media (hover:hover){.pui-button--clear.pui-button--color-warning:hover:not(:disabled){background-color:var(--puikit-button-clear-bg-warning-hover);color:var(--puikit-button-clear-text-color-warning-hover);--puikit-icon-color:var(--puikit-button-clear-text-color-warning-hover)}}.pui-button--clear.pui-button--color-warning:active:not(:disabled){background-color:var(--puikit-button-clear-bg-warning-pressed);color:var(--puikit-button-clear-text-color-warning-pressed);--puikit-icon-color:var(--puikit-button-clear-text-color-warning-pressed)}.pui-button--clear.pui-button--color-danger{background-color:var(--puikit-button-clear-bg);color:var(--puikit-button-clear-text-color-danger);--puikit-icon-color:var(--puikit-button-clear-text-color-danger)}@media (hover:hover){.pui-button--clear.pui-button--color-danger:hover:not(:disabled){background-color:var(--puikit-button-clear-bg-danger-hover);color:var(--puikit-button-clear-text-color-danger-hover);--puikit-icon-color:var(--puikit-button-clear-text-color-danger-hover)}}.pui-button--clear.pui-button--color-danger:active:not(:disabled){background-color:var(--puikit-button-clear-bg-danger-pressed);color:var(--puikit-button-clear-text-color-danger-pressed);--puikit-icon-color:var(--puikit-button-clear-text-color-danger-pressed)}.pui-button--clear.pui-button--color-info{background-color:var(--puikit-button-clear-bg);color:var(--puikit-button-clear-text-color-info);--puikit-icon-color:var(--puikit-button-clear-text-color-info)}@media (hover:hover){.pui-button--clear.pui-button--color-info:hover:not(:disabled){background-color:var(--puikit-button-clear-bg-info-hover);color:var(--puikit-button-clear-text-color-info-hover);--puikit-icon-color:var(--puikit-button-clear-text-color-info-hover)}}.pui-button--clear.pui-button--color-info:active:not(:disabled){background-color:var(--puikit-button-clear-bg-info-pressed);color:var(--puikit-button-clear-text-color-info-pressed);--puikit-icon-color:var(--puikit-button-clear-text-color-info-pressed)}.pui-button--clear.pui-button--color-primary{background-color:var(--puikit-button-clear-bg);color:var(--puikit-button-clear-text-color-primary);--puikit-icon-color:var(--puikit-button-clear-text-color-primary)}@media (hover:hover){.pui-button--clear.pui-button--color-primary:hover:not(:disabled){background-color:var(--puikit-button-clear-bg-primary-hover);color:var(--puikit-button-clear-text-color-primary-hover);--puikit-icon-color:var(--puikit-button-clear-text-color-primary-hover)}}.pui-button--clear.pui-button--color-primary:active:not(:disabled){background-color:var(--puikit-button-clear-bg-primary-pressed);color:var(--puikit-button-clear-text-color-primary-pressed);--puikit-icon-color:var(--puikit-button-clear-text-color-primary-pressed)}.pui-button--clear.pui-button--color-secondary{background-color:var(--puikit-button-clear-bg);color:var(--puikit-button-clear-text-color-secondary);--puikit-icon-color:var(--puikit-button-clear-text-color-secondary)}@media (hover:hover){.pui-button--clear.pui-button--color-secondary:hover:not(:disabled){background-color:var(--puikit-button-clear-bg-secondary-hover);color:var(--puikit-button-clear-text-color-secondary-hover);--puikit-icon-color:var(--puikit-button-clear-text-color-secondary-hover)}}.pui-button--clear.pui-button--color-secondary:active:not(:disabled){background-color:var(--puikit-button-clear-bg-secondary-pressed);color:var(--puikit-button-clear-text-color-secondary-pressed);--puikit-icon-color:var(--puikit-button-clear-text-color-secondary-pressed)}.pui-button--clear.pui-button--color-neutral{background-color:var(--puikit-button-clear-bg);color:var(--puikit-button-clear-text-color-neutral);--puikit-icon-color:var(--puikit-button-clear-text-color-neutral)}@media (hover:hover){.pui-button--clear.pui-button--color-neutral:hover:not(:disabled){background-color:var(--puikit-button-clear-bg-neutral-hover);color:var(--puikit-button-clear-text-color-neutral-hover);--puikit-icon-color:var(--puikit-button-clear-text-color-neutral-hover)}}.pui-button--clear.pui-button--color-neutral:active:not(:disabled){background-color:var(--puikit-button-clear-bg-neutral-pressed);color:var(--puikit-button-clear-text-color-neutral-pressed);--puikit-icon-color:var(--puikit-button-clear-text-color-neutral-pressed)}.pui-button__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.pui-button__icon svg{height:100%;width:100%}.pui-button--loading .pui-button__icon,.pui-button--loading .pui-button__text{opacity:0;transition:opacity var(--puikit-transition-fast)}.pui-button--loading{pointer-events:none}.pui-button__spinner{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.pui-button--truncate{max-width:inherit}.pui-button__badge{inset-inline-end:0;pointer-events:none;position:absolute;top:0;transform:translate(20%,-20%);z-index:1}
:root{--puikit-tooltip-background:var(--puikit-color-neutral-700);--puikit-tooltip-padding:var(--puikit-spacing-2);--puikit-tooltip-border-radius:var(--puikit-border-radius-2);--puikit-tooltip-max-width:300px;--puikit-tooltip-z-index:var(--puikit-z-index-10);--puikit-tooltip-border-color:var(--puikit-color-alpha-light-150);--puikit-tooltip-box-shadow:var(--puikit-shadow-down-m)}.pui-tooltip{background-color:var(--puikit-tooltip-background);border:1px solid var(--puikit-tooltip-border-color);border-radius:var(--puikit-tooltip-border-radius);box-shadow:var(--puikit-tooltip-box-shadow);box-sizing:border-box;max-width:var(--puikit-tooltip-max-width);padding:var(--puikit-tooltip-padding);z-index:var(--puikit-tooltip-z-index)}
:root{--puikit-field-label-gap:var(--puikit-gap-2);--puikit-field-helper-gap:var(--puikit-padding-1);--puikit-field-helper-margin-bottom:var(--puikit-padding-2);--puikit-field-label-required-gap:var(--puikit-padding-1);--puikit-field-font-family:var(--puikit-font-family-sans);--puikit-field-label-font-weight:var(--puikit-typography-weight-medium);--puikit-field-label-color:var(--puikit-color-text-primary);--puikit-field-helper-color:var(--puikit-color-text-secondary);--puikit-field-label-font-size:var(--puikit-typography-size-2);--puikit-field-helper-font-size:var(--puikit-typography-size-1);--puikit-field-label-font-size-s:var(--puikit-typography-size-1);--puikit-field-helper-font-size-s:var(--puikit-typography-size-1);--puikit-field-error-color:var(--puikit-color-danger-500);--puikit-field-required-color:var(--puikit-color-danger-500)}.pui-field{display:flex;flex-direction:column;font-family:var(--puikit-field-font-family),sans-serif;width:100%}.pui-field__label{align-items:center;display:flex;gap:var(--puikit-field-label-required-gap);margin-bottom:var(--puikit-field-label-gap);text-transform:capitalize}.pui-field__input{display:flex;flex-direction:column}.pui-field__helper{margin:var(--puikit-field-helper-gap) 0 var(--puikit-field-helper-margin-bottom)}.pui-field__helper--reserved{visibility:hidden}.pui-field--hide-helper .pui-field__helper,.pui-field--hide-label .pui-field__label{display:none}
:root{--puikit-text-input-size-s:var(--puikit-action-size-5);--puikit-text-input-size-m:var(--puikit-action-size-6);--puikit-text-input-padding-x-s:var(--puikit-padding-6);--puikit-text-input-padding-x-m:var(--puikit-padding-8);--puikit-text-input-font-size-s:var(--puikit-typography-size-2);--puikit-text-input-font-size-m:var(--puikit-typography-size-3);--puikit-text-input-font-family:var(--puikit-font-family-sans);--puikit-text-input-border-radius:var(--puikit-border-radius-2);--puikit-text-input-border-color:var(--puikit-color-alpha-light-500);--puikit-text-input-border-color-hover:var(--puikit-color-neutral-400);--puikit-text-input-border-color-focus:var(--puikit-color-brand-400);--puikit-text-input-border-color-error:var(--puikit-color-danger-500);--puikit-text-input-background:transparent;--puikit-text-input-background-hover:var(--puikit-color-alpha-neutral-130);--puikit-text-input-background-borderless:var(--puikit-color-alpha-neutral-130);--puikit-text-input-background-borderless-hover:var(--puikit-color-alpha-neutral-250);--puikit-text-input-background-borderless-error:var(--puikit-color-alpha-danger-130);--puikit-text-input-background-borderless-error-hover:var(--puikit-color-alpha-danger-70);--puikit-text-input-background-ghost:transparent;--puikit-text-input-background-ghost-hover:transparent;--puikit-text-input-required-color:var(--puikit-color-danger-500);--puikit-text-input-disabled-opacity:var(--puikit-opacity-disabled);--puikit-text-input-text-color:var(--puikit-color-text-primary);--puikit-text-input-placeholder-color:var(--puikit-color-text-tertiary);--puikit-text-input-clear-color:var(--puikit-color-text-secondary);--puikit-text-input-clear-color-hover:var(--puikit-color-text-primary);--puikit-text-input-prefix-color:var(--puikit-color-text-secondary);--puikit-text-input-required-gap:var(--puikit-spacing-1);--puikit-text-input-prefix-gap:var(--puikit-spacing-2);--puikit-text-input-icon-size-s:var(--puikit-icon-size-xs);--puikit-text-input-icon-size-m:var(--puikit-icon-size-s);--puikit-text-input-icons-gap:var(--puikit-gap-1);--puikit-text-input-padding-top-with-label-s:var(--puikit-padding-6);--puikit-text-input-padding-top-with-label-m:var(--puikit-padding-7);--puikit-text-input-label-top-shrunk-s:var(--puikit-padding-2);--puikit-text-input-label-top-shrunk-m:var(--puikit-padding-3);--puikit-text-input-label-color:var(--puikit-color-text-secondary);--puikit-text-input-label-font-size-shrunk:var(--puikit-typography-size-1)}.pui-text-input{align-items:center;background-color:var(--puikit-text-input-background);border-radius:var(--puikit-text-input-border-radius);box-sizing:border-box;display:inline-flex;font-family:var(--puikit-text-input-font-family),sans-serif;position:relative;transition:border-color var(--puikit-transition-fast),background-color var(--puikit-transition-fast),box-shadow var(--puikit-transition-fast);width:100%}.pui-text-input--s{font-size:var(--puikit-text-input-font-size-s);height:var(--puikit-text-input-size-s)}.pui-text-input--m{font-size:var(--puikit-text-input-font-size-m);height:var(--puikit-text-input-size-m)}.pui-text-input--s .pui-text-input__input{padding:0 var(--puikit-text-input-padding-x-s)}.pui-text-input--m .pui-text-input__input{padding:0 var(--puikit-text-input-padding-x-m)}.pui-text-input--outlined{border:1px solid var(--puikit-text-input-border-color)}@media (hover:hover){.pui-text-input--outlined:hover:not(.pui-text-input--disabled):not(.pui-text-input--readonly):not(.pui-text-input--focused):not(.pui-text-input--error){background-color:var(--puikit-text-input-background-hover);border-color:var(--puikit-text-input-border-color-hover)}}.pui-text-input--outlined.pui-text-input--focused{border-color:var(--puikit-text-input-border-color-focus)}.pui-text-input--outlined.pui-text-input--error{border-color:var(--puikit-text-input-border-color-error)}.pui-text-input--borderless{background-color:var(--puikit-text-input-background-borderless);border:none}@media (hover:hover){.pui-text-input--borderless:hover:not(.pui-text-input--disabled):not(.pui-text-input--readonly):not(.pui-text-input--focused):not(.pui-text-input--error){background-color:var(--puikit-text-input-background-borderless-hover)}}.pui-text-input--borderless.pui-text-input--error{background-color:var(--puikit-text-input-background-borderless-error)}@media (hover:hover){.pui-text-input--borderless.pui-text-input--error.pui-text-input--focused,.pui-text-input--borderless.pui-text-input--error:hover:not(.pui-text-input--disabled):not(.pui-text-input--readonly){background-color:var(--puikit-text-input-background-borderless-error-hover)}}.pui-text-input--ghost{background-color:var(--puikit-text-input-background-ghost);border:none}@media (hover:hover){.pui-text-input--ghost:hover:not(.pui-text-input--disabled):not(.pui-text-input--readonly):not(.pui-text-input--focused){background-color:var(--puikit-text-input-background-ghost-hover)}}.pui-text-input--ghost.pui-text-input--focused{background-color:transparent}.pui-text-input--ghost.pui-text-input--error .pui-text-input__input{color:var(--puikit-color-danger-500)}.pui-text-input--ghost .pui-text-input__input{padding-inline-end:0;padding-inline-start:0}.pui-text-input--ghost .pui-text-input__icons{padding-inline-end:0}.pui-text-input--ghost .pui-text-input__prefix{padding-inline-start:0!important}.pui-text-input--ghost .pui-text-input__postfix{padding-inline-end:0}.pui-text-input--ghost .pui-text-input__error-icon{padding-inline-end:0;padding-inline-start:var(--puikit-text-input-icons-gap)}.pui-text-input--ghost .pui-text-input__label{inset-inline-start:0}.pui-text-input--ghost.pui-text-input--with-prefix .pui-text-input__label{inset-inline-start:calc(var(--puikit-text-input-icon-size-m) + var(--puikit-text-input-prefix-gap))}.pui-text-input--ghost.pui-text-input--s.pui-text-input--with-prefix .pui-text-input__label{inset-inline-start:calc(var(--puikit-text-input-icon-size-s) + var(--puikit-text-input-prefix-gap))}.pui-text-input__body{flex:1;height:100%;min-width:0;position:relative}.pui-text-input__input{background:transparent;border:none;color:var(--puikit-text-input-text-color);font-family:inherit;font-size:inherit;height:100%;outline:none;width:100%}.pui-text-input__input::-moz-placeholder{color:var(--puikit-text-input-placeholder-color)}.pui-text-input__input::placeholder{color:var(--puikit-text-input-placeholder-color)}.pui-text-input__input:-webkit-autofill,.pui-text-input__input:-webkit-autofill:active,.pui-text-input__input:-webkit-autofill:focus,.pui-text-input__input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--puikit-text-input-background) inset!important;-webkit-text-fill-color:var(--puikit-text-input-text-color)!important;border-radius:var(--puikit-text-input-border-radius)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.pui-text-input--ghost .pui-text-input__input:-webkit-autofill,.pui-text-input--ghost .pui-text-input__input:-webkit-autofill:active,.pui-text-input--ghost .pui-text-input__input:-webkit-autofill:focus,.pui-text-input--ghost .pui-text-input__input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--puikit-text-input-background-ghost) inset!important}.pui-text-input--with-label .pui-text-input__input{padding-top:var(--puikit-text-input-padding-top-with-label-m)}.pui-text-input--s.pui-text-input--with-label .pui-text-input__input{padding-top:var(--puikit-text-input-padding-top-with-label-s)}.pui-text-input__label{color:var(--puikit-text-input-label-color);font-size:inherit;inset-inline-start:var(--puikit-text-input-padding-x-m);pointer-events:none;position:absolute;text-transform:capitalize;top:50%;transform:translateY(-50%);transform-origin:left center;transition:all var(--puikit-transition-fast)}[dir=rtl] .pui-text-input__label{transform-origin:right center}.pui-text-input__required{color:var(--puikit-text-input-required-color);margin-inline-start:var(--puikit-text-input-required-gap)}.pui-text-input--s .pui-text-input__label{inset-inline-start:var(--puikit-text-input-padding-x-s)}.pui-text-input--label-shrunk .pui-text-input__label{font-size:var(--puikit-text-input-label-font-size-shrunk);top:var(--puikit-text-input-label-top-shrunk-m);transform:translateY(0)}.pui-text-input--s.pui-text-input--label-shrunk .pui-text-input__label{top:var(--puikit-text-input-label-top-shrunk-s)}.pui-text-input__icons{align-items:center;display:flex;gap:var(--puikit-text-input-icons-gap);padding-inline-end:var(--puikit-text-input-padding-x-m)}.pui-text-input--s .pui-text-input__icons{padding-inline-end:var(--puikit-text-input-padding-x-s)}.pui-text-input__clear{align-items:center;background:transparent;border:none;color:var(--puikit-text-input-clear-color);cursor:pointer;display:flex;justify-content:center;margin:calc(var(--puikit-spacing-1)*-1);padding:var(--puikit-spacing-1);transition:color var(--puikit-transition-fast)}@media (hover:hover){.pui-text-input__clear:hover{color:var(--puikit-text-input-clear-color-hover)}}.pui-text-input__error-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding-inline-end:var(--puikit-text-input-padding-x-m);padding-inline-start:var(--puikit-text-input-icons-gap)}.pui-text-input--s .pui-text-input__error-icon{padding-inline-end:var(--puikit-text-input-padding-x-s)}.pui-text-input--disabled{cursor:not-allowed;opacity:var(--puikit-text-input-disabled-opacity)}.pui-text-input--disabled .pui-text-input__input{cursor:not-allowed}.pui-text-input--readonly .pui-text-input__input{cursor:default}.pui-text-input--clickable .pui-text-input__input{cursor:pointer}.pui-text-input__postfix,.pui-text-input__prefix{align-items:center;color:var(--puikit-text-input-prefix-color);display:flex;flex-shrink:0;justify-content:center}.pui-text-input__prefix{padding-inline-start:var(--puikit-text-input-padding-x-m)}.pui-text-input__postfix{padding-inline-end:var(--puikit-text-input-padding-x-m)}.pui-text-input--s .pui-text-input__prefix{padding-inline-start:var(--puikit-text-input-padding-x-s)}.pui-text-input--s .pui-text-input__postfix{padding-inline-end:var(--puikit-text-input-padding-x-s)}.pui-text-input--with-postfix .pui-text-input__icons{padding-inline-end:0}.pui-text-input--with-postfix .pui-text-input__postfix{padding-inline-start:var(--puikit-text-input-icons-gap)}.pui-text-input--with-error-icon .pui-text-input__icons,.pui-text-input--with-error-icon .pui-text-input__postfix{padding-inline-end:0}.pui-text-input--with-prefix .pui-text-input__input{padding-inline-start:var(--puikit-text-input-prefix-gap)}.pui-text-input--with-prefix .pui-text-input__label{inset-inline-start:calc(var(--puikit-text-input-padding-x-m) + var(--puikit-text-input-icon-size-m) + var(--puikit-text-input-prefix-gap))}.pui-text-input--s.pui-text-input--with-prefix .pui-text-input__label{inset-inline-start:calc(var(--puikit-text-input-padding-x-s) + var(--puikit-text-input-icon-size-s) + var(--puikit-text-input-prefix-gap))}
:root{--puikit-capsule-tabs-item-height-m:36px;--puikit-capsule-tabs-item-height-l:44px;--puikit-capsule-tabs-item-padding-m:0 var(--puikit-spacing-3);--puikit-capsule-tabs-item-padding-l:0 var(--puikit-spacing-4);--puikit-capsule-tabs-gap:var(--puikit-spacing-2);--puikit-capsule-tabs-item-gap:var(--puikit-spacing-2);--puikit-capsule-tabs-item-border-radius:var(--puikit-border-radius-2);--puikit-capsule-tabs-bg:color-mix(in srgb,var(--puikit-color-neutral-400) 13%,transparent);--puikit-capsule-tabs-text-color:var(--puikit-color-neutral-300);--puikit-capsule-tabs-text-color-hover:var(--puikit-color-text-primary);--puikit-capsule-tabs-text-color-pressed:var(--puikit-color-neutral-400);--puikit-capsule-tabs-bg-hover:color-mix(in srgb,var(--puikit-color-neutral-400) 25%,transparent);--puikit-capsule-tabs-bg-pressed:color-mix(in srgb,var(--puikit-color-neutral-500) 7%,transparent);--puikit-capsule-tabs-active-bg:var(--puikit-color-brand-500);--puikit-capsule-tabs-active-text-color:var(--puikit-color-text-primary);--puikit-capsule-tabs-focus-shadow-inner:var(--puikit-color-neutral-900);--puikit-capsule-tabs-focus-shadow-outer:var(--puikit-color-brand-500);--puikit-capsule-tabs-opacity-disabled:var(--puikit-opacity-disabled);--puikit-capsule-tabs-transition:var(--puikit-transition-fast);--puikit-capsule-tabs-scroll-shadow-color:var(--puikit-color-gray-900)}.pui-capsule-tabs{align-items:center;display:inline-flex;gap:var(--puikit-capsule-tabs-gap);max-width:100%;overflow-x:auto;scrollbar-width:none}.pui-capsule-tabs::-webkit-scrollbar{display:none}.pui-capsule-tabs.pui-drag-scrolling{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pui-capsule-tabs:after,.pui-capsule-tabs:before{align-self:stretch;bottom:0;content:"";flex-shrink:0;min-width:32px;opacity:0;pointer-events:none;position:sticky;top:0;transition:opacity var(--puikit-capsule-tabs-transition);z-index:2}.pui-capsule-tabs:before{background:linear-gradient(to right,var(--puikit-capsule-tabs-scroll-shadow-color,var(--puikit-color-gray-900)),transparent);inset-inline-start:0;margin-inline-end:calc(-32px - var(--puikit-capsule-tabs-gap))}.pui-capsule-tabs:after{background:linear-gradient(to left,var(--puikit-capsule-tabs-scroll-shadow-color,var(--puikit-color-gray-900)),transparent);inset-inline-end:0;margin-inline-start:calc(-32px - var(--puikit-capsule-tabs-gap))}.pui-capsule-tabs[data-scroll-end]:after,.pui-capsule-tabs[data-scroll-start]:before{opacity:1}.pui-capsule-tabs--truncate{overflow:hidden}.pui-capsule-tabs--truncate .pui-capsule-tabs__item{flex-shrink:1;min-width:0}.pui-capsule-tabs--horizontal{align-items:center;flex-direction:row}.pui-capsule-tabs--vertical{align-items:stretch;flex-direction:column}.pui-capsule-tabs--vertical .pui-capsule-tabs__item{justify-content:flex-start;width:100%}.pui-capsule-tabs__item{align-items:center;background-color:var(--puikit-capsule-tabs-bg);border:none;border-radius:var(--puikit-capsule-tabs-item-border-radius);box-sizing:border-box;color:var(--puikit-capsule-tabs-text-color);cursor:pointer;display:inline-flex;gap:var(--puikit-capsule-tabs-item-gap);justify-content:center;outline:none;position:relative;text-decoration:none;white-space:nowrap}@media (hover:hover){.pui-capsule-tabs__item:hover:not([aria-disabled=true]):not(.pui-capsule-tabs__item--active){background-color:var(--puikit-capsule-tabs-bg-hover);color:var(--puikit-capsule-tabs-text-color-hover)}}.pui-capsule-tabs__item--active{background-color:var(--puikit-capsule-tabs-active-bg);color:var(--puikit-capsule-tabs-active-text-color)}.pui-capsule-tabs__item[aria-disabled=true]:not(.pui-capsule-tabs__item--active){cursor:not-allowed;opacity:var(--puikit-capsule-tabs-opacity-disabled);pointer-events:none}.pui-capsule-tabs--vertical .pui-capsule-tabs__content-end{margin-inline-start:auto}.pui-capsule-tabs--m .pui-capsule-tabs__item{height:var(--puikit-capsule-tabs-item-height-m);padding:var(--puikit-capsule-tabs-item-padding-m)}.pui-capsule-tabs--l .pui-capsule-tabs__item{height:var(--puikit-capsule-tabs-item-height-l);padding:var(--puikit-capsule-tabs-item-padding-l)}.pui-capsule-tabs__item--with-badge{z-index:1}.pui-capsule-tabs__badge{inset-inline-end:0;pointer-events:none;position:absolute;top:0}[dir=rtl] .pui-capsule-tabs:before{background:linear-gradient(to left,var(--puikit-capsule-tabs-scroll-shadow-color,var(--puikit-color-gray-900)),transparent)}[dir=rtl] .pui-capsule-tabs:after{background:linear-gradient(to right,var(--puikit-capsule-tabs-scroll-shadow-color,var(--puikit-color-gray-900)),transparent)}
:root{--puikit-segmented-item-height-m:32px;--puikit-segmented-item-height-l:40px;--puikit-segmented-item-padding-m:0 var(--puikit-spacing-25);--puikit-segmented-item-padding-l:0 var(--puikit-spacing-3);--puikit-segmented-icon-item-padding-m:0 var(--puikit-spacing-15);--puikit-segmented-icon-item-padding-l:0 var(--puikit-spacing-25);--puikit-segmented-gap:var(--puikit-spacing-05);--puikit-segmented-container-padding:2px;--puikit-segmented-item-gap:var(--puikit-spacing-2);--puikit-segmented-border-radius:var(--puikit-border-radius-3);--puikit-segmented-item-border-radius:var(--puikit-border-radius-2);--puikit-segmented-bg:color-mix(in srgb,var(--puikit-color-gray-400) 13%,transparent);--puikit-segmented-text-color:var(--puikit-color-neutral-300);--puikit-segmented-text-color-hover:var(--puikit-color-text-primary);--puikit-segmented-text-color-pressed:var(--puikit-color-neutral-400);--puikit-segmented-bg-hover:color-mix(in srgb,var(--puikit-color-gray-400) 13%,transparent);--puikit-segmented-bg-pressed:color-mix(in srgb,var(--puikit-color-gray-400) 7%,transparent);--puikit-segmented-active-bg:var(--puikit-color-brand-500);--puikit-segmented-active-text-color:var(--puikit-color-text-primary);--puikit-segmented-focus-shadow-inner:var(--puikit-color-neutral-900);--puikit-segmented-focus-shadow-outer:var(--puikit-color-brand-500);--puikit-segmented-opacity-disabled:var(--puikit-opacity-disabled);--puikit-segmented-text-end-opacity:.57;--puikit-segmented-transition:var(--puikit-transition-fast)}.pui-segmented{align-items:center;background-color:var(--puikit-segmented-bg);border-radius:var(--puikit-segmented-border-radius);display:inline-flex;gap:var(--puikit-segmented-gap);max-width:100%;overflow-x:auto;padding:var(--puikit-segmented-container-padding);position:relative;scrollbar-width:none}.pui-segmented::-webkit-scrollbar{display:none}.pui-segmented.pui-drag-scrolling{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pui-segmented--truncate{overflow:hidden}.pui-segmented--truncate .pui-segmented__item{flex-shrink:1;min-width:0}.pui-segmented--block{display:flex;width:100%}.pui-segmented--block .pui-segmented__item{flex:1}.pui-segmented--m .pui-segmented__item{height:var(--puikit-segmented-item-height-m);padding:var(--puikit-segmented-item-padding-m)}.pui-segmented--m .pui-segmented__item--icon-only{padding:var(--puikit-segmented-icon-item-padding-m)}.pui-segmented--l .pui-segmented__item{height:var(--puikit-segmented-item-height-l);padding:var(--puikit-segmented-item-padding-l)}.pui-segmented--l .pui-segmented__item--icon-only{padding:var(--puikit-segmented-icon-item-padding-l)}.pui-segmented__item{align-items:center;background:none;border:none;border-radius:var(--puikit-segmented-item-border-radius);box-sizing:border-box;color:var(--puikit-segmented-text-color);cursor:pointer;display:inline-flex;gap:var(--puikit-segmented-item-gap);justify-content:center;outline:none;position:relative;text-decoration:none;white-space:nowrap}@media (hover:hover){.pui-segmented__item:hover:not([aria-disabled=true]):not(.pui-segmented__item--active){background-color:var(--puikit-segmented-bg-hover);color:var(--puikit-segmented-text-color-hover)}}.pui-segmented__item--active{background-color:var(--puikit-segmented-active-bg)!important;color:var(--puikit-segmented-active-text-color)!important}.pui-segmented__text-end{opacity:var(--puikit-segmented-text-end-opacity)}.pui-segmented__item[aria-disabled=true]:not(.pui-segmented__item--active){cursor:not-allowed;opacity:var(--puikit-segmented-opacity-disabled);pointer-events:none}.pui-segmented__item--with-badge{z-index:1}.pui-segmented__badge{inset-inline-end:0;pointer-events:none;position:absolute;top:0}
:root{--puikit-backdrop-bg:var(--puikit-color-black);--puikit-backdrop-z-index:var(--puikit-z-index-9);--puikit-backdrop-opacity:0.7}.pui-backdrop{background:var(--puikit-backdrop-bg);inset:0;opacity:var(--puikit-backdrop-opacity);position:fixed;z-index:var(--puikit-backdrop-z-index)}
:root{--puikit-bottom-sheet-bg:var(--puikit-color-neutral-700);--puikit-bottom-sheet-z-index:var(--puikit-z-index-10);--puikit-bottom-sheet-border-radius:16px;--puikit-bottom-sheet-max-height:80vh;--puikit-bottom-sheet-max-height:80dvh;--puikit-bottom-sheet-handle-bg:var(--puikit-color-neutral-400);--puikit-bottom-sheet-handle-width:52px;--puikit-bottom-sheet-handle-height:4px;--puikit-bottom-sheet-handle-offset:-12px;--puikit-bottom-sheet-handle-area-height:24px;--puikit-bottom-sheet-header-min-height:48px;--puikit-bottom-sheet-header-padding:var(--puikit-spacing-05) var(--puikit-spacing-3);--puikit-bottom-sheet-header-gap:var(--puikit-spacing-2);--puikit-bottom-sheet-header-side-min-width:var(--puikit-spacing-6);--puikit-bottom-sheet-header-border-color:var(--puikit-color-alpha-light-200);--puikit-bottom-sheet-animation-duration:0.25s;--puikit-bottom-sheet-animation-timing:ease-out}.pui-bottom-sheet{inset:0}.pui-bottom-sheet,.pui-bottom-sheet__panel{position:fixed;z-index:var(--puikit-bottom-sheet-z-index)}.pui-bottom-sheet__panel{background:var(--puikit-bottom-sheet-bg);border-radius:var(--puikit-bottom-sheet-border-radius) var(--puikit-bottom-sheet-border-radius) 0 0;bottom:0;box-sizing:border-box;inset-inline:0;max-height:var(--puikit-bottom-sheet-max-height);transform:translateY(100%)}.pui-bottom-sheet__panel--open{animation:pui-bottom-sheet-open var(--puikit-bottom-sheet-animation-duration) var(--puikit-bottom-sheet-animation-timing) forwards}.pui-bottom-sheet__panel--closing{animation:pui-bottom-sheet-close var(--puikit-bottom-sheet-animation-duration) var(--puikit-bottom-sheet-animation-timing) forwards}.pui-bottom-sheet__handle-area{align-items:center;cursor:grab;display:flex;height:var(--puikit-bottom-sheet-handle-area-height);position:absolute;top:calc(var(--puikit-bottom-sheet-handle-area-height)*-1);inset-inline:0;justify-content:center}.pui-bottom-sheet__handle{background:var(--puikit-bottom-sheet-handle-bg);border-radius:var(--puikit-bottom-sheet-handle-height);height:var(--puikit-bottom-sheet-handle-height);width:var(--puikit-bottom-sheet-handle-width)}.pui-bottom-sheet__header{align-items:center;border-bottom:1px solid var(--puikit-bottom-sheet-header-border-color);display:flex;gap:var(--puikit-bottom-sheet-header-gap);justify-content:space-between;min-height:var(--puikit-bottom-sheet-header-min-height);padding:var(--puikit-bottom-sheet-header-padding)}.pui-bottom-sheet__header-side{align-items:center;display:flex;flex:0 0 auto;min-width:var(--puikit-bottom-sheet-header-side-min-width)}.pui-bottom-sheet__header-center{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;text-align:center}.pui-bottom-sheet__header-center--no-back{align-items:flex-start;text-align:start}.pui-bottom-sheet__back-icon{transform:rotate(90deg)}.pui-bottom-sheet__content{overflow-y:auto}@keyframes pui-bottom-sheet-open{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pui-bottom-sheet-close{0%{transform:translateY(0)}to{transform:translateY(100%)}}
:root{--puikit-checkbox-size-s:var(--puikit-action-size-1);--puikit-checkbox-size-m:var(--puikit-action-size-2);--puikit-checkbox-size-l:var(--puikit-action-size-3);--puikit-checkbox-radius:var(--puikit-border-radius-2);--puikit-checkbox-border-color:var(--puikit-color-brand-400);--puikit-checkbox-border-color-hover:var(--puikit-color-brand-400);--puikit-checkbox-bg-checked:var(--puikit-color-brand-500);--puikit-checkbox-bg-checked-hover:var(--puikit-color-brand-400);--puikit-checkbox-focus-color:var(--puikit-color-brand-500);--puikit-checkbox-border-color-default:var(--puikit-color-neutral-500);--puikit-checkbox-border-color-secondary:var(--puikit-color-neutral-500);--puikit-checkbox-border-color-secondary-hover:var(--puikit-color-neutral-400);--puikit-checkbox-focus-shadow-outer:var(--puikit-color-neutral-900);--puikit-checkbox-disabled-opacity:var(--puikit-opacity-disabled);--puikit-checkbox-border-color-error:var(--puikit-color-danger-500);--puikit-checkbox-border-color-error-hover:var(--puikit-color-danger-400);--puikit-checkbox-bg-checked-error:var(--puikit-color-danger-500);--puikit-checkbox-bg-checked-error-hover:var(--puikit-color-danger-400);--puikit-checkbox-helper-gap:var(--puikit-gap-1);--puikit-checkbox-font-size-s:var(--puikit-typography-size-2);--puikit-checkbox-font-size-m:var(--puikit-typography-size-3);--puikit-checkbox-font-size-l:var(--puikit-typography-size-4);--puikit-checkbox-icon-color:var(--puikit-color-text-primary);--puikit-checkbox-label-gap:var(--puikit-spacing-2)}.pui-checkbox{align-items:stretch;display:inline-flex;flex-direction:column;gap:var(--puikit-checkbox-helper-gap)}.pui-checkbox__main{align-items:center;cursor:pointer;display:inline-flex;gap:var(--puikit-checkbox-label-gap)}.pui-checkbox--disabled .pui-checkbox__main{cursor:not-allowed}.pui-checkbox__helper--reserved{visibility:hidden}.pui-checkbox--disabled{cursor:not-allowed;opacity:var(--puikit-checkbox-disabled-opacity)}.pui-checkbox__input{height:0;opacity:0;position:absolute;width:0}.pui-checkbox__box{align-items:center;background-color:transparent;border:1px solid var(--puikit-checkbox-border-color-default);border-radius:var(--puikit-checkbox-radius);box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all .15s ease}.pui-checkbox--s .pui-checkbox__box{height:var(--puikit-checkbox-size-s);width:var(--puikit-checkbox-size-s)}.pui-checkbox--m .pui-checkbox__box{height:var(--puikit-checkbox-size-m);width:var(--puikit-checkbox-size-m)}.pui-checkbox--l .pui-checkbox__box{height:var(--puikit-checkbox-size-l);width:var(--puikit-checkbox-size-l)}.pui-checkbox__box{border-color:var(--puikit-checkbox-border-color-secondary)}@media (hover:hover){.pui-checkbox:hover:not(.pui-checkbox--disabled) .pui-checkbox__box{border-color:var(--puikit-checkbox-border-color)}}.pui-checkbox--checked .pui-checkbox__box,.pui-checkbox--indeterminate .pui-checkbox__box{background-color:var(--puikit-checkbox-bg-checked);border-color:var(--puikit-checkbox-bg-checked)}@media (hover:hover){.pui-checkbox--checked:hover:not(.pui-checkbox--disabled) .pui-checkbox__box,.pui-checkbox--indeterminate:hover:not(.pui-checkbox--disabled) .pui-checkbox__box{background-color:var(--puikit-checkbox-bg-checked-hover);border-color:var(--puikit-checkbox-bg-checked-hover)}}.pui-checkbox--error .pui-checkbox__box{border-color:var(--puikit-checkbox-border-color-error)}@media (hover:hover){.pui-checkbox--error:hover:not(.pui-checkbox--disabled) .pui-checkbox__box{border-color:var(--puikit-checkbox-border-color-error-hover)}}.pui-checkbox--error.pui-checkbox--checked .pui-checkbox__box,.pui-checkbox--error.pui-checkbox--indeterminate .pui-checkbox__box{background-color:var(--puikit-checkbox-bg-checked-error);border-color:var(--puikit-checkbox-bg-checked-error)}@media (hover:hover){.pui-checkbox--error.pui-checkbox--checked:hover:not(.pui-checkbox--disabled) .pui-checkbox__box,.pui-checkbox--error.pui-checkbox--indeterminate:hover:not(.pui-checkbox--disabled) .pui-checkbox__box{background-color:var(--puikit-checkbox-bg-checked-error-hover);border-color:var(--puikit-checkbox-bg-checked-error-hover)}}.pui-checkbox__input:focus-visible+.pui-checkbox__box{box-shadow:0 0 0 2px var(--puikit-checkbox-focus-shadow-outer),0 0 0 4px var(--puikit-checkbox-focus-color)}.pui-checkbox__icon{background-color:var(--puikit-checkbox-icon-color);display:block;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.pui-checkbox--s .pui-checkbox__icon{height:calc(var(--puikit-checkbox-size-s) - 5px);width:calc(var(--puikit-checkbox-size-s) - 5px)}.pui-checkbox--m .pui-checkbox__icon{height:calc(var(--puikit-checkbox-size-m) - 5px);width:calc(var(--puikit-checkbox-size-m) - 5px)}.pui-checkbox--l .pui-checkbox__icon{height:calc(var(--puikit-checkbox-size-l) - 5px);width:calc(var(--puikit-checkbox-size-l) - 5px)}.pui-checkbox__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}
:root{--puikit-radio-size-s:var(--puikit-action-size-1);--puikit-radio-size-m:var(--puikit-action-size-2);--puikit-radio-size-l:var(--puikit-action-size-3);--puikit-radio-border-color:var(--puikit-color-brand-400);--puikit-radio-border-color-hover:var(--puikit-color-brand-400);--puikit-radio-dot-color:var(--puikit-color-brand-400);--puikit-radio-focus-color:var(--puikit-color-brand-500);--puikit-radio-border-color-default:var(--puikit-color-neutral-500);--puikit-radio-border-color-secondary:var(--puikit-color-neutral-500);--puikit-radio-border-color-secondary-hover:var(--puikit-color-neutral-400);--puikit-radio-focus-shadow-outer:var(--puikit-color-neutral-900);--puikit-radio-font-size-s:var(--puikit-typography-size-2);--puikit-radio-font-size-m:var(--puikit-typography-size-3);--puikit-radio-font-size-l:var(--puikit-typography-size-4);--puikit-radio-description-font-size-s:var(--puikit-typography-size-1);--puikit-radio-description-font-size-m:var(--puikit-typography-size-2);--puikit-radio-description-font-size-l:var(--puikit-typography-size-3);--puikit-radio-font-family:var(--puikit-font-family-sans);--puikit-radio-label-color:var(--puikit-color-text-primary);--puikit-radio-description-color:var(--puikit-color-text-secondary);--puikit-radio-label-gap:var(--puikit-spacing-2);--puikit-radio-disabled-opacity:var(--puikit-opacity-disabled)}.pui-radio{align-items:center;cursor:pointer;display:inline-flex;gap:var(--puikit-radio-label-gap)}.pui-radio--disabled{cursor:not-allowed;opacity:var(--puikit-radio-disabled-opacity)}.pui-radio__input{height:0;opacity:0;position:absolute;width:0}.pui-radio__circle{align-items:center;background-color:transparent;border:1px solid var(--puikit-radio-border-color-default);border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all .15s ease}.pui-radio--s .pui-radio__circle{height:var(--puikit-radio-size-s);width:var(--puikit-radio-size-s)}.pui-radio--m .pui-radio__circle{height:var(--puikit-radio-size-m);width:var(--puikit-radio-size-m)}.pui-radio--l .pui-radio__circle{height:var(--puikit-radio-size-l);width:var(--puikit-radio-size-l)}.pui-radio__circle{border-color:var(--puikit-radio-border-color-secondary)}@media (hover:hover){.pui-radio:hover:not(.pui-radio--disabled) .pui-radio__circle{border-color:var(--puikit-radio-border-color)}}.pui-radio--checked .pui-radio__circle{border-color:var(--puikit-radio-border-color)}@media (hover:hover){.pui-radio--checked:hover:not(.pui-radio--disabled) .pui-radio__circle{border-color:var(--puikit-radio-border-color-hover)}}.pui-radio__input:focus-visible+.pui-radio__circle{box-shadow:0 0 0 2px var(--puikit-radio-focus-shadow-outer),0 0 0 4px var(--puikit-radio-focus-color)}.pui-radio__dot{background-color:var(--puikit-radio-dot-color);border-radius:50%}.pui-radio--s .pui-radio__dot{height:calc(var(--puikit-radio-size-s) - 8px);width:calc(var(--puikit-radio-size-s) - 8px)}.pui-radio--m .pui-radio__dot{height:calc(var(--puikit-radio-size-m) - 10px);width:calc(var(--puikit-radio-size-m) - 10px)}.pui-radio--l .pui-radio__dot{height:calc(var(--puikit-radio-size-l) - 12px);width:calc(var(--puikit-radio-size-l) - 12px)}.pui-radio__content{display:flex;flex-direction:column}.pui-radio__description,.pui-radio__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}
:root{--puikit-empty-padding-y:var(--puikit-spacing-4);--puikit-empty-image-size:48px;--puikit-empty-gap:var(--puikit-spacing-2);--puikit-empty-text-gap:var(--puikit-spacing-1);--puikit-empty-text-actions-gap:var(--puikit-spacing-2);--puikit-empty-actions-gap:var(--puikit-spacing-2)}.pui-empty{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--puikit-empty-gap);justify-content:center;min-height:0;padding-bottom:var(--puikit-empty-padding-y);padding-top:var(--puikit-empty-padding-y);text-align:center}.pui-empty__image{height:var(--puikit-empty-image-size);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--puikit-empty-image-size)}.pui-empty__text{align-items:center;display:flex;flex-direction:column;gap:var(--puikit-empty-text-gap)}.pui-empty__actions{align-items:center;display:flex;gap:var(--puikit-empty-actions-gap);margin-top:var(--puikit-empty-text-actions-gap)}
:root{--puikit-list-gap:var(--puikit-gap-1);--puikit-list-padding:var(--puikit-padding-2);--puikit-list-border-radius:var(--puikit-border-radius-2)}.pui-list{border-radius:var(--puikit-list-border-radius);display:flex;flex-direction:column;gap:var(--puikit-list-gap);padding:var(--puikit-list-padding)}.pui-list--scrollable{overflow-y:scroll}.pui-list__spinner{display:flex;justify-content:center;padding:var(--puikit-list-padding)}
:root{--puikit-popover-width:320px;--puikit-popover-border-radius:var(--puikit-border-radius-3);--puikit-popover-background:var(--puikit-color-neutral-700);--puikit-popover-border-color:var(--puikit-color-alpha-light-150);--puikit-popover-shadow:0 4px 16px rgba(0,0,0,.24);--puikit-popover-header-gap:var(--puikit-gap-2);--puikit-popover-header-padding-x:var(--puikit-padding-8);--puikit-popover-header-padding-y:var(--puikit-padding-4);--puikit-popover-header-border-color:var(--puikit-popover-border-color);--puikit-popover-content-padding-x:var(--puikit-padding-8);--puikit-popover-content-padding-y:var(--puikit-padding-4);--puikit-popover-footer-gap:var(--puikit-gap-2);--puikit-popover-footer-padding-x:var(--puikit-padding-8);--puikit-popover-footer-padding-y:var(--puikit-padding-4);--puikit-popover-footer-border-color:var(--puikit-popover-border-color);--puikit-popover-content-max-height:200px}.pui-popover{background:var(--puikit-popover-background);border:1px solid var(--puikit-popover-border-color);border-radius:var(--puikit-popover-border-radius);box-shadow:var(--puikit-popover-shadow);flex-direction:column;width:var(--puikit-popover-width);z-index:var(--puikit-z-index-5)}.pui-popover,.pui-popover__header{box-sizing:border-box;display:flex}.pui-popover__header{align-items:center;border-bottom:1px solid var(--puikit-popover-header-border-color);gap:var(--puikit-popover-header-gap);justify-content:space-between;padding:var(--puikit-popover-header-padding-y) var(--puikit-popover-header-padding-x)}.pui-popover__close{flex-shrink:0}.pui-popover__content{padding:var(--puikit-popover-content-padding-y) var(--puikit-popover-content-padding-x)}.pui-popover__footer{align-items:center;border-top:1px solid var(--puikit-popover-footer-border-color);display:flex;gap:var(--puikit-popover-footer-gap);justify-content:flex-end;padding:var(--puikit-popover-footer-padding-y) var(--puikit-popover-footer-padding-x)}
:root{--puikit-select-dropdown-max-height:220px;--puikit-select-bottom-sheet-list-height:50vh;--puikit-select-bottom-sheet-list-height:50dvh;--puikit-select-bottom-sheet-list-max-height:80vh;--puikit-select-bottom-sheet-list-max-height:80dvh;--puikit-select-dropdown-width:100%;--puikit-select-dropdown-padding-x:var(--puikit-padding-4);--puikit-select-dropdown-padding-y:var(--puikit-padding-4);--puikit-select-chevron-transition:transform 150ms ease;--puikit-select-search-padding-x:var(--puikit-padding-8);--puikit-select-item-padding:12px 8px;--puikit-select-item-gap:var(--puikit-spacing-2);--puikit-select-item-content-color:var(--puikit-color-text-primary);--puikit-select-list-gap:0}.pui-select{display:inline-flex;flex-direction:column;position:relative;width:100%}.pui-select__trigger{cursor:pointer}@media (hover:hover){.pui-select:not(.pui-select--disabled):not(.pui-select--open):not(.pui-select--error):hover .pui-text-input--outlined{background-color:var(--puikit-text-input-background-hover);border-color:var(--puikit-text-input-border-color-hover)}.pui-select:not(.pui-select--disabled):not(.pui-select--open):hover .pui-text-input--borderless{background-color:var(--puikit-text-input-background-borderless-hover)}}.pui-select--disabled{opacity:var(--puikit-text-input-disabled-opacity)}.pui-select--disabled .pui-text-input--disabled{opacity:1}.pui-select--disabled .pui-select__trigger,.pui-select--disabled .pui-select__trigger .pui-text-input__input{cursor:not-allowed}.pui-select--open{--puikit-text-input-border-color:var(--puikit-text-input-border-color-focus);--puikit-text-input-border-color-hover:var(--puikit-text-input-border-color-focus);--puikit-text-input-background-hover:transparent}.pui-select--open .pui-text-input--borderless{background-color:var(--puikit-text-input-background-borderless)}.pui-select--error{--puikit-text-input-border-color:var(--puikit-text-input-border-color-error);--puikit-text-input-border-color-hover:var(--puikit-text-input-border-color-error);--puikit-text-input-border-color-focus:var(--puikit-text-input-border-color-error);--puikit-text-input-background-hover:transparent}.pui-select__postfix{align-items:center;display:flex;gap:var(--puikit-select-item-gap)}.pui-select__chevron{align-items:center;display:flex;justify-content:center;pointer-events:none;transition:var(--puikit-select-chevron-transition)}.pui-select--open .pui-select__chevron{transform:rotate(180deg)}.pui-select__dropdown{--puikit-popover-width:100%;--puikit-popover-content-padding-x:0;--puikit-popover-content-padding-y:0}.pui-select__search{border-bottom:1px solid var(--puikit-color-alpha-light-100);padding:0 var(--puikit-select-search-padding-x)}.pui-select__list{--puikit-list-padding:var(--puikit-select-dropdown-padding-y) var(--puikit-select-dropdown-padding-x);--puikit-list-gap:var(--puikit-select-list-gap);--puikit-scroll-thumb-color:var(--puikit-color-alpha-light-100);--puikit-scroll-thumb-color-hover:var(--puikit-color-alpha-light-100);max-height:var(--puikit-select-dropdown-max-height);overflow-y:auto}.pui-select__dropdown--searchable .pui-select__list{height:var(--puikit-select-dropdown-max-height)}.pui-select__item{align-items:center;cursor:pointer;display:flex;gap:var(--puikit-select-item-gap);justify-content:space-between;padding:var(--puikit-select-item-padding)}.pui-select__item--disabled{cursor:not-allowed}.pui-select__item-content{color:var(--puikit-select-item-content-color);flex:1;min-width:0}.pui-select__item-checkbox,.pui-select__item-radio{flex-shrink:0}@media (hover:hover){.pui-select__item:not(.pui-select__item--disabled):hover{background:var(--puikit-color-alpha-light-100);border-radius:var(--puikit-border-radius-2)}.pui-select__item:not(.pui-select__item--disabled):hover .pui-radio__circle{border-color:var(--puikit-radio-border-color)}.pui-select__item:not(.pui-select__item--disabled):hover .pui-checkbox__box{border-color:var(--puikit-checkbox-border-color)}}.pui-select__bottom-sheet{--puikit-bottom-sheet-max-height:90vh;--puikit-bottom-sheet-max-height:90dvh}.pui-select__bottom-sheet .pui-select__list{max-height:var(--puikit-select-bottom-sheet-list-max-height)}.pui-select__bottom-sheet.pui-select__dropdown--searchable .pui-select__list{height:var(--puikit-select-bottom-sheet-list-height);max-height:var(--puikit-select-bottom-sheet-list-height)}
:root{--puikit-badge-dot-size-s:6px;--puikit-badge-dot-size-m:8px;--puikit-badge-dot-size-l:10px;--puikit-badge-content-size-s:var(--puikit-action-size-1);--puikit-badge-content-size-m:var(--puikit-action-size-2);--puikit-badge-content-size-l:var(--puikit-action-size-3);--puikit-badge-padding-x-s:var(--puikit-padding-2);--puikit-badge-padding-x-m:var(--puikit-padding-2);--puikit-badge-padding-x-l:var(--puikit-padding-3);--puikit-badge-border-radius:9999px;--puikit-badge-bg-success:var(--puikit-color-success-500);--puikit-badge-bg-warning:var(--puikit-color-warning-500);--puikit-badge-bg-danger:var(--puikit-color-danger-500);--puikit-badge-bg-info:var(--puikit-color-info-500);--puikit-badge-bg-primary:var(--puikit-color-brand-500);--puikit-badge-bg-secondary:var(--puikit-color-secondary-500);--puikit-badge-bg-neutral:var(--puikit-color-neutral-500);--puikit-badge-text-color:var(--puikit-color-text-primary)}.pui-badge{align-items:center;border-radius:var(--puikit-badge-border-radius);color:var(--puikit-badge-text-color);display:inline-flex;flex-shrink:0;justify-content:center}.pui-badge__text{line-height:1}.pui-badge--dot.pui-badge--s{height:var(--puikit-badge-dot-size-s);width:var(--puikit-badge-dot-size-s)}.pui-badge--dot.pui-badge--m{height:var(--puikit-badge-dot-size-m);width:var(--puikit-badge-dot-size-m)}.pui-badge--dot.pui-badge--l{height:var(--puikit-badge-dot-size-l);width:var(--puikit-badge-dot-size-l)}.pui-badge--icon.pui-badge--s{height:var(--puikit-badge-content-size-s);width:var(--puikit-badge-content-size-s)}.pui-badge--icon.pui-badge--m{height:var(--puikit-badge-content-size-m);width:var(--puikit-badge-content-size-m)}.pui-badge--icon.pui-badge--l{height:var(--puikit-badge-content-size-l);width:var(--puikit-badge-content-size-l)}.pui-badge--text.pui-badge--s{height:var(--puikit-badge-content-size-s);min-width:var(--puikit-badge-content-size-s);padding-inline:var(--puikit-badge-padding-x-s)}.pui-badge--text.pui-badge--m{height:var(--puikit-badge-content-size-m);min-width:var(--puikit-badge-content-size-m);padding-inline:var(--puikit-badge-padding-x-m)}.pui-badge--text.pui-badge--l{height:var(--puikit-badge-content-size-l);min-width:var(--puikit-badge-content-size-l);padding-inline:var(--puikit-badge-padding-x-l)}.pui-badge--success{background-color:var(--puikit-badge-bg-success)}.pui-badge--warning{background-color:var(--puikit-badge-bg-warning)}.pui-badge--danger{background-color:var(--puikit-badge-bg-danger)}.pui-badge--info{background-color:var(--puikit-badge-bg-info)}.pui-badge--primary{background-color:var(--puikit-badge-bg-primary)}.pui-badge--secondary{background-color:var(--puikit-badge-bg-secondary)}.pui-badge--neutral{background-color:var(--puikit-badge-bg-neutral)}
:root{--puikit-switcher-color-default:var(--puikit-color-neutral-600);--puikit-switcher-color-active:var(--puikit-color-brand-400);--puikit-switcher-thumb-color:var(--puikit-color-text-primary);--puikit-switcher-focus-color:var(--puikit-color-brand-500);--puikit-switcher-track-width-s:27px;--puikit-switcher-track-height-s:16px;--puikit-switcher-thumb-size-s:12px;--puikit-switcher-thumb-offset-s:2px;--puikit-switcher-track-width-m:33px;--puikit-switcher-track-height-m:20px;--puikit-switcher-thumb-size-m:16px;--puikit-switcher-thumb-offset-m:2px;--puikit-switcher-track-width-l:40px;--puikit-switcher-track-height-l:24px;--puikit-switcher-thumb-size-l:20px;--puikit-switcher-thumb-offset-l:2px;--puikit-switcher-label-gap:var(--puikit-spacing-2);--puikit-switcher-disabled-opacity:0.4}.pui-switcher{align-items:center;display:inline-flex;gap:var(--puikit-switcher-label-gap)}.pui-switcher--disabled{opacity:var(--puikit-switcher-disabled-opacity)}.pui-switcher--disabled .pui-switcher__track{cursor:not-allowed}.pui-switcher--loading .pui-switcher__track{cursor:wait}.pui-switcher__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pui-switcher__track{align-items:center;background-color:var(--puikit-switcher-color-default);border:none;border-radius:9999px;cursor:pointer;display:inline-flex;padding:0;position:relative;transition:background-color var(--puikit-transition-fast)}.pui-switcher__track:focus-visible{outline:2px solid var(--puikit-switcher-focus-color);outline-offset:2px}.pui-switcher__thumb{align-items:center;background-color:var(--puikit-switcher-thumb-color);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);display:flex;justify-content:center;position:absolute;transition:transform var(--puikit-transition-fast)}.pui-switcher--s .pui-switcher__track{height:var(--puikit-switcher-track-height-s);width:var(--puikit-switcher-track-width-s)}.pui-switcher--s .pui-switcher__thumb{height:var(--puikit-switcher-thumb-size-s);inset-inline-start:var(--puikit-switcher-thumb-offset-s);width:var(--puikit-switcher-thumb-size-s)}.pui-switcher--s.pui-switcher--checked .pui-switcher__thumb{transform:translateX(calc(var(--puikit-switcher-track-width-s) - var(--puikit-switcher-thumb-size-s) - var(--puikit-switcher-thumb-offset-s)*2))}[dir=rtl] .pui-switcher--s.pui-switcher--checked .pui-switcher__thumb{transform:translateX(calc(var(--puikit-switcher-track-width-s)*-1 - var(--puikit-switcher-thumb-size-s)*-1 - var(--puikit-switcher-thumb-offset-s)*2*-1))}.pui-switcher--m .pui-switcher__track{height:var(--puikit-switcher-track-height-m);width:var(--puikit-switcher-track-width-m)}.pui-switcher--m .pui-switcher__thumb{height:var(--puikit-switcher-thumb-size-m);inset-inline-start:var(--puikit-switcher-thumb-offset-m);width:var(--puikit-switcher-thumb-size-m)}.pui-switcher--m.pui-switcher--checked .pui-switcher__thumb{transform:translateX(calc(var(--puikit-switcher-track-width-m) - var(--puikit-switcher-thumb-size-m) - var(--puikit-switcher-thumb-offset-m)*2))}[dir=rtl] .pui-switcher--m.pui-switcher--checked .pui-switcher__thumb{transform:translateX(calc(var(--puikit-switcher-track-width-m)*-1 - var(--puikit-switcher-thumb-size-m)*-1 - var(--puikit-switcher-thumb-offset-m)*2*-1))}.pui-switcher--l .pui-switcher__track{height:var(--puikit-switcher-track-height-l);width:var(--puikit-switcher-track-width-l)}.pui-switcher--l .pui-switcher__thumb{height:var(--puikit-switcher-thumb-size-l);inset-inline-start:var(--puikit-switcher-thumb-offset-l);width:var(--puikit-switcher-thumb-size-l)}.pui-switcher--l.pui-switcher--checked .pui-switcher__thumb{transform:translateX(calc(var(--puikit-switcher-track-width-l) - var(--puikit-switcher-thumb-size-l) - var(--puikit-switcher-thumb-offset-l)*2))}[dir=rtl] .pui-switcher--l.pui-switcher--checked .pui-switcher__thumb{transform:translateX(calc(var(--puikit-switcher-track-width-l)*-1 - var(--puikit-switcher-thumb-size-l)*-1 - var(--puikit-switcher-thumb-offset-l)*2*-1))}.pui-switcher--checked .pui-switcher__track{background-color:var(--puikit-switcher-color-active)}