import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
function _tagged_template_literal(strings, raw) {
    if (!raw) raw = strings.slice(0);
    return Object.freeze(Object.defineProperties(strings, {
        raw: {
            value: Object.freeze(raw)
        }
    }));
}
function _templateObject() {
    const data = _tagged_template_literal([
        "\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    header {\n      .headerStyle {\n        width: 100%;\n        height: 60px;\n        background-color: #f7f7f7;\n        display: flex;\n        align-items: center;\n        border-radius: 8px;\n        box-shadow: 0 0 1px 1px #e3e3e3;\n        padding: 0px 10px 0px 15px;\n        .headerTitle {\n          height: 60px;\n          color: #6c6c6c;\n          font-size: 20px;\n          font-weight: 400;\n          line-height: 60px;\n        }\n        ul {\n          color: #6c6c6c;\n          display: flex;\n          align-items: center;\n          height: 100%;\n          margin-top: 0;\n          margin-bottom: 0;\n          padding: 0 0 0 25px;\n          li {\n            list-style: none;\n            padding-left: 5px;\n            padding-right: 5px;\n            text-align: center;\n            height: 100%;\n            line-height: 60px;\n            &:hover {\n              background-color: #e3e3e3;\n            }\n          }\n          .active {\n            background-color: #e3e3e3;\n          }\n        }\n      }\n    }\n    main {\n      padding: 20px 10px;\n      height: 500px;\n      div {\n        height: 500px;\n        img {\n          width: 100%;\n          height: auto;\n        }\n      }\n      .ant-carousel .slick-dots-bottom {\n        bottom: 50px;\n      }\n      .ant-carousel .slick-dots li {\n        width: 10px;\n        height: 10px;\n        border-radius: 50px;\n        border: 1px solid #ffffff;\n      }\n\n      .ant-carousel .slick-dots li button {\n        width: 10px;\n        height: 10px;\n        border-radius: 50px;\n        opacity: 0;\n      }\n      .ant-carousel .slick-dots li.slick-active button {\n        opacity: 1;\n      }\n    }\n    footer {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      margin-top: 22px;\n      a {\n        color: #3372af;\n      }\n      ul {\n        display: flex;\n        margin: 0;\n        bottom: 0;\n        li {\n          list-style: none;\n          a {\n            border-right: 1.5px solid black;\n            padding: 0 5px;\n          }\n          &:nth-last-child(1) a {\n            border-right: 0;\n          }\n        }\n      }\n      div {\n        a {\n          margin-left: 5px;\n        }\n      }\n    }\n  "
    ]);
    _templateObject = function() {
        return data;
    };
    return data;
}
const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
    let { css } = param;
    return {
        home: css(_templateObject())
    };
});
const useHeadStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
    let { token } = param;
    return {
        '.pageHeaderCss': {
            backgroundColor: token.colorBgContainer,
            paddingInline: token.paddingXS,
            '&.ant-page-header-has-footer': {
                paddingTop: token.paddingSM,
                paddingBottom: '0',
                '.ant-page-header-heading-left': {},
                '.ant-page-header-footer': {
                    marginBlockStart: '0'
                }
            },
            '.ant-tabs-nav': {
                marginBottom: '0'
            },
            '.ant-page-header-heading-title': {
                color: token.colorText
            }
        },
        '.height0': {
            fontSize: 0,
            height: 0
        }
    };
});
export { useHeadStyles, useStyles };
