"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
var _react = require("@emotion/react");
var _mixins = require("../../../../mixins");
var _Radioboxtokens = require("../../Radiobox.tokens");
var base = (0, /*#__PURE__*/ _react.css)(".", _Radioboxtokens.classes.radioboxTrigger, "{", (0, _mixins.addFocus)({
    outlineOffset: '0',
    outlineSize: '0.125rem',
    outlineRadius: "var(".concat(_Radioboxtokens.tokens.triggerBorderRadius, ")"),
    outlineColor: 'transparent'
}), "}input[data-focus-visible-added] + label .", _Radioboxtokens.classes.radioboxTrigger, "{border-color:transparent;", (0, _mixins.addFocus)({
    outlineOffset: '-0.125rem',
    outlineSize: '0.125rem',
    outlineRadius: "var(".concat(_Radioboxtokens.tokens.triggerBorderRadius, ")"),
    outlineColor: "var(".concat(_Radioboxtokens.tokens.focusColor, ")"),
    customFocusRules: "\n                &::before {\n                    box-shadow: 0 0 0 0.125rem var(".concat(_Radioboxtokens.tokens.focusColor, ");\n                }\n            ")
}), "}input[data-focus-visible-added]:checked + label .", _Radioboxtokens.classes.radioboxTrigger, "{", (0, _mixins.addFocus)({
    outlineOffset: '-0.125rem',
    outlineSize: '0.063rem',
    outlineRadius: "calc(var(".concat(_Radioboxtokens.tokens.triggerBorderRadius, ") + 0.125rem)"),
    outlineColor: "var(".concat(_Radioboxtokens.tokens.focusColor, ")"),
    customFocusRules: "\n                &::before {\n                    box-shadow: 0 0 0 0.063rem var(".concat(_Radioboxtokens.tokens.focusColor, ");\n                }\n            ")
}), "}", "base");
