"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _react = require("@emotion/react");
const _CodeFieldstyles = require("../../CodeField.styles");
const _CodeFieldtokens = require("../../CodeField.tokens");
const base = (0, /*#__PURE__*/ _react.css)(_CodeFieldstyles.CaptionWrapper, "{color:var(", _CodeFieldtokens.tokens.captionColor, ");&.", _CodeFieldtokens.classes.captionError, "{color:var(", _CodeFieldtokens.tokens.captionColorError, ");}}", _CodeFieldstyles.ItemInput, "{color:var(", _CodeFieldtokens.tokens.codeColor, ");caret-color:var(", _CodeFieldtokens.tokens.caretColor, ");background-color:var(", _CodeFieldtokens.tokens.backgroundColor, ");box-shadow:inset 0 0 0 var(", _CodeFieldtokens.tokens.borderWidth, ") var(", _CodeFieldtokens.tokens.borderColor, ");}&:hover{.", _CodeFieldtokens.classes.hoverEnabled, "{background-color:var(", _CodeFieldtokens.tokens.backgroundColorHover, ");box-shadow:inset 0 0 0 var(", _CodeFieldtokens.tokens.borderWidth, ") var(", _CodeFieldtokens.tokens.borderColorHover, ");}}&:focus-within{", _CodeFieldstyles.ItemInput, ":focus-within{background-color:var(", _CodeFieldtokens.tokens.backgroundColorFocus, ");box-shadow:inset 0 0 0 var(", _CodeFieldtokens.tokens.borderWidth, ") var(", _CodeFieldtokens.tokens.borderColorFocus, ");}}&& .", _CodeFieldtokens.classes.codeErrorAnimation, "{animation:shakingError 0.3s forwards;}&& .", _CodeFieldtokens.classes.codeError, "{", _CodeFieldstyles.ItemInput, "{color:var(", _CodeFieldtokens.tokens.codeColorError, ");background-color:var(", _CodeFieldtokens.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeFieldtokens.tokens.borderWidth, ") var(", _CodeFieldtokens.tokens.borderErrorColor, ");}&:focus-within{", _CodeFieldstyles.ItemInput, "{background-color:var(", _CodeFieldtokens.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeFieldtokens.tokens.borderWidth, ") var(", _CodeFieldtokens.tokens.borderErrorColor, ");}}&.", _CodeFieldtokens.classes.codeErrorFade, "{", _CodeFieldstyles.ItemInput, "{animation:fadeError 0.3s forwards;}}}&& .", _CodeFieldtokens.classes.itemErrorAnimation, "{animation:shakingError 0.3s forwards;}&& .", _CodeFieldtokens.classes.itemError, ",&& .", _CodeFieldtokens.classes.itemError, ":focus-within{color:var(", _CodeFieldtokens.tokens.codeColorError, ");background-color:var(", _CodeFieldtokens.tokens.backgroundErrorColor, ");box-shadow:inset 0 0 0 var(", _CodeFieldtokens.tokens.borderWidth, ") var(", _CodeFieldtokens.tokens.borderErrorColor, ");&.", _CodeFieldtokens.classes.codeErrorFade, "{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(", _CodeFieldtokens.tokens.codeColorError, ");}100%{color:transparent;}}", "base");
