"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
var _styledcomponents = require("styled-components");
var _mixins = require("../../../../mixins");
var _Avatartokens = require("../../Avatar.tokens");
var base = (0, _styledcomponents.css)([
    ":focus-visible{outline:none;}",
    ""
], (0, _mixins.addFocus)({
    outlineOffset: "var(".concat(_Avatartokens.tokens.outlineOffset, ")"),
    outlineSize: "var(".concat(_Avatartokens.tokens.outlineSize, ")"),
    outlineRadius: '100%',
    outlineColor: "var(".concat(_Avatartokens.tokens.outlineColor, ")")
}));
