{"version":3,"sources":["webpack:///./src/layout/style.js","webpack:///./src/static/img/auth/BG.png"],"names":["props9","Div","Styled","theme","darkMode","rtl","topMenu","SmallScreenAuthInfo","hide","SmallScreenSearch","TopMenuSearch","TopMenuStyle","Aside","aside","require","Content","div","module","exports"],"mappings":"8GAAA,8PACA,MAAMA,EAAS,CAAC,OAAQ,aAAc,WAAY,UAAW,SACvDC,EAAMC,eAAO,MAAOF,EAAQ;;;iCAGD,EAAGG,WAAYA,EAAM;UAC5C,EAAGC,cAAgBA,EAAY,uBAAwB;;;;cAInD,EAAGA,cACHA,EACK,8FACD;;;;cAIJ,EAAGA,cAAgBA,EAAY,kBAAmB;;;;;6BAKnC,EAAGD,WAAYA,EAAM;;;;;;;;;;;;;;;;iCAgBjB,EAAGC,cAAgBA,EAAY,QAAS;;;qCAGpC,EAAGA,cAAgBA,EAAY,QAAS;;;;;;;6BAOhD,EAAGA,cAAgBA,EAAY,aAAc;;;iCAGzC,EAAGA,cAAgBA,EAAY,aAAc;;;;;0BAKpD,EAAGD,WAAaA,EAAME,IAAM,eAAiB;;qCAElC,EAAGD,cAAgBA,EAAY,aAAc;;;;;;;;;;;;;cAapE,EAAGA,cAAgBA,EAAY,kBAAmB;;;;;;;;;yBASvC,EAAGD,WAAaA,EAAME,IAAM,gBAAkB;;;UAG7D,EAAGF,WAAaA,EAAME,IAAM,OAAS;;;;;;;cAOjC,EAAGF,WAAaA,EAAME,IAAM,OAAS;;;;;;;;;;;;UAYzC,EAAGF,WAAaA,EAAME,IAAM,OAAS;;gCAEf,EAAGF,WAAaA,EAAME,IAAM,SAAW;;;;;;;;;oCASnC,EAAGF,WAAaA,EAAME,IAAM,SAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA6E9C,EAAGF,WAAYA,EAAM;;;;;;;;;;;;;;;cAepC,EAAGA,WAAaA,EAAME,IAAM,cAAgB;;;cAG5C,EAAGF,WAAaA,EAAME,IAAM,cAAgB;;;yBAGjC,EAAGF,WAAaA,EAAMG,QAAU,QAAU;;;;cAIrD,EAAGH,WAAaA,EAAME,IAAM,eAAiB;;;;UAIjD,EAAGD,WAAUD,WACbC,GAAeD,EAAME,IAAuB,cAAjB,gBAAf,uBAAsE;;;;;;cAM9E,EAAGD,cAAgBA,EAAY,uBAAwB;cACvD,EAAGA,cAAgBA,EAAY,eAAgB;;kBAE3C,EAAGD,WAAcA,EAAME,IAAuB,gBAAjB;;;;;;;;;uBASxB,EAAGF,WAAaA,EAAME,IAAM,2BAA6B;;qBAE3D,EAAGF,WAAYA,EAAM;;2BAEf,EAAGA,WAAaA,EAAME,IAAM,2BAA6B;;;2BAGzD,EAAGF,WAAaA,EAAME,IAAM,0BAA4B;;;;;;;;;;;;0BAYzD,EAAGF,WAAYA,EAAM;;;;;;;;;;;;;;;;;;;;;;;kBAuB7B,EAAGA,WAAaA,EAAME,IAAM,cAAgB;;;;;;;;;;iCAU7B,EAAGF,WAAYA,EAAM;;;;iCAIrB,EAAGA,WAAYA,EAAM;;;8BAGxB,EAAGA,WAAcA,EAAME,IAAuB,gBAAjB;qCACtB,EAAGF,WAAYA,EAAM;;;;;;;;;0BAShC,EAAGA,WAAcA,EAAME,IAAuB,gBAAjB;;;;;;;;;;;;;;;;8BAgBzB,EAAGF,WAAaA,EAAME,IAAM,gBAAkB;;;;;0BAKlD,EAAGF,WAAaA,EAAME,IAAM,OAAS;;;;;;;;;;;;gDAYf,EAAGF,WAAYA,EAAM;;;gDAGrB,EAAGA,WAAYA,EAAM;;;;;;;;;;;;8BAYvC,EAAGA,WAAaA,EAAME,IAAM,OAAS;;;;;;;;;;;;;;;;;8BAiBrC,EAAGF,WAAaA,EAAME,IAAM,OAAS;;;;;;;;2DAQR,EAAGF,WAC3BA,EAAME,IAA6B,oBAAvB;;;4DAGa,EAAGF,WAC7BA,EAAME,IAAM,qBAAuB;;;;;;;;;;;;;;;;;;0BAkB3C,EAAGF,WAAaA,EAAME,IAAM,gBAAkB;0BAC9C,EAAGF,WAAaA,EAAME,IAAM,eAAiB;;;8BAGzC,EAAGF,WAAaA,EAAME,IAAM,gBAAkB;;;;;;;;;;0BAUlD,EAAGD,cAAgBA,EAAY,8CAA+C;;;;;;;;qCAQnE,EAAGD,WAAYA,EAAM;;;8BAG5B,EAAGA,WAAcA,EAAME,IAAuB,gBAAjB;;qCAEtB,EAAGF,WAAYA,EAAM;;;;;;qCAMrB,EAAGA,WAAYA,EAAM;;;;;;sBAMpC,EAAGA,WAAYA,EAAME,KAAQ;;;;;;;;;;;;0BAYzB,EAAGD,cAAgBA,EAAY,8CAA+C;;;;;;;;;sCASlE,EAAGD,WAAcA,EAAME,IAAe,QAAT;;;;;;;;;;;;;;;;;;;;;;cAsBrD,EAAGD,cAAgBA,EAAY,mCAAoC;yBACxD,EAAGD,WAAaA,EAAME,IAAM,OAAS;;;;;;;;;kBAS5C,EAAGF,WAAcA,EAAME,IAAsB,eAAhB;;;;;;;;;;;;;;;;;;;;;;cAsBjC,EAAGF,WAAcA,EAAME,IAAe,QAAT;;;;;;MAMrC,EAAGF,WAAcA,EAAME,IAAsB,eAAhB,kBAAoC,EAAGF,WAAaA,EAAMG,QAAU,EAAI;;;;cAI7F,EAAGH,WAAcA,EAAME,IAAsB,eAAhB;;;;;;;UAOjC,EAAGF,WAAaA,EAAME,IAAM,OAAS;;;;;;cAMjC,EAAGF,WAAaA,EAAME,IAAM,OAAS;;;;qBAI9B,EAAGF,WAAYA,EAAM;;kBAExB,EAAGA,WAAaA,EAAME,IAAM,cAAgB;;;;;;;;;;;;;qBAazC,EAAGF,WAAYA,EAAM;;;;;;;0BAOhB,EAAGA,WAAaA,EAAME,IAAM,OAAS;;;;;yBAKtC,EAAGF,WAAYA,EAAM;;sBAExB,EAAGA,WAAaA,EAAME,IAAM,cAAgB;;;6BAGrC,EAAGF,WAAYA,EAAM;;;;;EAO5CI,EAAsBL,eAAO,MAAOF,EAAQ;UACxC,EAAGI,cAAgBA,EAAY,uBAAwB;;;sBAG3C,EAAGI,UAAYA,EAAO,MAAQ;;UAE1C,EAAGL,WAAcA,EAAME,IAAe,QAAT;;mBAEpB,EAAGG,UAAYA,EAAO,EAAI;mBAC1B,EAAGA,UAAYA,GAAQ,EAAI;;;EAKxCC,EAAoBP,eAAO,MAAOF,EAAQ;UACtC,EAAGI,cAAgBA,EAAY,uBAAwB;;;sBAG3C,EAAGI,UAAYA,EAAO,MAAQ;;UAE1C,EAAGL,WAAcA,EAAME,IAAe,QAAT;;mBAEpB,EAAGG,UAAYA,EAAO,EAAI;mBAC1B,EAAGA,UAAYA,GAAQ,EAAI;;;EAsBxCE,GAjBaR,eAAO,MAAOF,EAAQ;;;;MAInC,EAAGG,WAAaA,EAAME,IAAM,OAAS;;;;;;;;;;;EAarBH,eAAO,MAAOF,EAAQ;;;iBAG3B,EAAGG,WAAaA,EAAME,IAAM,OAAS;;;;;UAK5C,EAAGF,WAAaA,EAAME,IAAM,cAAgB;UAC5C,EAAGF,WAAaA,EAAMC,SAAY,kBAAmB;;;;;;;;;;;;;;;;;;;;;;UAsBrD,EAAGD,WAAaA,EAAME,IAAM,OAAS;UACrC,EAAGF,WAAaA,EAAME,IAAM,cAAgB;;;4BAG1B,EAAGF,WAAYA,EAAM;;;;;;;;;;;;;cAanC,EAAGA,WAAaA,EAAME,IAAM,QAAU;;;;;;;;qBAQ/B,EAAGF,WAAaA,EAAMC,SAAY,kBAAmB;;;;;;;;;;;;;;;cAe5D,EAAGD,WAAaA,EAAME,IAAM,gBAAkB;;;;;;;;GAUtDM,EAAeT,eAAO,MAAOF,EAAQ;;;;;;kBAMzB,EAAGG,WAAaA,EAAME,IAAM,eAAiB;;sBAEzC,EAAGF,WAAaA,EAAME,IAAM,eAAiB;;;sBAG7C,EAAGF,WAAaA,EAAME,IAAM,cAAgB;;0BAExC,EAAGF,WAAaA,EAAME,IAAM,cAAgB;;;0BAG5C,EAAGF,WAAaA,EAAME,IAAM,cAAgB;;;0BAG5C,EAAGF,WAAaA,EAAME,IAAM,cAAgB;;;;;;;;8BAQxC,EAAGF,WAAaA,EAAME,IAAM,OAAS;;;;;;qCAM9B,EAAGF,WAAYA,EAAM;;;;kCAIxB,EAAGA,WAAaA,EAAMC,SAAY,eAAgB;;;;;;;;;;8BAUtD,EAAGD,WAAaA,EAAME,IAAM,OAAS;;;;;;qCAM9B,EAAGF,WAAYA,EAAM;;;;;;;;;;;;;;;sBAepC,EAAGA,WAAaA,EAAMC,SAAY,oBAAqB;;0BAEnD,EAAGD,WAAaA,EAAMC,SAAY,eAAgB;;;;;;;;;;;;;0BAalD,EAAGD,WAAaA,EAAME,IAAM,eAAiB;0BAC7C,EAAGF,WAAaA,EAAME,IAAM,cAAgB;;;;;;;;;yCAS7B,EAAGF,WAAYA,EAAM;oDACV,EAAGA,WAAYA,EAAM;kCACvC,EAAGA,WAAaA,EAAME,IAAM,gBAAkB;;;;;;kCAM9C,EAAGF,WAAaA,EAAME,IAAM,QAAU;;sCAElC,EAAGF,WAAaA,EAAME,IAAM,QAAU;;;;;;;;;;;;;cAa9D,EAAGF,WAAaA,EAAME,IAAM,QAAU;;;;;;;;;;;;;;;kBAelC,EAAGF,WAAaA,EAAME,IAAM,QAAU;;;;;;;;;;sBAUlC,EAAGF,WAAaA,EAAME,IAAM,QAAU;;;;;;;;;;;;;;;;;;;;;;;;;kCAyB1B,EAAGF,WAAaA,EAAME,IAAM,QAAU;sBAClD,EAAGF,WAAaA,EAAME,IAAM,QAAU;;;;;;;;;;;;;;;;;;;;;;;;;;0CA0BlB,EAAGF,WAAaA,EAAME,IAAM,QAAU;;;;;;;;;0CAStC,EAAGF,WAAaA,EAAME,IAAM,gBAAkB;iDACvC,EAAGF,WAAYA,EAAM;;gEAEN,EAAGA,WAAYA,EAAM;;;;;;;;;;;;;;;;;;;;;kCAqBnD,EAAGA,WAAaA,EAAME,IAAM,gBAAkB;yCACvC,EAAGF,WAAYA,EAAM;;;;;;sCAMxB,EAAGA,WAAaA,EAAME,IAAM,QAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAiC1C,EAAGF,WAAaA,EAAME,IAAM,QAAU;;;oDAGpB,EAAGF,WAAYA,EAAM;;;;;;;;;;;;EAcnES,EAAQV,OAAOW,KAAM;;;;2BAIAC,EAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkC7BC,EAAUb,OAAOc,GAAI;;;;;;;;;;;;;;;;;;;wBCtgC3BC,EAAOC,QAAU,IAA0B","file":"js/admin~auth.f7974a6f.js","sourcesContent":["import Styled from 'vue3-styled-components';\r\nconst props9 = ['hide', 'searchHide', 'darkMode', 'topMenu', 'theme'];\r\nconst Div = Styled('div', props9)`\r\n    position: relative;\r\n    header{\r\n        box-shadow: 0 2px 30px ${({ theme }) => theme['gray-solid']}10;\r\n        ${({ darkMode }) => (darkMode ? `background: #272B41;` : '')};\r\n        z-index: 999;\r\n\r\n        .ant-btn-white{\r\n            ${({ darkMode }) =>\r\n              darkMode\r\n                ? `background: #272B41 !important; border-color: #272B41 !important; color: #7D808D !important`\r\n                : ''};\r\n        }\r\n\r\n        .head-example{\r\n            ${({ darkMode }) => (darkMode ? `color: #A8AAB3;` : '')};\r\n        }\r\n        .ant-menu-sub.ant-menu-vertical{\r\n            .ant-menu-item{\r\n                a{\r\n                    color: ${({ theme }) => theme['gray-color']};\r\n                }\r\n            }\r\n        }\r\n        .ant-menu.ant-menu-horizontal{\r\n            display: flex;\r\n            align-items: center;\r\n            margin: 0 -16px;\r\n            li.ant-menu-submenu{\r\n                margin: 0 16px;\r\n            }\r\n            .ant-menu-submenu{\r\n                &.ant-menu-submenu-active,\r\n                &.ant-menu-submenu-selected,\r\n                &.ant-menu-submenu-open{\r\n                    .ant-menu-submenu-title{\r\n                        color: ${({ darkMode }) => (darkMode ? `#fff;` : '#5A5F7D')};\r\n                        svg,\r\n                        i{\r\n                            color: ${({ darkMode }) => (darkMode ? `#fff;` : '#5A5F7D')};\r\n                        }\r\n                    }\r\n                }\r\n                .ant-menu-submenu-title{\r\n                    font-size: 14px;\r\n                    font-weight: 500;\r\n                    color: ${({ darkMode }) => (darkMode ? `#ffffff90;` : '#5A5F7D')};\r\n                    svg,\r\n                    i{\r\n                        color: ${({ darkMode }) => (darkMode ? `#ffffff90;` : '#5A5F7D')};\r\n                    }\r\n                    .ant-menu-submenu-arrow{\r\n                        font-family: \"FontAwesome\";\r\n                        font-style: normal;\r\n                        ${({ theme }) => (theme.rtl ? 'margin-right' : 'margin-left')}: 6px;\r\n                        &:after{\r\n                            color: ${({ darkMode }) => (darkMode ? `#ffffff90;` : '#9299B8')};\r\n                            content: '\\f107';\r\n                            background-color: transparent;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n\r\n    }\r\n    .header-more{\r\n        .head-example{\r\n            ${({ darkMode }) => (darkMode ? `color: #A8AAB3;` : '')};\r\n        }\r\n    }\r\n    .customizer-trigger{\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: ${({ theme }) => (theme.rtl ? '0 10px 10px 0' : '10px 0 0 10px')};\r\n        background-color: #5F63F2;\r\n        position: fixed;\r\n        ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        transition: all .3s ease;\r\n        z-index: 999;\r\n        box-shadow: 0 10px 15px rgba(#5F63F2,.20);\r\n        &.show{\r\n            ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 295px;\r\n        }\r\n        svg,\r\n        img{\r\n            width: 20px;\r\n            color: #fff;\r\n            animation: antRotate 3s infinite linear;\r\n        }\r\n    }\r\n    .customizer-wrapper{\r\n        position: fixed;\r\n        top: 0;\r\n        ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 0;\r\n        width: 350px;\r\n        transform: translateX(${({ theme }) => (theme.rtl ? '-350px' : '350px')});\r\n        height: 100vh;\r\n        overflow-y: auto;\r\n        background-color: #fff;\r\n        box-shadow: 0 0 30px #9299B810;\r\n        z-index: 99999999999;\r\n        transition: all .3s ease;\r\n        @media only screen and (max-width: 479px){\r\n            width: 280px;\r\n            transform: translateX(${({ theme }) => (theme.rtl ? '-280px' : '280px')});\r\n        }\r\n        &.show{\r\n            transform: translateX(0);\r\n        }\r\n    }\r\n    .customizer{\r\n        height: 100%;\r\n        .customizer__head{\r\n            position: relative;\r\n            padding: 18px 24px;\r\n            border-bottom: 1px solid #f0f0f0;\r\n            text-align: left;\r\n            .customizer-close{\r\n                position: absolute;\r\n                right: 15px;\r\n                top: 15px;\r\n                svg,\r\n                i{\r\n                    color: #FF4D4F;\r\n                }\r\n            }\r\n            .customizer__title{\r\n                font-weight: 600;\r\n                color: #272B41;\r\n                font-size: 16px;\r\n                margin-bottom: 2px;\r\n            }\r\n        }\r\n        .customizer__body{\r\n            padding: 25px;\r\n        }\r\n        .customizer__single{\r\n            &:not(:last-child){\r\n                margin-bottom: 35px;\r\n            }\r\n            h4{\r\n                font-weight: 600;\r\n                font-size: 16px;\r\n                margin-bottom: 10px;\r\n                color: #272B41;\r\n            }\r\n        }\r\n    }\r\n    .customizer-list{\r\n        margin: -10px;\r\n        .customizer-list__item{\r\n            position: relative;\r\n            display: inline-block;\r\n            min-height: 60px;\r\n            background-size: cover;\r\n            margin: 10px;\r\n            &.top{\r\n                span.fa{\r\n                    top: 35px;\r\n                }\r\n            }\r\n            &:hover{\r\n                span{\r\n                    color: #5F63F2;\r\n                }\r\n            }\r\n            a{\r\n                position: relative;\r\n                display: block;\r\n                &.active{\r\n                    span.fa{\r\n                        display: block;\r\n                    }\r\n                }\r\n                span.fa{\r\n                    display: none;\r\n                    font-size: 16px;\r\n                    margin-top: 0;\r\n                    position: absolute;\r\n                    top: 15px;\r\n                    right: 15px;\r\n                    color: ${({ theme }) => theme['success-color']};\r\n                }\r\n            }\r\n            img{\r\n                width: 100%;\r\n            }\r\n            span{\r\n                display: inline-block;\r\n                margin-top: 15px;\r\n                color: #272B41;\r\n            }\r\n        }\r\n    }\r\n    .striking-logo{\r\n        @media only screen and (max-width: 875px){\r\n            ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 4px;\r\n        }\r\n        @media only screen and (max-width: 767px){\r\n            ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 0;\r\n        }\r\n        img{\r\n            max-width: ${({ theme }) => (theme.topMenu ? '140px' : '120px')};\r\n            width: 100%;\r\n        }\r\n        &.top-menu{\r\n            ${({ theme }) => (theme.rtl ? 'margin-right' : 'margin-left')}: 15px;\r\n        }\r\n    }\r\n    .certain-category-search-wrapper{\r\n        ${({ darkMode, theme }) =>\r\n          darkMode ? `${!theme.rtl ? 'border-right' : 'border-left'}: 1px solid #272B41;` : ''};\r\n         @media only screen and (max-width: 767px){\r\n            padding: 0 15px;\r\n        }\r\n        input{\r\n            max-width: 350px;\r\n            ${({ darkMode }) => (darkMode ? `background: #272B41;` : '')};\r\n            ${({ darkMode }) => (darkMode ? `color: #fff;` : '#5A5F7D')};\r\n            @media only screen and (max-width: 875px){\r\n                ${({ theme }) => (!theme.rtl ? 'padding-left' : 'padding-right')}: 5px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .navbar-brand{\r\n        display: flex;\r\n        align-items: center;\r\n        button{\r\n            padding: ${({ theme }) => (theme.rtl ? '0 15px 0 25px !important' : '0 25px 0 15px !important')};\r\n            line-height: 0;0\r\n            color: ${({ theme }) => theme['extra-light-color']};\r\n            @media only screen and (max-width: 875px){\r\n                padding: ${({ theme }) => (theme.rtl ? '0 10px 0 25px !important' : '0 25px 0 10px !important')};\r\n            }\r\n            @media only screen and (max-width: 767px){\r\n                padding: ${({ theme }) => (theme.rtl ? '0 0px 0 15px !important' : '0 15px 0 0px !important')};\r\n            }\r\n        }\r\n    }\r\n\r\n    /* Sidebar styles */\r\n    .ant-layout-sider{\r\n        box-shadow: 0 0 30px #9299B810;\r\n        @media (max-width: 991px){\r\n            box-shadow: 0 0 10px #00000020;\r\n        }\r\n        &.ant-layout-sider-dark{\r\n            background: ${({ theme }) => theme['dark-color']};\r\n            .ant-layout-sider-children{\r\n                .ant-menu{\r\n                    .ant-menu-submenu-inline{\r\n                        > .ant-menu-submenu-title{\r\n                            padding: 0 15px !important;\r\n                        }\r\n                    }\r\n                    .ant-menu-item{\r\n                        padding: 0 15px !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .ant-layout-sider-children{\r\n            padding-bottom: 15px;\r\n            >.sidebar-nav-title{\r\n                margin-top: 8px;\r\n            }\r\n\r\n            .ant-menu{\r\n                /* overflow-x: hidden; */\r\n                ${({ theme }) => (theme.rtl ? 'border-left' : 'border-right')}: 0 none;\r\n                box-shadow: none !important;\r\n                .ant-menu-submenu, .ant-menu-item{\r\n                    i{\r\n                        line-height: normal;\r\n                    }\r\n                    .feather,\r\n                    img{\r\n                        width: 16px;\r\n                        font-size: 16px;\r\n                        color: ${({ theme }) => theme['extra-light-color']};\r\n                    }\r\n                    span{\r\n                        display: inline-block;\r\n                        color: ${({ theme }) => theme['dark-color']};\r\n                        transition: 0.3s ease;\r\n                        a{\r\n                            ${({ theme }) => (!theme.rtl ? 'padding-left' : 'padding-right')}: 20px;\r\n                            color: ${({ theme }) => theme['dark-color']};\r\n                        }\r\n                    }\r\n                    .sDash_menu-item-icon{\r\n                        line-height: .6;\r\n                    }\r\n                }\r\n                .ant-menu-submenu{\r\n                    span{\r\n                        ${({ theme }) => (!theme.rtl ? 'padding-left' : 'padding-right')}: 20px;\r\n                    }\r\n                }\r\n                .ant-menu-item{\r\n                    .menuItem-iocn{\r\n                        width: auto;\r\n                    }\r\n                }\r\n                .ant-menu-item,\r\n                .ant-menu-submenu-title{\r\n                    a{\r\n                        position: relative;\r\n                    }\r\n                    >span{\r\n                        /* width: 100%; */\r\n                        .pl-0{\r\n                            ${({ theme }) => (theme.rtl ? 'padding-right' : 'padding-left')}: 0px;\r\n                        }\r\n                    }\r\n                    .badge{\r\n                        position: absolute;\r\n                        ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 30px;\r\n                        top: 50%;\r\n                        transform: translateY(-50%);\r\n                        display: inline-block;\r\n                        height: auto;\r\n                        font-size: 10px;\r\n                        border-radius: 3px;\r\n                        padding: 3px 4px 4px;\r\n                        line-height: 1;\r\n                        letter-spacing: 1px;\r\n                        color: #fff;\r\n                        &.badge-primary{\r\n                            background-color: ${({ theme }) => theme['primary-color']};\r\n                        }\r\n                        &.badge-success{\r\n                            background-color: ${({ theme }) => theme['success-color']};\r\n                        }\r\n                    }\r\n                }\r\n                .ant-menu-submenu{\r\n                    .ant-menu-submenu-title{\r\n                        display: flex;\r\n                        align-items: center;\r\n                        .title{\r\n                            padding-left: 0;\r\n                        }\r\n                        .badge{\r\n                            ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 45px;\r\n                        }\r\n                    }\r\n                }\r\n                .ant-menu-submenu-inline{\r\n                    > .ant-menu-submenu-title{\r\n                        display: flex;\r\n                        align-items: center;\r\n                        padding: 0 15px !important;\r\n                        svg,\r\n                        img{\r\n                            width: 16px;\r\n                            height: 16px;\r\n                        }\r\n\r\n                        .ant-menu-submenu-arrow{\r\n                            right: auto;\r\n                            ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 24px;\r\n                            &:after,\r\n                            &:before{\r\n                                width: 7px;\r\n                                background: #868EAE;\r\n                                height: 1.25px;\r\n                            }\r\n                            &:before{\r\n                                transform: rotate(45deg) ${({ theme }) =>\r\n                                  !theme.rtl ? 'translateY(-3.3px)' : 'translateY(3.3px)'};\r\n                            }\r\n                            &:after{\r\n                                transform: rotate(-45deg) ${({ theme }) =>\r\n                                  theme.rtl ? 'translateY(-3.3px)' : 'translateY(3.3px)'};\r\n                            }\r\n                        }\r\n                    }\r\n                    &.ant-menu-submenu-open{\r\n                        > .ant-menu-submenu-title{\r\n                            .ant-menu-submenu-arrow{\r\n                                transform: translateY(2px);\r\n                                &:before{\r\n                                    transform: rotate(45deg) translateX(-3.3px);\r\n                                }\r\n                                &:after{\r\n                                    transform: rotate(-45deg) translateX(3.3px);\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                    .ant-menu-item{\r\n                        ${({ theme }) => (theme.rtl ? 'padding-right' : 'padding-left')}: 0px !important;\r\n                        ${({ theme }) => (theme.rtl ? 'padding-left' : 'padding-right')}: 0 !important;\r\n                        transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;\r\n                        a{\r\n                            ${({ theme }) => (theme.rtl ? 'padding-right' : 'padding-left')}: 50px !important;\r\n                        }\r\n                    }\r\n                }\r\n                .ant-menu-item{\r\n                    display: flex;\r\n                    align-items: center;\r\n                    padding: 0 15px !important;\r\n                    &.ant-menu-item-active{\r\n                        border-radius: 4px;\r\n                        ${({ darkMode }) => (darkMode ? `background-color: rgba(255, 255, 255, .05);` : '')};\r\n                    }\r\n                    a{\r\n                        width: 100%;\r\n                        display: flex !important;\r\n                        align-items: center;\r\n                        .feather{\r\n                            width: 16px;\r\n                            color: ${({ theme }) => theme['extra-light-color']};\r\n                        }\r\n                        span{\r\n                            ${({ theme }) => (!theme.rtl ? 'padding-left' : 'padding-right')}: 20px;\r\n                            display: inline-block;\r\n                            color: ${({ theme }) => theme['dark-color']};\r\n                        }\r\n                    }\r\n                    &.ant-menu-item-selected{\r\n                        svg,\r\n                        i{\r\n                            color: ${({ theme }) => theme['primary-color']};\r\n                        }\r\n                    }\r\n                }\r\n                .ant-menu-submenu,\r\n                .ant-menu-item{\r\n                    ${({ theme }) => theme.rtl && `padding-right: 5px;`}\r\n\r\n                    &.ant-menu-item-selected{\r\n                        border-radius: 4px;\r\n                        color: #0DB3B5;\r\n\r\n                        &:after{\r\n                            content: none;\r\n                        }\r\n                    }\r\n                    &.ant-menu-submenu-active{\r\n                        border-radius: 4px;\r\n                        ${({ darkMode }) => (darkMode ? `background-color: rgba(255, 255, 255, .05);` : '')};\r\n                    }\r\n                }\r\n                .sidebar-nav-title{\r\n                    margin-top: 40px;\r\n                    margin-bottom: 24px;\r\n                }\r\n                &.ant-menu-inline-collapsed{\r\n                    .ant-menu-submenu{\r\n                        text-align: ${({ theme }) => (!theme.rtl ? 'left' : 'right')};\r\n                        .ant-menu-submenu-title{\r\n                            padding: 0 20px;\r\n                            justify-content: center;\r\n                        }\r\n                    }\r\n                    .ant-menu-item{\r\n                        padding: 0 32px !important;\r\n                        justify-content: center;\r\n                    }\r\n                    .ant-menu-submenu, .ant-menu-item{\r\n                        span{\r\n                            display: none;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .sidebar-nav-title{\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n            ${({ darkMode }) => (darkMode ? `color: rgba(255, 255, 255, .38);` : 'color: #9299B8;')};\r\n            padding: 0 ${({ theme }) => (theme.rtl ? '20px' : '15px')};\r\n            display: flex;\r\n        }\r\n        &.ant-layout-sider-collapsed{\r\n            padding: 15px 0px 55px !important;\r\n            .sidebar-nav-title{\r\n                display: none;\r\n            }\r\n            & + .atbd-main-layout{\r\n                ${({ theme }) => (!theme.rtl ? 'margin-left' : 'margin-right')}: 80px;\r\n            }\r\n            .ant-menu-item{\r\n                color: #333;\r\n                .badge{\r\n                    display: none;\r\n                }\r\n            }\r\n            .ant-menu-submenu {\r\n                .ant-menu-sub {\r\n                    opacity: 0;\r\n                }\r\n            }\r\n        }\r\n        .ant-menu-item-group{\r\n            .ant-menu-item-group-title{\r\n                padding: 0;\r\n            }\r\n        }\r\n    }\r\n    @media only screen and (max-width: 1150px){\r\n        .ant-layout-sider.ant-layout-sider-collapsed{\r\n            ${({ theme }) => (!theme.rtl ? 'left' : 'right')}: -80px !important;\r\n        }\r\n\r\n    }\r\n\r\n    .atbd-main-layout{\r\n    ${({ theme }) => (!theme.rtl ? 'margin-left' : 'margin-right')}: ${({ theme }) => (theme.topMenu ? 0 : '280px')};\r\n        margin-top: 64px;\r\n        transition: 0.3s ease;\r\n        @media only screen and (max-width: 1150px){\r\n            ${({ theme }) => (!theme.rtl ? 'margin-left' : 'margin-right')}: auto !important;\r\n        }\r\n    }\r\n\r\n    /* Mobile Actions */\r\n    .mobile-action{\r\n        position: absolute;\r\n        ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 20px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        display: inline-flex;\r\n        align-items: center;\r\n        @media only screen and (max-width: 767px){\r\n            ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 0;\r\n        }\r\n        a{\r\n            display: inline-flex;\r\n            color: ${({ theme }) => theme['light-color']};\r\n            &.btn-search{\r\n                ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 18px;\r\n            }\r\n            svg{\r\n                width: 20px\r\n                height: 20px;\r\n            }\r\n        }\r\n    }\r\n    .admin-footer{\r\n        .admin-footer__copyright{\r\n            display: inline-block;\r\n            width: 100%;\r\n            height:100%;\r\n            color: ${({ theme }) => theme['light-color']};\r\n            @media only screen and (max-width: 767px){\r\n                text-align: center;\r\n                margin-bottom: 10px;\r\n            }\r\n        }\r\n        .admin-footer__links{\r\n            text-align: ${({ theme }) => (theme.rtl ? 'left' : 'right')};\r\n            @media only screen and (max-width: 767px){\r\n                text-align: center;\r\n            }\r\n            a{\r\n                color: ${({ theme }) => theme['light-color']};\r\n                &:not(:last-child){\r\n                    ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 15px;\r\n                }\r\n                &:hover{\r\n                    color: ${({ theme }) => theme['primary-color']};\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst SmallScreenAuthInfo = Styled('div', props9)`\r\n        ${({ darkMode }) => (darkMode ? `background: #272B41;` : 'background: #fff')};\r\n        width: 100%;\r\n        position: fixed;\r\n        margin-top: ${({ hide }) => (hide ? '0px' : '64px')};\r\n        top: 0;\r\n        ${({ theme }) => (!theme.rtl ? 'left' : 'right')}: 0;\r\n        transition: .3s;\r\n        opacity: ${({ hide }) => (hide ? 0 : 1)}\r\n        z-index: ${({ hide }) => (hide ? -1 : 1)}\r\n        box-shadow: 0 2px 30px #9299b810;\r\n\r\n`;\r\n\r\nconst SmallScreenSearch = Styled('div', props9)`\r\n        ${({ darkMode }) => (darkMode ? `background: #272B41;` : 'background: #fff')};\r\n        width: 100%;\r\n        position: fixed;\r\n        margin-top: ${({ hide }) => (hide ? '0px' : '64px')};\r\n        top: 0;\r\n        ${({ theme }) => (!theme.rtl ? 'left' : 'right')}: 0;\r\n        transition: .3s;\r\n        opacity: ${({ hide }) => (hide ? 0 : 1)}\r\n        z-index: ${({ hide }) => (hide ? -1 : 999)}\r\n        box-shadow: 0 2px 30px #9299b810;\r\n\r\n`;\r\n\r\nconst ModeSwitch = Styled('div', props9)`\r\n    background: #ddd;\r\n    width: 200px;\r\n    position: fixed;\r\n    ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 0;\r\n    top: 50%;\r\n    margin-top: -100px;\r\n    z-index: 9999;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 15px;\r\n    border-radius: 5px;\r\n    button{\r\n        margin-top: 5px;\r\n    }\r\n`;\r\n\r\nconst TopMenuSearch = Styled('div', props9)`\r\n    .top-right-wrap{\r\n        position: relative;\r\n        float: ${({ theme }) => (theme.rtl ? 'left' : 'right')};\r\n    }\r\n    .search-toggle{\r\n        display: flex;\r\n        align-items: center;\r\n        ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 10px;\r\n        ${({ theme }) => (theme.darkMode ? `color: #A8AAB3;` : 'color :#5A5F7D')};\r\n        .feather-x{\r\n            display: none;\r\n        }\r\n        .feather-search{\r\n            display: flex;\r\n        }\r\n        &.active{\r\n            .feather-search{\r\n                display: none;\r\n            }\r\n            .feather-x{\r\n                display: flex;\r\n            }\r\n        }\r\n        svg,\r\n        img{\r\n            width: 20px;\r\n        }\r\n    }\r\n    .topMenu-search-form{\r\n        position: absolute;\r\n        ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 100%;\r\n        ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 15px;\r\n        top: 12px;\r\n        background-color: #fff;\r\n        border: 1px solid ${({ theme }) => theme['border-color-normal']};\r\n        border-radius: 6px;\r\n        height: 40px;\r\n        width: 280px;\r\n        display: none;\r\n        &.show{\r\n            display: block;\r\n        }\r\n        .search-icon{\r\n            width: fit-content;\r\n            line-height: 1;\r\n            position: absolute;\r\n            left: 15px;\r\n            ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 15px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            z-index: 9999;\r\n        }\r\n        i,\r\n        svg{\r\n            width: 18px;\r\n            color: ${({ theme }) => (theme.darkMode ? `color: #A8AAB3;` : 'color:# 9299b8')};\r\n        }\r\n        form{\r\n            height: auto;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        input{\r\n            position: relative;\r\n            border-radius: 6px;\r\n            width: 100%;\r\n            border: 0 none;\r\n            height: 38px;\r\n            padding-left: 40px;\r\n            z-index: 999;\r\n            ${({ theme }) => (theme.rtl ? 'padding-right' : 'padding-left')}: 40px;\r\n            &:focus{\r\n                border: 0 none;\r\n                box-shadow: 0 0;\r\n                outline: none;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst TopMenuStyle = Styled('div', props9)`\r\n    .strikingDash-top-menu{\r\n        ul{\r\n            li{\r\n                display: inline-block;\r\n                position: relative;\r\n                ${({ theme }) => (theme.rtl ? 'padding-left' : 'padding-right')}: 14px;\r\n                @media only screen and (max-width: 1024px){\r\n                    ${({ theme }) => (theme.rtl ? 'padding-left' : 'padding-right')}: 10px;\r\n                }\r\n                &:not(:last-child){\r\n                    ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 34px;\r\n                    @media only screen and (max-width: 1300px){\r\n                        ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 30px;\r\n                    }\r\n                    @media only screen and (max-width: 1199px){\r\n                        ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 26px;\r\n                    }\r\n                    @media only screen and (max-width: 1024px){\r\n                        ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 16px;\r\n                    }\r\n                }\r\n                &.has-subMenu{\r\n                    >a{\r\n                        position: relative;\r\n                        &:before{\r\n                            position: absolute;\r\n                            ${({ theme }) => (theme.rtl ? 'left' : 'right')}: -14px;\r\n                            top: 50%;\r\n                            transform: translateY(-50%);\r\n                            font-family: \"FontAwesome\";\r\n                            content: '\\f107';\r\n                            line-height: 1;\r\n                            color: ${({ theme }) => theme['light-color']};\r\n                        }\r\n                        &.active{\r\n                            &:before{\r\n                                ${({ theme }) => (theme.darkMode ? `color: #fff;` : 'color: #5F63F2')};\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n                &.has-subMenu-left{\r\n                    >a{\r\n                        position: relative;\r\n                        &:before{\r\n                            position: absolute;\r\n                            ${({ theme }) => (theme.rtl ? 'left' : 'right')}: 30px;\r\n                            top: 50%;\r\n                            transform: translateY(-50%);\r\n                            font-family: \"FontAwesome\";\r\n                            content: '\\f105';\r\n                            line-height: 1;\r\n                            color: ${({ theme }) => theme['light-color']};\r\n                        }\r\n                    }\r\n                }\r\n                &:hover{\r\n                    >.subMenu{\r\n                        top: 64px;\r\n                        opacity: 1;\r\n                        visibility: visible;\r\n                    }\r\n                }\r\n                a{\r\n                    display: flex;\r\n                    align-items: center;\r\n                    font-weight: 500;\r\n                    ${({ theme }) => (theme.darkMode ? `color: #ffffff60;` : 'color: #5A5F7D')};\r\n                    &.active{\r\n                        ${({ theme }) => (theme.darkMode ? `color: #fff;` : 'color: #5F63F2')};\r\n                    }\r\n                    svg,\r\n                    img,\r\n                    i{\r\n                        margin-right: 14px;\r\n                        width: 16px;\r\n                    }\r\n                }\r\n                >ul{\r\n                    li{\r\n                        display: block;\r\n                        position: relative;\r\n                        ${({ theme }) => (theme.rtl ? 'padding-left' : 'padding-right')}: 0;\r\n                        ${({ theme }) => (theme.rtl ? 'margin-left' : 'margin-right')}: 0 !important;\r\n                        a{\r\n                            font-weight: 400;\r\n                            padding: 0 30px;\r\n                            line-height: 3;\r\n                            color: #868EAE;\r\n                            transition: .3s;\r\n                            &:hover,\r\n                            &.active{\r\n                                color: ${({ theme }) => theme['primary-color']};\r\n                                background-color: ${({ theme }) => theme['primary-color']}06;\r\n                                ${({ theme }) => (theme.rtl ? 'padding-right' : 'padding-left')}: 40px;\r\n                            }\r\n                        }\r\n                        &:hover{\r\n                            .subMenu{\r\n                                top: 0;\r\n                                ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 250px;\r\n                                @media only screen and (max-width: 1300px){\r\n                                    ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 180px;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .subMenu{\r\n            width: 250px;\r\n            background: #fff;\r\n            border-radius: 6px;\r\n            position: absolute;\r\n            ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 0;\r\n            top: 80px;\r\n            padding: 12px 0;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: 0.3s;\r\n            z-index: 98;\r\n            box-shadow: 0px 15px 40px 0px rgba(82, 63, 105, 0.15);\r\n            @media only screen and (max-width: 1300px){\r\n                width: 180px;\r\n            }\r\n            .subMenu{\r\n                width: 250px;\r\n                background: #fff;\r\n                position: absolute;\r\n                ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 250px;\r\n                top: 0px;\r\n                padding: 12px 0;\r\n                visibility: hidden;\r\n                opacity: 0;\r\n                transition: 0.3s;\r\n                z-index: 98;\r\n                box-shadow: 0px 15px 40px 0px rgba(82, 63, 105, 0.15);\r\n                @media only screen and (max-width: 1300px){\r\n                    width: 200px;\r\n                    ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 180px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    // Mega Menu\r\n    .strikingDash-top-menu{\r\n        >ul{\r\n            >li{\r\n                &:hover{\r\n                    .megaMenu-wrapper{\r\n                        opacity: 1;\r\n                        visibility: visible;\r\n                        z-index: 99;\r\n                    }\r\n                }\r\n                &.mega-item{\r\n                    position: static;\r\n                }\r\n                .sDash_menu-item-icon{\r\n                    line-height: .6;\r\n                }\r\n                .megaMenu-wrapper{\r\n                    display: flex;\r\n                    position: absolute;\r\n                    text-align: ${({ theme }) => (theme.rtl ? 'right' : 'left')}\r\n                    ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 0;\r\n                    top: 100%;\r\n                    overflow: hidden;\r\n                    z-index: -1;\r\n                    padding: 16px 0;\r\n                    box-shadow: 0px 15px 40px 0px rgba(82, 63, 105, 0.15);\r\n                    border-radius: 0 0 6px 6px;\r\n                    opacity: 0;\r\n                    visibility: hidden;\r\n                    transition: .4s;\r\n                    background-color: #fff;\r\n                    &.megaMenu-small{\r\n                        width: 590px;\r\n                        >li{\r\n                            flex: 0 0 33.3333%;\r\n                        }\r\n                        ul{\r\n                            li{\r\n                                >a{\r\n                                    padding: 0 45px;\r\n                                    position: relative\r\n                                    &:after{\r\n                                        width: 5px;\r\n                                        height: 5px;\r\n                                        border-radius: 50%;\r\n                                        position: absolute;\r\n                                        ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 30px;\r\n                                        top: 50%;\r\n                                        transform: translateY(-50%);\r\n                                        background-color: #C6D0DC;\r\n                                        content: '';\r\n                                        transition: .3s;\r\n                                    }\r\n                                    &:hover,\r\n                                    &.active{\r\n                                        ${({ theme }) => (theme.rtl ? 'padding-right' : 'padding-left')}: 45px;\r\n                                        color: ${({ theme }) => theme['primary-color']};\r\n                                        &:after{\r\n                                            background-color: ${({ theme }) => theme['primary-color']};;\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                    &.megaMenu-wide{\r\n                        width: 1000px;\r\n                        padding: 5px 0 18px;\r\n                        @media only screen and (max-width: 1300px){\r\n                            width: 800px;\r\n                        }\r\n                        >li{\r\n                            position: relative;\r\n                            flex: 0 0 25%;\r\n                            .mega-title{\r\n                                position: relative;\r\n                                font-size: 14px;\r\n                                font-weight: 500;\r\n                                padding-left: 45px;\r\n                                ${({ theme }) => (theme.rtl ? 'padding-right' : 'padding-left')}: 45px;\r\n                                color: ${({ theme }) => theme['dark-color']};\r\n                                &:after{\r\n                                    position: absolute;\r\n                                    height: 5px;\r\n                                    width: 5px;\r\n                                    border-radius: 50%;\r\n                                    ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 30px;\r\n                                    top: 50%;\r\n                                    transform: translateY(-50%);\r\n                                    background-color: #C6D0DC;\r\n                                    content: '';\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                    ul{\r\n                        li{\r\n                            position: relative;\r\n                            &:hover{\r\n                                >a{\r\n                                    padding-left: 45px;\r\n                                }\r\n                                &:after{\r\n                                    opacity: 1;\r\n                                    visibility: visible;\r\n                                }\r\n                            }\r\n                            >a{\r\n                                line-height: 3;\r\n                                color: #868EAE;\r\n                                font-weight: 400;\r\n                                transition: .3s;\r\n                            }\r\n\r\n                            &:after{\r\n                                width: 6px;\r\n                                height: 1px;\r\n                                border-radius: 50%;\r\n                                position: absolute;\r\n                                ${({ theme }) => (theme.rtl ? 'right' : 'left')}: 30px;\r\n                                top: 50%;\r\n                                transform: translateY(-50%);\r\n                                background-color: ${({ theme }) => theme['light-color']};\r\n                                content: '';\r\n                                transition: .3s;\r\n                                opacity: 0;\r\n                                visibility: hidden;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Aside = Styled.aside`\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: relative;\r\n  background-image: url(\"${require('@/static/img/auth/BG.png')}\");\r\n  background-repeat: no-repeat;\r\n  background-attachment: fixed;\r\n  background-position: left top;\r\n  @media only screen and (max-width: 767px){\r\n    height: 100%;\r\n  }\r\n  .topShape {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 400px;\r\n  }\r\n  .bottomShape {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    //width: 400px;\r\n  }\r\n  .auth-side-content{\r\n    @media only screen and (max-width: 991px){\r\n      h1{\r\n        font-size: 20px;\r\n      }\r\n    }\r\n    @media only screen and (max-width: 767px){\r\n      h1{\r\n        font-size: 24px;\r\n        margin-bottom: 28px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Content = Styled.div`\r\n    padding: 100px;\r\n    @media only screen and (max-width: 1599px){\r\n      padding: 50px;\r\n    }\r\n    @media only screen and (max-width: 991px){\r\n      padding: 20px;\r\n    }\r\n    @media only screen and (max-width: 767px){\r\n      text-align: center;\r\n    }\r\n    .auth-content-figure{\r\n      @media only screen and (max-width: 1199px){\r\n        max-width: 420px;\r\n      }\r\n      @media only screen and (max-width: 991px){\r\n        max-width: 100%;\r\n      }\r\n    }\r\n`;\r\n\r\nexport { Div, SmallScreenAuthInfo, SmallScreenSearch, ModeSwitch, TopMenuStyle, TopMenuSearch, Aside, Content };\r\n","module.exports = __webpack_public_path__ + \"img/BG.54625f96.png\";"],"sourceRoot":""}