import { css } from "styled-components";
import { tokens } from "../../Range.tokens";
import { ContentWrapper, StyledContentLeft, StyledContentRight, StyledDivider } from "../../Range.styles";
export const 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(`,
    `,var(`,
    `));&:hover{color:var(`,
    `,var(`,
    `));cursor:default;}&:active{color:var(`,
    `,var(`,
    `));cursor:default;}}`,
    `{opacity:var(`,
    `);color:var(`,
    `);pointer-events:none;&:hover{color:var(`,
    `,var(`,
    `));cursor:default;}&:active{color:var(`,
    `,var(`,
    `));cursor:default;}}}`
], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldContentSlotColor, tokens.textFieldColorReadOnly, tokens.textFieldContentSlotColorHover, tokens.textFieldColorReadOnly, tokens.textFieldContentSlotColorActive, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightColor, tokens.textFieldContentSlotRightColorHover, tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightColorActive, tokens.textFieldColorReadOnly);
