.badge{border-radius:var(--radius-medium);box-sizing:border-box;font-family:var(--typography-font-family-primary), sans-serif;font-size:var(--typography-font-size-body-extra-small,12px);font-weight:var(--typography-font-weight-medium,500);align-items:center;gap:var(--space-50);height:26px;letter-spacing:var(--typography-letter-spacing-wide,0);line-height:var(--typography-line-height-body-extra-small,14px);padding:0 var(--space-100);white-space:nowrap;display:inline-flex}.badge-icon-container{display:flex}.badge-icon-container svg{color:currentColor;height:var(--typography-font-size-body-extra-small,12px);width:var(--typography-font-size-body-extra-small,12px)}.badge-base{background-color:var(--color-background-inverse);color:var(--color-foreground-on-inverse)}.badge-accent{background-color:var(--color-background-accent);color:var(--color-foreground-on-accent)}.badge-success{background-color:var(--color-background-status-success);color:var(--color-foreground-on-success)}.badge-attention{background-color:var(--color-background-status-warning);color:var(--color-foreground-on-warning)}.badge-urgent{background-color:var(--color-background-status-error);color:var(--color-foreground-on-error)}.badge-base.badge-muted{background-color:var(--color-background-secondary);color:var(--color-foreground-primary)}.badge-accent.badge-muted{background-color:var(--color-background-accent-subtle);color:var(--color-foreground-accent)}.badge-success.badge-muted{background-color:var(--color-background-status-success-subtle);color:var(--color-foreground-status-success)}.badge-attention.badge-muted{background-color:var(--color-background-status-warning-subtle);color:var(--color-foreground-status-warning)}.badge-urgent.badge-muted{background-color:var(--color-background-status-error-subtle);color:var(--color-foreground-status-error)}@keyframes increase-dot{0%{transform:scale(1)}25%{transform:scale(2)}50%{transform:scale(1)}}.loader-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader-svg{width:100%;height:100%}.loader-svg.loader-fixed{width:var(--space-300);height:var(--space-300)}.loader-dot{fill:var(--loader-fill,currentColor);transform-origin:50%;transform-box:fill-box;animation:1.2s infinite increase-dot;display:block}.loader-dot-2{animation-delay:.3s}.loader-dot-3{animation-delay:.6s}:root{--button-height:48px;--button-padding:var(--space-300);--button-gap:var(--space-100);--button-icon-size:24px;--button-outline-width:2px;--button-outline-offset:2px}.btn{padding-inline:var(--button-padding);border-radius:var(--component-button-container-radius,4px);height:var(--button-height);justify-content:center;align-items:center;gap:var(--button-gap);font-family:var(--component-button-label-font-family,var(--typography-font-family-primary)), sans-serif;font-size:var(--typography-font-size-body-base);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-body-base);letter-spacing:var(--typography-letter-spacing-none,0);cursor:pointer;border:none;text-decoration:none;transition:none;display:inline-flex;position:relative;overflow:hidden}.btn:not(:disabled):before{content:"";transition:background-color var(--motion-time-fast) var(--motion-transition-linear);background-color:#0000;position:absolute;inset:0}.btn:focus-visible{outline:var(--button-outline-width) solid var(--color-border-focus);outline-offset:var(--button-outline-offset)}.btn svg{fill:currentColor!important;color:inherit!important}.btn-primary{background-color:var(--color-background-inverse);color:var(--color-foreground-on-inverse)}.btn-primary:hover:not(:disabled):before{background-color:var(--color-opacity-secondary-medium)}.btn-primary:active:not(:disabled):before{background-color:var(--color-opacity-secondary-strong)}.btn-primary:disabled{background-color:var(--color-background-disabled);color:var(--color-foreground-disabled);cursor:not-allowed}.btn-primary-accent{background-color:var(--color-background-accent);color:var(--color-foreground-on-accent)}.btn-primary-accent:hover:not(:disabled):before{background-color:var(--color-opacity-primary-medium)}.btn-primary-accent:active:not(:disabled):before{background-color:var(--color-opacity-primary-strong)}.btn-primary-accent:disabled{background-color:var(--color-background-disabled);color:var(--color-foreground-disabled);cursor:not-allowed}.btn-secondary{background-color:var(--color-background-action-secondary);color:var(--color-foreground-primary)}.btn-secondary:hover:not(:disabled):before{background-color:var(--color-opacity-primary-subtle)}.btn-secondary:active:not(:disabled):before{background-color:var(--color-opacity-primary-medium)}.btn-secondary:disabled{background-color:var(--color-background-disabled);color:var(--color-foreground-disabled);cursor:not-allowed}.btn-tertiary{color:var(--color-foreground-primary);box-sizing:border-box;border:var(--borderWidth-medium) solid var(--color-border-subtle);background-color:#0000}.btn-tertiary:hover:not(:disabled):before{background-color:var(--color-opacity-primary-subtle)}.btn-tertiary:active:not(:disabled):before{background-color:var(--color-opacity-primary-medium)}.btn-tertiary:disabled{background-color:inherit;color:var(--color-foreground-disabled);border-color:var(--color-border-disabled);cursor:not-allowed}.btn-ghost{background-color:var(--color-background-transparent);color:var(--color-foreground-primary);padding-inline:var(--space-0)}.btn-ghost:hover:not(:disabled):before{background-color:var(--color-opacity-primary-subtle)}.btn-ghost:active:not(:disabled):before{background-color:var(--color-opacity-primary-medium)}.btn-ghost:disabled{background-color:inherit;color:var(--color-foreground-disabled);cursor:not-allowed}.btn-ghost-accent{background-color:var(--color-background-transparent);color:var(--color-foreground-accent);padding-inline:var(--space-0)}.btn-ghost-accent:hover:not(:disabled):before{background-color:var(--color-opacity-primary-subtle)}.btn-ghost-accent:active:not(:disabled):before{background-color:var(--color-opacity-primary-medium)}.btn-ghost-accent:disabled{background-color:inherit;color:var(--color-foreground-disabled);cursor:not-allowed}.btn-ghost-inverse{background-color:var(--color-background-transparent);color:var(--color-foreground-on-dark);padding-inline:var(--space-0)}.btn-ghost-inverse:hover:not(:disabled):before{background-color:var(--color-opacity-secondary-subtle)}.btn-ghost-inverse:active:not(:disabled):before{background-color:var(--color-opacity-secondary-medium)}.btn-ghost-inverse:disabled{background-color:inherit;color:var(--color-foreground-disabled);cursor:not-allowed}.btn-on-photo{background-color:var(--color-opacity-overlay-backdrop-inverse);color:var(--color-foreground-on-light)}.btn-on-photo:hover:not(:disabled):before{background-color:var(--color-opacity-primary-subtle)}.btn-on-photo:active:not(:disabled):before{background-color:var(--color-opacity-primary-medium)}.btn-on-photo:disabled{background-color:var(--color-background-disabled);color:var(--color-foreground-disabled);cursor:not-allowed}.btn-small{--button-icon-size:20px;--button-height:40px;--button-padding:var(--space-200);font-size:var(--typography-font-size-body-small);line-height:var(--typography-line-height-body-small)}.btn-hug{width:fit-content}.btn-full-width{text-align:center;width:100%}.btn-icon-only{width:var(--button-height);padding-inline:0}.btn-icon-slot{width:var(--button-icon-size);height:var(--button-icon-size);justify-content:center;align-items:center;display:flex}.btn[data-loading=true]{pointer-events:none;cursor:default}.btn[data-loading=true] .btn-content{visibility:hidden}.btn-content{align-items:center;gap:var(--button-gap);display:inline-flex}.btn-loader{justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;inset:0}.btn-loader .loader-svg{width:var(--button-icon-size);height:var(--button-icon-size)}.btn[data-loading=true] .btn-loader{display:flex}.btn-ghost[data-loading=true],.btn-ghost-accent[data-loading=true],.btn-ghost-inverse[data-loading=true]{padding-inline:var(--button-padding)}.inline-message{align-items:flex-start;gap:var(--space-50);font-family:var(--typography-font-family-primary), sans-serif;font-size:var(--typography-font-size-body-extra-small);line-height:var(--typography-line-height-body-extra-small);display:inline-flex}.inline-message-icon{fill:currentColor;width:12px;height:12px;color:inherit;flex-shrink:0}.inline-message-information{color:var(--color-foreground-secondary)}.inline-message-error{color:var(--color-foreground-status-error)}.inline-message-warning{color:var(--color-foreground-status-warning)}.inline-message-success{color:var(--color-foreground-status-success)}.counter-wrapper{display:inline-flex;position:relative}.counter{border-radius:var(--component-counter-border-radius,9999px);box-sizing:border-box;font-family:var(--typography-font-family-primary), sans-serif;font-size:var(--typography-font-size-body-extra-small,12px);font-weight:var(--typography-font-weight-medium,500);align-items:center;gap:var(--space-50);transition:background-color var(--motion-time-regular) var(--motion-transition-ease-in-out), color var(--motion-time-regular) var(--motion-transition-ease-in-out);letter-spacing:var(--typography-letter-spacing-wide,0);line-height:var(--typography-line-height-body-extra-small,14px);min-height:22px;padding:2px var(--space-100);display:inline-flex}.counter-enter{animation:counter-bubble-in var(--motion-time-regular) var(--motion-transition-ease-out) both}@keyframes counter-bubble-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.counter-bump{animation:counter-bump var(--motion-time-regular) var(--motion-transition-ease-in-out)}@keyframes counter-bump{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.counter-absolute{top:calc(-1 * var(--space-50));right:calc(-1 * var(--space-50));z-index:1;position:absolute}.counter-icon-container{display:flex}.counter-icon-container svg{fill:currentColor;height:var(--typography-font-size-body-extra-small,12px);width:var(--typography-font-size-body-extra-small,12px)}.counter-accent{background-color:var(--color-background-accent);color:var(--color-foreground-on-accent)}.counter-secondary{background-color:var(--color-background-secondary);color:var(--color-foreground-primary)}.counter-on-photo{background-color:var(--color-opacity-overlay-backdrop);color:var(--color-foreground-on-dark)}.btn-icon{aspect-ratio:1;padding-inline:0}.input-field{--nx-input-height:48px;--nx-input-background:var(--color-background-primary);--nx-input-border-style:solid;--nx-input-padding-right:var(--space-200);row-gap:var(--space-50);grid-template-columns:1fr auto;grid-template-areas:"label label""input input""hint counter";display:grid}.input-field-label{font-size:var(--typography-font-size-body-small);line-height:var(--typography-line-height-body-small);font-weight:var(--typography-font-weight-regular);color:var(--color-foreground-secondary);grid-area:label}.input-field-wrapper{background:var(--nx-input-background);border-radius:var(--component-input-field-border-radius,var(--radius-medium));border-width:var(--component-input-field-border-width,1px);border-style:var(--nx-input-border-style);border-color:var(--component-input-field-border-color,var(--color-border-medium));box-sizing:border-box;align-items:center;gap:var(--space-50);min-height:var(--nx-input-height);padding:0 var(--space-200);padding-right:var(--nx-input-padding-right);grid-area:input;transition-property:background-color,border-color;transition-duration:.15s;transition-timing-function:ease;display:flex;position:relative;overflow:hidden}.input-field-wrapper:has(.input-field-input:focus){outline-offset:-1px;outline:2px solid var(--color-border-focus)}:is(.input-field-wrapper:has(.input-field-clear-btn),.input-field-wrapper:has(.input-field-trailing),.input-field-wrapper:has(.input-field-action),.input-field-wrapper:has(.input-field-loader),.input-field-wrapper:has(.input-field-success-icon)){--nx-input-padding-right:var(--space-50)}.input-field-input{caret-color:var(--color-border-focus);font-family:var(--typography-font-family-primary);font-size:var(--typography-font-size-body-base);font-weight:var(--typography-font-weight-regular);line-height:var(--typography-line-height-body-base);text-overflow:ellipsis;white-space:nowrap;height:100%;color:var(--color-foreground-primary);background:0 0;border:none;flex:1;order:2;min-width:0;padding:0}.input-field-input:focus{outline:none}.input-field-input::placeholder{color:var(--color-foreground-placeholder)}.input-field-input:disabled{color:var(--color-foreground-disabled);cursor:not-allowed}.input-field-leading{color:var(--color-foreground-secondary);order:1;align-items:center;display:flex}.input-field-leading svg{width:20px;height:20px}.input-field-trailing{margin-right:var(--space-150);color:var(--color-foreground-secondary);order:3;align-items:center;display:flex}.input-field-trailing svg{width:20px;height:20px}.input-field-clear-btn{order:4}.input-field-action{order:5}.input-field-success-icon{margin-right:var(--space-150);color:var(--color-foreground-status-success);order:6;align-items:center;display:flex}.input-field-success-icon svg{width:20px;height:20px}.input-field-loader{order:5;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.input-field-char-count{color:var(--color-foreground-secondary);font-size:var(--typography-font-size-body-extra-small);font-weight:var(--typography-font-weight-regular);line-height:var(--typography-line-height-body-extra-small);margin-left:var(--space-50);grid-area:counter;justify-self:end;display:inline-flex}.input-field-hint{grid-area:hint}.input-field[data-invalid=true] .input-field-wrapper{border-color:var(--color-background-status-error)}.input-field[data-invalid=true] .input-field-wrapper:has(.input-field-input:focus){outline-color:var(--color-background-status-error)}.input-field[data-invalid=true] .input-field-label,.input-field[data-invalid=true] .input-field-char-count{color:var(--color-foreground-status-error)}.input-field[data-success=true] .input-field-wrapper{border-color:var(--color-background-status-success)}.input-field[data-disabled=true] .input-field-wrapper{border-color:var(--color-background-disabled);background-color:var(--color-background-disabled)}.input-field[data-readonly=true] .input-field-wrapper{background-color:var(--color-background-disabled);border-color:#0000}.input-field[data-readonly=true] .input-field-wrapper:has(.input-field-input:focus){outline:none}