"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _styledcomponents = require("styled-components");
const _CodeFieldstyles = require("../../CodeField.styles");
const _CodeFieldtokens = require("../../CodeField.tokens");
const base = (0, _styledcomponents.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;}}`
], _CodeFieldstyles.CaptionWrapper, _CodeFieldtokens.tokens.captionColor, _CodeFieldtokens.classes.captionError, _CodeFieldtokens.tokens.captionColorError, _CodeFieldstyles.ItemInput, _CodeFieldtokens.tokens.codeColor, _CodeFieldtokens.tokens.caretColor, _CodeFieldtokens.tokens.backgroundColor, _CodeFieldtokens.tokens.borderWidth, _CodeFieldtokens.tokens.borderColor, _CodeFieldtokens.classes.hoverEnabled, _CodeFieldtokens.tokens.backgroundColorHover, _CodeFieldtokens.tokens.borderWidth, _CodeFieldtokens.tokens.borderColorHover, _CodeFieldstyles.ItemInput, _CodeFieldtokens.tokens.backgroundColorFocus, _CodeFieldtokens.tokens.borderWidth, _CodeFieldtokens.tokens.borderColorFocus, _CodeFieldtokens.classes.codeErrorAnimation, _CodeFieldtokens.classes.codeError, _CodeFieldstyles.ItemInput, _CodeFieldtokens.tokens.codeColorError, _CodeFieldtokens.tokens.backgroundErrorColor, _CodeFieldtokens.tokens.borderWidth, _CodeFieldtokens.tokens.borderErrorColor, _CodeFieldstyles.ItemInput, _CodeFieldtokens.tokens.backgroundErrorColor, _CodeFieldtokens.tokens.borderWidth, _CodeFieldtokens.tokens.borderErrorColor, _CodeFieldtokens.classes.codeErrorFade, _CodeFieldstyles.ItemInput, _CodeFieldtokens.classes.itemErrorAnimation, _CodeFieldtokens.classes.itemError, _CodeFieldtokens.classes.itemError, _CodeFieldtokens.tokens.codeColorError, _CodeFieldtokens.tokens.backgroundErrorColor, _CodeFieldtokens.tokens.borderWidth, _CodeFieldtokens.tokens.borderErrorColor, _CodeFieldtokens.classes.codeErrorFade, _CodeFieldtokens.tokens.codeColorError);
