import { css } from "styled-components";
import { classes, tokens } from "../../TextField.tokens";
import { Input, InputPlaceholder, InputWrapper, Label, StyledLeftHelper, StyledRightHelper, StyledContentLeft, StyledContentRight, TitleCaption } from "../../TextField.styles";
export const base = css([
    `isolation:isolate;&[readonly]{`,
    `{position:relative;color:var(`,
    `);background:transparent;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(`,
    `);background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `),var(`,
    `,inset 0 0 0 0 transparent);opacity:var(`,
    `);z-index:-1;}&:hover{background-color:transparent;box-shadow:none;}&:focus-within{background-color:transparent;box-shadow:none;}}&.`,
    ` `,
    `{background-color:var(`,
    `);&:before{top:unset;background-color:var(`,
    `,var(`,
    `));opacity:1;}}`,
    `:focus-within `,
    `,`,
    `{color:var(`,
    `);}`,
    `{color:var(`,
    `);cursor:default;min-width:unset;}`,
    `{color:var(`,
    `,var(`,
    `));}`,
    `{color:var(`,
    `);}`,
    `{color:var(`,
    `);}`,
    `:hover{color:var(`,
    `);}`,
    `{opacity:var(`,
    `);}`,
    `:hover,`,
    `:active{cursor:default;color:var(`,
    `,var(`,
    `));}&.`,
    ` `,
    `{color:var(`,
    `);}}`
], InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.borderWidth, tokens.borderColorReadOnly, tokens.boxShadow, tokens.readOnlyOpacity, classes.hasDivider, InputWrapper, tokens.backgroundColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerColor, InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, tokens.titleCaptionColor, StyledLeftHelper, tokens.leftHelperColorReadOnly, StyledRightHelper, tokens.rightHelperColorReadOnly, StyledContentLeft, tokens.contentSlotColor, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly);
