import { css } from "styled-components";
import { tokens } from "../../Range.tokens";
import { ContentWrapper, StyledContentLeft, StyledContentRight, StyledDivider } from "../../Range.styles";
export var base = css([
    "&[readonly]{cursor:default;",
    "{position:relative;background:transparent;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
    ");box-shadow:inset 0 0 0 var(",
    ",1px) var(",
    ");background:var(",
    ");opacity:var(",
    ");z-index:-1;}}",
    "{color:var(",
    ");opacity:var(",
    ");}",
    ",",
    "{color:var(",
    ");&:hover,&:active{color:var(",
    ");cursor:default;}}",
    "{opacity:var(",
    ");pointer-events:none;}}"
], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);
