"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _react = require("@emotion/react");
const _TextAreastyles = require("../../TextArea.styles");
const _TextAreatokens = require("../../TextArea.tokens");
const base = (0, /*#__PURE__*/ _react.css)("&[readonly]{", _TextAreastyles.StyledTextArea, "{color:var(", _TextAreatokens.tokens.inputColorReadOnly, ");}", _TextAreastyles.StyledContent, "{opacity:var(", _TextAreatokens.tokens.contentSlotRightOpacityReadOnly, ");&:hover{color:var(", _TextAreatokens.tokens.rightContentColor, ");}&:active{color:var(", _TextAreatokens.tokens.rightContentColor, ");}}&.", _TextAreatokens.classes.clear, "{", _TextAreastyles.StyledTextAreaWrapper, "{&:before{background-color:var(", _TextAreatokens.tokens.dividerColor, ");}}}:not(&.", _TextAreatokens.classes.clear, "){", _TextAreastyles.StyledTextAreaWrapper, ",", _TextAreastyles.StyledHelpers, "{background:transparent;}", _TextAreastyles.StyledTextAreaWrapper, "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", _TextAreatokens.tokens.borderSize, ",1px) var(", _TextAreatokens.tokens.borderColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");z-index:-1;}}", _TextAreastyles.StyledContainer, "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", _TextAreatokens.tokens.backgroundColorReadOnly, ");border-radius:var(", _TextAreatokens.tokens.borderRadius, ");opacity:var(", _TextAreatokens.tokens.readOnlyOpacity, ");z-index:-1;}:hover{background:transparent;}}}}", "base");
