declare const _default: {
    readonly color: {
        readonly semantic: {
            readonly danger: "#F63B28";
            readonly dangerTextHover: "#B91100";
            readonly dangerHover: "#FFD9D5";
            readonly dangerLight: "#FEEBE9";
            readonly disabled: "#C2C2C2";
            readonly check: "#0D7EFF";
        };
        readonly primary: {
            readonly default: "#00CCCC";
            readonly hover: "#6DDBD9";
            readonly light: "#EDFBFB";
            readonly lightHover: "#DAF6F6";
            readonly text: "#00B9B9";
            readonly textHover: "#009295";
            readonly textDisabled: "#8DD5D5";
        };
        readonly gray: {
            readonly '900': "#3B3C3C";
            readonly '800': "#5F6060";
            readonly '700': "#808181";
            readonly '600': "#959797";
            readonly '500': "#C0C2C2";
            readonly '400': "#DCDEDE";
            readonly '300': "#EEF0F0";
            readonly '200': "#F3F5F5";
            readonly '100': "#F7FAFA";
            readonly '50': "#F9FCFC";
        };
        readonly extra: {
            readonly black: "#1B1B1B";
            readonly white: "#FFFFFF";
            readonly record: "#FF5847";
            readonly dimmed: "rgba(27, 27, 27, 0.30)";
            readonly recorder: "rgba(0, 0, 0, 0.8)";
            readonly positiveGreen: "#8BE06D";
            readonly sideWhite: "rgba(255, 255, 255, 0.70)";
        };
        readonly tag: {
            red: {
                background: "#F9E5E5";
                backgroundHover: "#F0CECE";
                text: "#990000";
                chip: "#E99999";
            };
            orange: {
                background: "#FFE4CC";
                backgroundHover: "#F5D4B8";
                text: "#804D00";
                chip: "#FFBB80";
            };
            yellow: {
                background: "#FFF1CC";
                backgroundHover: "#F5E4B8";
                text: "#807300";
                chip: "#FFDD80";
            };
            green: {
                background: "#E7F8E5";
                backgroundHover: "#CFEDCC";
                text: "#086600";
                chip: "#9FE599";
            };
            turquoise: {
                background: "#E5F8F7";
                backgroundHover: "#CCEDEB";
                text: "#00665D";
                chip: "#99E4E0";
            };
            skyblue: {
                background: "#E5F5FE";
                backgroundHover: "#CEE7F5";
                text: "#003F66";
                chip: "#B2DFFC";
            };
            blue: {
                background: "#E5ECFE";
                backgroundHover: "#CED9F5";
                text: "#001C66";
                chip: "#B2C7FD";
            };
            purple: {
                background: "#F2E5F8";
                backgroundHover: "#E3CCED";
                text: "#450066";
                chip: "#CC99E4";
            };
            pink: {
                background: "#FEE5F0";
                backgroundHover: "#F2CBDD";
                text: "#660049";
                chip: "#FCB2D1";
            };
            gray: {
                background: "#EDEDED";
                backgroundHover: "#B7B7B7";
                text: "#505050";
                chip: "#C8C8C8";
            };
            darkgray: {
                background: "#D3D3D3";
                backgroundHover: "#B7B7B7";
                text: "#3E3E3E";
                chip: "#909090";
            };
        };
    };
    readonly effect: {
        readonly modal: import("styled-components").RuleSet<object>;
        readonly dropdown: import("styled-components").RuleSet<object>;
        readonly recorder: import("styled-components").RuleSet<object>;
        readonly snackbar: import("styled-components").RuleSet<object>;
        readonly toast: import("styled-components").RuleSet<object>;
        readonly sidebar: import("styled-components").RuleSet<object>;
        readonly ellipsis: import("styled-components").RuleSet<object>;
        readonly ellipsisWithLines: (line: number) => import("styled-components").RuleSet<object>;
        readonly spinner: import("styled-components").RuleSet<object>;
    };
    readonly global: import("styled-components").RuleSet<object>;
    readonly keyframe: {
        readonly snackbar: {
            readonly slideDown: import("styled-components/dist/models/Keyframes").default;
            readonly slideUp: import("styled-components/dist/models/Keyframes").default;
        };
        readonly spinner: import("styled-components/dist/models/Keyframes").default;
        readonly sidebar: {
            readonly fadeIn: import("styled-components/dist/models/Keyframes").default;
        };
    };
    readonly text: {
        readonly h1: import("styled-components").RuleSet<object>;
        readonly h2: import("styled-components").RuleSet<object>;
        readonly h3: import("styled-components").RuleSet<object>;
        readonly h4: import("styled-components").RuleSet<object>;
        readonly t1: import("styled-components").RuleSet<object>;
        readonly t2: import("styled-components").RuleSet<object>;
        readonly t3: import("styled-components").RuleSet<object>;
        readonly b1: import("styled-components").RuleSet<object>;
        readonly b2: import("styled-components").RuleSet<object>;
        readonly b3: import("styled-components").RuleSet<object>;
        readonly b4: import("styled-components").RuleSet<object>;
        readonly b5: import("styled-components").RuleSet<object>;
        readonly b6: import("styled-components").RuleSet<object>;
        readonly b7: import("styled-components").RuleSet<object>;
        readonly b8: import("styled-components").RuleSet<object>;
        readonly b9: import("styled-components").RuleSet<object>;
    };
    readonly zIndex: {
        readonly dropdown: 50;
        readonly snackbar: 70;
        readonly header: 90;
        readonly sidemenu: 100;
        readonly modal: 120;
        readonly tooltip: 150;
    };
    readonly size: {
        readonly height: {
            readonly header: "64px";
        };
        readonly width: {
            readonly tablet: `${number}px`;
            readonly mobile: `${number}px`;
            readonly tabletNumber: number;
            readonly mobileNumber: number;
        };
        readonly margin: {
            readonly body: "24px";
            readonly bodyBottom: "160px";
            readonly bodyWithSide: "36px";
        };
    };
    readonly durationNumber: 150;
    readonly duration: "150ms";
};
export default _default;
