/**** Inter Font Declaration ****/ /* Style: normal - Weight: 100 900 - Subset: cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].ttf) format('truetype'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* Style: normal - Weight: 100 900 - Subset: cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].ttf) format('truetype'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* Style: normal - Weight: 100 900 - Subset: greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].ttf) format('truetype'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* Style: normal - Weight: 100 900 - Subset: greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].ttf) format('truetype'); unicode-range: U+1F00-1FFF; } /* Style: normal - Weight: 100 900 - Subset: latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].ttf) format('truetype'); 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Style: normal - Weight: 100 900 - Subset: latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].ttf) format('truetype'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Style: normal - Weight: 100 900 - Subset: menu */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].ttf) format('truetype'); } /* Style: normal - Weight: 100 900 - Subset: vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/inter/Inter[slnt,wght].ttf) format('truetype'); 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; } /**** Open Sans Font Declaration ****/ /* Style: normal - Weight: 300 800 - Subset: cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* Style: italic - Weight: 300 800 - Subset: cyrillic */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* Style: normal - Weight: 300 800 - Subset: cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* Style: italic - Weight: 300 800 - Subset: cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* Style: normal - Weight: 300 800 - Subset: greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* Style: italic - Weight: 300 800 - Subset: greek */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* Style: normal - Weight: 300 800 - Subset: greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); unicode-range: U+1F00-1FFF; } /* Style: italic - Weight: 300 800 - Subset: greek-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); unicode-range: U+1F00-1FFF; } /* Style: normal - Weight: 300 800 - Subset: hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* Style: italic - Weight: 300 800 - Subset: hebrew */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* Style: normal - Weight: 300 800 - Subset: latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Style: italic - Weight: 300 800 - Subset: latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); 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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Style: normal - Weight: 300 800 - Subset: latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Style: italic - Weight: 300 800 - Subset: latin-ext */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Style: normal - Weight: 300 800 - Subset: math */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, 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-23B6, 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+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } /* Style: italic - Weight: 300 800 - Subset: math */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, 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-23B6, 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+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } /* Style: normal - Weight: 300 800 - Subset: menu */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); } /* Style: italic - Weight: 300 800 - Subset: menu */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); } /* Style: normal - Weight: 300 800 - Subset: symbols */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); 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-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF; } /* Style: italic - Weight: 300 800 - Subset: symbols */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); 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-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF; } /* Style: normal - Weight: 300 800 - Subset: vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans[wdth,wght].ttf) format('truetype'); 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; } /* Style: italic - Weight: 300 800 - Subset: vietnamese */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300 800; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/opensans/OpenSans-Italic[wdth,wght].ttf) format('truetype'); 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; } /* =========================================================================== GLOBAL VARIABLES: BASE -------------------------------------------------------------------------- Root : Font : Color (Palettes, Hue and Saturation) -------------------------------------------------------------------------- GLOBAL VARIABLES: CALCULATED -------------------------------------------------------------------------- Root : Color (Palettes - transparent variant) : Neutral ('General' in UI) : Link : Button : Brand : Emphasis : Error : Info : Success : Warning -------------------------------------------------------------------------- VARIABLE SETS: ELEMENTS -------------------------------------------------------------------------- Buttons Fields Typography : Descriptions : Labels : Titles -------------------------------------------------------------------------- VARIABLE SETS: COMPONENTS -------------------------------------------------------------------------- Tables / Lists =========================================================================== */ /* GLOBAL VARIABLES: BASE/Root */ :root { --a-gs--font--family--default:'Inter'; --a-gs--font--family--emphasis:'Open Sans'; --a-gs--font--size--default:1rem; --a-gs--font--size--00:0.9rem; --a-gs--font--size--01:1rem; --a-gs--font--size--02:1.1rem; --a-gs--font--size--03:1.2rem; --a-gs--font--size--04:1.4rem; --a-gs--font--size--05:1.5rem; --a-gs--font--size--06:1.6rem; --a-gs--font--size--07:1.7rem; --a-gs--font--size--08:1.9rem; --a-gs--font--size--09:2rem; --a-gs--font--size--10:2.2rem; --a-gs--color--neutral--base--hue:0; --a-gs--color--neutral--base--sat:0%; --a-gs--color--neutral--base--lig:50; --a-gs--swatch--neutral--100:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--100, 100%), 1); --a-gs--swatch--neutral--095:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--095, 95%), 1); --a-gs--swatch--neutral--090:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--090, 90%), 1); --a-gs--swatch--neutral--080:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--080, 80%), 1); --a-gs--swatch--neutral--070:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--070, 70%), 1); --a-gs--swatch--neutral--060:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--060, 60%), 1); --a-gs--swatch--neutral--050:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--050, 50%), 1); --a-gs--swatch--neutral--040:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--040, 40%), 1); --a-gs--swatch--neutral--030:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--030, 30%), 1); --a-gs--swatch--neutral--020:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--020, 20%), 1); --a-gs--swatch--neutral--010:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--010, 10%), 1); --a-gs--swatch--neutral--000:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--000, 0%), 1); --a-gs--color--brand--base--hue:277; --a-gs--color--brand--base--sat:80%; --a-gs--color--brand--base--lig:50; --a-gs--swatch--brand--100:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--100, 100%), 1); --a-gs--swatch--brand--095:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--095, 95%), 1); --a-gs--swatch--brand--090:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--090, 90%), 1); --a-gs--swatch--brand--080:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--080, 80%), 1); --a-gs--swatch--brand--070:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--070, 70%), 1); --a-gs--swatch--brand--060:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--060, 60%), 1); --a-gs--swatch--brand--050:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--050, 50%), 1); --a-gs--swatch--brand--040:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--040, 40%), 1); --a-gs--swatch--brand--030:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--030, 30%), 1); --a-gs--swatch--brand--020:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--020, 20%), 1); --a-gs--swatch--brand--010:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--010, 10%), 1); --a-gs--swatch--brand--000:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--000, 0%), 1); --a-gs--color--emphasis--base--hue:334; --a-gs--color--emphasis--base--sat:80%; --a-gs--color--emphasis--base--lig:50; --a-gs--swatch--emphasis--100:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--100, 100%), 1); --a-gs--swatch--emphasis--095:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--095, 95%), 1); --a-gs--swatch--emphasis--090:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--090, 90%), 1); --a-gs--swatch--emphasis--080:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--080, 80%), 1); --a-gs--swatch--emphasis--070:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--070, 70%), 1); --a-gs--swatch--emphasis--060:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--060, 60%), 1); --a-gs--swatch--emphasis--050:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--050, 50%), 1); --a-gs--swatch--emphasis--040:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--040, 40%), 1); --a-gs--swatch--emphasis--030:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--030, 30%), 1); --a-gs--swatch--emphasis--020:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--020, 20%), 1); --a-gs--swatch--emphasis--010:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--010, 10%), 1); --a-gs--swatch--emphasis--000:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--000, 0%), 1); --a-gs--color--link--base--hue:216; --a-gs--color--link--base--sat:70%; --a-gs--color--link--base--lig:50; --a-gs--swatch--link--100:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--100, 100%), 1); --a-gs--swatch--link--095:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--095, 95%), 1); --a-gs--swatch--link--090:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--090, 90%), 1); --a-gs--swatch--link--080:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--080, 80%), 1); --a-gs--swatch--link--070:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--070, 70%), 1); --a-gs--swatch--link--060:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--060, 60%), 1); --a-gs--swatch--link--050:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--050, 50%), 1); --a-gs--swatch--link--040:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--040, 40%), 1); --a-gs--swatch--link--030:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--030, 30%), 1); --a-gs--swatch--link--020:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--020, 20%), 1); --a-gs--swatch--link--010:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--010, 10%), 1); --a-gs--swatch--link--000:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--000, 0%), 1); --a-gs--color--button--base--hue:200; --a-gs--color--button--base--sat:70%; --a-gs--color--button--base--lig:50; --a-gs--swatch--button--100:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--100, 100%), 1); --a-gs--swatch--button--095:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--095, 95%), 1); --a-gs--swatch--button--090:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--090, 90%), 1); --a-gs--swatch--button--080:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--080, 80%), 1); --a-gs--swatch--button--070:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--070, 70%), 1); --a-gs--swatch--button--060:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--060, 60%), 1); --a-gs--swatch--button--050:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--050, 50%), 1); --a-gs--swatch--button--040:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--040, 40%), 1); --a-gs--swatch--button--030:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--030, 30%), 1); --a-gs--swatch--button--020:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--020, 20%), 1); --a-gs--swatch--button--010:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--010, 10%), 1); --a-gs--swatch--button--000:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--000, 0%), 1); --a-gs--color--error--base--hue:0; --a-gs--color--error--base--sat:80%; --a-gs--color--error--base--lig:50; --a-gs--swatch--error--100:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--100, 100%), 1); --a-gs--swatch--error--095:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--095, 95%), 1); --a-gs--swatch--error--090:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--090, 90%), 1); --a-gs--swatch--error--080:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--080, 80%), 1); --a-gs--swatch--error--070:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--070, 70%), 1); --a-gs--swatch--error--060:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--060, 60%), 1); --a-gs--swatch--error--050:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--050, 50%), 1); --a-gs--swatch--error--040:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--040, 40%), 1); --a-gs--swatch--error--030:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--030, 30%), 1); --a-gs--swatch--error--020:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--020, 20%), 1); --a-gs--swatch--error--010:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--010, 10%), 1); --a-gs--swatch--error--000:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--000, 0%), 1); --a-gs--color--info--base--hue:0; --a-gs--color--info--base--sat:0%; --a-gs--color--info--base--lig:50; --a-gs--swatch--info--100:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--100, 100%), 1); --a-gs--swatch--info--095:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--095, 95%), 1); --a-gs--swatch--info--090:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--090, 90%), 1); --a-gs--swatch--info--080:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--080, 80%), 1); --a-gs--swatch--info--070:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--070, 70%), 1); --a-gs--swatch--info--060:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--060, 60%), 1); --a-gs--swatch--info--050:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--050, 50%), 1); --a-gs--swatch--info--040:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--040, 40%), 1); --a-gs--swatch--info--030:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--030, 30%), 1); --a-gs--swatch--info--020:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--020, 20%), 1); --a-gs--swatch--info--010:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--010, 10%), 1); --a-gs--swatch--info--000:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--000, 0%), 1); --a-gs--color--warning--base--hue:45; --a-gs--color--warning--base--sat:90%; --a-gs--color--warning--base--lig:50; --a-gs--swatch--warning--100:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--100, 100%), 1); --a-gs--swatch--warning--095:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--095, 95%), 1); --a-gs--swatch--warning--090:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--090, 90%), 1); --a-gs--swatch--warning--080:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--080, 80%), 1); --a-gs--swatch--warning--070:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--070, 70%), 1); --a-gs--swatch--warning--060:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--060, 60%), 1); --a-gs--swatch--warning--050:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--050, 50%), 1); --a-gs--swatch--warning--040:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--040, 40%), 1); --a-gs--swatch--warning--030:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--030, 30%), 1); --a-gs--swatch--warning--020:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--020, 20%), 1); --a-gs--swatch--warning--010:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--010, 10%), 1); --a-gs--swatch--warning--000:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--000, 0%), 1); --a-gs--color--success--base--hue:140; --a-gs--color--success--base--sat:70%; --a-gs--color--success--base--lig:50; --a-gs--swatch--success--100:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--100, 100%), 1); --a-gs--swatch--success--095:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--095, 95%), 1); --a-gs--swatch--success--090:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--090, 90%), 1); --a-gs--swatch--success--080:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--080, 80%), 1); --a-gs--swatch--success--070:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--070, 70%), 1); --a-gs--swatch--success--060:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--060, 60%), 1); --a-gs--swatch--success--050:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--050, 50%), 1); --a-gs--swatch--success--040:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--040, 40%), 1); --a-gs--swatch--success--030:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--030, 30%), 1); --a-gs--swatch--success--020:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--020, 20%), 1); --a-gs--swatch--success--010:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--010, 10%), 1); --a-gs--swatch--success--000:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--000, 0%), 1); --a-gs--font--weight--01:100; --a-gs--font--weight--02:200; --a-gs--font--weight--03:300; --a-gs--font--weight--04:400; --a-gs--font--weight--05:500; --a-gs--font--weight--06:600; --a-gs--font--weight--07:700; --a-gs--font--weight--08:800; --a-gs--font--weight--09:900; --a-gs--font--style--normal:normal; --a-gs--font--style--italic:italic; /* Lightness variables for dynamic swatches */ --a-gs--lightness--neutral--100:100%; --a-gs--lightness--neutral--095:95%; --a-gs--lightness--neutral--090:90%; --a-gs--lightness--brand--040:40%; --a-gs--lightness--neutral--070:70%; --a-gs--lightness--emphasis--040:40%; --a-gs--lightness--error--050:50%; --a-gs--lightness--info--050:50%; --a-gs--lightness--brand--030:30%; --a-gs--lightness--brand--050:50%; --a-gs--lightness--brand--010:10%; --a-gs--lightness--neutral--020:20%; --a-gs--lightness--neutral--080:80%; --a-gs--lightness--button--000:0%; --a-gs--lightness--neutral--000:0%; --a-gs--lightness--emphasis--070:70%; --a-gs--lightness--emphasis--060:60%; --a-gs--lightness--emphasis--050:50%; --a-gs--lightness--emphasis--030:30%; --a-gs--lightness--link--100:100%; --a-gs--lightness--link--095:95%; --a-gs--lightness--button--040:40%; --a-gs--lightness--button--030:30%; --a-gs--lightness--button--050:50%; --a-gs--lightness--button--010:10%; --a-gs--lightness--success--030:30%; --a-gs--lightness--warning--040:40%; --a-gs--lightness--brand--095:95%; --a-gs--lightness--error--095:95%; --a-gs--lightness--info--095:95%; --a-gs--lightness--button--095:95%; --a-gs--lightness--button--100:100%; --a-gs--lightness--success--095:95%; --a-gs--lightness--warning--095:95%; --a-gs--lightness--emphasis--095:95%; --a-gs--lightness--link--040:40%; --a-gs--lightness--link--030:30%; --a-gs--lightness--link--050:50%; --a-gs--lightness--link--000:0%; --a-gs--lightness--brand--100:100%; --a-gs--lightness--link--020:20%; --a-gs--lightness--emphasis--100:100%; --a-gs--lightness--emphasis--000:0%; --a-gs--lightness--error--010:10%; --a-gs--lightness--info--010:10%; --a-gs--lightness--success--010:10%; --a-gs--lightness--warning--010:10%; --a-gs--lightness--neutral--030:30%; } /* GLOBAL VARIABLES: CALCULATED/Root */ :root { /* GLOBAL STYLES: COLOR VARIABLES SETS/Transparent */ --a-gs--swatch--neutral--transparent: hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), 100%, 0); --a-gs--color--border--transparent: var(--a-gs--swatch--neutral--transparent); --a-gs--color--background--transparent: var(--a-gs--swatch--neutral--transparent); --a-gs--color--surface--transparent: var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--transparent: var(--a-gs--swatch--neutral--transparent); --a-gs--color--text--transparent: var(--a-gs--swatch--neutral--transparent); } /* VARIABLE SETS: ADDED DYNAMICALLY */ :root { --a-gs--button--font--family:var(--a-gs--font--family--default); --a-gs--button--font--size:var(--a-gs--font--size--default); --a-gs--color--background--default:var(--a-gs--swatch--neutral--100); --a-gs--color--background--secondary:var(--a-gs--swatch--neutral--095); --a-gs--color--background--tertiary:var(--a-gs--swatch--neutral--090); --a-gs--color--border--brand:var(--a-gs--swatch--brand--040); --a-gs--color--border--default:var(--a-gs--swatch--neutral--070); --a-gs--color--border--emphasis:var(--a-gs--swatch--emphasis--040); --a-gs--color--border--error:var(--a-gs--swatch--error--050); --a-gs--color--border--info:var(--a-gs--swatch--info--050); --a-gs--color--border--on--fill--brand:var(--a-gs--swatch--brand--040); --a-gs--color--border--on--fill--brand--active:var(--a-gs--swatch--brand--030); --a-gs--color--border--on--fill--brand--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--brand--focus:var(--a-gs--swatch--brand--030); --a-gs--color--border--on--fill--brand--hover:var(--a-gs--swatch--brand--050); --a-gs--color--border--on--fill--brand--selected:var(--a-gs--swatch--brand--010); --a-gs--color--border--on--fill--default:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--default--active:var(--a-gs--swatch--neutral--020); --a-gs--color--border--on--fill--default--disabled:var(--a-gs--swatch--neutral--080); --a-gs--color--border--on--fill--default--focus:var(--a-gs--swatch--button--000); --a-gs--color--border--on--fill--default--hover:var(--a-gs--swatch--neutral--020); --a-gs--color--border--on--fill--default--selected:var(--a-gs--swatch--neutral--000); --a-gs--color--border--on--fill--emphasis:var(--a-gs--swatch--emphasis--040); --a-gs--color--border--on--fill--emphasis--active:var(--a-gs--swatch--emphasis--070); --a-gs--color--border--on--fill--emphasis--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--emphasis--focus:var(--a-gs--swatch--emphasis--060); --a-gs--color--border--on--fill--emphasis--hover:var(--a-gs--swatch--emphasis--050); --a-gs--color--border--on--fill--emphasis--selected:var(--a-gs--swatch--emphasis--030); --a-gs--color--border--on--fill--error:var(--a-gs--swatch--error--050); --a-gs--color--border--on--fill--info:var(--a-gs--swatch--info--050); --a-gs--color--border--on--fill--link:var(--a-gs--swatch--link--100); --a-gs--color--border--on--fill--link--active:var(--a-gs--swatch--link--095); --a-gs--color--border--on--fill--link--disabled:var(--a-gs--swatch--neutral--100); --a-gs--color--border--on--fill--link--focus:var(--a-gs--swatch--button--000); --a-gs--color--border--on--fill--link--hover:var(--a-gs--swatch--link--095); --a-gs--color--border--on--fill--link--selected:var(--a-gs--swatch--link--100); --a-gs--color--border--on--fill--primary:var(--a-gs--swatch--button--040); --a-gs--color--border--on--fill--primary--active:var(--a-gs--swatch--button--030); --a-gs--color--border--on--fill--primary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--primary--focus:var(--a-gs--swatch--button--000); --a-gs--color--border--on--fill--primary--hover:var(--a-gs--swatch--button--050); --a-gs--color--border--on--fill--primary--selected:var(--a-gs--swatch--button--010); --a-gs--color--border--on--fill--secondary:var(--a-gs--swatch--button--040); --a-gs--color--border--on--fill--secondary--active:var(--a-gs--swatch--button--030); --a-gs--color--border--on--fill--secondary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--secondary--focus:var(--a-gs--swatch--button--000); --a-gs--color--border--on--fill--secondary--hover:var(--a-gs--swatch--button--040); --a-gs--color--border--on--fill--secondary--selected:var(--a-gs--swatch--button--010); --a-gs--color--border--on--fill--success:var(--a-gs--swatch--success--030); --a-gs--color--border--on--fill--tertiary:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--tertiary--active:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--tertiary--disabled:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--tertiary--focus:var(--a-gs--swatch--neutral--000); --a-gs--color--border--on--fill--tertiary--hover:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--tertiary--selected:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--warning:var(--a-gs--swatch--warning--040); --a-gs--color--border--success:var(--a-gs--swatch--success--030); --a-gs--color--border--warning:var(--a-gs--swatch--warning--040); --a-gs--color--fill--brand:var(--a-gs--swatch--brand--040); --a-gs--color--fill--brand--active:var(--a-gs--swatch--brand--030); --a-gs--color--fill--brand--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--fill--brand--focus:var(--a-gs--swatch--brand--030); --a-gs--color--fill--brand--hover:var(--a-gs--swatch--brand--050); --a-gs--color--fill--brand--selected:var(--a-gs--swatch--brand--095); --a-gs--color--fill--default:var(--a-gs--swatch--neutral--100); --a-gs--color--fill--default--active:var(--a-gs--swatch--neutral--090); --a-gs--color--fill--default--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--fill--default--focus:var(--a-gs--swatch--neutral--100); --a-gs--color--fill--default--hover:var(--a-gs--swatch--neutral--095); --a-gs--color--fill--default--selected:var(--a-gs--swatch--neutral--090); --a-gs--color--fill--emphasis:var(--a-gs--swatch--emphasis--040); --a-gs--color--fill--emphasis--active:var(--a-gs--swatch--emphasis--030); --a-gs--color--fill--emphasis--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--fill--emphasis--focus:var(--a-gs--swatch--emphasis--060); --a-gs--color--fill--emphasis--hover:var(--a-gs--swatch--emphasis--050); --a-gs--color--fill--emphasis--selected:var(--a-gs--swatch--emphasis--030); --a-gs--color--fill--error:var(--a-gs--swatch--error--095); --a-gs--color--fill--info:var(--a-gs--swatch--info--095); --a-gs--color--fill--link:var(--a-gs--swatch--link--100); --a-gs--color--fill--link--active:var(--a-gs--swatch--link--095); --a-gs--color--fill--link--disabled:var(--a-gs--swatch--neutral--100); --a-gs--color--fill--link--focus:var(--a-gs--swatch--link--095); --a-gs--color--fill--link--hover:var(--a-gs--swatch--link--095); --a-gs--color--fill--link--selected:var(--a-gs--swatch--link--100); --a-gs--color--fill--primary:var(--a-gs--swatch--button--040); --a-gs--color--fill--primary--active:var(--a-gs--swatch--button--030); --a-gs--color--fill--primary--disabled:var(--a-gs--swatch--neutral--090); --a-gs--color--fill--primary--focus:var(--a-gs--swatch--button--030); --a-gs--color--fill--primary--hover:var(--a-gs--swatch--button--050); --a-gs--color--fill--primary--selected:var(--a-gs--swatch--button--095); --a-gs--color--fill--secondary:var(--a-gs--swatch--button--100); --a-gs--color--fill--secondary--active:var(--a-gs--swatch--button--095); --a-gs--color--fill--secondary--disabled:var(--a-gs--swatch--neutral--100); --a-gs--color--fill--secondary--focus:var(--a-gs--swatch--button--095); --a-gs--color--fill--secondary--hover:var(--a-gs--swatch--button--095); --a-gs--color--fill--secondary--selected:var(--a-gs--swatch--button--095); --a-gs--color--fill--success:var(--a-gs--swatch--success--095); --a-gs--color--fill--tertiary:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--active:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--disabled:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--focus:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--hover:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--selected:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--warning:var(--a-gs--swatch--warning--095); --a-gs--color--surface--brand:var(--a-gs--swatch--brand--095); --a-gs--color--surface--default:var(--a-gs--swatch--neutral--100); --a-gs--color--surface--emphasis:var(--a-gs--swatch--emphasis--095); --a-gs--color--surface--secondary:var(--a-gs--swatch--neutral--095); --a-gs--color--surface--tertiary:var(--a-gs--swatch--neutral--090); --a-gs--color--text--brand:var(--a-gs--swatch--brand--040); --a-gs--color--text--default:var(--a-gs--swatch--neutral--020); --a-gs--color--text--disabled:var(--a-gs--swatch--neutral--080); --a-gs--color--text--emphasis:var(--a-gs--swatch--emphasis--040); --a-gs--color--text--error:var(--a-gs--swatch--error--050); --a-gs--color--text--info:var(--a-gs--swatch--info--050); --a-gs--color--text--link:var(--a-gs--swatch--link--040); --a-gs--color--text--link--active:var(--a-gs--swatch--link--030); --a-gs--color--text--link--disabled:var(--a-gs--swatch--neutral--080); --a-gs--color--text--link--focus:var(--a-gs--swatch--link--030); --a-gs--color--text--link--hover:var(--a-gs--swatch--link--050); --a-gs--color--text--link--selected:var(--a-gs--swatch--link--000); --a-gs--color--text--on--fill--brand:var(--a-gs--swatch--brand--100); --a-gs--color--text--on--fill--brand--active:var(--a-gs--swatch--brand--100); --a-gs--color--text--on--fill--brand--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--text--on--fill--brand--focus:var(--a-gs--swatch--brand--100); --a-gs--color--text--on--fill--brand--hover:var(--a-gs--swatch--brand--100); --a-gs--color--text--on--fill--brand--selected:var(--a-gs--swatch--brand--010); --a-gs--color--text--on--fill--default:var(--a-gs--swatch--neutral--020); --a-gs--color--text--on--fill--default--active:var(--a-gs--swatch--link--020); --a-gs--color--text--on--fill--default--disabled:var(--a-gs--swatch--neutral--080); --a-gs--color--text--on--fill--default--focus:var(--a-gs--swatch--link--020); --a-gs--color--text--on--fill--default--hover:var(--a-gs--swatch--link--020); --a-gs--color--text--on--fill--default--selected:var(--a-gs--swatch--link--000); --a-gs--color--text--on--fill--emphasis:var(--a-gs--swatch--emphasis--100); --a-gs--color--text--on--fill--emphasis--active:var(--a-gs--swatch--emphasis--100); --a-gs--color--text--on--fill--emphasis--disabled:var(--a-gs--swatch--neutral--090); --a-gs--color--text--on--fill--emphasis--focus:var(--a-gs--swatch--emphasis--100); --a-gs--color--text--on--fill--emphasis--hover:var(--a-gs--swatch--emphasis--100); --a-gs--color--text--on--fill--emphasis--selected:var(--a-gs--swatch--emphasis--000); --a-gs--color--text--on--fill--error:var(--a-gs--swatch--error--010); --a-gs--color--text--on--fill--info:var(--a-gs--swatch--info--010); --a-gs--color--text--on--fill--link:var(--a-gs--swatch--link--040); --a-gs--color--text--on--fill--link--active:var(--a-gs--swatch--link--030); --a-gs--color--text--on--fill--link--disabled:var(--a-gs--swatch--neutral--080); --a-gs--color--text--on--fill--link--focus:var(--a-gs--swatch--link--030); --a-gs--color--text--on--fill--link--hover:var(--a-gs--swatch--link--030); --a-gs--color--text--on--fill--link--selected:var(--a-gs--swatch--link--000); --a-gs--color--text--on--fill--primary:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--primary--active:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--primary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--text--on--fill--primary--focus:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--primary--hover:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--primary--selected:var(--a-gs--swatch--button--010); --a-gs--color--text--on--fill--secondary:var(--a-gs--swatch--button--040); --a-gs--color--text--on--fill--secondary--active:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--secondary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--text--on--fill--secondary--focus:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--secondary--hover:var(--a-gs--swatch--button--040); --a-gs--color--text--on--fill--secondary--selected:var(--a-gs--swatch--button--010); --a-gs--color--text--on--fill--success:var(--a-gs--swatch--success--010); --a-gs--color--text--on--fill--tertiary:var(--a-gs--swatch--button--040); --a-gs--color--text--on--fill--tertiary--active:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--tertiary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--text--on--fill--tertiary--focus:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--tertiary--hover:var(--a-gs--swatch--button--050); --a-gs--color--text--on--fill--tertiary--selected:var(--a-gs--swatch--button--010); --a-gs--color--text--on--fill--warning:var(--a-gs--swatch--warning--010); --a-gs--color--text--strong:var(--a-gs--swatch--neutral--000); --a-gs--color--text--subdued:var(--a-gs--swatch--neutral--030); --a-gs--color--text--success:var(--a-gs--swatch--success--030); --a-gs--color--text--warning:var(--a-gs--swatch--warning--040); --a-gs--text--font--family:var(--a-gs--font--family--default); --a-gs--text--font--size--01:var(--a-gs--font--size--default); --a-gs--text--font--size--02:var(--a-gs--font--size--00); --a-gs--title--font--family:var(--a-gs--font--family--emphasis); --a-gs--title--font--size--01:var(--a-gs--font--size--10); --a-gs--title--font--size--02:var(--a-gs--font--size--08); --a-gs--title--font--size--03:var(--a-gs--font--size--06); --a-gs--title--font--size--04:var(--a-gs--font--size--04); --a-gs--text--font--weight:var(--a-gs--font--weight--04); --a-gs--text--font--style:var(--a-gs--font--style--normal); --a-gs--button--font--weight:var(--a-gs--font--weight--07); --a-gs--button--font--style:var(--a-gs--font--style--normal); --a-gs--title--font--weight:var(--a-gs--font--weight--07); --a-gs--title--font--style:var(--a-gs--font--style--normal); }