"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get DotBase () {
        return DotBase;
    },
    get PaginationDot () {
        return PaginationDot;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const DotBase = (0, /*#__PURE__*/ _styled.default)("li", {
    target: "e502s920",
    label: "DotBase"
})("width:", ({ isActive })=>isActive ? '1.75rem' : '0.375rem', ";height:0.375rem;border-radius:1rem;background:", ({ isActive })=>isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)', ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}");
const PaginationDot = /*#__PURE__*/ (0, _styled.default)(DotBase, {
    target: "e502s921",
    label: "PaginationDot"
})("cursor:pointer;background:", ({ isActive })=>isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)', ";&:hover{background:var(--text-accent);}");
