@layer components{.input-brand-container{display:inline-flex;flex-direction:column;gap:var(--space-unit-2);font-family:var(--font-family-body);font-size:var(--font-size-body-l);font-weight:var(--font-weight-normal);line-height:1.2;color:var(--text-inversed);margin-top:var(--space-unit-8)}.input-brand{inline-size:320px;block-size:var(--size-input-lg);min-height:var(--size-input-lg);position:relative;display:inline-flex;align-items:center;background:var(--color-primary);color:var(--text-inversed);border-radius:8px;box-shadow:none;border:none;padding-inline:12px;font-size:16px;font-weight:400;line-height:1.2;transition:background 300ms ease, color 200ms ease}.input-brand::placeholder{color:var(--tertiary-100)}.input-brand:hover:not(:disabled){background:var(--color-primary)}.input-brand:focus,.input-brand:focus-visible{outline:none;background:var(--color-primary)}.input-brand:disabled{background:var(--default-300);color:var(--default-100);cursor:not-allowed;pointer-events:none}.input-brand:disabled::placeholder{color:var(--default-100)}.input-brand__label{color:var(--text-inversed);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height)}.input-brand__hint{color:var(--text-inversed);font-size:var(--font-size-body-m);line-height:var(--line-height-normal);opacity:0.8}.input-brand__error{color:var(--danger-300);font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.input-brand--s{block-size:var(--size-input-md);min-height:var(--size-input-md);font-size:var(--font-size-body-m)}.input-brand--l{block-size:var(--space-unit-14);min-height:var(--space-unit-14);font-size:var(--font-size-h5)}.input-brand--primary{background:var(--color-primary)}.input-brand--primary:hover:not(:disabled){background:var(--color-primary)}.input-brand--primary:focus,.input-brand--primary:focus-visible{background:var(--color-primary)}.input-brand--secondary{background:var(--color-secondary)}.input-brand--secondary:hover:not(:disabled){background:var(--secondary-600)}.input-brand--secondary:focus,.input-brand--secondary:focus-visible{background:var(--secondary-600)}.input-brand--nocturnal{background:var(--color-nocturnal)}.input-brand--nocturnal:hover:not(:disabled){background:var(--tertiary-800)}.input-brand--nocturnal:focus,.input-brand--nocturnal:focus-visible{background:var(--tertiary-800)}.input-brand-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"control button" "hint    button" "error   button";column-gap:var(--space-unit-1);row-gap:var(--space-unit-1_5)}.input-brand-row>.input-brand{grid-area:control}.input-brand-row>.btn{grid-area:button;align-self:start;height:var(--size-input-lg)}.input-brand-row>.input-brand__hint{grid-area:hint}.input-brand-row>.input-brand__error{grid-area:error}@media (max-width: 480px){.input-brand-row{grid-template-columns:1fr;grid-template-areas:"control" "button" "hint" "error"}.input-brand-row>.btn{width:100%}}}