@aegov/design-system
Version:
A design system for the Government of the United Arab Emirates. The design system has been created based on research and information collected from in-depth studies conducted on user behaviour and benchmarking best practices. The primary use of this desig
1,132 lines • 222 kB
JavaScript
module.exports = {
"@layer aegov-base": {
":root": {
"--font-heading": "'Inter', 'Helvetica Neue', ui-sans-serif, system-ui, sans-serif",
"--font-body": "'Roboto', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif",
"--font-roboto": "'Roboto', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif",
"--font-inter": "'Inter', 'Helvetica Neue', ui-sans-serif, system-ui, sans-serif",
"--font-notokufi": "'Noto Kufi Arabic', ui-sans-serif, 'Helvetica Neue', sans-serif",
"--font-alexandria": "'Alexandria', 'Helvetica Neue', ui-sans-serif, system-ui, sans-serif",
"--text-xs": "0.75rem",
"--text-xs-line-height": "1rem",
"--text-sm": "0.875rem",
"--text-sm-line-height": "1.25rem",
"--text-base": "1rem",
"--text-base-line-height": "1.5rem",
"--text-lg": "1.125rem",
"--text-lg-line-height": "1.5rem",
"--text-xl": "1.25rem",
"--text-xl-line-height": "1.75rem",
"--text-display": "4.75rem",
"--text-display--line-height": "1.1",
"--text-display-weight": "600",
"--text-h1": "3.875rem",
"--text-h1--line-height": "1.1",
"--text-h1-weight": "800",
"--text-h1-font-family": "var(--font-heading)",
"--text-h2": "3rem",
"--text-h2--line-height": "1.2",
"--text-h2-weight": "800",
"--text-h2-font-family": "var(--font-heading)",
"--text-h3": "2.5rem",
"--text-h3--line-height": "1.2",
"--text-h3-weight": "800",
"--text-h3-font-family": "var(--font-heading)",
"--text-h4": "2rem",
"--text-h4--line-height": "2.375rem",
"--text-h4-weight": "700",
"--text-h4-font-family": "var(--font-heading)",
"--text-h5": "1.625rem",
"--text-h5--line-height": "2.125rem",
"--text-h5-weight": "700",
"--text-h5-font-family": "var(--font-heading)",
"--text-h6": "1.25rem",
"--text-h6--line-height": "1.75rem",
"--text-h6-weight": "600",
"--text-h6-font-family": "var(--font-heading)",
"--shadow-button": "0px 0px 0px 6px",
"--container-padding": "0.625rem",
"--container-padding-md": "0.875rem",
"--container-padding-lg": "1.375rem",
"--container-padding-xl": "1.25rem",
"--container-padding-2xl": "1.75rem",
"--container-center": "mx-auto"
},
":root[dir=\"rtl\"], [dir=\"rtl\"]": {
"--font-heading": "var(--font-alexandria)",
"--font-body": "var(--font-notokufi)"
},
"@font-face": [
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 200,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 200,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA5E64BdCIg.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 200,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 600,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 600,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA5E64BdCIg.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 600,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 700,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 700,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA5E64BdCIg.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 700,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 800,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaijdA5E64BdCIg.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 800,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeaiPdA5E64BdCIg.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Alexandria\"",
"fontStyle": "normal",
"fontWeight": 800,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/alexandria/v3/UMBXrPdDqW66y0Y2usFeai3dA5E64Bc.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Inter\"",
"fontStyle": "normal",
"fontWeight": 200,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Inter\"",
"fontStyle": "normal",
"fontWeight": 200,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Inter\"",
"fontStyle": "normal",
"fontWeight": 600,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Inter\"",
"fontStyle": "normal",
"fontWeight": 600,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Inter\"",
"fontStyle": "normal",
"fontWeight": 700,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Inter\"",
"fontStyle": "normal",
"fontWeight": 700,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Inter\"",
"fontStyle": "normal",
"fontWeight": 800,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Inter\"",
"fontStyle": "normal",
"fontWeight": 800,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Noto Kufi Arabic\"",
"fontStyle": "normal",
"fontWeight": 300,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, 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"
},
{
"fontFamily": "\"Noto Kufi Arabic\"",
"fontStyle": "normal",
"fontWeight": 400,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, 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"
},
{
"fontFamily": "\"Noto Kufi Arabic\"",
"fontStyle": "normal",
"fontWeight": 500,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, 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"
},
{
"fontFamily": "\"Noto Kufi Arabic\"",
"fontStyle": "normal",
"fontWeight": 600,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, 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"
},
{
"fontFamily": "\"Noto Kufi Arabic\"",
"fontStyle": "normal",
"fontWeight": 700,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, 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"
},
{
"fontFamily": "\"Noto Kufi Arabic\"",
"fontStyle": "normal",
"fontWeight": 900,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/notokufiarabic/v16/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFkCqIzA.woff2) format(\"woff2\")",
"unicodeRange": "U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, 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"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 300,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 300,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 400,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 400,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 500,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 500,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 700,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 700,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format(\"woff2\")",
"unicodeRange": "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"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 900,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format(\"woff2\")",
"unicodeRange": "U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"
},
{
"fontFamily": "\"Roboto\"",
"fontStyle": "normal",
"fontWeight": 900,
"fontDisplay": "swap",
"src": "url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format(\"woff2\")",
"unicodeRange": "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"
}
],
"html": {
"WebkitTapHighlightColor": "transparent",
"scrollBehavior": "smooth",
"@media (width >= 48rem)": {
"scrollBehavior": "auto"
}
},
"body": {
"color": "var(--color-aeblack-800)",
"fontFamily": "var(--font-body)",
"margin": "calc(var(--spacing) * 0)",
"padding": "calc(var(--spacing) * 0)",
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))",
"WebkitFontSmoothing": "antialiased",
"MozOsxFontSmoothing": "grayscale",
"WebkitPrintColorAdjust": "exact !important",
"printColorAdjust": "exact !important"
},
"body[dir=\"rtl\"]": {
"p": {
"--tw-leading": "var(--leading-relaxed)",
"lineHeight": "var(--leading-relaxed)"
}
},
"h1, h2, h3, h4, h5, h6": {
"fontFamily": "var(--font-heading)"
},
"h1": {
"fontSize": "var(--text-h1)",
"lineHeight": "var(--tw-leading, var(--text-h1--line-height))",
"--tw-font-weight": "var(--font-weight-extrabold)",
"fontWeight": "var(--font-weight-extrabold)"
},
"h2": {
"fontSize": "var(--text-h2)",
"lineHeight": "var(--tw-leading, var(--text-h2--line-height))",
"--tw-font-weight": "var(--font-weight-extrabold)",
"fontWeight": "var(--font-weight-extrabold)"
},
"h3": {
"fontSize": "var(--text-h3)",
"lineHeight": "var(--tw-leading, var(--text-h3--line-height))",
"--tw-font-weight": "var(--font-weight-extrabold)",
"fontWeight": "var(--font-weight-extrabold)"
},
"h4": {
"fontSize": "var(--text-h4)",
"lineHeight": "var(--tw-leading, var(--text-h4--line-height))",
"--tw-font-weight": "var(--font-weight-bold)",
"fontWeight": "var(--font-weight-bold)"
},
"h5": {
"fontSize": "var(--text-h5)",
"lineHeight": "var(--tw-leading, var(--text-h5--line-height))",
"--tw-font-weight": "var(--font-weight-bold)",
"fontWeight": "var(--font-weight-bold)"
},
"h6": {
"fontSize": "var(--text-h6)",
"lineHeight": "var(--tw-leading, var(--text-h6--line-height))",
"--tw-font-weight": "var(--font-weight-semibold)",
"fontWeight": "var(--font-weight-semibold)"
},
"button": {
"display": "inline-flex",
"flexShrink": 0,
"cursor": "pointer",
"flexWrap": "wrap",
"alignItems": "center",
"justifyContent": "center",
"textAlign": "center",
"textDecorationLine": "none",
"WebkitUserSelect": "none",
"userSelect": "none"
},
"p": {
"marginBottom": "calc(var(--spacing) * 8)",
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))",
"&.text-sm": {
"marginBottom": "calc(var(--spacing) * 7)"
},
"&.text-xs": {
"marginBottom": "calc(var(--spacing) * 6)"
}
},
"a": {
"color": "var(--color-primary-600)",
"--tw-ring-color": "var(--color-primary-support-600)",
"transitionProperty": "color, text-decoration",
"transitionTimingFunction": "cubic-bezier(.4, 0, .2, 1)",
"transitionDuration": "0.3s",
"position": "relative",
"display": "inline-block",
"borderRadius": "0.25rem",
"textDecorationLine": "underline",
"textUnderlineOffset": "1px",
"&:hover": {
"@media (hover: hover)": {
"textDecorationThickness": "2px"
},
"color": "var(--color-primary-500)"
},
"&:focus-visible": {
"outlineStyle": "solid",
"outlineWidth": "2px",
"outlineOffset": "0px",
"outlineColor": "var(--color-primary-support-600)"
}
},
".slick-slider .slick-track, .slick-slider .slick-list": {
"direction": "ltr"
},
"[dir=\"rtl\"]": {
".slick-slider": {
".slick-slide": {
"direction": "rtl"
}
}
},
".aegov-modal-close": {
"color": "var(--color-aeblack-400)",
"position": "absolute",
"marginLeft": "auto",
"display": "inline-flex",
"alignItems": "center",
"borderRadius": "var(--radius-lg)",
"backgroundColor": "transparent",
"padding": "calc(var(--spacing) * 1.5)",
"fontSize": "var(--text-sm)",
"lineHeight": "var(--tw-leading, var(--text-sm--line-height))",
"&:focus-visible": {
"outlineStyle": "solid",
"outlineWidth": "2px",
"outlineOffset": "2px",
"outlineColor": "var(--color-primary-support-600)"
},
"&:hover": {
"backgroundColor": "var(--color-aeblack-50)",
"color": "var(--color-aeblack-600)"
}
},
".aegov-modal-backdrop, .aegov-backdrop": {
"backgroundColor": "var(--color-aeblack-900)",
"@supports (color: color-mix(in lab, red, red))": {
"backgroundColor": "color-mix(in oklab, var(--color-aeblack-900) 50%, transparent)"
},
"position": "fixed",
"inset": "calc(var(--spacing) * 0)",
"zIndex": 40
},
".aegov-modal": {
"&.flex": {
"display": "flex"
},
"&.justify-center": {
"justifyContent": "center"
},
"&.items-center": {
"alignItems": "center"
},
"&.justify-end": {
"justifyContent": "flex-end"
},
"&.items-end": {
"alignItems": "flex-end"
}
},
"input[type=\"checkbox\"], input[type=\"radio\"]": {
"accentColor": "var(--form-check-accent)",
"color": "var(--form-check-accent)",
"borderColor": "var(--form-check-border)",
"--tw-ring-color": "var(--form-check-focus-ring)",
"--tw-border-style": "solid",
"position": "relative",
"margin": "calc(var(--spacing) * 0)",
"height": "calc(var(--spacing) * 5)",
"width": "calc(var(--spacing) * 5)",
"flexShrink": 0,
"appearance": "none",
"borderStyle": "var(--tw-border-style)",
"borderWidth": "1px",
"&:focus": {
"--tw-ring-color": "var(--form-check-focus-ring)",
"--tw-ring-offset-width": "2px",
"--tw-ring-offset-shadow": "var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
"--tw-outline-style": "none",
"outlineStyle": "none",
"@media (forced-colors: active)": {
"outline": "2px solid transparent",
"outlineOffset": "2px"
}
},
"&:disabled": {
"pointerEvents": "none",
"&:checked": {
"opacity": "40%"
},
"borderColor": "var(--form-check-disabled-border)"
},
"&:before": {
"content": "''",
"backgroundColor": "var(--form-check-hover-before-bg)",
"position": "absolute",
"top": "calc(2/4 * 100%)",
"left": "calc(2/4 * 100%)",
"height": "calc(var(--spacing) * 12)",
"width": "calc(var(--spacing) * 12)",
"--tw-translate-x": "calc(calc(2/4 * 100%) * -1)",
"--tw-translate-y": "calc(calc(2/4 * 100%) * -1)",
"translate": "var(--tw-translate-x) var(--tw-translate-y)",
"--tw-scale-x": "0%",
"--tw-scale-y": "0%",
"--tw-scale-z": "0%",
"scale": "var(--tw-scale-x) var(--tw-scale-y)",
"borderRadius": "calc(infinity * 1px)",
"mixBlendMode": "multiply",
"transitionProperty": "all",
"transitionTimingFunction": "var(--tw-ease, var(--default-transition-timing-function))",
"transitionDuration": "var(--tw-duration, var(--default-transition-duration))"
},
"&:hover:not(:disabled)::before": {
"--tw-scale-x": "100%",
"--tw-scale-y": "100%",
"--tw-scale-z": "100%",
"scale": "var(--tw-scale-x) var(--tw-scale-y)"
},
"&:disabled:before": {
"display": "none !important"
}
},
"input[type=\"checkbox\"]": {
"borderRadius": "0.25rem"
},
"input[type=\"text\"], input[type=\"email\"], input[type=\"url\"], input[type=\"password\"], input[type=\"number\"], input[type=\"date\"], input[type=\"datetime-local\"], input[type=\"month\"], input[type=\"search\"], input[type=\"tel\"], input[type=\"time\"], input[type=\"week\"], [multiple], textarea, select": {
"color": "var(--form-input-text)",
"fontSize": "var(--text-base)",
"display": "block",
"width": "100%",
"flex": 1,
"borderStyle": "var(--tw-border-style)",
"borderWidth": "0px",
"backgroundColor": "transparent",
"paddingInline": "calc(var(--spacing) * 4)",
"paddingBlock": "calc(var(--spacing) * 3)",
"--tw-leading": "calc(var(--spacing) * 6)",
"lineHeight": "calc(var(--spacing) * 6)",
"&:focus": {
"--tw-ring-shadow": "var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)",
"boxShadow": "var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)"
},
"&:disabled": {
"pointerEvents": "none",
"cursor": "not-allowed",
"WebkitUserSelect": "none",
"userSelect": "none"
},
"@media (prefers-reduced-motion: reduce)": {
"transitionProperty": "none"
},
"&::placeholder": {
"color": "var(--form-input-placeholder)"
}
},
"input[type=\"range\"]": {
"--range-track-bg": "var(--color-aeblack-200)",
"@supports (color: color-mix(in lab, red, red))": {
"--range-track-bg": "color-mix(in oklab, var(--color-aeblack-200)20%, transparent)"
},
"--range-progress-from": "var(--color-primary-300)",
"--range-progress-to": "var(--color-primary-500)",
"--range-thumb-bg": "var(--color-primary-800)",
"--range-thumb-bg-hover": "var(--color-primary-700)",
".control-secondary &": {
"--range-track-bg": "var(--color-secondary-200)",
"@supports (color: color-mix(in lab, red, red))": {
"--range-track-bg": "color-mix(in oklab, var(--color-secondary-200)20%, transparent)"
},
"--range-progress-from": "var(--color-secondary-300)",
"--range-progress-to": "var(--color-secondary-500)",
"--range-thumb-bg": "var(--color-secondary-800)",
"--range-thumb-bg-hover": "var(--color-secondary-700)"
},
".control-error &": {
"--range-track-bg": "var(--color-aered-200)",
"@supports (color: color-mix(in lab, red, red))": {
"--range-track-bg": "color-mix(in oklch, var(--color-aered-200)20%, transparent)"
},
"--range-progress-from": "var(--color-aered-300)",
"--range-progress-to": "var(--color-aered-500)",
"--range-thumb-bg": "var(--color-aered-800)",
"--range-thumb-bg-hover": "var(--color-aered-700)"
},
"backgroundColor": "var(--range-track-bg)",
"--tw-gradient-from": "var(--range-progress-from)",
"--tw-gradient-to": "var(--range-progress-to)",
"backgroundImage": "linear-gradient(to right, var(--range-progress-from), var(--range-progress-to))",
"marginBlock": "calc(var(--spacing) * 3)",
"display": "inline-block",
"height": "calc(var(--spacing) * 2)",
"width": "100%",
"appearance": "none",
"borderRadius": "0.25rem",
"backgroundRepeat": "no-repeat",
"verticalAlign": "middle",
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))"
},
"input[type=\"range\"]::-webkit-slider-thumb": {
"backgroundColor": "var(--range-thumb-bg)",
"height": "calc(var(--spacing) * 5)",
"width": "calc(var(--spacing) * 5)",
"cursor": "ew-resize",
"appearance": "none",
"borderRadius": "calc(infinity * 1px)",
"--tw-shadow": "0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1))",
"boxShadow": "var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)",
"transitionProperty": "color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to",
"transitionTimingFunction": "var(--tw-ease, var(--default-transition-timing-function))",
"transitionDuration": "var(--tw-duration, var(--default-transition-duration))"
},
"input[type=\"range\"]::-webkit-slider-thumb:hover": {
"backgroundColor": "var(--range-thumb-bg-hover)"
},
"input[type=\"range\"]::-webkit-slider-runnable-track": {
"appearance": "none",
"borderStyle": "var(--tw-border-style)",
"borderWidth": "0px",
"backgroundColor": "transparent",
"--tw-shadow": "0 0 #0000",
"boxShadow": "var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)"
},
"input[type=\"file\"]": {
"--file-btn-fg": "var(--color-primary-700)",
"--file-btn-bg": "var(--color-primary-50)",
"--file-btn-bg-hover": "var(--color-primary-100)",
"--file-ring-color": "var(--color-primary-400)",
"--file-focus-ring-color": "var(--color-primary-support-600)",
"--file-focus-outline-color": "var(--color-primary-500)",
"--file-focus-shadow-color": "var(--color-primary-support-600)",
"@supports (color: color-mix(in lab, red, red))": {
"--file-focus-shadow-color": "color-mix(in oklab, var(--color-primary-support-600)20%, transparent)"
},
"width": "100%",
"overflow": "hidden",
"paddingBlock": "calc(var(--spacing) * 0) !important",
"@media (prefers-reduced-motion: reduce)": {
"transitionProperty": "none"
},
"outline": "none",
"border": "0",
".control-secondary &": {
"--file-btn-fg": "var(--color-secondary-700)",
"--file-btn-bg": "var(--color-secondary-50)",
"--file-btn-bg-hover": "var(--color-secondary-100)",
"--file-ring-color": "var(--color-secondary-400)",
"--file-focus-ring-color": "var(--color-secondary-support-300)",
"--file-focus-outline-color": "var(--color-secondary-support-300)",
"--file-focus-shadow-color": "var(--color-secondary-support-300)",
"@supports (color: color-mix(in lab, red, red))": {
"--file-focus-shadow-color": "color-mix(in oklab, var(--color-secondary-support-300)20%, transparent)"
}
},
".control-error &": {
"--file-btn-fg": "var(--color-aered-700)",
"--file-btn-bg": "var(--color-aered-50)",
"--file-btn-bg-hover": "var(--color-aered-100)",
"--file-ring-color": "var(--color-aered-400)",
"--file-focus-ring-color": "var(--color-aered-600)",
"--file-focus-outline-color": "var(--color-aered-500)",
"--file-focus-shadow-color": "var(--color-aered-600)",
"@supports (color: color-mix(in lab, red, red))": {
"--file-focus-shadow-color": "color-mix(in oklab, var(--color-aered-600)20%, transparent)"
}
},
"&:not(:disabled):not([readonly])": {
"cursor": "pointer"
},
"&:focus": {
"outline": "none"
},
"&::file-selector-button": {
"color": "var(--file-btn-fg)",
"backgroundColor": "var(--color-whitely-50)",
"--tw-inset-ring-shadow": "inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor)",
"boxShadow": "0 0 #0000, var(--tw-inset-ring-shadow), 0 0 #0000, 0 0 #0000, 0 0 #0000",
"--tw-inset-ring-color": "var(--file-ring-color)",
"marginInlineEnd": "calc(var(--spacing) * 4)",
"height": "100%",
"borderStartStartRadius": "var(--radius-lg)",
"borderEndStartRadius": "var(--radius-lg)",
"borderStyle": "var(--tw-border-style)",
"borderWidth": "0px",
"paddingInline": "calc(var(--spacing) * 4)",
"paddingBlock": "calc(var(--spacing) * 3)"
},
"&:hover:not(:disabled):not([readonly])::file-selector-button": {
"backgroundColor": "var(--file-btn-bg-hover)"
},
"&:focus-within::file-selector-button": {
"--tw-inset-ring-color": "var(--file-focus-ring-color)",
"zIndex": 10
}
}
},
"@layer aegov-components": {
".aegov-accordion": {
"--accordion-item-border": "var(--color-aeblack-100)",
"--accordion-title-fg": "var(--color-aeblack-800)",
"--accordion-title-fg-hover": "var(--color-primary-600)",
"--accordion-title-fg-active": "var(--color-primary-700)",
"--accordion-content-fg": "var(--color-aeblack-800)",
"--accordion-focus-ring": "var(--color-primary-support-600)",
"& .accordion-item": {
"borderBottomColor": "var(--accordion-item-border)",
"borderBottomStyle": "var(--tw-border-style)",
"borderBottomWidth": "1px"
},
"& .accordion-title button": {
"color": "var(--accordion-title-fg)",
"display": "flex",
"width": "100%",
"flexWrap": "nowrap",
"alignItems": "flex-start",
"justifyContent": "space-between",
"columnGap": "calc(var(--spacing) * 4)",
"textAlign": "start",
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))",
"--tw-font-weight": "var(--font-weight-semibold)",
"fontWeight": "var(--font-weight-semibold)",
"transitionProperty": "all",
"transitionTimingFunction": "var(--tw-ease, var(--default-transition-timing-function))",
"transitionDuration": "var(--tw-duration, var(--default-transition-duration))",
"&:hover": {
"color": "var(--accordion-title-fg-hover)"
},
"&.accordion-active": {
"color": "var(--accordion-title-fg-active)"
},
"& svg": {
"color": "inherit",
"height": "calc(var(--spacing) * 6)",
"width": "calc(var(--spacing) * 6)",
"flexShrink": 0,
"fill": "currentcolor"
}
},
"& .accordion-content": {
"color": "var(--accordion-content-fg)",
"& .accordion-content-body": {
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))"
}
},
"&:not(.aegov-mobile-accordion)": {
"& .accordion-title button": {
"paddingInline": "calc(var(--spacing) * 3)",
"paddingBlock": "calc(var(--spacing) * 4)",
"@media (width >= 48rem)": {
"paddingBlock": "calc(var(--spacing) * 5)"
},
"@media (width >= 80rem)": {
"paddingBlock": "calc(var(--spacing) * 6)"
},
"&:focus-visible": {
"outlineStyle": "solid",
"outlineWidth": "2px",
"outlineOffset": "0px",
"outlineColor": "var(--color-primary-support-600)"
}
},
"& .accordion-content .accordion-content-body": {
"paddingInline": "calc(var(--spacing) * 3)",
"paddingBlock": "calc(var(--spacing) * 4)",
"@media (width >= 48rem)": {
"paddingBlock": "calc(var(--spacing) * 5)"
},
"@media (width >= 80rem)": {
"paddingBlock": "calc(var(--spacing) * 6)"
}
}
}
},
".aegov-alert": {
"position": "relative",
"display": "flex",
"alignItems": "flex-start",
"gap": "calc(var(--spacing) * 4)",
"borderRadius": "0.25rem",
"paddingInline": "calc(var(--spacing) * 6)",
"paddingBlock": "calc(var(--spacing) * 4)",
"backgroundColor": "var(--alert-bg)",
"color": "var(--alert-fg)",
"--tw-ring-color": "var(--alert-focus-ring)",
"--alert-bg": "var(--color-secondary-50)",
"--alert-fg": "var(--color-secondary-700)",
"--alert-link-fg": "var(--color-secondary-800)",
"--alert-link-hover-fg": "var(--color-secondary-900)",
"--alert-focus-ring": "var(--color-secondary-700)",
"&>.alert-icon": {
"color": "var(--alert-fg)",
"&>svg": {
"height": "calc(var(--spacing) * 7)",
"width": "calc(var(--spacing) * 7)",
"flexShrink": 0,
"fill": "currentcolor"
},
"&>img": {
"height": "calc(var(--spacing) * 7)",
"width": "calc(var(--spacing) * 7)",
"flexShrink": 0
}
},
"&>.alert-content": {
"alignSelf": "center",
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))",
"& p": {
"&:last-child": {
"marginBottom": "calc(var(--spacing) * 0)"
}
},
"& .alert-title": {
"color": "var(--alert-fg)",
"marginBottom": "calc(var(--spacing) * 5)",
"--tw-font-weight": "var(--font-weight-semibold)",
"fontWeight": "var(--font-weight-semibold)"
},
"& .alert-footer": {
"marginTop": "calc(var(--spacing) * 6)",
"display": "flex",
"alignItems": "center",
"justifyContent": "flex-start",
":where(& > :not(:last-child))": {
"--tw-space-x-reverse": "0",
"marginInlineStart": "calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse))",
"marginInlineEnd": "calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)))"
},
"& a": {
"color": "var(--alert-link-fg)",
"--tw-font-weight": "var(--font-weight-bold)",
"fontWeight": "var(--font-weight-bold)",
"&:hover": {
"@media (hover: hover)": {
"textUnderlineOffset": "2px"
},
"color": "var(--alert-link-hover-fg)"
}
}
},
"a": {
"color": "var(--alert-link-fg)",
"&:hover": {
"color": "var(--alert-link-hover-fg)",
"textDecoration": "underline"
}
},
"&.alert-with-link": {
"flex": 1,
"@media (width >= 48rem)": [
{
"display": "flex"
},
{
"justifyContent": "space-between"
}
],
".alert-link": {
"marginTop": "calc(var(--spacing) * 3)",
"marginBottom": "calc(var(--spacing) * 0)",
"flexShrink": 0,
"fontSize": "var(--text-sm)",
"lineHeight": "var(--tw-leading, var(--text-sm--line-height))",
"@media (width >= 48rem)": [
{
"marginTop": "calc(var(--spacing) * 0)"
},
{
"marginLeft": "calc(var(--spacing) * 6)"
}
],
"& a": {
"color": "var(--alert-link-fg)",
"display": "inline-flex",
"alignItems": "center",
"gap": "calc(var(--spacing) * 2)",
"--tw-font-weight": "var(--font-weight-medium)",
"fontWeight": "var(--font-weight-medium)",
"whiteSpace": "nowrap",
"textDecorationLine": "none",
"&:hover": {
"color": "var(--alert-link-hover-fg)"
},
"& svg": {
"height": "calc(var(--spacing) * 5)",
"width": "calc(var(--spacing) * 5)"
}
}
}
}
},
"&>.alert-dismiss": {
"position": "absolute",
"insetInlineEnd": "calc(var(--spacing) * 2)",
"top": "calc(var(--spacing) * 2.5)",
"&>button": {
"borderRadius": "0.25rem",
"padding": "calc(var(--spacing) * 2)",
"&:hover": {
"@media (hover: hover)": {
"opacity": "60%"
}
},
"&:focus-visible": {
"outlineStyle": "solid",
"outlineWidth": "2px",
"outlineOffset": "2px",
"outlineColor": "var(--alert-focus-ring)"
},
"&>svg": {
"height": "calc(var(--spacing) * 5)",
"width": "calc(var(--spacing) * 5)"
}
}
},
"&:has(.alert-dismiss)": {
"paddingInlineStart": "calc(var(--spacing) * 6)",
"paddingInlineEnd": "calc(var(--spacing) * 10)"
},
"&.alert-success": {
"--alert-bg": "var(--color-aegreen-50)",
"--alert-fg": "var(--color-aegreen-700)",
"--alert-link-fg": "var(--color-aegreen-700)",
"--alert-link-hover-fg": "var(--color-aegreen-600)",
"--alert-focus-ring": "var(--color-aegreen-700)",
"&.alert-solid": {
"--alert-bg": "var(--color-aegreen-600)",
"--alert-fg": "var(--color-whitely-50)",
"--alert-link-fg": "var(--color-whitely-50)",
"--alert-link-hover-fg": "var(--color-whitely-100)",
"--alert-focus-ring": "var(--color-whitely-50)"
}
},
"&.alert-info": {
"--alert-bg": "var(--color-techblue-50)",
"--alert-fg": "var(--color-techblue-700)",
"--alert-link-fg": "var(--color-techblue-700)",
"--alert-link-hover-fg": "var(--color-techblue-600)",
"--alert-focus-ring": "var(--color-techblue-700)",
"&.alert-solid": {
"--alert-bg": "var(--color-techblue-600)",
"--alert-fg": "var(--color-whitely-50)",
"--alert-link-fg": "var(--color-whitely-50)",
"--alert-link-hover-fg": "var(--color-whitely-100)",
"--alert-focus-ring": "var(--color-whitely-50)"
}
},
"&.alert-warning": {
"--alert-bg": "var(--color-camel-50)",
"--alert-fg": "var(--color-camel-700)",
"--alert-link-fg": "var(--color-camel-700)",
"--alert-link-hover-fg": "var(--color-camel-600)",
"--alert-focus-ring": "var(--color-camel-700)",
"&.alert-solid": {
"--alert-bg": "var(--color-camel-600)",
"--alert-fg": "var(--color-whitely-50)",
"--alert-link-fg": "var(--color-whitely-50)",
"--alert-link-hover-fg": "var(--color-whitely-100)",
"--alert-focus-ring": "var(--color-whitely-50)"
}
},
"&.alert-error": {
"--alert-bg": "var(--color-aered-50)",
"--alert-fg": "var(--color-aered-700)",
"--alert-link-fg": "var(--color-aered-700)",
"--alert-link-hover-fg": "var(--color-aered-600)",
"--alert-focus-ring": "var(--color-aered-700)",
"&.alert-solid": {
"--alert-bg": "var(--color-aered-600)",
"--alert-fg": "var(--color-whitely-50)",
"--alert-link-fg": "var(--color-whitely-50)",
"--alert-link-hover-fg": "var(--color-whitely-100)",
"--alert-focus-ring": "var(--color-whitely-50)"
}
},
"&.alert-lg": {
"&>.alert-icon": {
"&>svg, &>img": {
"height": "calc(var(--spacing) * 7)",
"width": "calc(var(--spacing) * 7)"
}
},
"&>.alert-content": {
"fontSize": "var(--text-lg)",
"lineHeight": "var(--tw-leading, var(--text-lg--line-height))",
"& p": {
"fontSize": "var(--text-lg)",
"lineHeight": "var(--tw-leading, var(--text-lg--line-height))"
},
"&.alert-with-link .alert-link": {
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))",
"& a": {
"& svg, & img": {
"height": "calc(var(--spacing) * 6)",
"width": "calc(var(--spacing) * 6)"
}
}
}
},
"&>.alert-dismiss": {
"top": "calc(var(--spacing) * 3)"
}
},
"&.alert-base": {
"&>.alert-icon": {
"&>svg, &>img": {
"height": "calc(var(--spacing) * 7)",
"width": "calc(var(--spacing) * 7)"
}
},
"&>.alert-content": {
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))",
"& p": {
"fontSize": "var(--text-base)",
"lineHeight": "var(--tw-leading, var(--text-base--line-height))"
},
"&.alert-with-link .alert-link": {
"fontSize": "var(--text-sm)",
"lineHeight": "var(--tw-leading, var(--text-sm--line-height))",
"& a": {
"& svg, & img": {
"height": "calc(var(--spacing) * 5)",
"width": "calc(var(--spacing) * 5)"
}
}
}
},
"&>.alert-dismiss": {
"top": "calc(var(--spacing) * 2.5)"
}
},
"&.alert-sm": {
"&>.alert-icon": {
"&>svg, &>img": {
"height": "calc(var(--spacing) * 5)",
"width": "calc(var(--spacing) * 5)"
}
},
"&>.alert-content": {
"fontSize": "var(--text-sm)",
"lineHeight": "var(--tw-leading, var(--text-sm--line-height))",
"& p": {
"fontSize": "var(--text-sm)",
"lineHeight": "var(--tw-leading, var(--text-sm--line-height))"
},
"&.alert-with-link .alert-link": {
"fontSize": "var(--text-xs)",
"lineHeight": "var(--tw-leading, var(--text-xs--line-height))",
"& a": {
"& svg, & img": {
"height": "calc(var(--spacing) * 4)",
"width": "calc(var(--spacing) * 4)"
}
}
}
},
"&>.alert-dismiss": {
"top": "calc(var(--spacing) * 2)"
}
}
},
".aegov-avatar": {
"position": "relative",
"display": "inline-block",
"height": "calc(var(--spacing) * 10)",
"width": "calc(var(--spacing) * 10)",
"&>img": {
"height": "100%",
"width": "100%",
"borderRadius":