@layer theme,base,components;@layer siteplane{.sp-textarea-control{--sp-semantic-color-background:var(--color-white);--sp-semantic-color-border:#00000014;--sp-semantic-color-destructive:var(--color-red-500);--sp-semantic-color-foreground:var(--color-neutral-800);--sp-semantic-color-input:#0000001a;--sp-semantic-color-ring:var(--color-neutral-400);--input:#0000001a;--ring:var(--color-neutral-400);--textarea-resize-handle-color:var(--input);--textarea-resize-handle-color-focus:var(--ring);--textarea-surface-subtle:#0000000a}.sp-base-textarea[data-profile=input-group]{display:contents}.sp-base-textarea[data-profile=input-group]:before{display:none}.sp-base-textarea[data-profile=input-group] .sp-textarea{min-height:calc(var(--spacing) * 20.5);padding-block:calc(var(--spacing) * 2 - 1px);border-radius:0}@media not (min-width:40rem){.sp-base-textarea[data-profile=input-group] .sp-textarea{min-height:calc(var(--spacing) * 23.5)}}.sp-textarea-control:not([data-unstyled]):has(:disabled){background-color:var(--textarea-surface-subtle)}textarea.sp-textarea:focus-visible{--textarea-resize-handle-color:var(--textarea-resize-handle-color-focus)}textarea.sp-textarea::-webkit-resizer{background:linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 3px bottom 3px / 9px 9px no-repeat, linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 3px bottom 3px / 4.75px 4.75px no-repeat;border:0}[data-radius=none] textarea.sp-textarea::-webkit-resizer{background:linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 3px bottom 3px / 9px 9px no-repeat, linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 3px bottom 3px / 4.75px 4.75px no-repeat}[data-radius=sm] textarea.sp-textarea::-webkit-resizer{background:linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 3px bottom 3px / 9px 9px no-repeat, linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 3px bottom 3px / 4.75px 4.75px no-repeat}[data-radius=lg] textarea.sp-textarea::-webkit-resizer{background:linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 5px bottom 5px / 9px 9px no-repeat, linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 5px bottom 5px / 4.75px 4.75px no-repeat}[data-radius=xl] textarea.sp-textarea::-webkit-resizer{background:linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 6px bottom 6px / 8.5px 8.5px no-repeat, linear-gradient(135deg, transparent calc(50% - .65px), var(--textarea-resize-handle-color) 0 calc(50% + .65px), transparent 0) right 6px bottom 6px / 4.75px 4.75px no-repeat}.dark .sp-textarea-control,[data-theme=dark] .sp-textarea-control{--sp-semantic-color-background:color-mix(in srgb, var(--color-neutral-950) 95%, var(--color-white));--sp-semantic-color-border:#ffffff0f;--sp-semantic-color-destructive:color-mix(in srgb, var(--color-red-500) 90%, var(--color-white));--sp-semantic-color-foreground:var(--color-neutral-100);--sp-semantic-color-input:#ffffff14;--sp-semantic-color-ring:var(--color-neutral-500);--input:#ffffff14;--ring:var(--color-neutral-500);--textarea-surface-subtle:#ffffff0a}:is(.dark,[data-theme=dark]) .sp-textarea-control:not([data-unstyled]):has(:disabled){background-color:color-mix(in oklab, var(--sp-semantic-color-input) 32%, transparent)}}@layer utilities;