import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { applyEllipsis, applyNoUserSelect } from "../../mixins";
import { classes, tokens } from "./Checkbox.tokens";
export const base = /*#__PURE__*/ css("margin:var(", tokens.margin, ");", applyNoUserSelect(), ";position:relative;align-items:flex-start;display:flex;.", classes.singleLine, "{", applyEllipsis(), ";}", "base");
export const StyledInput = /*#__PURE__*/ styled("input", {
    target: "e1mwbto40",
    label: "StyledInput"
})("position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);");
export const StyledTriggerWrapper = /*#__PURE__*/ styled("div", {
    target: "e1mwbto41",
    label: "StyledTriggerWrapper"
})("padding:var(", tokens.triggerPadding, ");");
export const StyledTrigger = /*#__PURE__*/ styled("div", {
    target: "e1mwbto42",
    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 const StyledContentWrapper = /*#__PURE__*/ styled("label", {
    target: "e1mwbto43",
    label: "StyledContentWrapper"
})("position:relative;align-items:flex-start;display:flex;width:inherit;cursor:pointer;.", classes.singleLine, "{width:100%;}");
export const StyledContent = /*#__PURE__*/ styled("div", {
    target: "e1mwbto44",
    label: "StyledContent"
})("display:flex;flex-direction:column;margin-top:var(", tokens.contentTopOffset, ");margin-left:var(", tokens.contentLeftOffset, ");");
export const StyledLabel = /*#__PURE__*/ styled("span", {
    target: "e1mwbto45",
    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 const StyledDescription = /*#__PURE__*/ styled("div", {
    target: "e1mwbto46",
    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;}");
