import { css } from "@emotion/react";
import styled from "@emotion/styled";
import { applyEllipsis, applyNoUserSelect } from "../../mixins";
import { classes, tokens } from "./Checkbox.tokens";
export var base = /*#__PURE__*/ css("margin:var(", tokens.margin, ");", applyNoUserSelect(), ";position:relative;align-items:flex-start;display:flex;.", classes.singleLine, "{", applyEllipsis(), ";}", "base");
export var StyledInput = /*#__PURE__*/ styled("input", {
    target: "e1hp4s9m0",
    label: "StyledInput"
})("position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);");
export var StyledTriggerWrapper = /*#__PURE__*/ styled("div", {
    target: "e1hp4s9m1",
    label: "StyledTriggerWrapper"
})("padding:var(", tokens.triggerPadding, ");");
export var StyledTrigger = /*#__PURE__*/ styled("div", {
    target: "e1hp4s9m2",
    label: "StyledTrigger"
})("width:var(", tokens.triggerSize, ");height:var(", tokens.triggerSize, ");border-radius:var(", tokens.triggerBorderRadius, ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", tokens.triggerBackgroundColor, ");border:var(", tokens.triggerBorderWidth, ") solid var(", tokens.triggerBorderColor, ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}");
export var StyledContentWrapper = /*#__PURE__*/ styled("label", {
    target: "e1hp4s9m3",
    label: "StyledContentWrapper"
})("position:relative;align-items:flex-start;display:flex;width:inherit;cursor:pointer;.", classes.singleLine, "{width:100%;}");
export var StyledContent = /*#__PURE__*/ styled("div", {
    target: "e1hp4s9m4",
    label: "StyledContent"
})("display:flex;flex-direction:column;margin-top:var(", tokens.contentTopOffset, ");margin-left:var(", tokens.contentLeftOffset, ");");
export var StyledLabel = /*#__PURE__*/ styled("span", {
    target: "e1hp4s9m5",
    label: "StyledLabel"
})("color:var(", tokens.labelColor, ");font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");");
export var StyledDescription = /*#__PURE__*/ styled("div", {
    target: "e1hp4s9m6",
    label: "StyledDescription"
})("margin-top:var(", tokens.descriptionMarginTop, ");color:var(", tokens.descriptionColor, ");font-family:var(", tokens.descriptionFontFamily, ");font-size:var(", tokens.descriptionFontSize, ");font-style:var(", tokens.descriptionFontStyle, ");font-weight:var(", tokens.descriptionFontWeight, ");letter-spacing:var(", tokens.descriptionLetterSpacing, ");line-height:var(", tokens.descriptionLineHeight, ");&.", classes.onlyDescription, "{margin-top:0;}");
