import { css } from "@emotion/react";
import styled from "@emotion/styled";
import { classes, tokens } from "./CodeInput.tokens";
export var base = /*#__PURE__*/ css("display:flex;flex-direction:column;justify-content:center;width:min-content;align-items:center;&.", classes.captionAlignLeft, "{align-items:start;}", "base");
export var CodeWrapper = /*#__PURE__*/ styled("div", {
    target: "e6yevnv0",
    label: "CodeWrapper"
})("display:flex;align-items:center;");
export var CodeGroup = /*#__PURE__*/ styled("div", {
    target: "e6yevnv1",
    label: "CodeGroup"
})("display:flex;align-items:center;");
export var Separator = /*#__PURE__*/ styled("div", {
    target: "e6yevnv2",
    label: "Separator"
})("width:var(", tokens.separatorWidth, ");");
export var ItemInput = /*#__PURE__*/ styled("input", {
    target: "e6yevnv3",
    label: "ItemInput"
})("box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;caret-color:transparent;caret:none;opacity:", function(param) {
    var hide = param.hide;
    return hide ? '0' : '1';
}, ";");
export var ItemWrapper = /*#__PURE__*/ styled("div", {
    target: "e6yevnv4",
    label: "ItemWrapper"
})("position:relative;");
export var ItemCircle = /*#__PURE__*/ styled("div", {
    target: "e6yevnv5",
    label: "ItemCircle"
})("position:absolute;top:calc(50% - calc(var(", tokens.codeItemCircleSize, ") / 2));left:calc(50% - calc(var(", tokens.codeItemCircleSize, ") / 2));width:var(", tokens.codeItemCircleSize, ");height:var(", tokens.codeItemCircleSize, ");box-sizing:border-box;border-radius:100%;background-color:'transparent';");
export var CaptionWrapper = /*#__PURE__*/ styled("div", {
    target: "e6yevnv6",
    label: "CaptionWrapper"
})("text-align:", function(param) {
    var captionAlign = param.captionAlign;
    return captionAlign;
}, ";align-self:", function(param) {
    var captionAlign = param.captionAlign;
    return captionAlign;
}, ";width:", function(param) {
    var widthValue = param.widthValue;
    return widthValue || 'auto';
}, ";white-space:pre-line;");
