(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "tslib", "styled-components", "polished", "./Colors"], factory);
    }
})(function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.DIVIDERS_DARK = exports.DIVIDERS_LIGHT = exports.DIVIDERS_COLOR_DARK = exports.DIVIDERS_COLOR_LIGHT = exports.BLUR = exports.SHADOWS_DARK = exports.SHADOWS_LIGHT = exports.BORDERS_DARK = exports.BORDERS_LIGHT = void 0;
    var tslib_1 = require("tslib");
    var styled_components_1 = require("styled-components");
    var polished_1 = require("polished");
    var Colors_1 = require("./Colors");
    var borderLeft = function (color, size) {
        if (size === void 0) { size = 2; }
        return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  filter: drop-shadow(-", "px 0 ", ");\n"], ["\n  filter: drop-shadow(-", "px 0 ", ");\n"])), size, color);
    };
    var borderBottom = function (color, size) {
        if (size === void 0) { size = 2; }
        return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n  filter: drop-shadow(0 ", "px 0 ", ");\n"], ["\n  filter: drop-shadow(0 ", "px 0 ", ");\n"])), size, color);
    };
    var borderRight = function (color, size) {
        if (size === void 0) { size = 2; }
        return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = (0, tslib_1.__makeTemplateObject)(["\n  filter: drop-shadow(", "px 0 0 ", ");\n"], ["\n  filter: drop-shadow(", "px 0 0 ", ");\n"])), size, color);
    };
    exports.BORDERS_LIGHT = {
        bottom: {
            jotun: borderBottom(Colors_1.LIGHT_COLORS.jotunheim1),
            muspel: borderBottom(Colors_1.LIGHT_COLORS.muspelheim1),
            vana: borderBottom(Colors_1.LIGHT_COLORS.vanaheim1),
            mid: borderBottom(Colors_1.LIGHT_COLORS.midgard1)
        },
        left: {
            jotun: borderLeft(Colors_1.LIGHT_COLORS.jotunheim1),
            muspel: borderLeft(Colors_1.LIGHT_COLORS.muspelheim1),
            vana: borderLeft(Colors_1.LIGHT_COLORS.vanaheim1),
            mid: borderLeft(Colors_1.LIGHT_COLORS.midgard1)
        },
        right: {
            jotun: borderRight(Colors_1.LIGHT_COLORS.jotunheim1),
            muspel: borderRight(Colors_1.LIGHT_COLORS.muspelheim1),
            vana: borderRight(Colors_1.LIGHT_COLORS.vanaheim1),
            mid: borderRight(Colors_1.LIGHT_COLORS.midgard1)
        }
    };
    exports.BORDERS_DARK = {
        bottom: {
            jotun: borderBottom(Colors_1.DARK_COLORS.jotunheim1),
            muspel: borderBottom(Colors_1.DARK_COLORS.muspelheim1),
            vana: borderBottom(Colors_1.DARK_COLORS.vanaheim1),
            mid: borderBottom(Colors_1.DARK_COLORS.midgard1)
        },
        left: {
            jotun: borderLeft(Colors_1.DARK_COLORS.jotunheim1),
            muspel: borderLeft(Colors_1.DARK_COLORS.muspelheim1),
            vana: borderLeft(Colors_1.DARK_COLORS.vanaheim1),
            mid: borderLeft(Colors_1.DARK_COLORS.midgard1)
        },
        right: {
            jotun: borderRight(Colors_1.DARK_COLORS.jotunheim1),
            muspel: borderRight(Colors_1.DARK_COLORS.muspelheim1),
            vana: borderRight(Colors_1.DARK_COLORS.vanaheim1),
            mid: borderRight(Colors_1.DARK_COLORS.midgard1)
        }
    };
    exports.SHADOWS_LIGHT = {
        hp: {
            top: (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 -8px 32px ", ";\n    "], ["\n      box-shadow: 0 -8px 32px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale4, 0.6)),
            bottom: (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 8px 32px ", ";\n    "], ["\n      box-shadow: 0 8px 32px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale4, 0.6)),
            left: (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: -8px 0 32px ", ";\n    "], ["\n      box-shadow: -8px 0 32px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale4, 0.6)),
            right: (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 8px 0 32px ", ";\n    "], ["\n      box-shadow: 8px 0 32px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale4, 0.6))
        },
        sp: {
            top: (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0px -2px 16px ", ";\n    "], ["\n      box-shadow: 0px -2px 16px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale4, 0.6)),
            bottom: (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 2px 16px ", ";\n    "], ["\n      box-shadow: 0 2px 16px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale4, 0.6)),
            left: (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: -2px 0 16px ", ";\n    "], ["\n      box-shadow: -2px 0 16px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale4, 0.6)),
            right: (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 2px 0 16px ", ";\n    "], ["\n      box-shadow: 2px 0 16px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale4, 0.6))
        },
        tp: {
            top: (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = (0, tslib_1.__makeTemplateObject)(["\n      filter: drop-shadow(0 -1px 4px ", ");\n    "], ["\n      filter: drop-shadow(0 -1px 4px ", ");\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale6, 0.8)),
            bottom: (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = (0, tslib_1.__makeTemplateObject)(["\n      filter: drop-shadow(0 -1px 4px ", ");\n    "], ["\n      filter: drop-shadow(0 -1px 4px ", ");\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale6, 0.8)),
            left: (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = (0, tslib_1.__makeTemplateObject)(["\n      filter: drop-shadow(-1px 0 4px ", ");\n    "], ["\n      filter: drop-shadow(-1px 0 4px ", ");\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale6, 0.8)),
            right: (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = (0, tslib_1.__makeTemplateObject)(["\n      filter: drop-shadow(1px 0 4px ", ");\n    "], ["\n      filter: drop-shadow(1px 0 4px ", ");\n    "])), (0, polished_1.rgba)(Colors_1.LIGHT_COLORS.grayscale6, 0.8))
        }
    };
    exports.SHADOWS_DARK = {
        hp: {
            top: (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0px -8px 32px ", ";\n    "], ["\n      box-shadow: 0px -8px 32px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.DARK_COLORS.grayscale0, 0.8)),
            bottom: (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 8px 32px ", ";\n    "], ["\n      box-shadow: 0 8px 32px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.DARK_COLORS.grayscale0, 0.8)),
            left: (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: -8px 0 32px ", ";\n    "], ["\n      box-shadow: -8px 0 32px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.DARK_COLORS.grayscale0, 0.8)),
            right: (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 8px 0 32px ", ";\n    "], ["\n      box-shadow: 8px 0 32px ", ";\n    "])), (0, polished_1.rgba)(Colors_1.DARK_COLORS.grayscale0, 0.8))
        },
        sp: {
            top: (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0px -2px 16px ", ";\n    "], ["\n      box-shadow: 0px -2px 16px ", ";\n    "])), Colors_1.DARK_COLORS.grayscale0),
            bottom: (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 2px 16px ", ";\n    "], ["\n      box-shadow: 0 2px 16px ", ";\n    "])), Colors_1.DARK_COLORS.grayscale0),
            left: (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: -2px 0 16px ", ";\n    "], ["\n      box-shadow: -2px 0 16px ", ";\n    "])), Colors_1.DARK_COLORS.grayscale0),
            right: (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 2px 0 16px ", ";\n    "], ["\n      box-shadow: 2px 0 16px ", ";\n    "])), Colors_1.DARK_COLORS.grayscale0)
        },
        tp: {
            top: (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = (0, tslib_1.__makeTemplateObject)(["\n      filter: drop-shadow(0 -1px 4px ", ");\n    "], ["\n      filter: drop-shadow(0 -1px 4px ", ");\n    "])), Colors_1.DARK_COLORS.grayscale0),
            bottom: (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = (0, tslib_1.__makeTemplateObject)(["\n      filter: drop-shadow(0 -1px 4px ", ");\n    "], ["\n      filter: drop-shadow(0 -1px 4px ", ");\n    "])), Colors_1.DARK_COLORS.grayscale0),
            left: (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = (0, tslib_1.__makeTemplateObject)(["\n      filter: drop-shadow(-1px 0 4px ", ");\n    "], ["\n      filter: drop-shadow(-1px 0 4px ", ");\n    "])), Colors_1.DARK_COLORS.grayscale0),
            right: (0, styled_components_1.css)(templateObject_27 || (templateObject_27 = (0, tslib_1.__makeTemplateObject)(["\n      filter: drop-shadow(1px 0 4px ", ");\n    "], ["\n      filter: drop-shadow(1px 0 4px ", ");\n    "])), Colors_1.DARK_COLORS.grayscale0)
        }
    };
    exports.BLUR = {
        blbg1: (0, styled_components_1.css)(templateObject_28 || (templateObject_28 = (0, tslib_1.__makeTemplateObject)(["\n    backdrop-filter: blur(4px);\n  "], ["\n    backdrop-filter: blur(4px);\n  "]))),
        blbg2: (0, styled_components_1.css)(templateObject_29 || (templateObject_29 = (0, tslib_1.__makeTemplateObject)(["\n    backdrop-filter: blur(8px);\n  "], ["\n    backdrop-filter: blur(8px);\n  "])))
    };
    exports.DIVIDERS_COLOR_LIGHT = {
        primary: Colors_1.LIGHT_COLORS.jotunheim1,
        secondary: Colors_1.LIGHT_COLORS.grayscale6
    };
    exports.DIVIDERS_COLOR_DARK = {
        primary: Colors_1.DARK_COLORS.jotunheim1,
        secondary: Colors_1.DARK_COLORS.grayscale6
    };
    exports.DIVIDERS_LIGHT = {
        primary: {
            top: (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 -1px 0 ", ";\n    "], ["\n      box-shadow: 0 -1px 0 ", ";\n    "])), exports.DIVIDERS_COLOR_LIGHT.primary),
            bottom: (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 1px 0 ", ";\n    "], ["\n      box-shadow: 0 1px 0 ", ";\n    "])), exports.DIVIDERS_COLOR_LIGHT.primary),
            left: (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: -1px 0 0 ", ";\n    "], ["\n      box-shadow: -1px 0 0 ", ";\n    "])), exports.DIVIDERS_COLOR_LIGHT.primary),
            right: (0, styled_components_1.css)(templateObject_33 || (templateObject_33 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 1px 0 0 ", ";\n    "], ["\n      box-shadow: 1px 0 0 ", ";\n    "])), exports.DIVIDERS_COLOR_LIGHT.primary)
        },
        secondary: {
            top: (0, styled_components_1.css)(templateObject_34 || (templateObject_34 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 -1px 0 ", ";\n    "], ["\n      box-shadow: 0 -1px 0 ", ";\n    "])), exports.DIVIDERS_COLOR_LIGHT.secondary),
            bottom: (0, styled_components_1.css)(templateObject_35 || (templateObject_35 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 1px 0 ", ";\n    "], ["\n      box-shadow: 0 1px 0 ", ";\n    "])), exports.DIVIDERS_COLOR_LIGHT.secondary),
            left: (0, styled_components_1.css)(templateObject_36 || (templateObject_36 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: -1px 0 0 ", ";\n    "], ["\n      box-shadow: -1px 0 0 ", ";\n    "])), exports.DIVIDERS_COLOR_LIGHT.secondary),
            right: (0, styled_components_1.css)(templateObject_37 || (templateObject_37 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 1px 0 0 ", ";\n    "], ["\n      box-shadow: 1px 0 0 ", ";\n    "])), exports.DIVIDERS_COLOR_LIGHT.secondary)
        }
    };
    exports.DIVIDERS_DARK = {
        primary: {
            top: (0, styled_components_1.css)(templateObject_38 || (templateObject_38 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 -1px 0 ", ";\n    "], ["\n      box-shadow: 0 -1px 0 ", ";\n    "])), exports.DIVIDERS_COLOR_DARK.primary),
            bottom: (0, styled_components_1.css)(templateObject_39 || (templateObject_39 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 1px 0 ", ";\n    "], ["\n      box-shadow: 0 1px 0 ", ";\n    "])), exports.DIVIDERS_COLOR_DARK.primary),
            left: (0, styled_components_1.css)(templateObject_40 || (templateObject_40 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: -1px 0 0 ", ";\n    "], ["\n      box-shadow: -1px 0 0 ", ";\n    "])), exports.DIVIDERS_COLOR_DARK.primary),
            right: (0, styled_components_1.css)(templateObject_41 || (templateObject_41 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 1px 0 0 ", ";\n    "], ["\n      box-shadow: 1px 0 0 ", ";\n    "])), exports.DIVIDERS_COLOR_DARK.primary)
        },
        secondary: {
            top: (0, styled_components_1.css)(templateObject_42 || (templateObject_42 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 -1px 0 ", ";\n    "], ["\n      box-shadow: 0 -1px 0 ", ";\n    "])), exports.DIVIDERS_COLOR_DARK.secondary),
            bottom: (0, styled_components_1.css)(templateObject_43 || (templateObject_43 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 0 1px 0 ", ";\n    "], ["\n      box-shadow: 0 1px 0 ", ";\n    "])), exports.DIVIDERS_COLOR_DARK.secondary),
            left: (0, styled_components_1.css)(templateObject_44 || (templateObject_44 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: -1px 0 0 ", ";\n    "], ["\n      box-shadow: -1px 0 0 ", ";\n    "])), exports.DIVIDERS_COLOR_DARK.secondary),
            right: (0, styled_components_1.css)(templateObject_45 || (templateObject_45 = (0, tslib_1.__makeTemplateObject)(["\n      box-shadow: 1px 0 0 ", ";\n    "], ["\n      box-shadow: 1px 0 0 ", ";\n    "])), exports.DIVIDERS_COLOR_DARK.secondary)
        }
    };
    var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45;
});
