@square/maker/components/Textarea/styles.css

📚 Maker Design System by Square

.\1F4DA 4-7-016uz6{--color-background:rgba(0,0,0,0.05);--color-background-focus:hsla(0,0%,100%,0.95);--color-foreground:rgba(0,0,0,0.9);--color-placeholder:rgba(0,0,0,0.55);--color-disabled:rgba(0,0,0,0.3);--color-background-disabled:rgba(0,0,0,0.05);--color-border:transparent;--color-border-active:#222;--border-radius:8px;--color-error:#ce3217;--focus-shadow:0 0 0 2px rgba(34,34,34,0.3)}.\1F4DA 4-7-0118FQ{--color-background:#fff;--color-background-focus:#fff;--color-foreground:rgba(0,0,0,0.9);--color-placeholder:rgba(0,0,0,0.55);--color-disabled:rgba(0,0,0,0.3);--color-background-disabled:rgba(0,0,0,0.03);--color-border:rgba(0,0,0,0.15);--color-border-active:rgba(0,0,0,0.3);--border-radius:8px;--color-error:#ce3217;--focus-shadow:none}.\1F4DA 4-7-0IcRyt{box-sizing:border-box;width:100%;min-height:96px;padding:12px 16px;color:var(--color-foreground);font-size:16px;font-family:inherit;font-family:var(--font-family);line-height:24px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);outline:none;transition:border .2s ease,background-color .2s ease,color .2s ease;resize:none}.\1F4DA 4-7-0IcRyt::placeholder{color:var(--color-placeholder)}.\1F4DA 4-7-0IcRyt:disabled{color:var(--color-disabled);background-color:var(--color-background-disabled);cursor:not-allowed}.\1F4DA 4-7-0IcRyt:disabled::placeholder{color:var(--color-disabled)}.\1F4DA 4-7-0IcRyt:invalid{border-color:var(--color-error)}.\1F4DA 4-7-0IcRyt:hover:not(:disabled):not(:invalid){border-color:var(--color-border-active)}.\1F4DA 4-7-0IcRyt:active:not(:disabled):not(:invalid),.\1F4DA 4-7-0IcRyt:focus:not(:disabled):not(:invalid){background-color:var(--color-background-focus);border-color:var(--color-border-active);box-shadow:var(--focus-shadow)}.\1F4DA 4-7-0IcRyt:active:not(:disabled),.\1F4DA 4-7-0IcRyt:focus:not(:disabled){background-color:var(--color-background-focus)}.\1F4DA 4-7-0IcRyt.\1F4DA 4-7-01GXuk{resize:vertical}