@utility input-root {
    @apply flex items-center justify-start min-h-[38px] px-[10px] rounded-control border-[var(--border-regular)] border-panel-subtle-border bg-white overflow-x-clip focus:border-control-active-border focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility textarea-root {
    @apply flex items-start justify-start min-h-[72px] px-[10px] py-[10px] rounded-control border-[var(--border-regular)] border-panel-subtle-border bg-white overflow-x-clip overflow-y-clip focus:border-control-active-border focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility input-range-root {
    @apply flex items-center justify-start min-h-[32px] overflow-visible;
}

@utility checkbox-root {
    @apply flex items-center justify-center rounded-ui border-[var(--border-regular)] border-panel-subtle-border bg-white focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility radio-root {
    @apply flex items-center justify-center rounded-pill border-[var(--border-regular)] border-panel-subtle-border bg-white focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility input-text {
    @apply text-control text-primary;
}

@utility image-root {
    @apply block overflow-visible;
}

@utility link-root {
    @apply flex items-center justify-start overflow-visible focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility link-label {
    @apply text-control;
}
