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