"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TagsFiltersStyle = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
var css = styled_components_1.default.div;
exports.TagsFiltersStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n   @keyframes fadeInScale {\n      0% {\n         transform: scale(0);\n      }\n      100% {\n         transform: scale(1);\n      }\n   }\n\n   .search-tags {\n      .tag {\n         background: #fff;\n         border-radius: 32px;\n         border: 1px solid ", ";\n         color: ", ";\n         cursor: pointer;\n         display: inline-block;\n         font-size: 13px;\n         height: 28px;\n         line-height: 27px;\n         position: relative;\n         padding: 0 32px 0 12px;\n         font-weight: 600;\n         margin: 2px;\n         vertical-align: top;\n         opacity: 1;\n         animation-name: fadeInScale;\n         animation-iteration-count: 1;\n         animation-duration: 0.1s;\n\n         &:before {\n            border-radius: 50%;\n            color: ", ";\n            content: '\u00D7';\n            display: inline-block;\n            font-size: 20px;\n            height: 14px;\n            line-height: 14px;\n            padding: 1px;\n            position: absolute;\n            right: 8px;\n            text-align: center;\n            top: 5px;\n            width: 14px;\n            font-weight: 500;\n         }\n      }\n   }\n\n   b {\n      font-weight: 800;\n   }\n"], ["\n   @keyframes fadeInScale {\n      0% {\n         transform: scale(0);\n      }\n      100% {\n         transform: scale(1);\n      }\n   }\n\n   .search-tags {\n      .tag {\n         background: #fff;\n         border-radius: 32px;\n         border: 1px solid ", ";\n         color: ", ";\n         cursor: pointer;\n         display: inline-block;\n         font-size: 13px;\n         height: 28px;\n         line-height: 27px;\n         position: relative;\n         padding: 0 32px 0 12px;\n         font-weight: 600;\n         margin: 2px;\n         vertical-align: top;\n         opacity: 1;\n         animation-name: fadeInScale;\n         animation-iteration-count: 1;\n         animation-duration: 0.1s;\n\n         &:before {\n            border-radius: 50%;\n            color: ", ";\n            content: '\u00D7';\n            display: inline-block;\n            font-size: 20px;\n            height: 14px;\n            line-height: 14px;\n            padding: 1px;\n            position: absolute;\n            right: 8px;\n            text-align: center;\n            top: 5px;\n            width: 14px;\n            font-weight: 500;\n         }\n      }\n   }\n\n   b {\n      font-weight: 800;\n   }\n"])), function (props) { return props.theme.primary; }, function (props) { return props.theme.primary; }, function (props) { return props.theme.primary; });
var templateObject_1;
//# sourceMappingURL=TagsFilters.style.js.map