.fds-input-group{border:1px solid var(--input);border-radius:var(--radius-md);width:100%;min-width:0;box-shadow:var(--shadow);height:calc(var(--spacing)*9);outline:none;align-items:center;transition:color .2s,box-shadow .2s;display:flex;position:relative}.dark .fds-input-group{background-color:color-mix(in oklab,var(--input)30%,transparent)}.fds-input-group[data-disabled=true]{opacity:.5}.fds-input-group:has(>.fds-input-group__textarea){height:auto}.fds-input-group:has(>[data-align=inline-start])>[data-slot=input-group-control]{padding-left:calc(var(--spacing)*2)}.fds-input-group:has(>[data-align=inline-end])>[data-slot=input-group-control]{padding-right:calc(var(--spacing)*2)}.fds-input-group:has(>[data-align=block-start]){flex-direction:column;height:auto}.fds-input-group:has(>[data-align=block-start])>[data-slot=input-group-control]{padding-bottom:calc(var(--spacing)*3)}.fds-input-group:has(>[data-align=block-end]){flex-direction:column;height:auto}.fds-input-group:has(>[data-align=block-end])>[data-slot=input-group-control]{padding-top:calc(var(--spacing)*3)}.fds-input-group:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring)50%,transparent)}.fds-input-group:has([data-slot][aria-invalid=true]){box-shadow:0 0 0 3px color-mix(in oklab,var(--destructive)20%,transparent);border-color:var(--destructive)}.dark .fds-input-group:has([data-slot][aria-invalid=true]){box-shadow:0 0 0 3px color-mix(in oklab,var(--destructive)40%,transparent)}.fds-input-group__addon{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);height:auto;padding-top:calc(var(--spacing)*1.5);padding-bottom:calc(var(--spacing)*1.5);color:var(--muted-foreground);font-size:.875rem;font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;cursor:text;display:flex}.fds-input-group__addon svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.fds-input-group__addon kbd{border-radius:calc(var(--radius) - 5px)}[data-group=input-group][data-disabled=true] .fds-input-group__addon{opacity:.5}.fds-input-group__addon--align-inline-start{padding-left:calc(var(--spacing)*3);order:-1}:is(.fds-input-group__addon--align-inline-start:has(>button),.fds-input-group__addon--align-inline-start:has(>[data-slot=input-group-button])){margin-left:calc(var(--spacing)*-.45)}.fds-input-group__addon--align-inline-start:has(>kbd){margin-left:calc(var(--spacing)*-.35)}.fds-input-group__addon--align-inline-end{padding-right:calc(var(--spacing)*3);order:1}:is(.fds-input-group__addon--align-inline-end:has(>button),.fds-input-group__addon--align-inline-end:has(>[data-slot=input-group-button])){margin-right:calc(var(--spacing)*-.45)}.fds-input-group__addon--align-inline-end:has(>kbd){margin-right:calc(var(--spacing)*-.35)}.fds-input-group__addon--align-block-start{width:100%;padding-left:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*3);padding-top:calc(var(--spacing)*3);order:-1;justify-content:flex-start}.fds-input-group__addon--align-block-start.border-b{padding-bottom:calc(var(--spacing)*3)}[data-group=input-group]:has(>input) .fds-input-group__addon--align-block-start{padding-top:calc(var(--spacing)*2.5)}.fds-input-group__addon--align-block-end{width:100%;padding-left:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*3);order:1;justify-content:flex-start}.fds-input-group__addon--align-block-end.border-t{padding-top:calc(var(--spacing)*3)}[data-group=input-group]:has(>input) .fds-input-group__addon--align-block-end{padding-bottom:calc(var(--spacing)*2.5)}.fds-input-group__button{gap:calc(var(--spacing)*2);align-items:center;box-shadow:none!important;height:auto!important;padding:0!important;font-size:.875rem!important;display:flex!important}.fds-input-group__button--size-xs{gap:calc(var(--spacing)*1);height:calc(var(--spacing)*6)!important;padding:0 calc(var(--spacing)*2)!important;border-radius:calc(var(--radius) - 5px)!important}.fds-input-group__button--size-xs svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.fds-input-group__button--size-xs:has(>svg){padding-left:calc(var(--spacing)*2)!important;padding-right:calc(var(--spacing)*2)!important}.fds-input-group__button--size-sm{gap:calc(var(--spacing)*1.5);height:calc(var(--spacing)*8)!important;padding:0 calc(var(--spacing)*2.5)!important;border-radius:var(--radius-md)!important}.fds-input-group__button--size-sm:has(>svg){padding-left:calc(var(--spacing)*2.5)!important;padding-right:calc(var(--spacing)*2.5)!important}.fds-input-group__button--size-icon-xs{width:calc(var(--spacing)*6)!important;height:calc(var(--spacing)*6)!important;border-radius:calc(var(--radius) - 5px)!important;padding:0!important}.fds-input-group__button--size-icon-xs:has(>svg){padding:0!important}.fds-input-group__button--size-icon-sm{width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important;padding:0!important}.fds-input-group__button--size-icon-sm:has(>svg){padding:0!important}.fds-input-group__text{align-items:center;gap:calc(var(--spacing)*2);color:var(--muted-foreground);font-size:.875rem;display:flex}.fds-input-group__text svg{pointer-events:none}.fds-input-group__text svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.fds-input-group__input{flex:1;box-shadow:none!important;background-color:#0000!important;border:0 #0000!important;border-radius:0!important;outline:none!important;height:auto!important}.fds-input-group__input:focus-visible{box-shadow:none!important;border:0 #0000!important;outline:none!important}.fds-input-group__input[aria-invalid=true]{box-shadow:none!important;border:0 #0000!important}.dark .fds-input-group__input{background-color:#0000!important}.fds-input-group__textarea{resize:none;padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*3);flex:1;box-shadow:none!important;background-color:#0000!important;border:0 #0000!important;border-radius:0!important;outline:none!important;min-height:auto!important}.fds-input-group__textarea:focus-visible{box-shadow:none!important;border:0 #0000!important;outline:none!important}.fds-input-group__textarea[aria-invalid=true]{box-shadow:none!important;border:0 #0000!important}.dark .fds-input-group__textarea{background-color:#0000!important}