import { css } from "styled-components";
import { tokens, classes } from "../../TextArea.tokens";
import { StyledTextAreaWrapper, TitleCaption } from "../../TextArea.styles";
const { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;
const exclusionSelectors = `not(.${classes.clear}):not([disabled]):not([readonly]):not(:focus-within)`;
export const base = css([
    ``,
    `{color:var(`,
    `);}.`,
    `{background-color:var(`,
    `);transition:box-shadow 0.1s ease-in-out;border-radius:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `,1px) var(`,
    `),var(`,
    `,inset 0 0 0 0 transparent);}.`,
    `{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(`,
    `,1px) var(`,
    `);padding-right:var(`,
    `,1px);}&:focus-within:not([readonly]) .`,
    `{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `,1px) var(`,
    `);&:after{box-shadow:var(`,
    `,inset 0 0 0 0 transparent);}}&:focus-within:not([readonly]) .`,
    `{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `,1px) var(`,
    `),var(`,
    `,inset 0 0 0 0 transparent);}&:focus-within:not([readonly]) .`,
    `{background-color:var(`,
    `);}&:hover:`,
    ` .`,
    `{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `,1px) var(`,
    `),var(`,
    `,inset 0 0 0 0 transparent);}&:hover:`,
    ` .`,
    `{box-shadow:inset 0 0 0 var(`,
    `,1px) var(`,
    `);background-color:var(`,
    `);}&:hover:`,
    ` .`,
    ` + .`,
    `{background-color:var(`,
    `);}&:active:`,
    ` .`,
    `{box-shadow:inset 0 0 0 var(`,
    `,1px) var(`,
    `);background-color:var(`,
    `);}&:active:`,
    ` .`,
    `{background-color:var(`,
    `);}&:active:`,
    ` .`,
    ` + .`,
    `{background-color:var(`,
    `);}&.`,
    `{`,
    `{position:relative;--plasma_private-textarea-divider-color:var(`,
    `);&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) `,
    `:hover{--plasma_private-textarea-divider-color:var( `,
    `,var(`,
    `) );}&:not([readonly]) `,
    `:focus-within{--plasma_private-textarea-divider-color:var( `,
    `,var(`,
    `) );}}`
], TitleCaption, tokens.titleCaptionColor, styledContainer, tokens.backgroundColor, tokens.borderRadius, tokens.borderSize, tokens.borderColor, tokens.boxShadow, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColor, tokens.borderSize, styledTextAreaWrapper, tokens.inputBackgroundColorFocus, tokens.borderSize, tokens.inputBorderColorFocus, tokens.boxShadowSecondary, styledContainer, tokens.backgroundColorFocus, tokens.borderSize, tokens.borderColorFocus, tokens.boxShadow, styledHelpers, tokens.helpersBackgroundColorFocus, exclusionSelectors, styledContainer, tokens.backgroundColorHover, tokens.borderSize, tokens.borderColorHover, tokens.boxShadow, exclusionSelectors, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColorHover, tokens.inputBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, styledHelpers, tokens.helpersBackgroundColorHover, exclusionSelectors, styledTextAreaWrapper, tokens.borderSize, tokens.inputBorderColorActive, tokens.inputBackgroundColorActive, exclusionSelectors, styledContainer, tokens.backgroundColorActive, exclusionSelectors, styledTextAreaWrapper, styledHelpers, tokens.helpersBackgroundColorActive, classes.hasDivider, StyledTextAreaWrapper, tokens.dividerColor, StyledTextAreaWrapper, tokens.dividerColorHover, tokens.dividerColor, StyledTextAreaWrapper, tokens.dividerColorFocus, tokens.dividerColor);
