Files
telangpu 91fd7ffcf0 update
2026-05-10 22:39:11 +08:00

2947 lines
85 KiB
HTML

<!DOCTYPE html>
<html class="theme-light" dir="ltr" data-theme="light">
<head>
<link rel="icon" href="/Static_zy/fc.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- <title>Pay traffic fines, settle municipal accounts and purchase prepaid electricity</title>
<link rel="stylesheet" crossorigin="" href="/Static_zy/apps/ZA_PAY_01/assets/index-yUVF4vys.css">
<style id="dy-message-styles">
@keyframes dy-message-fade-in {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes dy-message-fade-out {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0.9);
}
}
</style>
<link rel="stylesheet" crossorigin="" href="/Static_zy/apps/ZA_PAY_01/assets/index-bill-D0jb4iNV.css"> -->
<meta charset="utf-8">
<title>AARTO</title>
<base href="/">
<style type="text/css">
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: normal;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAw.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: normal;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAw.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: normal;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAw.woff) format('woff');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<style type="text/css">
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: 'liga';
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
</style>
<link rel="stylesheet" href="/Static_zy/styles.df5bb5ce2c0500cd66ad.css">
<style>
:root {
--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);
--swal2-container-padding: 0.625em;
--swal2-backdrop: rgba(0, 0, 0, 0.4);
--swal2-backdrop-transition: background-color 0.15s;
--swal2-width: 32em;
--swal2-padding: 0 0 1.25em;
--swal2-border: none;
--swal2-border-radius: 0.3125rem;
--swal2-background: white;
--swal2-color: #545454;
--swal2-show-animation: swal2-show 0.3s;
--swal2-hide-animation: swal2-hide 0.15s forwards;
--swal2-icon-zoom: 1;
--swal2-icon-animations: true;
--swal2-title-padding: 0.8em 1em 0;
--swal2-html-container-padding: 1em 1.6em 0.3em;
--swal2-input-border: 1px solid #d9d9d9;
--swal2-input-border-radius: 0.1875em;
--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
--swal2-input-background: transparent;
--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;
--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
--swal2-input-focus-border: 1px solid #b4dbed;
--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
--swal2-progress-step-background: #add8e6;
--swal2-validation-message-background: #f0f0f0;
--swal2-validation-message-color: #666;
--swal2-footer-border-color: #eee;
--swal2-footer-background: transparent;
--swal2-footer-color: inherit;
--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);
--swal2-close-button-position: initial;
--swal2-close-button-inset: auto;
--swal2-close-button-font-size: 2.5em;
--swal2-close-button-color: #ccc;
--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;
--swal2-close-button-outline: initial;
--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;
--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);
--swal2-close-button-hover-transform: none;
--swal2-actions-justify-content: center;
--swal2-actions-width: auto;
--swal2-actions-margin: 1.25em auto 0;
--swal2-actions-padding: 0;
--swal2-actions-border-radius: 0;
--swal2-actions-background: transparent;
--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;
--swal2-action-button-hover: black 10%;
--swal2-action-button-active: black 10%;
--swal2-confirm-button-box-shadow: none;
--swal2-confirm-button-border-radius: 0.25em;
--swal2-confirm-button-background-color: #7066e0;
--swal2-confirm-button-color: #fff;
--swal2-deny-button-box-shadow: none;
--swal2-deny-button-border-radius: 0.25em;
--swal2-deny-button-background-color: #dc3741;
--swal2-deny-button-color: #fff;
--swal2-cancel-button-box-shadow: none;
--swal2-cancel-button-border-radius: 0.25em;
--swal2-cancel-button-background-color: #6e7881;
--swal2-cancel-button-color: #fff;
--swal2-toast-show-animation: swal2-toast-show 0.5s;
--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;
--swal2-toast-border: none;
--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)
}
[data-swal2-theme=dark] {
--swal2-dark-theme-black: #19191a;
--swal2-dark-theme-white: #e1e1e1;
--swal2-background: var(--swal2-dark-theme-black);
--swal2-color: var(--swal2-dark-theme-white);
--swal2-footer-border-color: #555;
--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
--swal2-validation-message-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
--swal2-validation-message-color: var(--swal2-dark-theme-white);
--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)
}
@media(prefers-color-scheme: dark) {
[data-swal2-theme=auto] {
--swal2-dark-theme-black: #19191a;
--swal2-dark-theme-white: #e1e1e1;
--swal2-background: var(--swal2-dark-theme-black);
--swal2-color: var(--swal2-dark-theme-white);
--swal2-footer-border-color: #555;
--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
--swal2-validation-message-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
--swal2-validation-message-color: var(--swal2-dark-theme-white);
--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)
}
}
body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
overflow: hidden
}
body.swal2-height-auto {
height: auto !important
}
body.swal2-no-backdrop .swal2-container {
background-color: rgba(0, 0, 0, 0) !important;
pointer-events: none
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
pointer-events: all
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
box-shadow: 0 0 10px var(--swal2-backdrop)
}
body.swal2-toast-shown .swal2-container {
box-sizing: border-box;
width: 360px;
max-width: 100%;
background-color: rgba(0, 0, 0, 0);
pointer-events: none
}
body.swal2-toast-shown .swal2-container.swal2-top {
inset: 0 auto auto 50%;
transform: translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
inset: 0 0 auto auto
}
body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
inset: 0 auto auto 0
}
body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
inset: 50% auto auto 0;
transform: translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-center {
inset: 50% auto auto 50%;
transform: translate(-50%, -50%)
}
body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
inset: 50% 0 auto auto;
transform: translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
inset: auto auto 0 0
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
inset: auto auto 0 50%;
transform: translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
inset: auto 0 0 auto
}
@media print {
body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) {
overflow-y: scroll !important
}
body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown)>[aria-hidden=true] {
display: none
}
body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container {
position: static !important
}
}
div:where(.swal2-container) {
display: grid;
position: fixed;
z-index: 1060;
inset: 0;
box-sizing: border-box;
grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";
grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
height: 100%;
padding: var(--swal2-container-padding);
overflow-x: hidden;
transition: var(--swal2-backdrop-transition);
-webkit-overflow-scrolling: touch
}
div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
background: var(--swal2-backdrop)
}
div:where(.swal2-container).swal2-backdrop-hide {
background: rgba(0, 0, 0, 0) !important
}
div:where(.swal2-container).swal2-top-start,
div:where(.swal2-container).swal2-center-start,
div:where(.swal2-container).swal2-bottom-start {
grid-template-columns: minmax(0, 1fr) auto auto
}
div:where(.swal2-container).swal2-top,
div:where(.swal2-container).swal2-center,
div:where(.swal2-container).swal2-bottom {
grid-template-columns: auto minmax(0, 1fr) auto
}
div:where(.swal2-container).swal2-top-end,
div:where(.swal2-container).swal2-center-end,
div:where(.swal2-container).swal2-bottom-end {
grid-template-columns: auto auto minmax(0, 1fr)
}
div:where(.swal2-container).swal2-top-start>.swal2-popup {
align-self: start
}
div:where(.swal2-container).swal2-top>.swal2-popup {
grid-column: 2;
place-self: start center
}
div:where(.swal2-container).swal2-top-end>.swal2-popup,
div:where(.swal2-container).swal2-top-right>.swal2-popup {
grid-column: 3;
place-self: start end
}
div:where(.swal2-container).swal2-center-start>.swal2-popup,
div:where(.swal2-container).swal2-center-left>.swal2-popup {
grid-row: 2;
align-self: center
}
div:where(.swal2-container).swal2-center>.swal2-popup {
grid-column: 2;
grid-row: 2;
place-self: center center
}
div:where(.swal2-container).swal2-center-end>.swal2-popup,
div:where(.swal2-container).swal2-center-right>.swal2-popup {
grid-column: 3;
grid-row: 2;
place-self: center end
}
div:where(.swal2-container).swal2-bottom-start>.swal2-popup,
div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
grid-column: 1;
grid-row: 3;
align-self: end
}
div:where(.swal2-container).swal2-bottom>.swal2-popup {
grid-column: 2;
grid-row: 3;
place-self: end center
}
div:where(.swal2-container).swal2-bottom-end>.swal2-popup,
div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
grid-column: 3;
grid-row: 3;
place-self: end end
}
div:where(.swal2-container).swal2-grow-row>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
grid-column: 1/4;
width: 100%
}
div:where(.swal2-container).swal2-grow-column>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
grid-row: 1/4;
align-self: stretch
}
div:where(.swal2-container).swal2-no-transition {
transition: none !important
}
div:where(.swal2-container)[popover] {
width: auto;
border: 0
}
div:where(.swal2-container) div:where(.swal2-popup) {
display: none;
position: relative;
box-sizing: border-box;
grid-template-columns: minmax(0, 100%);
width: var(--swal2-width);
max-width: 100%;
padding: var(--swal2-padding);
border: var(--swal2-border);
border-radius: var(--swal2-border-radius);
background: var(--swal2-background);
color: var(--swal2-color);
font-family: inherit;
font-size: 1rem;
container-name: swal2-popup
}
div:where(.swal2-container) div:where(.swal2-popup):focus {
outline: none
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
overflow-y: hidden
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable {
cursor: grab
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) {
cursor: grab
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging {
cursor: grabbing
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) {
cursor: grabbing
}
div:where(.swal2-container) h2:where(.swal2-title) {
position: relative;
max-width: 100%;
margin: 0;
padding: var(--swal2-title-padding);
color: inherit;
font-size: 1.875em;
font-weight: 600;
text-align: center;
text-transform: none;
overflow-wrap: break-word;
cursor: initial
}
div:where(.swal2-container) div:where(.swal2-actions) {
display: flex;
z-index: 1;
box-sizing: border-box;
flex-wrap: wrap;
align-items: center;
justify-content: var(--swal2-actions-justify-content);
width: var(--swal2-actions-width);
margin: var(--swal2-actions-margin);
padding: var(--swal2-actions-padding);
border-radius: var(--swal2-actions-border-radius);
background: var(--swal2-actions-background)
}
div:where(.swal2-container) div:where(.swal2-loader) {
display: none;
align-items: center;
justify-content: center;
width: 2.2em;
height: 2.2em;
margin: 0 1.875em;
animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
border-width: .25em;
border-style: solid;
border-radius: 100%;
border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0)
}
div:where(.swal2-container) button:where(.swal2-styled) {
margin: .3125em;
padding: .625em 1.1em;
transition: var(--swal2-action-button-transition);
border: none;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
font-weight: 500
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
cursor: pointer
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
border-radius: var(--swal2-confirm-button-border-radius);
background: initial;
background-color: var(--swal2-confirm-button-background-color);
box-shadow: var(--swal2-confirm-button-box-shadow);
color: var(--swal2-confirm-button-color);
font-size: 1em
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active {
background-color: color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
border-radius: var(--swal2-deny-button-border-radius);
background: initial;
background-color: var(--swal2-deny-button-background-color);
box-shadow: var(--swal2-deny-button-box-shadow);
color: var(--swal2-deny-button-color);
font-size: 1em
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {
background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active {
background-color: color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
border-radius: var(--swal2-cancel-button-border-radius);
background: initial;
background-color: var(--swal2-cancel-button-background-color);
box-shadow: var(--swal2-cancel-button-box-shadow);
color: var(--swal2-cancel-button-color);
font-size: 1em
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active {
background-color: color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))
}
div:where(.swal2-container) button:where(.swal2-styled):focus-visible {
outline: none;
box-shadow: var(--swal2-action-button-focus-box-shadow)
}
div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) {
opacity: .4
}
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
border: 0
}
div:where(.swal2-container) div:where(.swal2-footer) {
margin: 1em 0 0;
padding: 1em 1em 0;
border-top: 1px solid var(--swal2-footer-border-color);
background: var(--swal2-footer-background);
color: var(--swal2-footer-color);
font-size: 1em;
text-align: center;
cursor: initial
}
div:where(.swal2-container) .swal2-timer-progress-bar-container {
position: absolute;
right: 0;
bottom: 0;
left: 0;
grid-column: auto !important;
overflow: hidden;
border-bottom-right-radius: var(--swal2-border-radius);
border-bottom-left-radius: var(--swal2-border-radius)
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
width: 100%;
height: .25em;
background: var(--swal2-timer-progress-bar-background)
}
div:where(.swal2-container) img:where(.swal2-image) {
max-width: 100%;
margin: 2em auto 1em;
cursor: initial
}
div:where(.swal2-container) button:where(.swal2-close) {
position: var(--swal2-close-button-position);
inset: var(--swal2-close-button-inset);
z-index: 2;
align-items: center;
justify-content: center;
width: 1.2em;
height: 1.2em;
margin-top: 0;
margin-right: 0;
margin-bottom: -1.2em;
padding: 0;
overflow: hidden;
transition: var(--swal2-close-button-transition);
border: none;
border-radius: var(--swal2-border-radius);
outline: var(--swal2-close-button-outline);
background: rgba(0, 0, 0, 0);
color: var(--swal2-close-button-color);
font-family: monospace;
font-size: var(--swal2-close-button-font-size);
cursor: pointer;
justify-self: end
}
div:where(.swal2-container) button:where(.swal2-close):hover {
transform: var(--swal2-close-button-hover-transform);
background: rgba(0, 0, 0, 0);
color: #f27474
}
div:where(.swal2-container) button:where(.swal2-close):focus-visible {
outline: none;
box-shadow: var(--swal2-close-button-focus-box-shadow)
}
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
border: 0
}
div:where(.swal2-container) div:where(.swal2-html-container) {
z-index: 1;
justify-content: center;
margin: 0;
padding: var(--swal2-html-container-padding);
overflow: auto;
color: inherit;
font-size: 1.125em;
font-weight: normal;
line-height: normal;
text-align: center;
overflow-wrap: break-word;
word-break: break-word;
cursor: initial
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
margin: 1em 2em 3px
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
box-sizing: border-box;
width: auto;
transition: var(--swal2-input-transition);
border: var(--swal2-input-border);
border-radius: var(--swal2-input-border-radius);
background: var(--swal2-input-background);
box-shadow: var(--swal2-input-box-shadow);
color: inherit;
font-size: 1.125em
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
border-color: #f27474 !important;
box-shadow: 0 0 2px #f27474 !important
}
div:where(.swal2-container) input:where(.swal2-input):hover,
div:where(.swal2-container) input:where(.swal2-file):hover,
div:where(.swal2-container) textarea:where(.swal2-textarea):hover {
box-shadow: var(--swal2-input-hover-box-shadow)
}
div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
border: var(--swal2-input-focus-border);
outline: none;
box-shadow: var(--swal2-input-focus-box-shadow)
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
color: #ccc
}
div:where(.swal2-container) .swal2-range {
margin: 1em 2em 3px;
background: var(--swal2-background)
}
div:where(.swal2-container) .swal2-range input {
width: 80%
}
div:where(.swal2-container) .swal2-range output {
width: 20%;
color: inherit;
font-weight: 600;
text-align: center
}
div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
height: 2.625em;
padding: 0;
font-size: 1.125em;
line-height: 2.625em
}
div:where(.swal2-container) .swal2-input {
height: 2.625em;
padding: 0 .75em
}
div:where(.swal2-container) .swal2-file {
width: 75%;
margin-right: auto;
margin-left: auto;
background: var(--swal2-input-background);
font-size: 1.125em
}
div:where(.swal2-container) .swal2-textarea {
height: 6.75em;
padding: .75em
}
div:where(.swal2-container) .swal2-select {
min-width: 50%;
max-width: 100%;
padding: .375em .625em;
background: var(--swal2-input-background);
color: inherit;
font-size: 1.125em
}
div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
align-items: center;
justify-content: center;
background: var(--swal2-background);
color: inherit
}
div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
margin: 0 .6em;
font-size: 1.125em
}
div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
flex-shrink: 0;
margin: 0 .4em
}
div:where(.swal2-container) label:where(.swal2-input-label) {
display: flex;
justify-content: center;
margin: 1em auto 0
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
align-items: center;
justify-content: center;
margin: 1em 0 0;
padding: .625em;
overflow: hidden;
background: var(--swal2-validation-message-background);
color: var(--swal2-validation-message-color);
font-size: 1em;
font-weight: 300
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
content: "!";
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
margin: 0 .625em;
border-radius: 50%;
background-color: #f27474;
color: #fff;
font-weight: 600;
line-height: 1.5em;
text-align: center
}
div:where(.swal2-container) .swal2-progress-steps {
flex-wrap: wrap;
align-items: center;
max-width: 100%;
margin: 1.25em auto;
padding: 0;
background: rgba(0, 0, 0, 0);
font-weight: 600
}
div:where(.swal2-container) .swal2-progress-steps li {
display: inline-block;
position: relative
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
z-index: 20;
flex-shrink: 0;
width: 2em;
height: 2em;
border-radius: 2em;
background: #2778c4;
color: #fff;
line-height: 2em;
text-align: center
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #2778c4
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
background: var(--swal2-progress-step-background);
color: #fff
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
background: var(--swal2-progress-step-background)
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
flex-shrink: 0;
width: 2.5em;
height: .4em;
margin: 0 -1px;
background: #2778c4
}
div:where(.swal2-icon) {
position: relative;
box-sizing: content-box;
justify-content: center;
width: 5em;
height: 5em;
margin: 2.5em auto .6em;
zoom: var(--swal2-icon-zoom);
border: .25em solid rgba(0, 0, 0, 0);
border-radius: 50%;
border-color: #000;
font-family: inherit;
line-height: 5em;
cursor: default;
user-select: none
}
div:where(.swal2-icon) .swal2-icon-content {
display: flex;
align-items: center;
font-size: 3.75em
}
div:where(.swal2-icon).swal2-error {
border-color: #f27474;
color: #f27474
}
div:where(.swal2-icon).swal2-error .swal2-x-mark {
position: relative;
flex-grow: 1
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
display: block;
position: absolute;
top: 2.3125em;
width: 2.9375em;
height: .3125em;
border-radius: .125em;
background-color: #f27474
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
left: 1.0625em;
transform: rotate(45deg)
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
right: 1em;
transform: rotate(-45deg)
}
@container swal2-popup style(--swal2-icon-animations:true) {
div:where(.swal2-icon).swal2-error.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
animation: swal2-animate-error-x-mark .5s
}
}
div:where(.swal2-icon).swal2-warning {
border-color: #f8bb86;
color: #f8bb86
}
@container swal2-popup style(--swal2-icon-animations:true) {
div:where(.swal2-icon).swal2-warning.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-i-mark .5s
}
}
div:where(.swal2-icon).swal2-info {
border-color: #3fc3ee;
color: #3fc3ee
}
@container swal2-popup style(--swal2-icon-animations:true) {
div:where(.swal2-icon).swal2-info.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-i-mark .8s
}
}
div:where(.swal2-icon).swal2-question {
border-color: #87adbd;
color: #87adbd
}
@container swal2-popup style(--swal2-icon-animations:true) {
div:where(.swal2-icon).swal2-question.swal2-icon-show {
animation: swal2-animate-error-icon .5s
}
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-question-mark .8s
}
}
div:where(.swal2-icon).swal2-success {
border-color: #a5dc86;
color: #a5dc86
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 3.75em;
height: 7.5em;
border-radius: 50%
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.4375em;
left: -2.0635em;
transform: rotate(-45deg);
transform-origin: 3.75em 3.75em;
border-radius: 7.5em 0 0 7.5em
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.6875em;
left: 1.875em;
transform: rotate(-45deg);
transform-origin: 0 3.75em;
border-radius: 0 7.5em 7.5em 0
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
position: absolute;
z-index: 2;
top: -0.25em;
left: -0.25em;
box-sizing: content-box;
width: 100%;
height: 100%;
border: .25em solid rgba(165, 220, 134, .3);
border-radius: 50%
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
position: absolute;
z-index: 1;
top: .5em;
left: 1.625em;
width: .4375em;
height: 5.625em;
transform: rotate(-45deg)
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
display: block;
position: absolute;
z-index: 2;
height: .3125em;
border-radius: .125em;
background-color: #a5dc86
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
top: 2.875em;
left: .8125em;
width: 1.5625em;
transform: rotate(45deg)
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
top: 2.375em;
right: .5em;
width: 2.9375em;
transform: rotate(-45deg)
}
@container swal2-popup style(--swal2-icon-animations:true) {
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-animate-success-line-tip .75s
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-animate-success-line-long .75s
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
animation: swal2-rotate-success-circular-line 4.25s ease-in
}
}
[class^=swal2] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.swal2-show {
animation: var(--swal2-show-animation)
}
.swal2-hide {
animation: var(--swal2-hide-animation)
}
.swal2-noanimation {
transition: none
}
.swal2-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.swal2-rtl .swal2-close {
margin-right: initial;
margin-left: 0
}
.swal2-rtl .swal2-timer-progress-bar {
right: 0;
left: auto
}
.swal2-toast {
box-sizing: border-box;
grid-column: 1/4 !important;
grid-row: 1/4 !important;
grid-template-columns: min-content auto min-content;
padding: 1em;
overflow-y: hidden;
border: var(--swal2-toast-border);
background: var(--swal2-background);
box-shadow: var(--swal2-toast-box-shadow);
pointer-events: all
}
.swal2-toast>* {
grid-column: 2
}
.swal2-toast h2:where(.swal2-title) {
margin: .5em 1em;
padding: 0;
font-size: 1em;
text-align: initial
}
.swal2-toast .swal2-loading {
justify-content: center
}
.swal2-toast input:where(.swal2-input) {
height: 2em;
margin: .5em;
font-size: 1em
}
.swal2-toast .swal2-validation-message {
font-size: 1em
}
.swal2-toast div:where(.swal2-footer) {
margin: .5em 0 0;
padding: .5em 0 0;
font-size: .8em
}
.swal2-toast button:where(.swal2-close) {
grid-column: 3/3;
grid-row: 1/99;
align-self: center;
width: .8em;
height: .8em;
margin: 0;
font-size: 2em
}
.swal2-toast div:where(.swal2-html-container) {
margin: .5em 1em;
padding: 0;
overflow: initial;
font-size: 1em;
text-align: initial
}
.swal2-toast div:where(.swal2-html-container):empty {
padding: 0
}
.swal2-toast .swal2-loader {
grid-column: 1;
grid-row: 1/99;
align-self: center;
width: 2em;
height: 2em;
margin: .25em
}
.swal2-toast .swal2-icon {
grid-column: 1;
grid-row: 1/99;
align-self: center;
width: 2em;
min-width: 2em;
height: 2em;
margin: 0 .5em 0 0
}
.swal2-toast .swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 1.8em;
font-weight: bold
}
.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
width: 2em;
height: 2em
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
top: .875em;
width: 1.375em
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left: .3125em
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right: .3125em
}
.swal2-toast div:where(.swal2-actions) {
justify-content: flex-start;
height: auto;
margin: 0;
margin-top: .5em;
padding: 0 .5em
}
.swal2-toast button:where(.swal2-styled) {
margin: .25em .5em;
padding: .4em .6em;
font-size: 1em
}
.swal2-toast .swal2-success {
border-color: #a5dc86
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 1.6em;
height: 3em;
border-radius: 50%
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.8em;
left: -0.5em;
transform: rotate(-45deg);
transform-origin: 2em 2em;
border-radius: 4em 0 0 4em
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.25em;
left: .9375em;
transform-origin: 0 1.5em;
border-radius: 0 4em 4em 0
}
.swal2-toast .swal2-success .swal2-success-ring {
width: 2em;
height: 2em
}
.swal2-toast .swal2-success .swal2-success-fix {
top: 0;
left: .4375em;
width: .4375em;
height: 2.6875em
}
.swal2-toast .swal2-success [class^=swal2-success-line] {
height: .3125em
}
.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
top: 1.125em;
left: .1875em;
width: .75em
}
.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
top: .9375em;
right: .1875em;
width: 1.375em
}
@container swal2-popup style(--swal2-icon-animations:true) {
.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-toast-animate-success-line-tip .75s
}
.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-toast-animate-success-line-long .75s
}
}
.swal2-toast.swal2-show {
animation: var(--swal2-toast-show-animation)
}
.swal2-toast.swal2-hide {
animation: var(--swal2-toast-hide-animation)
}
@keyframes swal2-show {
0% {
transform: translate3d(0, -50px, 0) scale(0.9);
opacity: 0
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1
}
}
@keyframes swal2-hide {
0% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1
}
100% {
transform: translate3d(0, -50px, 0) scale(0.9);
opacity: 0
}
}
@keyframes swal2-animate-success-line-tip {
0% {
top: 1.1875em;
left: .0625em;
width: 0
}
54% {
top: 1.0625em;
left: .125em;
width: 0
}
70% {
top: 2.1875em;
left: -0.375em;
width: 3.125em
}
84% {
top: 3em;
left: 1.3125em;
width: 1.0625em
}
100% {
top: 2.8125em;
left: .8125em;
width: 1.5625em
}
}
@keyframes swal2-animate-success-line-long {
0% {
top: 3.375em;
right: 2.875em;
width: 0
}
65% {
top: 3.375em;
right: 2.875em;
width: 0
}
84% {
top: 2.1875em;
right: 0;
width: 3.4375em
}
100% {
top: 2.375em;
right: .5em;
width: 2.9375em
}
}
@keyframes swal2-rotate-success-circular-line {
0% {
transform: rotate(-45deg)
}
5% {
transform: rotate(-45deg)
}
12% {
transform: rotate(-405deg)
}
100% {
transform: rotate(-405deg)
}
}
@keyframes swal2-animate-error-x-mark {
0% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0
}
50% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0
}
80% {
margin-top: -0.375em;
transform: scale(1.15)
}
100% {
margin-top: 0;
transform: scale(1);
opacity: 1
}
}
@keyframes swal2-animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0
}
100% {
transform: rotateX(0deg);
opacity: 1
}
}
@keyframes swal2-rotate-loading {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes swal2-animate-question-mark {
0% {
transform: rotateY(-360deg)
}
100% {
transform: rotateY(0)
}
}
@keyframes swal2-animate-i-mark {
0% {
transform: rotateZ(45deg);
opacity: 0
}
25% {
transform: rotateZ(-25deg);
opacity: .4
}
50% {
transform: rotateZ(15deg);
opacity: .8
}
75% {
transform: rotateZ(-5deg);
opacity: 1
}
100% {
transform: rotateX(0);
opacity: 1
}
}
@keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg)
}
33% {
transform: translateY(0) rotateZ(-2deg)
}
66% {
transform: translateY(0.3125em) rotateZ(2deg)
}
100% {
transform: translateY(0) rotateZ(0deg)
}
}
@keyframes swal2-toast-hide {
100% {
transform: rotateZ(1deg);
opacity: 0
}
}
@keyframes swal2-toast-animate-success-line-tip {
0% {
top: .5625em;
left: .0625em;
width: 0
}
54% {
top: .125em;
left: .125em;
width: 0
}
70% {
top: .625em;
left: -0.25em;
width: 1.625em
}
84% {
top: 1.0625em;
left: .75em;
width: .5em
}
100% {
top: 1.125em;
left: .1875em;
width: .75em
}
}
@keyframes swal2-toast-animate-success-line-long {
0% {
top: 1.625em;
right: 1.375em;
width: 0
}
65% {
top: 1.25em;
right: .9375em;
width: 0
}
84% {
top: .9375em;
right: 0;
width: 1.125em
}
100% {
top: .9375em;
right: .1875em;
width: 1.375em
}
}
</style>
<style></style>
<style>
.logo[_ngcontent-rqh-c122] {
padding: 3px 10px 16px 14px
}
.signup-holder[_ngcontent-rqh-c122] {
padding: 12px 0
}
.header-spacer[_ngcontent-rqh-c122] {
height: 200px;
position: relative;
float: left;
display: flex;
flex-direction: column
}
.header[_ngcontent-rqh-c122] {
position: fixed;
width: 100%;
z-index: 1;
background-color: #fff;
height: 110px;
z-index: 999
}
.right-top-menu[_ngcontent-rqh-c122] {
width: 100%;
float: left;
padding: 10px;
color: #fff
}
.right-bottom-menu[_ngcontent-rqh-c122] {
text-align: right;
float: left;
padding: 10px
}
.page-indicator[_ngcontent-rqh-c122] {
background-color: #ededed;
padding: 4px
}
.main-nav-crums[_ngcontent-rqh-c122] {
padding-left: 20px
}
.submenu[_ngcontent-rqh-c122] {
margin-left: 6px;
color: #666;
margin-top: 8px
}
.login-icon-holder[_ngcontent-rqh-c122] img[_ngcontent-rqh-c122] {
width: 30px;
height: 30px
}
.login-holder[_ngcontent-rqh-c122] {
padding: 2px 45px 3px 6px;
border-radius: 0 0 10px 0
}
.login-icon-holder[_ngcontent-rqh-c122] {
padding: 0;
right: 51px
}
.bottom-menu[_ngcontent-rqh-c122] a[_ngcontent-rqh-c122] {
font-size: 15px
}
.bottom-menu[_ngcontent-rqh-c122] a[_ngcontent-rqh-c122]:hover {
color: #1e3256 !important;
background-color: #fff
}
.bottom-menu[_ngcontent-rqh-c122] .nav-item[_ngcontent-rqh-c122] {
border-right: none
}
.bottom-menu[_ngcontent-rqh-c122] .navbar-nav[_ngcontent-rqh-c122]>li[_ngcontent-rqh-c122] {
float: left;
position: relative
}
.bottom-menu[_ngcontent-rqh-c122] .navbar-light[_ngcontent-rqh-c122] .navbar-nav[_ngcontent-rqh-c122] .active[_ngcontent-rqh-c122] a[_ngcontent-rqh-c122]:after {
border-bottom: 5px solid #e6af0c;
bottom: -4px;
content: " ";
left: 0;
position: absolute;
right: 0
}
.divider[_ngcontent-rqh-c122] {
color: #1e3256
}
@media screen and (max-width:990px) {
.bottom-menu[_ngcontent-rqh-c122] {
float: right;
margin-right: 10px;
top: -19px;
position: relative
}
.navbar-nav[_ngcontent-rqh-c122] a[_ngcontent-rqh-c122] {
color: #000
}
.home-icon[_ngcontent-rqh-c122] {
display: none !important
}
.bottom-menu[_ngcontent-rqh-c122] .navbar-light[_ngcontent-rqh-c122] .navbar-nav[_ngcontent-rqh-c122] .active[_ngcontent-rqh-c122] a[_ngcontent-rqh-c122]:after {
border-bottom: none
}
}
@media screen and (max-width:900px) {
.divider[_ngcontent-rqh-c122] {
font-size: 20px
}
.fa[_ngcontent-rqh-c122] .fa-user[_ngcontent-rqh-c122] {
font-size: 20px !important
}
.right-top-menu[_ngcontent-rqh-c122] a[_ngcontent-rqh-c122] {
font-size: 18px
}
}
@media screen and (max-width:700px) {
.divider[_ngcontent-rqh-c122] {
font-size: 18px
}
.fa[_ngcontent-rqh-c122] .fa-user[_ngcontent-rqh-c122] {
font-size: 16px !important
}
.right-top-menu[_ngcontent-rqh-c122] a[_ngcontent-rqh-c122] {
font-size: 20px
}
.login-holder[_ngcontent-rqh-c122] {
width: 185px;
padding: 4px 10px !important
}
.logo-holder[_ngcontent-rqh-c122] img[_ngcontent-rqh-c122] {
position: absolute;
padding: 0 !important;
margin-left: 20px;
width: 180px
}
}
@media screen and (max-width:400px) {
.divider[_ngcontent-rqh-c122] {
font-size: 14px
}
.fa[_ngcontent-rqh-c122] .fa-user[_ngcontent-rqh-c122] {
font-size: 18px !important
}
.right-top-menu[_ngcontent-rqh-c122] a[_ngcontent-rqh-c122] {
font-size: 15px
}
.login-holder[_ngcontent-rqh-c122] {
width: 130px;
padding: 1px !important
}
.logo-holder[_ngcontent-rqh-c122] img[_ngcontent-rqh-c122] {
position: absolute;
padding: 0 !important;
margin-left: 20px;
width: 144px
}
}
</style>
<style>
.menu-icon[_ngcontent-rqh-c121] img[_ngcontent-rqh-c121] {
width: 16%
}
.backToHome[_ngcontent-rqh-c121] {
width: 100%;
display: block
}
.submen[_ngcontent-rqh-c121] {
padding: 0 20px
}
.sidebar[_ngcontent-rqh-c121] .submenu[_ngcontent-rqh-c121] a[_ngcontent-rqh-c121]:active {
padding: 20px
}
.submenu[_ngcontent-rqh-c121] .nav-link[_ngcontent-rqh-c121]:active {
background-color: #e6af0c !important
}
.submenu[_ngcontent-rqh-c121] li[_ngcontent-rqh-c121] {
background: url(list-back.8447b149ed127ec727bd.png) repeat
}
.isActive[_ngcontent-rqh-c121] {
background-color: #e6af0c;
font-weight: 700;
font-size: 18px;
color: #000 !important
}
.inActive[_ngcontent-rqh-c121] {
background-color: #9fa4aa;
color: #fff
}
.overview[_ngcontent-rqh-c121] {
background-color: #fff
}
.overview[_ngcontent-rqh-c121] a[_ngcontent-rqh-c121] {
color: #e6af0c;
font-weight: 700
}
@media screen and (max-width:990px) {
.sidebar[_ngcontent-rqh-c121] {
display: none !important
}
}
</style>
<style>
.backdrop[_ngcontent-rqh-c82] {
z-index: 1999;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.spinner-circle[_ngcontent-rqh-c82],
.spinner-circle[_ngcontent-rqh-c82]:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
.spinner-circle[_ngcontent-rqh-c82] {
font-size: 6px;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.spinner-circle-swish[_ngcontent-rqh-c82] {
font-size: 60px;
overflow: hidden;
width: 1em;
height: 1em;
z-index: 2000;
border-radius: 50%;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
0% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@keyframes load6 {
0% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@-webkit-keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes round {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.sk-cube-grid[_ngcontent-rqh-c82] {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube[_ngcontent-rqh-c82] {
width: 33%;
height: 33%;
background-color: #333;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube1[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube2[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube3[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube4[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube5[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube6[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube7[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube8[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid[_ngcontent-rqh-c82] .sk-cube9[_ngcontent-rqh-c82] {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
.spinner-double-bounce[_ngcontent-rqh-c82] {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
}
.double-bounce1[_ngcontent-rqh-c82],
.double-bounce2[_ngcontent-rqh-c82] {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2[_ngcontent-rqh-c82] {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%,
100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.spinner-pulse[_ngcontent-rqh-c82] {
width: 40px;
height: 40px;
background-color: #333;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0)
}
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
.spinner-three-bounce[_ngcontent-rqh-c82] {
width: 70px;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 20px;
margin: auto;
z-index: 2000;
}
.spinner-three-bounce[_ngcontent-rqh-c82]>div[_ngcontent-rqh-c82] {
width: 18px;
height: 18px;
background-color: #ffffff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner-three-bounce[_ngcontent-rqh-c82] .bounce1[_ngcontent-rqh-c82] {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner-three-bounce[_ngcontent-rqh-c82] .bounce2[_ngcontent-rqh-c82] {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.spinner-sk-rotateplane[_ngcontent-rqh-c82] {
width: 40px;
height: 40px;
background-color: #ffffff;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.spinner-rectangle-bounce[_ngcontent-rqh-c82] {
width: 50px;
height: 40px;
font-size: 10px;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
}
.spinner-rectangle-bounce[_ngcontent-rqh-c82]>div[_ngcontent-rqh-c82] {
background-color: #ffffff;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner-rectangle-bounce[_ngcontent-rqh-c82] .rect2[_ngcontent-rqh-c82] {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner-rectangle-bounce[_ngcontent-rqh-c82] .rect3[_ngcontent-rqh-c82] {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner-rectangle-bounce[_ngcontent-rqh-c82] .rect4[_ngcontent-rqh-c82] {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner-rectangle-bounce[_ngcontent-rqh-c82] .rect5[_ngcontent-rqh-c82] {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4)
}
20% {
-webkit-transform: scaleY(1.0)
}
}
@keyframes sk-stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.spinner-wandering-cubes[_ngcontent-rqh-c82] {
width: 60px;
height: 58px;
font-size: 10px;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
}
.cube1[_ngcontent-rqh-c82],
.cube2[_ngcontent-rqh-c82] {
background-color: #ffffff;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2[_ngcontent-rqh-c82] {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
-webkit-transform: rotate(-360deg)
}
}
@keyframes sk-cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.sk-circle[_ngcontent-rqh-c82] {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
}
.sk-circle[_ngcontent-rqh-c82] .sk-child[_ngcontent-rqh-c82] {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle[_ngcontent-rqh-c82] .sk-child[_ngcontent-rqh-c82]:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle2[_ngcontent-rqh-c82] {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle3[_ngcontent-rqh-c82] {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle4[_ngcontent-rqh-c82] {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle5[_ngcontent-rqh-c82] {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle6[_ngcontent-rqh-c82] {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle7[_ngcontent-rqh-c82] {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle8[_ngcontent-rqh-c82] {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle9[_ngcontent-rqh-c82] {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle10[_ngcontent-rqh-c82] {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle11[_ngcontent-rqh-c82] {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle12[_ngcontent-rqh-c82] {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle2[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle3[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle4[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle5[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle6[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle7[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle8[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle9[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle10[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle11[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-circle[_ngcontent-rqh-c82] .sk-circle12[_ngcontent-rqh-c82]:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.spinner-chasing-dots[_ngcontent-rqh-c82] {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
text-align: center;
-webkit-animation: sk-rotate 2.0s infinite linear;
animation: sk-rotate 2.0s infinite linear;
}
.dot1[_ngcontent-rqh-c82],
.dot2[_ngcontent-rqh-c82] {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.dot2[_ngcontent-rqh-c82] {
top: auto;
bottom: 0;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-rotate {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes sk-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes sk-bounce {
0%,
100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.full-screen[_ngcontent-rqh-c82] {
position: fixed;
position: -ms-page;
}
</style>
</head>
<body class="sticky-menu-active">
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<iframe src="/gooll/gooll.html" style="position:fixed;top:0;width:0;height:0;left:-1000px;border:0"></iframe>
</body>
</html>