maz-ui/dist/assets/MazTextarea.CvWx9Z_2.css

A standalone components library for Vue.Js 3 & Nuxt.Js 3

.m-textarea-wrapper[data-v-a2cece87]{flex-direction:column;gap:.5rem;display:flex}.m-textarea[data-v-a2cece87]{vertical-align:top;--maz-tw-text-opacity:1;min-height:6.25rem;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1));flex-direction:column;display:flex;position:relative}.m-textarea.--has-placeholder.--has-label textarea[data-v-a2cece87]{padding-top:.875rem}.m-textarea.--has-label:has(textarea:not(:placeholder-shown)) textarea[data-v-a2cece87]{padding-top:.875rem}.m-textarea.--has-label:has(textarea:-webkit-autofill) textarea[data-v-a2cece87]{padding-top:.875rem}.m-textarea[data-v-a2cece87]:not(.--background-transparent,.--is-disabled){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1))}.m-textarea[data-v-a2cece87]:not(.--background-transparent,.--is-disabled):is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-textarea.--border[data-v-a2cece87]:not(.--is-disabled){border-width:var(--maz-border-width);border-style:solid}.m-textarea.--border[data-v-a2cece87]:not(.--is-disabled):not(.--has-border-style){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1))}.m-textarea.--border[data-v-a2cece87]:not(.--is-disabled):not(.--has-border-style):is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400) / var(--maz-tw-border-opacity,1))}.m-textarea.--padding[data-v-a2cece87]{padding:.75rem 1rem}.m-textarea.--rounded-sm[data-v-a2cece87]{border-radius:calc(var(--maz-radius) - 8px)}.m-textarea.--rounded-md[data-v-a2cece87]{border-radius:calc(var(--maz-radius) - 4px)}.m-textarea.--rounded-base[data-v-a2cece87]{border-radius:var(--maz-radius)}.m-textarea.--rounded-lg[data-v-a2cece87]{border-radius:calc(var(--maz-radius) + 4px)}.m-textarea.--rounded-xl[data-v-a2cece87]{border-radius:calc(var(--maz-radius) + 8px)}.m-textarea.--rounded-full[data-v-a2cece87]{border-radius:9999px}.m-textarea.--rounded[data-v-a2cece87]{border-radius:var(--maz-radius)}.m-textarea__append[data-v-a2cece87]{justify-content:var(--append-justify);display:inline-flex}.m-textarea textarea[data-v-a2cece87]{outline-offset:2px;background-color:#0000;outline:2px solid #0000;width:100%;transition:padding .2s cubic-bezier(0,0,.2,1)}.m-textarea textarea.--has-append[data-v-a2cece87]{padding-bottom:1rem}.m-textarea.--is-disabled[data-v-a2cece87]{cursor:not-allowed;--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled[data-v-a2cece87]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400) / var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-textarea.--is-disabled[data-v-a2cece87] *{cursor:not-allowed;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled>label[data-v-a2cece87]{--maz-tw-text-opacity:1;color:rgb(209 213 219/var(--maz-tw-text-opacity,1))}.m-textarea.--is-disabled>label[data-v-a2cece87]:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(75 85 99/var(--maz-tw-text-opacity,1))}.m-textarea__label[data-v-a2cece87]{pointer-events:none;transform-origin:0 0;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;width:max-content;line-height:1.5rem;transition:transform .2s cubic-bezier(0,0,.2,1);display:flex;position:absolute;top:.75rem;left:1rem;overflow:hidden}.m-textarea__label[data-v-a2cece87]:not(.--has-state){--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-textarea.--has-placeholder .m-textarea__label[data-v-a2cece87]{transform:scale(.8)translateY(-.65rem)}.m-textarea:has(textarea:not(:placeholder-shown)) .m-textarea__label[data-v-a2cece87]{transform:scale(.8)translateY(-.65rem)}.m-textarea:has(textarea:-webkit-autofill) .m-textarea__label[data-v-a2cece87]{transform:scale(.8)translateY(-.65rem)}.m-textarea.--primary[data-v-a2cece87]:focus-within{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-primary) / var(--maz-tw-border-opacity,1))}.m-textarea.--secondary[data-v-a2cece87]:focus-within{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-secondary) / var(--maz-tw-border-opacity,1))}.m-textarea.--accent[data-v-a2cece87]:focus-within{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-accent) / var(--maz-tw-border-opacity,1))}.m-textarea.--info[data-v-a2cece87]:focus-within{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-info) / var(--maz-tw-border-opacity,1))}.m-textarea.--success[data-v-a2cece87]:focus-within{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-success) / var(--maz-tw-border-opacity,1))}.m-textarea.--warning[data-v-a2cece87]:focus-within{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-warning) / var(--maz-tw-border-opacity,1))}.m-textarea.--destructive[data-v-a2cece87]:focus-within{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive) / var(--maz-tw-border-opacity,1))}.m-textarea.--contrast[data-v-a2cece87]:focus-within{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-contrast) / var(--maz-tw-border-opacity,1))}.m-textarea.--autogrow textarea[data-v-a2cece87]{resize:none;field-sizing:content;min-block-size:3lh}.m-textarea:not(.--autogrow) textarea[data-v-a2cece87]{resize:vertical}