import { css } from "styled-components";
import { CaptionWrapper, ItemInput } from "../../CodeField.styles";
import { classes, tokens } from "../../CodeField.tokens";
export const base = css([
    ``,
    `{color:var(`,
    `);&.`,
    `{color:var(`,
    `);}}`,
    `{color:var(`,
    `);caret-color:var(`,
    `);background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);}&:hover{.`,
    `{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);}}&:focus-within{`,
    `:focus-within{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);}}&& .`,
    `{animation:shakingError 0.3s forwards;}&& .`,
    `{`,
    `{color:var(`,
    `);background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);}&:focus-within{`,
    `{background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);}}&.`,
    `{`,
    `{animation:fadeError 0.3s forwards;}}}&& .`,
    `{animation:shakingError 0.3s forwards;}&& .`,
    `,&& .`,
    `:focus-within{color:var(`,
    `);background-color:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `);&.`,
    `{animation:shakingError 0.3s forwards fadeError 0.3s forwards;}}@keyframes shakingError{14%{transform:translateX(-0.125rem);}28%{transform:translateX(0.125rem);}42%{transform:translateX(-0.125rem);}57%{transform:translateX(0.125rem);}71%{transform:translateX(-0.125rem);}85%{transform:translateX(0.125rem);}100%{transform:translateX(-0.125rem);}}@keyframes fadeError{50%{color:var(`,
    `);}100%{color:transparent;}}`
], CaptionWrapper, tokens.captionColor, classes.captionError, tokens.captionColorError, ItemInput, tokens.codeColor, tokens.caretColor, tokens.backgroundColor, tokens.borderWidth, tokens.borderColor, classes.hoverEnabled, tokens.backgroundColorHover, tokens.borderWidth, tokens.borderColorHover, ItemInput, tokens.backgroundColorFocus, tokens.borderWidth, tokens.borderColorFocus, classes.codeErrorAnimation, classes.codeError, ItemInput, tokens.codeColorError, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, ItemInput, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, classes.codeErrorFade, ItemInput, classes.itemErrorAnimation, classes.itemError, classes.itemError, tokens.codeColorError, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, classes.codeErrorFade, tokens.codeColorError);
