"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "ThumbBase", {
    enumerable: true,
    get: function() {
        return ThumbBase;
    }
});
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
var _mixins = require("../../../../mixins");
var _Slidertokens = require("../../Slider.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var ThumbBase = _styledcomponents.default.div.withConfig({
    displayName: "Thumb.styles__ThumbBase",
    componentId: "sc-385321bd-0"
})([
    "width:var(--plasma-private-thumb-size);height:var(--plasma-private-thumb-size);min-width:var(--plasma-private-thumb-size);min-height:var(--plasma-private-thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(",
    ");margin:0.0625rem;transition:border-color 0.1s ease-in-out;&:after{background:var(",
    ");margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}&:not([disabled]):hover:after,&:not([disabled]):active:after{background:var(",
    ");}&[disabled]{cursor:not-allowed;}&:focus{outline:none;}",
    ""
], _Slidertokens.tokens.thumbBackgroundColor, _Slidertokens.tokens.thumbBorderColor, _Slidertokens.tokens.thumbFocusBorderColor, (0, _mixins.addFocus)({
    outlineOffset: '0.0625rem',
    outlineSize: '0.125rem',
    outlineRadius: '50%',
    outlineColor: "var(".concat(_Slidertokens.tokens.thumbFocusBorderColor, ")")
}));
