@layer components{
.karo-alan{display:grid;grid-template-columns:1fr;gap:6px}
.karo-alan__etiket,.karo-alan-etiketi{position:static;color:var(--text);font-size:.82rem;font-weight:720}
.karo-alan__ikon{display:none}
.karo-alan__kontrol,.karo-alan-kontrolu{inline-size:100%;min-block-size:48px;border:0;background:transparent;color:var(--text);padding:11px 13px;font:inherit;outline:0}
.karo-alan:not(:has(textarea)){border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding-block-start:5px}
.karo-alan:not(:has(textarea)) .karo-alan__etiket{padding-inline:12px}
.karo-alan:not(:has(textarea)):focus-within{border-color:color-mix(in srgb,var(--action) 65%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--action) 11%,transparent)}
.karo-alan[data-state="error"]{border-color:var(--danger)}
.karo-alan[data-state="success"]{border-color:#4b8b68}
.karo-alan__mesaj{display:none;color:var(--danger);font-size:.76rem}
.karo-alan[data-state="error"]+.karo-alan__mesaj{display:block}
.karo-onay-girdisi{accent-color:var(--action);inline-size:1.05rem;block-size:1.05rem}
.karo-onay-girdisi:focus-visible{outline-offset:3px}
}