@font-face {
    font-display: swap;
    font-family: monospace;
    font-style: italic;
    font-weight: 400;
    src: local("Menlo Italic"),local(Menlo-Italic),local("Consolas Italic"),local(Consolas-Italic),local("Courier New Italic")
}

@font-face {
    font-display: swap;
    font-family: monospace;
    font-style: italic;
    font-weight: 700;
    src: local("Menlo Bold Italic"),local(Menlo-BoldItalic),local(Monaco),local("Consolas Bold Italic"),local(Consolas-BoldItalic),local("Courier New Bold Italic")
}

@font-face {
    font-display: swap;
    font-family: monospace;
    font-style: normal;
    font-weight: 400;
    src: local("Menlo Regular"),local(Menlo-Regular),local(Monaco),local(Consolas),local("Courier New")
}

@font-face {
    font-display: swap;
    font-family: monospace;
    font-style: normal;
    font-weight: 700;
    src: local("Menlo Bold"),local(Menlo-Bold),local(Monaco),local("Consolas Bold"),local(Consolas-Bold),local("Courier New Bold")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 200;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZFhjA.eot?#) format("eot"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZ9hiA.woff2) format("woff2"),url(//fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZFhjg.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 100;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiAyp8kv8JHgFVrJJLmE0tMMPY.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiAyp8kv8JHgFVrJJLmE0tMMPQ.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 200;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmv1pVGdeK.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmv1pVGdeI.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 300;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm21lVGdeK.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm21lVGdeI.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLufntE.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLufntG.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmg1hVGdeK.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmg1hVGdeI.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 600;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmr19VGdeK.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmr19VGdeI.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 700;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15VGdeK.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15VGdeI.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 800;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm111VGdeK.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm111VGdeI.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: italic;
    font-weight: 900;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm81xVGdeK.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm81xVGdeI.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntE.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntG.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 200;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1JlEQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1JlEw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlEQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlEw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnedg.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnedA.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlEQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlEw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlEQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlEw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlEQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlEw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 800;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1JlEQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1JlEw.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1JlEQ.eot?#) format("eot"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2"),url(//fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1JlEw.woff) format("woff")
}

:root {
    --font-family-heading: Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    --font-family-body: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    --font-size-12: 0.75rem;
    --font-size-14: 0.875rem;
    --font-size-16: 1rem;
    --font-size-18: 1.125rem;
    --font-size-20: clamp(1.125rem,1.042rem + 0.28vw,1.25rem);
    --font-size-24: clamp(1.25rem,1.083rem + 0.56vw,1.5rem);
    --font-size-30: clamp(1.5rem,1.25rem + 0.83vw,1.875rem);
    --font-size-36: clamp(1.75rem,1.417rem + 1.11vw,2.25rem);
    --font-size-48: clamp(2rem,1.333rem + 2.22vw,3rem);
    --font-size-60: clamp(2.5rem,1.667rem + 2.78vw,3.75rem);
    --font-size-72: clamp(2.25rem,1.62rem + 2.4vw,4.5rem);
    --font-size-96: clamp(3rem,2.16rem + 3.2vw,6rem);
    --font-size-128: clamp(5rem,3rem + 6.67vw,8rem);
    --color-root-black-base: 0deg,0%,0%;
    --color-root-black: #000;
    --color-root-white-base: 100deg,100%,100%;
    --color-root-white: #fff;
    --color-primary-50-base: 140deg,19%,94%;
    --color-primary-50: #edf3ef;
    --color-primary-100-base: 142deg,20%,81%;
    --color-primary-100: #c5d8cc;
    --color-primary-200-base: 141deg,19%,72%;
    --color-primary-200: #aac5b4;
    --color-primary-300-base: 142deg,19%,59%;
    --color-primary-300: #83aa91;
    --color-primary-400-base: 141deg,19%,51%;
    --color-primary-400: #6a9a7b;
    --color-primary-500-base: 142deg,31%,38%;
    --color-primary-500: #437f59;
    --color-primary-600-base: 142deg,31%,35%;
    --color-primary-600: #3e7552;
    --color-primary-700-base: 141deg,31%,27%;
    --color-primary-700: #305a3e;
    --color-primary-800-base: 142deg,31%,21%;
    --color-primary-800: #254631;
    --color-primary-900-base: 141deg,32%,16%;
    --color-primary-900: #1c3625;
    --color-secondary-50-base: 71deg,48%,95%;
    --color-secondary-50: #ebf1f6;
    --color-secondary-100-base: 76deg,50%,87%;
    --color-secondary-100: #e6eecd;
    --color-secondary-200-base: 76deg,49%,80%;
    --color-secondary-200: #a4bed6;
    --color-secondary-300-base: 76deg,49%,71%;
    --color-secondary-300: #c6d991;
    --color-secondary-400-base: 76deg,49%,65%;
    --color-secondary-400: #bad17a;
    --color-secondary-500-base: 76deg,50%,56%;
    --color-secondary-500: #a9c757;
    --color-secondary-600-base: 76deg,40%,51%;
    --color-secondary-600: #346796;
    --color-secondary-700-base: 75deg,38%,31%;
    --color-secondary-700: #5e6d31;
    --color-secondary-800-base: 82deg,18%,21%;
    --color-secondary-800: #383f2c;
    --color-secondary-900-base: 84deg,17%,12%;
    --color-secondary-900: #202419;
    --color-tertiary-50-base: 27deg,100%,97%;
    --color-tertiary-50: #fff7f0;
    --color-tertiary-100-base: 27deg,100%,90%;
    --color-tertiary-100: #ffe3cc;
    --color-tertiary-200-base: 27deg,100%,85%;
    --color-tertiary-200: #ffd5b3;
    --color-tertiary-300-base: 28deg,100%,72%;
    --color-tertiary-300: #ffb370;
    --color-tertiary-400-base: 28deg,100%,66%;
    --color-tertiary-400: #ffa352;
    --color-tertiary-500-base: 27deg,100%,57%;
    --color-tertiary-500: #ff8624;
    --color-tertiary-600-base: 26deg,84%,50%;
    --color-tertiary-600: #eb7114;
    --color-tertiary-700-base: 26deg,70%,38%;
    --color-tertiary-700: #a5581d;
    --color-tertiary-800-base: 22deg,67%,29%;
    --color-tertiary-800: #7b3d18;
    --color-tertiary-900-base: 25deg,67%,24%;
    --color-tertiary-900: #663614;
    --color-greys-50-base: 40deg,21%,89%;
    --color-greys-50: #e9e5dd;
    --color-greys-100-base: 22deg,2%,88%;
    --color-greys-100: #e1e0e0;
    --color-greys-200-base: 40deg,3%,81%;
    --color-greys-200: #d0cfcd;
    --color-greys-300-base: 30deg,3%,72%;
    --color-greys-300: #bab8b5;
    --color-greys-400-base: 36deg,3%,66%;
    --color-greys-400: #aba9a6;
    --color-greys-500-base: 40deg,3%,58%;
    --color-greys-500: #979591;
    --color-greys-600-base: 40deg,2%,53%;
    --color-greys-600: #8a8885;
    --color-greys-700-base: 36deg,2%,41%;
    --color-greys-700: #6b6966;
    --color-greys-800-base: 30deg,2%,32%;
    --color-greys-800: #535250;
    --color-greys-900-base: 40deg,2%,24%;
    --color-greys-900: #3e3e3c;
    --color-error-300-base: 0deg,63%,94%;
    --color-error-300: #f9e6e6;
    --color-error-500-base: 0deg,68%,51%;
    --color-error-500: #d72d2d;
    --color-error-700-base: 0deg,72%,41%;
    --color-error-700: #b41d1d;
    --color-success-300-base: 144deg,71%,93%;
    --color-success-300: #e0faeb;
    --color-success-500-base: 144deg,55%,48%;
    --color-success-500: #37be6d;
    --color-success-700-base: 147deg,64%,27%;
    --color-success-700: #197140;
    --color-warning-300-base: 40deg,100%,97%;
    --color-warning-300: #fffaf0;
    --color-warning-500-base: 43deg,82%,67%;
    --color-warning-500: #f0c966;
    --color-warning-700-base: 41deg,65%,33%;
    --color-warning-700: #8b681d;
    --shadow-100: 2px 4px 9px 0px rgba(0,0,0,.12);
    --shadow-300: 0 5px 10px hsla(var(--color-greys-900-base),0.1),0 2px 4px hsla(var(--color-greys-900-base),0.08);
    --shadow-500: 0 10px 20px hsla(var(--color-greys-900-base),0.1),0 3px 6px hsla(var(--color-greys-900-base),0.1);
    --shadow-700: 0 15px 25px hsla(var(--color-greys-900-base),0.12),0 5px 10px hsla(var(--color-greys-900-base),0.05);
    --shadow-900: 0 20px 40px hsla(var(--color-greys-900-base),0.2);
    --transition-fast: 240ms;
    --transition-normal: 480ms;
    --transition-slow: 720ms
}

[data-font-load] {
    font-family: Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

:root {
    --root-baseline: 0.5rem;
    --root-font-size: 100%;
    --root-color: var(--color-greys-900);
    --root-line-height: 2;
    --root-color-background: var(--color-root-white);
    color: var(--root-color);
    font-family: var(--font-family-body);
    font-size: var(--root-font-size);
    line-height: var(--root-line-height);
    text-rendering: optimizeLegibility
}

body {
    background-color: var(--root-color-background);
    overflow-x: hidden
}

:focus-visible {
    outline-color: var(--color-primary-500);
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 1px
}

:root {
    cursor: default;
    overflow-wrap: break-word;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%
}

*, :after, :before {
    background-repeat: no-repeat;
    border: 0 solid;
    box-sizing: border-box
}

:after, :before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    margin: 0;
    padding: 0
}

main {
    display: block
}

ol, ul {
    list-style-type: none
}

hr {
    color: inherit;
    height: 0
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small, sub, sup {
    font-size: 75%
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

address {
    font-style: normal
}

a {
    color: inherit;
    text-decoration: none
}

audio, canvas, iframe, img, svg, video {
    max-width: 100%;
    vertical-align: middle
}

audio, canvas, embed, iframe, img, object, picture, svg, video {
    display: block
}

iframe {
    border-style: none
}

svg:not([fill]) {
    fill: currentColor
}

fieldset {
    border-width: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

textarea {
    resize: vertical
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

table {
    border-color: inherit;
    border-spacing: 0;
    max-width: 100%;
    text-indent: 0;
    width: 100%
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true], [disabled] {
    cursor: not-allowed
}

[aria-hidden=false][hidden] {
    display: initial
}

    [aria-hidden=false][hidden]:not(:focus) {
        clip: rect(0,0,0,0);
        position: absolute
    }

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
        transform-style: preserve-3d
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: none
    }

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper: before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper: before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        cursor: auto;
        opacity: .35;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        cursor: auto;
        opacity: 0;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset,10px)
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    top: var(--swiper-pagination-top,auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        position: relative;
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    left: var(--swiper-pagination-left,auto);
    right: var(--swiper-pagination-right,8px);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        display: block;
        margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: transform .2s,top .2s
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: transform .2s,left .2s
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: scale(0);
        transform-origin: left top;
        width: 100%
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0;
    width: 100%
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        height: 100%;
        left: 0;
        top: 0;
        width: var(--swiper-pagination-progressbar-size,4px)
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    touch-action: none
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        bottom: var(--swiper-scrollbar-bottom,4px);
        height: var(--swiper-scrollbar-size,4px);
        left: var(--swiper-scrollbar-sides-offset,1%);
        position: absolute;
        top: var(--swiper-scrollbar-top,auto);
        width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
        z-index: 50
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
        left: var(--swiper-scrollbar-left,auto);
        position: absolute;
        right: var(--swiper-scrollbar-right,4px);
        top: var(--swiper-scrollbar-sides-offset,1%);
        width: var(--swiper-scrollbar-size,4px);
        z-index: 50
    }

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        backface-visibility: hidden;
        height: 100%;
        pointer-events: none;
        transform-origin: 0 0;
        visibility: hidden;
        width: 100%;
        z-index: 1
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-cube-shadow {
        bottom: 0;
        height: 100%;
        left: 0;
        opacity: .6;
        position: absolute;
        width: 100%;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            background: #000;
            bottom: 0;
            content: "";
            filter: blur(50px);
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

    .swiper-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
        backface-visibility: hidden;
        z-index: 0
    }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        backface-visibility: hidden;
        pointer-events: none;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
        backface-visibility: hidden;
        z-index: 0
    }

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        backface-visibility: hidden;
        overflow: hidden;
        transform-origin: center bottom
    }

.c-accordion__trigger {
    cursor: pointer
}

.c-accordion__target {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition-duration: var(--transition-fast);
    transition-property: height,opacity;
    transition-timing-function: linear;
    will-change: height,opacity
}

    .c-accordion__target.js-toggler--is-active {
        opacity: 1
    }

.c-accordion.l-grid .c-accordion__target {
    left: 0;
    position: absolute;
    width: 100%
}

.c-accordion {
    --accordion-padding: 2.5rem;
    --accordion-font-size: 1rem;
    --accordion-color: var(--color-primary-900);
    --accordion-background-color: var(--color-secondary-50);
    --accordion-border-width: 0;
    --accordion-border-style: solid;
    --accordion-border-color: var(--color-secondary-50);
    --accordion-border-radius: 24px;
    --accordion-active-color: var(--color-primary-900);
    --accordion-active-background-color: var(--color-secondary-50);
    --accordion-active-border-color: var(--color-secondary-50);
    --accordion-content-padding: 1rem 2.5rem 2.5rem
}

.c-accordion__trigger {
    align-items: center;
    background-color: var(--accordion-background-color);
    border: var(--accordion-border-width) var(--accordion-border-style) var(--accordion-border-color);
    border-radius: var(--accordion-border-radius);
    color: var(--accordion-color);
    display: flex;
    font-size: var(--accordion-font-size);
    justify-content: space-between;
    padding: var(--accordion-padding);
    position: relative;
    transition-duration: var(--transition-fast);
    transition-property: color,border-color,background-color
}

    .c-accordion__trigger.js-toggler--is-active {
        background-color: var(--accordion-active-background-color);
        border-color: var(--accordion-active-border-color);
        color: var(--accordion-active-color)
    }

@media (any-hover: hover) {
    .c-accordion__trigger:hover {
        background-color: var(--accordion-active-background-color);
        border-color: var(--accordion-active-border-color);
        color: var(--accordion-active-color)
    }
}

.c-accordion__target {
    transform: scale(.9);
    transition-property: none;
    will-change: transform
}

    .c-accordion__target.js-toggler--is-active {
        transform: scale(1);
        transition-property: transform
    }

.c-accordion__content {
    padding: var(--accordion-content-padding)
}

.c-accordion__element {
    border-radius: var(--accordion-border-radius)
}

.c-accordion__trigger .icons svg {
    transition: transform .3s ease-in-out
}

.c-accordion__trigger:hover .icons svg {
    transform: translateX(10px)
}

.c-accordion__trigger.js-toggler--is-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 0
}

    .c-accordion__trigger.js-toggler--is-active .icons svg {
        transform: rotate(-90deg)
    }

.c-accordion__target {
    transform: scaleY(.8);
    transform-origin: top
}

    .c-accordion__target.js-toggler--is-active .c-accordion__content {
        background-color: var(--accordion-active-background-color);
        border-bottom-left-radius: var(--accordion-border-radius);
        border-bottom-right-radius: var(--accordion-border-radius);
        border-color: var(--accordion-active-border-color);
        color: var(--accordion-active-color)
    }

.M103-AsideLinksWithContent__typography a, .c-btn, .hs-button {
    --btn-font-size: 1.125rem;
    --btn-padding-y: 0.75rem;
    --btn-padding-x: 2rem;
    --btn-gap: 1rem;
    --btn-color: var(--color-root-white);
    --btn-background-color: var(--color-primary-500);
    --btn-line-height: 1.75;
    --btn-border-width: 2px;
    --btn-border-style: solid;
    --btn-border-color: var(--color-primary-500);
    --btn-border-radius: 5px;
    align-items: center;
    background-color: var(--btn-background-color);
    border-color: var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    border-style: var(--btn-border-style);
    border-width: var(--btn-border-width);
    color: var(--btn-color);
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: var(--btn-font-size);
    gap: var(--btn-gap);
    justify-content: center;
    line-height: var(--btn-line-height);
    overflow: hidden;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle
}

    .M103-AsideLinksWithContent__typography a[disabled], .c-btn[disabled], [disabled].hs-button {
        opacity: var(--btn-disabled-opacity,.75);
        pointer-events: none
    }

    .M103-AsideLinksWithContent__typography a [class*=icon-], .c-btn [class*=icon-], .hs-button [class*=icon-] {
        display: inline-flex
    }

    .M103-AsideLinksWithContent__typography a.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp), .M103-AsideLinksWithContent__typography a.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp), .M103-AsideLinksWithContent__typography a.u-state-is-loading, .c-btn.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp), .c-btn.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp), .c-btn.u-state-is-loading, .hs-button.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp), .hs-button.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp), .u-state-is-loading.hs-button {
        --loading-color: var(--btn-color);
        --loading-overlay: none;
        --loading-z-index: 1
    }

        .M103-AsideLinksWithContent__typography a.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp) span, .M103-AsideLinksWithContent__typography a.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp) svg, .M103-AsideLinksWithContent__typography a.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp) span, .M103-AsideLinksWithContent__typography a.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp) svg, .M103-AsideLinksWithContent__typography a.u-state-is-loading span, .M103-AsideLinksWithContent__typography a.u-state-is-loading svg, .c-btn.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp) span, .c-btn.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp) svg, .c-btn.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp) span, .c-btn.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp) svg, .c-btn.u-state-is-loading span, .c-btn.u-state-is-loading svg, .hs-button.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp) span, .hs-button.c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp) svg, .hs-button.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp) span, .hs-button.swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp) svg, .u-state-is-loading.hs-button span, .u-state-is-loading.hs-button svg {
            opacity: 0
        }

.M103-AsideLinksWithContent__typography a, .c-btn, .hs-button {
    --btn-padding: 12px 32px;
    --btn-font-family: var(--font-family-heading);
    --btn-line-height: noraml;
    --btn-font-weight: 500;
    --btn-font-size: 16px;
    --btn-text-transform: none
}

.button, .hs-button, button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    transition: all .15s linear;
    white-space: normal
}

    .button:disabled, .hs-button:disabled, button:disabled {
        background-color: #d0d0d0;
        border-color: #d0d0d0;
        color: #e6e6e6
    }

.no-button, .no-button:active, .no-button:focus, .no-button:hover {
    background: none;
    border: none;
    border-radius: 0;
    color: initial;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    transition: none
}

.c-btn-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--root-baseline)*2)
}

.hs-button {
    background: none;
    border: none;
    cursor: pointer
}

    .M103-AsideLinksWithContent__typography a:hover, .c-btn:hover, .hs-button:hover, [type=button]:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton):hover, [type=reset]:hover, [type=submit]:hover, button:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton):hover, input.hs-button[type=submit]:hover {
        --btn-background-color: var(--btn-hover-background-color);
        --btn-border-color: var(--btn-hover-border-color);
        --btn-color: var(--btn-hover-color)
    }

        .M103-AsideLinksWithContent__typography a:hover path, .c-btn:hover path, .hs-button:hover path, [type=button]:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton):hover path, [type=reset]:hover path, [type=submit]:hover path, button:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton):hover path, input.hs-button[type=submit]:hover path {
            fill: var(--btn-color)
        }

    .M103-AsideLinksWithContent__typography a:active, .c-btn:active, .hs-button:active, [type=button]:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton):active, [type=reset]:active, [type=submit]:active, button:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton):active, input.hs-button[type=submit]:active {
        --btn-background-color: var(--btn-active-background-color);
        --btn-border-color: var(--btn-active-border-color);
        --btn-color: var(--btn-active-color)
    }

    .M103-AsideLinksWithContent__typography a:disabled, .M103-AsideLinksWithContent__typography a[disabled], .c-btn:disabled, .c-btn[disabled], .hs-button:disabled, .hs-button[disabled], [type=button]:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton):disabled, [type=button]:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton)[disabled], [type=reset]:disabled, [type=reset][disabled], [type=submit]:disabled, [type=submit][disabled], button:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton):disabled, button:not([role=switch]):not([role=search]):not([role=menu]):not([role=modal]):not(.pika-button):not(.pika-next):not(.pika-prev):not(.uiButton)[disabled], input.hs-button[type=submit]:disabled, input.hs-button[type=submit][disabled] {
        --btn-background-color: var(--color-greys-50);
        --btn-border-color: var(--color-greys-50);
        --btn-color: var(--color-greys-200)
    }

.c-btn--primary {
    --btn-color: var(--btn-primary-color);
    --btn-background-color: var( --btn-primary-background-color );
    --btn-border-color: var(--btn-primary-border-color);
    --btn-border-width: var(--btn-primary-border-width);
    --btn-border-radius: var(--btn-primary-border-radius);
    --btn-hover-color: var(--btn-primary-hover-color);
    --btn-hover-background-color: var( --btn-primary-hover-background-color );
    --btn-hover-border-color: var( --btn-primary-hover-border-color );
    --btn-active-color: var(--btn-primary-active-color);
    --btn-active-background-color: var( --btn-primary-active-background-color );
    --btn-active-border-color: var( --btn-primary-active-border-color )
}

.c-btn--secondary {
    --btn-color: var(--btn-secondary-color);
    --btn-background-color: var( --btn-secondary-background-color );
    --btn-border-color: var(--btn-secondary-border-color);
    --btn-border-width: var(--btn-secondary-border-width);
    --btn-border-radius: var(--btn-secondary-border-radius);
    --btn-hover-color: var(--btn-secondary-hover-color);
    --btn-hover-background-color: var( --btn-secondary-hover-background-color );
    --btn-hover-border-color: var( --btn-secondary-hover-border-color );
    --btn-active-color: var(--btn-secondary-active-color);
    --btn-active-background-color: var( --btn-secondary-active-background-color );
    --btn-active-border-color: var( --btn-secondary-active-border-color )
}

.c-btn--ghost-dark {
    --btn-color: var(--btn-ghost-dark-color);
    --btn-background-color: var( --btn-ghost-dark-background-color );
    --btn-border-color: var(--btn-ghost-dark-border-color);
    --btn-border-width: var(--btn-ghost-dark-border-width);
    --btn-border-radius: var(--btn-ghost-dark-border-radius);
    --btn-hover-color: var(--btn-ghost-dark-hover-color);
    --btn-hover-background-color: var( --btn-ghost-dark-hover-background-color );
    --btn-hover-border-color: var( --btn-ghost-dark-hover-border-color );
    --btn-active-color: var(--btn-ghost-dark-active-color);
    --btn-active-background-color: var( --btn-ghost-dark-active-background-color );
    --btn-active-border-color: var( --btn-ghost-dark-active-border-color )
}

.c-btn--ghost-light {
    --btn-color: var(--btn-ghost-light-color);
    --btn-background-color: var( --btn-ghost-light-background-color );
    --btn-border-color: var(--btn-ghost-light-border-color);
    --btn-border-width: var(--btn-ghost-light-border-width);
    --btn-border-radius: var(--btn-ghost-light-border-radius);
    --btn-hover-color: var(--btn-ghost-light-hover-color);
    --btn-hover-background-color: var( --btn-ghost-light-hover-background-color );
    --btn-hover-border-color: var( --btn-ghost-light-hover-border-color );
    --btn-active-color: var(--btn-ghost-light-active-color);
    --btn-active-background-color: var( --btn-ghost-light-active-background-color );
    --btn-active-border-color: var( --btn-ghost-light-active-border-color )
}

.M103-AsideLinksWithContent__typography a, .c-btn--link {
    --btn-color: var(--btn-link-color);
    --btn-background-color: transparent;
    --btn-border-color: transparent;
    --btn-hover-color: var(--btn-link-hover-color);
    --btn-hover-background-color: transparent;
    --btn-hover-border-color: transparent;
    --btn-active-color: var(--btn-link-active-color);
    --btn-active-background-color: transparent;
    --btn-active-border-color: transparent;
    --btn-border-width: 0;
    --btn-border-radius: 0;
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: none;
    --btn-padding: 0 0 5px;
    --btn-line-height: 1.5;
    --btn-font-size: 16px;
    gap: 8px
}

    .M103-AsideLinksWithContent__typography a:after, .c-btn--link:after {
        background-color: var(--btn-color);
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        transition: width .3s ease-in-out;
        width: 0
    }

    .M103-AsideLinksWithContent__typography a:hover:after, .c-btn--link:hover:after {
        width: 100%
    }

.c-expander__trigger {
    cursor: pointer
}

.c-expander__target {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition-duration: var(--transition-fast);
    transition-property: height,opacity;
    transition-timing-function: linear;
    will-change: height,opacity
}

    .c-expander__target.js-toggler--is-active {
        opacity: 1
    }

.c-expander.l-grid .c-expander__target {
    left: 0;
    position: absolute;
    width: 100%
}

.c-expander__target {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    transform: scale(.9);
    transition-property: none;
    will-change: transform
}

    .c-expander__target .c-typography {
        background-color: var(--color-greys-100);
        padding: 1rem 1.5rem
    }

    .c-expander__target.js-toggler--is-active {
        transform: scale(1);
        transition-property: all
    }

.hs_cos_wrapper_type_form, .password-prompt form {
    --input-height: 45px;
    --input-padding: 15px;
    --input-border-width: 1px;
    --input-border-style: solid;
    --input-border-color: var(--color-greys-500);
    --input-focus-width: 1px;
    --input-focus-color: var(--color-primary-500);
    --input-radius: 3px;
    --input-icon-size: 20px;
    --select-icon: url("data:image/svg + xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512'%3E%3Cpath fill='%2320282c' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E");
    --checkbox-size: 20px;
    --checkbox-background-color: #fff;
    --checkbox-icon: url("data:image/svg + xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 512 512'%3E %3Cpath fill='black' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E %3C/svg%3E");
    --checkbox-icon-size: 10px;
    --checkbox-padding: 30px;
    --radio-size: 20px;
    --radio-background-color: #fff;
    --radio-dot-size: 10px;
    --radio-dot-color: #000;
    --radio-padding: 30px
}

.hs-form .hs-richtext, .hs-form-field {
    margin-bottom: calc(var(--root-baseline)*2)
}

.hs-form .inputs-list {
    list-style: none;
    margin: 0;
    padding: 0
}

    .hs-form .inputs-list > li {
        display: block;
        margin: var(--root-baseline) 0
    }

    .hs-form .inputs-list input, .hs-form .inputs-list span {
        vertical-align: middle
    }

.hs-form legend {
    font-size: .875rem
}

.hs-form fieldset {
    max-width: 100% !important
}

.c-form-field input[type=file], .hs-form-field input[type=file], .hs-search-field input[type=file] {
    bottom: 0;
    position: absolute
}

.hs_attach_a_file {
    position: relative
}

    .hs_attach_a_file .hs-field-desc {
        align-items: center;
        -webkit-appearance: none;
        background-color: var(--input-background-color);
        border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
        border-radius: var(--input-radius);
        color: var(--color-greys-300);
        cursor: pointer;
        display: flex !important;
        font-family: var(--input-font-family);
        font-size: var(--input-font-size);
        height: var(--input-height);
        line-height: inherit;
        max-width: 100%;
        padding: 0 var(--input-padding);
        width: 100%
    }

.u-text-color-root-white .hs-richtext {
    --typography-color: #fff
}

:root .hs-form fieldset.form-columns-2 .input {
    margin: 0 !important
}

:root .hs-form fieldset.form-columns-1 .hs-input, :root .hs-form fieldset.form-columns-1 .hs-search-field__input {
    width: 100%
}

:root .hs-form fieldset.form-columns-1 .input {
    margin-right: 0
}

@media (max-width: 400px),(min-device-width:320px) and (max-device-width:480px) {
    :root .hs-form .form-columns-2 .hs-form-field .hs-input, :root .hs-form .form-columns-2 .hs-form-field .hs-search-field__input, :root .hs-form .form-columns-3 .hs-form-field .hs-input, :root .hs-form .form-columns-3 .hs-form-field .hs-search-field__input {
        width: 100% !important
    }
}

@media (max-width: 37.4375em) {
    :root .hs-form .form-columns-2 .hs-form-field, :root .hs-form .form-columns-3 .hs-form-field {
        float: none;
        width: 100%
    }
}

@media (min-width: 37.5em) {
    :root .hs-form fieldset.form-columns-2 .hs-form-field:first-child > .input {
        margin-right: calc(var(--grid-gutter)/2) !important
    }

    :root .hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) > .input, :root .hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2) > label {
        margin-left: calc(var(--grid-gutter)/2) !important
    }
}

form .hs-button, form input[type=submit] {
    cursor: pointer;
    display: inline-block;
    padding-right: 50px;
    text-align: center;
    transition: all .15s linear;
    white-space: normal;
    --btn-padding: 12px 50px 12px 32px
}

.hs_submit {
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

    .hs_submit:before {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' fill='none'%3E%3Cpath fill='%2315212E' d='m10.516 5.897-3.75 3.75a.723.723 0 0 1-1.055 0 .723.723 0 0 1 0-1.054l2.46-2.485H1a.74.74 0 0 1-.75-.75c0-.398.328-.75.75-.75h7.172L5.71 2.148a.723.723 0 0 1 0-1.055.723.723 0 0 1 1.055 0l3.75 3.75a.723.723 0 0 1 0 1.054'/%3E%3C/svg%3E");
        transition: background .3s ease-in-out
    }

    .hs_submit:before, .hs_submit:hover:before {
        content: "";
        height: 10px;
        position: absolute;
        right: 32px;
        top: 50%;
        transform: translate(50%,-50%);
        width: 11px;
        z-index: 5
    }

    .hs_submit:hover:before {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' fill='none'%3E%3Cpath fill='%23FE852D' d='m10.516 5.897-3.75 3.75a.723.723 0 0 1-1.055 0 .723.723 0 0 1 0-1.054l2.46-2.485H1a.74.74 0 0 1-.75-.75c0-.398.328-.75.75-.75h7.172L5.71 2.148a.723.723 0 0 1 0-1.055.723.723 0 0 1 1.055 0l3.75 3.75a.723.723 0 0 1 0 1.054'/%3E%3C/svg%3E")
    }

form .inputs-list {
    list-style: none;
    margin: 0;
    padding: 0
}

    form .inputs-list > li {
        display: block;
        margin: .7rem 0
    }

    form .inputs-list input, form .inputs-list span {
        vertical-align: middle
    }

form input[type=checkbox], form input[type=radio] {
    cursor: pointer;
    margin-right: .35rem
}

.hs-form-booleancheckbox input[type=checkbox], .hs-form-checkbox input[type=checkbox], .hs-form-radio input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index: -1
}

    .hs-form-booleancheckbox input[type=checkbox]:focus + span:before, .hs-form-checkbox input[type=checkbox]:focus + span:before, .hs-form-radio input[type=radio]:focus + span:before {
        border-color: var(--color-secondary-900)
    }

.hs-form-booleancheckbox > label > span, .hs-form-checkbox > label > span {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    line-height: 1.3;
    padding-left: var(--checkbox-padding);
    position: relative
}

    .hs-form-booleancheckbox > label > span:after, .hs-form-booleancheckbox > label > span:before, .hs-form-checkbox > label > span:after, .hs-form-checkbox > label > span:before {
        content: "";
        display: block
    }

    .hs-form-booleancheckbox > label > span:before, .hs-form-checkbox > label > span:before {
        background-color: var(--checkbox-background-color);
        border: var(--input-border-width) var(--input-border-style) var(--color-secondary-900);
        height: var(--checkbox-size);
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: border-color var(--transition-fast);
        width: var(--checkbox-size)
    }

    .hs-form-booleancheckbox > label > span:after, .hs-form-checkbox > label > span:after {
        background-image: var(--checkbox-icon);
        background-repeat: no-repeat;
        background-size: contain;
        height: var(--checkbox-icon-size);
        left: 0;
        margin-left: calc((var(--checkbox-size) - var(--checkbox-icon-size))/2);
        margin-top: calc(var(--checkbox-icon-size)/-2);
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: scale(0);
        transition: transform var(--transition-fast);
        width: var(--checkbox-icon-size)
    }

    .hs-form-booleancheckbox > label > span:hover:before, .hs-form-checkbox > label > span:hover:before {
        border-color: var(--color-secondary-900)
    }

.hs-form-booleancheckbox input[type=checkbox]:checked + span:after, .hs-form-checkbox input[type=checkbox]:checked + span:after {
    opacity: 1;
    transform: scale(1)
}

.hs-form-booleancheckbox input[type=checkbox]:indeterminate + span:after, .hs-form-checkbox input[type=checkbox]:indeterminate + span:after {
    background-image: none;
    height: calc(var(--checkbox-icon-size)/4);
    left: 0;
    margin-top: calc(var(--checkbox-icon-size)/-8);
    opacity: 1;
    transform: scale(1);
    width: var(--checkbox-icon-size)
}

.hs-form-radio > label > span {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    line-height: 1.3;
    padding-left: var(--radio-padding);
    position: relative
}

    .hs-form-radio > label > span:after, .hs-form-radio > label > span:before {
        content: "";
        display: block
    }

    .hs-form-radio > label > span:before {
        background-color: var(--radio-background-color);
        border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
        border-radius: 50%;
        height: var(--radio-size);
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: border-color var(--transition-fast);
        width: var(--radio-size)
    }

    .hs-form-radio > label > span:after {
        background-color: var(--radio-dot-color);
        border-radius: 50%;
        height: var(--radio-dot-size);
        left: 0;
        margin-left: calc((var(--radio-size) - var(--radio-dot-size))/2);
        margin-top: calc(var(--radio-dot-size)/-2);
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: scale(0);
        transition: transform var(--transition-fast);
        width: var(--radio-dot-size)
    }

    .hs-form-radio > label > span:hover:before {
        border-color: var(--input-focus-color)
    }

.hs-form-radio input[type=radio]:checked + span:after {
    opacity: 1;
    transform: scale(1)
}

.hs-dateinput {
    position: relative
}

    .hs-dateinput .fn-date-picker .pika-table thead th {
        color: #fff
    }

    .hs-dateinput .fn-date-picker td.is-selected .pika-button {
        border-radius: 0;
        box-shadow: none
    }

    .hs-dateinput .fn-date-picker td .pika-button:focus, .hs-dateinput .fn-date-picker td .pika-button:hover {
        border-radius: 0 !important;
        color: #fff
    }

.hs-form-required {
    color: var(--color-error-500)
}

.hs-input.invalid.error, .invalid.error.hs-search-field__input {
    border-color: var(--color-error-500)
}

.hs-error-msg {
    color: var(--color-error-500);
    margin-top: .35rem
}

.hs_error_rollup {
    border: 1px solid var(--color-error-500);
    color: var(--color-error-500);
    margin-bottom: 1.5rem;
    padding: 1.5rem
}

.hs-form .hs-error-msgs.inputs-list > li {
    margin: 0
}

form.hs-form input[type=file] {
    background-color: transparent;
    border: initial;
    cursor: pointer;
    height: 100%;
    left: 0;
    padding: initial
}

.hs-fieldtype-file, .hs-form .hs_file_field .input {
    align-items: center;
    background-color: #fff;
    display: flex
}

.hs-fieldtype-file {
    border: 1px dashed var(--color-secondary-900);
    border-radius: 32px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    text-align: center
}

@media (min-width: 37.5em) {
    .hs-fieldtype-file {
        padding: 40px
    }
}

.hs-fieldtype-file > label {
    color: var(--color-greys-600);
    font-weight: 500;
    position: relative
}

    .hs-fieldtype-file > label:after {
        color: var(--color-greys-600);
        content: "PDF (Preferred), DOCX, DOC, RTF, TXT up to  5 MB";
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%
    }

.hs-fieldtype-file .hs-error-msgs {
    margin-top: 16px
}

.c-form-field input[type=date], .c-form-field input[type=email], .c-form-field input[type=number], .c-form-field input[type=password], .c-form-field input[type=search], .c-form-field input[type=tel], .c-form-field input[type=text], .c-form-field select:not(.js-form-select__select):not(.u-form-custom), .c-form-field textarea, .hs-form-field input[type=date], .hs-form-field input[type=email], .hs-form-field input[type=number], .hs-form-field input[type=password], .hs-form-field input[type=search], .hs-form-field input[type=tel], .hs-form-field input[type=text], .hs-form-field select:not(.js-form-select__select):not(.u-form-custom), .hs-form-field textarea, .hs-search-field input[type=date], .hs-search-field input[type=email], .hs-search-field input[type=number], .hs-search-field input[type=password], .hs-search-field input[type=search], .hs-search-field input[type=tel], .hs-search-field input[type=text], .hs-search-field select:not(.js-form-select__select):not(.u-form-custom), .hs-search-field textarea, .js-form-select__box, .js-form-upload__box {
    -webkit-appearance: none;
    background-color: var(--input-background-color);
    border-color: var(--input-border-color);
    border-radius: var(--input-border-radius);
    border-style: var(--input-border-style);
    border-width: var(--input-border-width);
    color: var(--input-color);
    font-family: var(--input-font-family);
    font-size: var(--input-font-size);
    height: var(--input-height);
    line-height: inherit;
    padding: 0 var(--input-padding);
    width: 100%
}

    .c-form-field input[type=date]::-webkit-input-placeholder, .c-form-field input[type=email]::-webkit-input-placeholder, .c-form-field input[type=number]::-webkit-input-placeholder, .c-form-field input[type=password]::-webkit-input-placeholder, .c-form-field input[type=search]::-webkit-input-placeholder, .c-form-field input[type=tel]::-webkit-input-placeholder, .c-form-field input[type=text]::-webkit-input-placeholder, .c-form-field select:not(.js-form-select__select):not(.u-form-custom)::-webkit-input-placeholder, .c-form-field textarea::-webkit-input-placeholder, .hs-form-field input[type=date]::-webkit-input-placeholder, .hs-form-field input[type=email]::-webkit-input-placeholder, .hs-form-field input[type=number]::-webkit-input-placeholder, .hs-form-field input[type=password]::-webkit-input-placeholder, .hs-form-field input[type=search]::-webkit-input-placeholder, .hs-form-field input[type=tel]::-webkit-input-placeholder, .hs-form-field input[type=text]::-webkit-input-placeholder, .hs-form-field select:not(.js-form-select__select):not(.u-form-custom)::-webkit-input-placeholder, .hs-form-field textarea::-webkit-input-placeholder, .hs-search-field input[type=date]::-webkit-input-placeholder, .hs-search-field input[type=email]::-webkit-input-placeholder, .hs-search-field input[type=number]::-webkit-input-placeholder, .hs-search-field input[type=password]::-webkit-input-placeholder, .hs-search-field input[type=search]::-webkit-input-placeholder, .hs-search-field input[type=tel]::-webkit-input-placeholder, .hs-search-field input[type=text]::-webkit-input-placeholder, .hs-search-field select:not(.js-form-select__select):not(.u-form-custom)::-webkit-input-placeholder, .hs-search-field textarea::-webkit-input-placeholder, .js-form-select__box::-webkit-input-placeholder, .js-form-upload__box::-webkit-input-placeholder {
        color: var(--hs-input-placeholder-color)
    }

    .c-form-field input[type=date]:-moz-placeholder, .c-form-field input[type=date]::-moz-placeholder, .c-form-field input[type=email]:-moz-placeholder, .c-form-field input[type=email]::-moz-placeholder, .c-form-field input[type=number]:-moz-placeholder, .c-form-field input[type=number]::-moz-placeholder, .c-form-field input[type=password]:-moz-placeholder, .c-form-field input[type=password]::-moz-placeholder, .c-form-field input[type=search]:-moz-placeholder, .c-form-field input[type=search]::-moz-placeholder, .c-form-field input[type=tel]:-moz-placeholder, .c-form-field input[type=tel]::-moz-placeholder, .c-form-field input[type=text]:-moz-placeholder, .c-form-field input[type=text]::-moz-placeholder, .c-form-field select:-moz-placeholder:not(.js-form-select__select):not(.u-form-custom), .c-form-field select:not(.js-form-select__select):not(.u-form-custom)::-moz-placeholder, .c-form-field textarea:-moz-placeholder, .c-form-field textarea::-moz-placeholder, .hs-form-field input[type=date]:-moz-placeholder, .hs-form-field input[type=date]::-moz-placeholder, .hs-form-field input[type=email]:-moz-placeholder, .hs-form-field input[type=email]::-moz-placeholder, .hs-form-field input[type=number]:-moz-placeholder, .hs-form-field input[type=number]::-moz-placeholder, .hs-form-field input[type=password]:-moz-placeholder, .hs-form-field input[type=password]::-moz-placeholder, .hs-form-field input[type=search]:-moz-placeholder, .hs-form-field input[type=search]::-moz-placeholder, .hs-form-field input[type=tel]:-moz-placeholder, .hs-form-field input[type=tel]::-moz-placeholder, .hs-form-field input[type=text]:-moz-placeholder, .hs-form-field input[type=text]::-moz-placeholder, .hs-form-field select:-moz-placeholder:not(.js-form-select__select):not(.u-form-custom), .hs-form-field select:not(.js-form-select__select):not(.u-form-custom)::-moz-placeholder, .hs-form-field textarea:-moz-placeholder, .hs-form-field textarea::-moz-placeholder, .hs-search-field input[type=date]:-moz-placeholder, .hs-search-field input[type=date]::-moz-placeholder, .hs-search-field input[type=email]:-moz-placeholder, .hs-search-field input[type=email]::-moz-placeholder, .hs-search-field input[type=number]:-moz-placeholder, .hs-search-field input[type=number]::-moz-placeholder, .hs-search-field input[type=password]:-moz-placeholder, .hs-search-field input[type=password]::-moz-placeholder, .hs-search-field input[type=search]:-moz-placeholder, .hs-search-field input[type=search]::-moz-placeholder, .hs-search-field input[type=tel]:-moz-placeholder, .hs-search-field input[type=tel]::-moz-placeholder, .hs-search-field input[type=text]:-moz-placeholder, .hs-search-field input[type=text]::-moz-placeholder, .hs-search-field select:-moz-placeholder:not(.js-form-select__select):not(.u-form-custom), .hs-search-field select:not(.js-form-select__select):not(.u-form-custom)::-moz-placeholder, .hs-search-field textarea:-moz-placeholder, .hs-search-field textarea::-moz-placeholder, .js-form-select__box:-moz-placeholder, .js-form-select__box::-moz-placeholder, .js-form-upload__box:-moz-placeholder, .js-form-upload__box::-moz-placeholder {
        color: var(--hs-input-placeholder-color)
    }

    .c-form-field input[type=date]:focus, .c-form-field input[type=email]:focus, .c-form-field input[type=number]:focus, .c-form-field input[type=password]:focus, .c-form-field input[type=search]:focus, .c-form-field input[type=tel]:focus, .c-form-field input[type=text]:focus, .c-form-field select:focus:not(.js-form-select__select):not(.u-form-custom), .c-form-field textarea:focus, .hs-form-field input[type=date]:focus, .hs-form-field input[type=email]:focus, .hs-form-field input[type=number]:focus, .hs-form-field input[type=password]:focus, .hs-form-field input[type=search]:focus, .hs-form-field input[type=tel]:focus, .hs-form-field input[type=text]:focus, .hs-form-field select:focus:not(.js-form-select__select):not(.u-form-custom), .hs-form-field textarea:focus, .hs-search-field input[type=date]:focus, .hs-search-field input[type=email]:focus, .hs-search-field input[type=number]:focus, .hs-search-field input[type=password]:focus, .hs-search-field input[type=search]:focus, .hs-search-field input[type=tel]:focus, .hs-search-field input[type=text]:focus, .hs-search-field select:focus:not(.js-form-select__select):not(.u-form-custom), .hs-search-field textarea:focus, .js-form-select__box:focus, .js-form-upload__box:focus {
        border-color: var(--input-focus-color);
        border-width: var(--input-focus-width);
        outline: 0
    }

.c-form-field, .hs-form-field, .hs-search-field {
    margin-bottom: var(--field-margin);
    position: relative
}

    .c-form-field input[type=number], .hs-form-field input[type=number], .hs-search-field input[type=number] {
        -moz-appearance: textfield
    }

    .c-form-field input::-ms-clear, .c-form-field input::-ms-reveal, .hs-form-field input::-ms-clear, .hs-form-field input::-ms-reveal, .hs-search-field input::-ms-clear, .hs-search-field input::-ms-reveal {
        display: none
    }

    .c-form-field textarea, .hs-form-field textarea, .hs-search-field textarea {
        min-height: calc(var(--input-height) + var(--root-line-height)*1rem);
        padding: calc((var(--input-height) - var(--root-line-height)*1rem)/2) var(--input-padding);
        vertical-align: top
    }

.c-form-field, .hs-form-field, .hs-search-field {
    --field-margin: 1.5rem;
    --input-height: var(--hs-input-height);
    --input-padding: var(--hs-input-padding);
    --input-border-radius: var(--hs-input-border-radius);
    --input-border-style: solid;
    --input-border-width: var(--hs-input-border-width);
    --input-border-color: var(--hs-input-border-color);
    --input-background-color: var(--hs-input-background-color);
    --input-placeholder-color: var(--hs-input-placeholder-color);
    --input-focus-width: var(--hs-input-border-width);
    --input-focus-color: var(--hs-input-border-focus-color);
    --input-icon-size: 1.125rem;
    --input-icon-color: var(--color-root-black);
    --input-font-family: var(--font-family-body);
    --input-font-size: 1rem;
    --input-color: var(--hs-input-text-color)
}

.c-form-field--icon-after, .c-form-field--icon-before, .c-form-field--inline {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .c-form-field--icon-after label, .c-form-field--icon-before label, .c-form-field--inline label {
        line-height: inherit;
        order: -2
    }

    .c-form-field--icon-after input[type=date], .c-form-field--icon-after input[type=email], .c-form-field--icon-after input[type=number], .c-form-field--icon-after input[type=password], .c-form-field--icon-after input[type=search], .c-form-field--icon-after input[type=tel], .c-form-field--icon-after input[type=text], .c-form-field--icon-after textarea, .c-form-field--icon-before input[type=date], .c-form-field--icon-before input[type=email], .c-form-field--icon-before input[type=number], .c-form-field--icon-before input[type=password], .c-form-field--icon-before input[type=search], .c-form-field--icon-before input[type=tel], .c-form-field--icon-before input[type=text], .c-form-field--icon-before textarea, .c-form-field--inline input[type=date], .c-form-field--inline input[type=email], .c-form-field--inline input[type=number], .c-form-field--inline input[type=password], .c-form-field--inline input[type=search], .c-form-field--inline input[type=tel], .c-form-field--inline input[type=text], .c-form-field--inline textarea {
        flex: 1 0 auto;
        order: 0;
        width: calc(100% - var(--input-icon-size) - var(--input-padding)*2)
    }

    .c-form-field--icon-after label, .c-form-field--icon-before label {
        flex: 1 0 100%
    }

    .c-form-field--icon-after input:not([type=submit]):focus ~ .icons, .c-form-field--icon-after input:not([type=submit]):focus ~ [class$=__icon], .c-form-field--icon-after textarea:focus ~ .icons, .c-form-field--icon-after textarea:focus ~ [class$=__icon], .c-form-field--icon-before input:not([type=submit]):focus ~ .icons, .c-form-field--icon-before input:not([type=submit]):focus ~ [class$=__icon], .c-form-field--icon-before textarea:focus ~ .icons, .c-form-field--icon-before textarea:focus ~ [class$=__icon] {
        border-color: var(--input-focus-color);
        border-width: var(--input-focus-width)
    }

    .c-form-field--icon-after input:not([type=submit]):focus ~ .icons, .c-form-field--icon-after textarea:focus ~ .icons, .c-form-field--icon-before input:not([type=submit]):focus ~ .icons, .c-form-field--icon-before textarea:focus ~ .icons {
        color: var(--input-focus-color)
    }

    .c-form-field--icon-after .icons, .c-form-field--icon-after [class$=__icon], .c-form-field--icon-before .icons, .c-form-field--icon-before [class$=__icon] {
        align-items: center;
        background-color: var(--input-background-color);
        border-color: var(--input-border-color);
        border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
        border-style: var(--input-border-style);
        border-width: var(--input-border-width);
        color: var(--input-icon-color);
        display: flex;
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: var(--input-icon-size);
        height: var(--input-height);
        justify-content: center;
        line-height: inherit;
        width: calc(var(--input-icon-size) + var(--input-padding)*2)
    }

        .c-form-field--icon-after .icons img, .c-form-field--icon-after .icons svg, .c-form-field--icon-after [class$=__icon] img, .c-form-field--icon-after [class$=__icon] svg, .c-form-field--icon-before .icons img, .c-form-field--icon-before .icons svg, .c-form-field--icon-before [class$=__icon] img, .c-form-field--icon-before [class$=__icon] svg {
            height: var(--input-icon-size);
            width: var(--input-icon-size)
        }

    .c-form-field--icon-before input:not([type=submit]):not(.u-form-custom):not(.pika-button), .c-form-field--icon-before textarea:not(.u-form-custom) {
        border-left: 0;
        border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0
    }

    .c-form-field--icon-before .icons, .c-form-field--icon-before [class$=__icon] {
        order: -1
    }

    .c-form-field--icon-after input:not([type=submit]), .c-form-field--icon-after textarea, .c-form-field--icon-before .icons, .c-form-field--icon-before [class$=__icon] {
        border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
        border-right: 0
    }

    .c-form-field--icon-after .icons, .c-form-field--icon-after [class$=__icon] {
        border-left: 0;
        border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
        order: 1
    }

    .c-form-field--inline input:not([type=submit]), .c-form-field--inline textarea {
        flex-shrink: 1
    }

    .c-form-field--inline label {
        flex: 0 1 100%;
        line-height: inherit;
        padding-right: var(--input-padding)
    }

@media (min-width: 37.5em) {
    .c-form-field--inline label {
        flex: 0 1 auto
    }
}

.u-form-custom {
    opacity: .5;
    pointer-events: none
}

.c-form-field, .hs-form-field, .hs-search-field {
    --input-counter-font-size: 0.875em;
    --input-counter-color: var(--color-greys-300)
}

.js-form-counter {
    position: relative
}

.js-form-counter__display {
    bottom: 0;
    color: var(--input-counter-color);
    font-size: var(--input-counter-font-size);
    line-height: 1;
    padding-bottom: .375rem;
    padding-left: var(--input-padding);
    padding-right: var(--input-padding);
    position: absolute;
    right: 0
}

.c-form-field, .hs-form-field, .hs-search-field {
    --checkbox-size: 1.125rem;
    --checkbox-background-color: var(--hs-input-background-color);
    --checkbox-border-style: var(--hs-input-border-style);
    --checkbox-border-width: var(--hs-input-border-width);
    --checkbox-border-color: var(--hs-input-border-color);
    --checkbox-border-radius: var(--hs-input-border-radius);
    --checkbox-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
    --checkbox-icon-size: 0.625rem;
    --checkbox-icon-color: var(--hs-input-border-focus-color);
    --checkbox-padding: 2.5rem
}

    .c-form-field input[type=checkbox]:not(.u-form-custom), .hs-form-field input[type=checkbox]:not(.u-form-custom), .hs-search-field input[type=checkbox]:not(.u-form-custom) {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .c-form-field input[type=checkbox]:not(.u-form-custom):focus + label:before, .hs-form-field input[type=checkbox]:not(.u-form-custom):focus + label:before, .hs-search-field input[type=checkbox]:not(.u-form-custom):focus + label:before {
            border-color: var(--input-focus-color)
        }

        .c-form-field input[type=checkbox]:not(.u-form-custom) + label, .hs-form-field input[type=checkbox]:not(.u-form-custom) + label, .hs-search-field input[type=checkbox]:not(.u-form-custom) + label {
            align-items: center;
            cursor: pointer;
            display: inline-flex;
            padding-left: var(--checkbox-padding);
            position: relative
        }

            .c-form-field input[type=checkbox]:not(.u-form-custom) + label:after, .c-form-field input[type=checkbox]:not(.u-form-custom) + label:before, .hs-form-field input[type=checkbox]:not(.u-form-custom) + label:after, .hs-form-field input[type=checkbox]:not(.u-form-custom) + label:before, .hs-search-field input[type=checkbox]:not(.u-form-custom) + label:after, .hs-search-field input[type=checkbox]:not(.u-form-custom) + label:before {
                content: "";
                display: block
            }

            .c-form-field input[type=checkbox]:not(.u-form-custom) + label:before, .hs-form-field input[type=checkbox]:not(.u-form-custom) + label:before, .hs-search-field input[type=checkbox]:not(.u-form-custom) + label:before {
                background-color: var(--checkbox-background-color);
                border: var(--checkbox-border-width) var(--checkbox-border-style) var(--checkbox-border-color);
                border-radius: var(--checkbox-border-radius);
                height: var(--checkbox-size);
                left: 0;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                transition: border-color var(--transition-fast);
                width: var(--checkbox-size)
            }

            .c-form-field input[type=checkbox]:not(.u-form-custom) + label:after, .hs-form-field input[type=checkbox]:not(.u-form-custom) + label:after, .hs-search-field input[type=checkbox]:not(.u-form-custom) + label:after {
                background-color: currentColor;
                color: var(--checkbox-icon-color);
                display: inline-block;
                height: var(--checkbox-icon-size);
                left: 0;
                margin-left: calc((var(--checkbox-size) - var(--checkbox-icon-size))/2);
                margin-top: calc(var(--checkbox-icon-size)/-2);
                -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
                mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
                -webkit-mask-position: center;
                mask-position: center;
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
                -webkit-mask-size: var(--checkbox-icon-size) var(--checkbox-icon-size);
                mask-size: var(--checkbox-icon-size) var(--checkbox-icon-size);
                -webkit-mask-size: contain;
                mask-size: contain;
                opacity: 0;
                position: absolute;
                top: 50%;
                transform: scale(0);
                transition: transform var(--transition-fast);
                width: var(--checkbox-icon-size)
            }

            .c-form-field input[type=checkbox]:not(.u-form-custom) + label:hover:before, .hs-form-field input[type=checkbox]:not(.u-form-custom) + label:hover:before, .hs-search-field input[type=checkbox]:not(.u-form-custom) + label:hover:before {
                border-color: var(--input-focus-color)
            }

        .c-form-field input[type=checkbox]:not(.u-form-custom):checked + label:after, .hs-form-field input[type=checkbox]:not(.u-form-custom):checked + label:after, .hs-search-field input[type=checkbox]:not(.u-form-custom):checked + label:after {
            opacity: 1;
            transform: scale(1)
        }

        .c-form-field input[type=checkbox]:not(.u-form-custom):indeterminate + label:after, .hs-form-field input[type=checkbox]:not(.u-form-custom):indeterminate + label:after, .hs-search-field input[type=checkbox]:not(.u-form-custom):indeterminate + label:after {
            background-color: var(--hs-input-border-focus-color);
            background-image: none;
            height: calc(var(--checkbox-icon-size)/4);
            left: 0;
            margin-top: calc(var(--checkbox-icon-size)/-8);
            opacity: 1;
            transform: scale(1);
            width: var(--checkbox-icon-size)
        }

.js-form-label {
    background-color: var(--input-background-color);
    flex: 1 0 100%;
    left: 0;
    margin-left: -.25rem;
    padding: 0 .25rem;
    position: absolute;
    top: calc(var(--input-height)/2);
    transform: translate3d(var(--input-padding),calc((var(--input-height) + 0.875rem*var(--root-line-height))*-.5),0) scale(.875);
    transform-origin: left;
    transition-duration: .12s;
    transition-property: transform;
    z-index: 1
}

[class*="--icon-before"] .js-form-label {
    left: calc(var(--input-icon-size) + var(--input-padding)*2)
}

@keyframes inLabelBG {
    0% {
        background-image: none
    }

    to {
        background-image: linear-gradient(0deg,var(--hs-input-background-color) 50%,none 50%)
    }
}

@keyframes outLabelBG {
    0% {
        background-image: linear-gradient(0deg,var(--hs-input-background-color) 50%,none 50%)
    }

    to {
        background-image: none
    }
}

.js-form-label.js-form-label--is-active {
    pointer-events: none;
    transform: translate(var(--input-padding),-50%)
}

.c-form-field input.js-form-label--is-active[type=date], .c-form-field input.js-form-label--is-active[type=email], .c-form-field input.js-form-label--is-active[type=number], .c-form-field input.js-form-label--is-active[type=password], .c-form-field input.js-form-label--is-active[type=search], .c-form-field input.js-form-label--is-active[type=tel], .c-form-field input.js-form-label--is-active[type=text], .c-form-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom), .c-form-field textarea.js-form-label--is-active, .hs-form-field input.js-form-label--is-active[type=date], .hs-form-field input.js-form-label--is-active[type=email], .hs-form-field input.js-form-label--is-active[type=number], .hs-form-field input.js-form-label--is-active[type=password], .hs-form-field input.js-form-label--is-active[type=search], .hs-form-field input.js-form-label--is-active[type=tel], .hs-form-field input.js-form-label--is-active[type=text], .hs-form-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom), .hs-form-field textarea.js-form-label--is-active, .hs-search-field input.js-form-label--is-active[type=date], .hs-search-field input.js-form-label--is-active[type=email], .hs-search-field input.js-form-label--is-active[type=number], .hs-search-field input.js-form-label--is-active[type=password], .hs-search-field input.js-form-label--is-active[type=search], .hs-search-field input.js-form-label--is-active[type=tel], .hs-search-field input.js-form-label--is-active[type=text], .hs-search-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom), .hs-search-field textarea.js-form-label--is-active, .js-form-label--is-active.js-form-select__box, .js-form-label--is-active.js-form-upload__box {
    color: transparent
}

    .c-form-field input.js-form-label--is-active[type=date]::-webkit-input-placeholder, .c-form-field input.js-form-label--is-active[type=email]::-webkit-input-placeholder, .c-form-field input.js-form-label--is-active[type=number]::-webkit-input-placeholder, .c-form-field input.js-form-label--is-active[type=password]::-webkit-input-placeholder, .c-form-field input.js-form-label--is-active[type=search]::-webkit-input-placeholder, .c-form-field input.js-form-label--is-active[type=tel]::-webkit-input-placeholder, .c-form-field input.js-form-label--is-active[type=text]::-webkit-input-placeholder, .c-form-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom)::-webkit-input-placeholder, .c-form-field textarea.js-form-label--is-active::-webkit-input-placeholder, .hs-form-field input.js-form-label--is-active[type=date]::-webkit-input-placeholder, .hs-form-field input.js-form-label--is-active[type=email]::-webkit-input-placeholder, .hs-form-field input.js-form-label--is-active[type=number]::-webkit-input-placeholder, .hs-form-field input.js-form-label--is-active[type=password]::-webkit-input-placeholder, .hs-form-field input.js-form-label--is-active[type=search]::-webkit-input-placeholder, .hs-form-field input.js-form-label--is-active[type=tel]::-webkit-input-placeholder, .hs-form-field input.js-form-label--is-active[type=text]::-webkit-input-placeholder, .hs-form-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom)::-webkit-input-placeholder, .hs-form-field textarea.js-form-label--is-active::-webkit-input-placeholder, .hs-search-field input.js-form-label--is-active[type=date]::-webkit-input-placeholder, .hs-search-field input.js-form-label--is-active[type=email]::-webkit-input-placeholder, .hs-search-field input.js-form-label--is-active[type=number]::-webkit-input-placeholder, .hs-search-field input.js-form-label--is-active[type=password]::-webkit-input-placeholder, .hs-search-field input.js-form-label--is-active[type=search]::-webkit-input-placeholder, .hs-search-field input.js-form-label--is-active[type=tel]::-webkit-input-placeholder, .hs-search-field input.js-form-label--is-active[type=text]::-webkit-input-placeholder, .hs-search-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom)::-webkit-input-placeholder, .hs-search-field textarea.js-form-label--is-active::-webkit-input-placeholder, .js-form-label--is-active.js-form-select__box::-webkit-input-placeholder, .js-form-label--is-active.js-form-upload__box::-webkit-input-placeholder {
        opacity: 0
    }

    .c-form-field input.js-form-label--is-active[type=date]:-moz-placeholder, .c-form-field input.js-form-label--is-active[type=date]::-moz-placeholder, .c-form-field input.js-form-label--is-active[type=email]:-moz-placeholder, .c-form-field input.js-form-label--is-active[type=email]::-moz-placeholder, .c-form-field input.js-form-label--is-active[type=number]:-moz-placeholder, .c-form-field input.js-form-label--is-active[type=number]::-moz-placeholder, .c-form-field input.js-form-label--is-active[type=password]:-moz-placeholder, .c-form-field input.js-form-label--is-active[type=password]::-moz-placeholder, .c-form-field input.js-form-label--is-active[type=search]:-moz-placeholder, .c-form-field input.js-form-label--is-active[type=search]::-moz-placeholder, .c-form-field input.js-form-label--is-active[type=tel]:-moz-placeholder, .c-form-field input.js-form-label--is-active[type=tel]::-moz-placeholder, .c-form-field input.js-form-label--is-active[type=text]:-moz-placeholder, .c-form-field input.js-form-label--is-active[type=text]::-moz-placeholder, .c-form-field select.js-form-label--is-active:-moz-placeholder:not(.js-form-select__select):not(.u-form-custom), .c-form-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom)::-moz-placeholder, .c-form-field textarea.js-form-label--is-active:-moz-placeholder, .c-form-field textarea.js-form-label--is-active::-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=date]:-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=date]::-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=email]:-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=email]::-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=number]:-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=number]::-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=password]:-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=password]::-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=search]:-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=search]::-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=tel]:-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=tel]::-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=text]:-moz-placeholder, .hs-form-field input.js-form-label--is-active[type=text]::-moz-placeholder, .hs-form-field select.js-form-label--is-active:-moz-placeholder:not(.js-form-select__select):not(.u-form-custom), .hs-form-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom)::-moz-placeholder, .hs-form-field textarea.js-form-label--is-active:-moz-placeholder, .hs-form-field textarea.js-form-label--is-active::-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=date]:-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=date]::-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=email]:-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=email]::-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=number]:-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=number]::-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=password]:-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=password]::-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=search]:-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=search]::-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=tel]:-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=tel]::-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=text]:-moz-placeholder, .hs-search-field input.js-form-label--is-active[type=text]::-moz-placeholder, .hs-search-field select.js-form-label--is-active:-moz-placeholder:not(.js-form-select__select):not(.u-form-custom), .hs-search-field select.js-form-label--is-active:not(.js-form-select__select):not(.u-form-custom)::-moz-placeholder, .hs-search-field textarea.js-form-label--is-active:-moz-placeholder, .hs-search-field textarea.js-form-label--is-active::-moz-placeholder, .js-form-label--is-active.js-form-select__box:-moz-placeholder, .js-form-label--is-active.js-form-select__box::-moz-placeholder, .js-form-label--is-active.js-form-upload__box:-moz-placeholder, .js-form-label--is-active.js-form-upload__box::-moz-placeholder {
        opacity: 0
    }

select.js-form-label--is-active + .js-form-select__box {
    color: transparent
}

.js-form-upload input[type=file].js-form-label--is-active + label span {
    opacity: 0
}

.js-form-number {
    position: relative
}

.js-form-number__input {
    -moz-appearance: textfield;
    text-align: center
}

    .js-form-number__input::-webkit-inner-spin-button, .js-form-number__input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.js-form-number__decrement, .js-form-number__increment {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: var(--input-height);
    justify-content: center;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    width: calc(var(--input-icon-size) + var(--input-padding)*2)
}

    .js-form-number__decrement:after, .js-form-number__increment:after {
        color: var(--input-number-icon-color,var(--input-icon-color))
    }

    .js-form-number__decrement:hover:after, .js-form-number__increment:hover:after {
        color: var(--input-number-icon-color,var(--input-focus-color))
    }

.js-form-number__increment {
    right: 0
}

    .js-form-number__increment:after {
        background-color: currentColor;
        content: "";
        display: inline-block;
        height: var(--input-number-icon-size,var(--input-icon-size));
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 320 512"><path d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 320 512"><path d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/></svg>');
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: var(--input-number-icon-size,var(--input-icon-size)) var(--input-number-icon-size,var(--input-icon-size));
        mask-size: var(--input-number-icon-size,var(--input-icon-size)) var(--input-number-icon-size,var(--input-icon-size));
        width: var(--input-number-icon-size,var(--input-icon-size))
    }

.js-form-number__decrement {
    left: 0
}

    .js-form-number__decrement:after {
        background-color: currentColor;
        content: "";
        display: inline-block;
        height: var(--input-number-icon-size,var(--input-icon-size));
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 320 512"><path d="M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 320 512"><path d="M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"/></svg>');
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: var(--input-number-icon-size,var(--input-icon-size)) var(--input-number-icon-size,var(--input-icon-size));
        mask-size: var(--input-number-icon-size,var(--input-icon-size)) var(--input-number-icon-size,var(--input-icon-size));
        width: var(--input-number-icon-size,var(--input-icon-size))
    }

.c-form-field, .hs-form-field, .hs-search-field {
    --radio-size: 1.125rem;
    --radio-background-color: var(--hs-input-background-color);
    --radio-border-style: var(--hs-input-border-style);
    --radio-border-width: var(--hs-input-border-width);
    --radio-border-color: var(--hs-input-border-color);
    --radio-dot-size: 0.5rem;
    --radio-dot-color: var(--hs-input-border-focus-color);
    --radio-padding: 2.5rem
}

    .c-form-field input[type=radio]:not(.u-form-custom), .hs-form-field input[type=radio]:not(.u-form-custom), .hs-search-field input[type=radio]:not(.u-form-custom) {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .c-form-field input[type=radio]:not(.u-form-custom):focus + label:before, .hs-form-field input[type=radio]:not(.u-form-custom):focus + label:before, .hs-search-field input[type=radio]:not(.u-form-custom):focus + label:before {
            border-color: var(--input-focus-color)
        }

        .c-form-field input[type=radio]:not(.u-form-custom) + label, .hs-form-field input[type=radio]:not(.u-form-custom) + label, .hs-search-field input[type=radio]:not(.u-form-custom) + label {
            align-items: center;
            cursor: pointer;
            display: inline-flex;
            padding-left: var(--radio-padding);
            position: relative
        }

            .c-form-field input[type=radio]:not(.u-form-custom) + label:after, .c-form-field input[type=radio]:not(.u-form-custom) + label:before, .hs-form-field input[type=radio]:not(.u-form-custom) + label:after, .hs-form-field input[type=radio]:not(.u-form-custom) + label:before, .hs-search-field input[type=radio]:not(.u-form-custom) + label:after, .hs-search-field input[type=radio]:not(.u-form-custom) + label:before {
                content: "";
                display: block
            }

            .c-form-field input[type=radio]:not(.u-form-custom) + label:before, .hs-form-field input[type=radio]:not(.u-form-custom) + label:before, .hs-search-field input[type=radio]:not(.u-form-custom) + label:before {
                background-color: var(--radio-background-color);
                border: var(--radio-border-width) var(--radio-border-style) var(--radio-border-color);
                border-radius: 50%;
                height: var(--radio-size);
                left: 0;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                transition: border-color var(--transition-fast);
                width: var(--radio-size)
            }

            .c-form-field input[type=radio]:not(.u-form-custom) + label:after, .hs-form-field input[type=radio]:not(.u-form-custom) + label:after, .hs-search-field input[type=radio]:not(.u-form-custom) + label:after {
                background-color: var(--radio-dot-color);
                border-radius: 50%;
                height: var(--radio-dot-size);
                left: 0;
                margin-left: calc((var(--radio-size) - var(--radio-dot-size))/2);
                margin-top: calc(var(--radio-dot-size)/-2);
                opacity: 0;
                position: absolute;
                top: 50%;
                transform: scale(0);
                transition: transform var(--transition-fast);
                width: var(--radio-dot-size)
            }

            .c-form-field input[type=radio]:not(.u-form-custom) + label:hover:before, .hs-form-field input[type=radio]:not(.u-form-custom) + label:hover:before, .hs-search-field input[type=radio]:not(.u-form-custom) + label:hover:before {
                border-color: var(--input-focus-color)
            }

        .c-form-field input[type=radio]:not(.u-form-custom):checked + label:after, .hs-form-field input[type=radio]:not(.u-form-custom):checked + label:after, .hs-search-field input[type=radio]:not(.u-form-custom):checked + label:after {
            opacity: 1;
            transform: scale(1)
        }

.c-form-field, .hs-form-field, .hs-search-field {
    --revealer-icon-color: var(--input-icon-color);
    --revealer-active-icon-color: var(--input-focus-color)
}

.js-form-revealer__icon {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

    .js-form-revealer__icon:after {
        background-color: currentColor;
        color: var(--revealer-icon-color);
        content: "";
        display: inline-block;
        height: var(--input-icon-size);
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 576 512"><path d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 576 512"><path d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"/></svg>');
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: var(--input-icon-size) var(--input-icon-size);
        mask-size: var(--input-icon-size) var(--input-icon-size);
        transition: color var(--transition-fast);
        width: var(--input-icon-size)
    }

@media (any-hover: hover) {
    .js-form-revealer__icon:hover:after {
        color: var(--revealer-active-icon-color)
    }
}

.js-form-revealer--is-active .js-form-revealer__icon:after {
    color: var(--revealer-active-icon-color)
}

.c-form-field, .hs-form-field, .hs-search-field {
    --select-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 384 512"><path fill="var(--color-root-black)" d="M201 337c-9.4 9.4-24.6 9.4-33.9 0L7 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L327 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L201 337z" /></svg>')
}

    .c-form-field select:not(.js-form-select__select):not(.u-form-custom), .hs-form-field select:not(.js-form-select__select):not(.u-form-custom), .hs-search-field select:not(.js-form-select__select):not(.u-form-custom), .js-form-select__box:after {
        background-image: var(--select-icon);
        background-repeat: no-repeat;
        background-size: var(--input-icon-size)
    }

    .c-form-field select:not(.js-form-select__select):not(.u-form-custom), .hs-form-field select:not(.js-form-select__select):not(.u-form-custom), .hs-search-field select:not(.js-form-select__select):not(.u-form-custom) {
        background-position: center right var(--input-padding);
        cursor: pointer;
        padding-right: calc(var(--input-icon-size) + var(--input-padding)*2)
    }

.c-form-field, .hs-form-field, .hs-search-field {
    --upload-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 576 512"><path d="M528 288H384v-32h64c42.6 0 64.2-51.7 33.9-81.9l-160-160c-18.8-18.8-49.1-18.7-67.9 0l-160 160c-30.1 30.1-8.7 81.9 34 81.9h64v32H48c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V336c0-26.5-21.5-48-48-48zm-400-80L288 48l160 160H336v160h-96V208H128zm400 256H48V336h144v32c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48v-32h144v128zm-40-64c0 13.3-10.7 24-24 24s-24-10.7-24-24 10.7-24 24-24 24 10.7 24 24z"/></svg>')
}

    .c-form-field input[type=file], .hs-form-field input[type=file], .hs-search-field input[type=file] {
        opacity: 0
    }

.js-form-upload {
    cursor: pointer;
    display: inherit
}

    .js-form-upload:not(.js-form-upload--is-filled) .js-form-upload__box {
        color: var(--input-placeholder-color)
    }

.js-form-upload__input {
    opacity: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

    .js-form-upload__input:focus + .js-form-upload__box {
        border-color: var(--input-focus-color)
    }

.js-form-upload__box {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

    .js-form-upload__box span {
        flex: 1 1 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .js-form-upload__box:after {
        background-color: currentColor;
        box-sizing: content-box;
        color: var(--input-icon-color);
        content: "";
        display: inline-block;
        flex-shrink: 0;
        height: var(--input-height);
        -webkit-mask-image: var(--upload-icon);
        mask-image: var(--upload-icon);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-position: center right;
        mask-position: center right;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: var(--input-icon-size) var(--input-height);
        mask-size: var(--input-icon-size) var(--input-height);
        padding-left: var(--input-padding);
        transition: transform var(--transition-fast);
        width: var(--input-icon-size)
    }

.c-form-field, .hs-form-field, .hs-search-field {
    --status-size: 1.5rem;
    --status-delay: 240ms;
    --status-icon-size: 1rem
}

.js-form-validation--has-status {
    display: flex;
    flex-wrap: wrap
}

    .js-form-validation--has-status .js-form-counter, .js-form-validation--has-status .js-form-number, .js-form-validation--has-status .js-form-upload, .js-form-validation--has-status input[type=email], .js-form-validation--has-status input[type=password], .js-form-validation--has-status input[type=tel], .js-form-validation--has-status input[type=text], .js-form-validation--has-status select {
        flex: 0 0 100%;
        transition: flex-basis var(--transition-fast)
    }

    .js-form-validation--has-status.c-form-field--icon-after .js-form-validation__status, .js-form-validation--has-status.c-form-field--icon-before .js-form-validation__status {
        order: 2
    }

    .js-form-validation--has-status.c-form-field--icon-after input[type=email], .js-form-validation--has-status.c-form-field--icon-after input[type=password], .js-form-validation--has-status.c-form-field--icon-after input[type=tel], .js-form-validation--has-status.c-form-field--icon-after input[type=text], .js-form-validation--has-status.c-form-field--icon-before input[type=email], .js-form-validation--has-status.c-form-field--icon-before input[type=password], .js-form-validation--has-status.c-form-field--icon-before input[type=tel], .js-form-validation--has-status.c-form-field--icon-before input[type=text] {
        flex-basis: calc(100% - var(--input-icon-size) - var(--input-padding)*2)
    }

.js-form-validation__status {
    align-items: center;
    align-self: center;
    display: flex;
    flex: 0 0 0;
    height: var(--input-height);
    justify-content: center;
    position: relative;
    transition: flex-basis var(--transition-fast);
    transition-delay: var(--status-icons-delay,.24s)
}

    .js-form-validation__status:after, .js-form-validation__status:before {
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
        transform-origin: center;
        transition-delay: var(--status-icons-delay,.24s);
        transition-duration: var(--transition-fast);
        transition-property: transform,opacity
    }

    .js-form-validation__status:before {
        border-radius: 50%;
        height: var(--status-icons-size,1.5rem);
        transform: translate3d(-50%,-50%,0) scale(0);
        width: var(--status-icons-size,1.5rem);
        z-index: 1
    }

    .js-form-validation__status:after {
        opacity: 0;
        z-index: 2
    }

.js-form-validation--error .js-form-validation__status {
    flex-basis: var(--input-height)
}

    .js-form-validation--error .js-form-validation__status:after, .js-form-validation--error .js-form-validation__status:before {
        opacity: 1;
        transition-delay: var(--status-delay)
    }

    .js-form-validation--error .js-form-validation__status:before {
        transform: translate3d(-50%,-50%,0) scale(1)
    }

.js-form-validation--error .js-form-counter, .js-form-validation--error .js-form-number, .js-form-validation--error .js-form-upload, .js-form-validation--error input[type=email], .js-form-validation--error input[type=password], .js-form-validation--error input[type=tel], .js-form-validation--error input[type=text], .js-form-validation--error select {
    flex-basis: calc(100% - var(--input-height))
}

.js-form-validation--error label:not(.js-form-label) {
    flex: 1 0 100%
}

.c-form-field--icon-after.js-form-validation--error .js-form-validation__status, .c-form-field--icon-before.js-form-validation--error .js-form-validation__status {
    order: 2
}

.c-form-field--icon-after.js-form-validation--error input[type=email], .c-form-field--icon-after.js-form-validation--error input[type=password], .c-form-field--icon-after.js-form-validation--error input[type=tel], .c-form-field--icon-after.js-form-validation--error input[type=text], .c-form-field--icon-before.js-form-validation--error input[type=email], .c-form-field--icon-before.js-form-validation--error input[type=password], .c-form-field--icon-before.js-form-validation--error input[type=tel], .c-form-field--icon-before.js-form-validation--error input[type=text] {
    flex-basis: calc(100% - var(--input-icon-size) - var(--input-padding)*2 - var(--input-height))
}

.c-form-field, .hs-form-field, .hs-search-field {
    --status-error-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 192 512"><path d="M176 432c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80zM25.26 25.199l13.6 272C39.499 309.972 50.041 320 62.83 320h66.34c12.789 0 23.331-10.028 23.97-22.801l13.6-272C167.425 11.49 156.496 0 142.77 0H49.23C35.504 0 24.575 11.49 25.26 25.199z"/></svg>');
    --status-error-color: var(--color-error-500);
    --status-error-icon-background-color: var(--color-error-100)
}

.js-form-validation--error {
    flex-wrap: wrap
}

    .js-form-validation--error .js-form-revealer__icon, .js-form-validation--error .js-form-upload__box, .js-form-validation--error input, .js-form-validation--error select, .js-form-validation--error textarea {
        border-color: var(--status-error-color) !important;
        border-width: var(--input-focus-width) !important
    }

    .js-form-validation--error [class*=icon-] {
        color: var(--status-error-color) !important
    }

    .js-form-validation--error .js-form-validation__status:after, .js-form-validation--error .js-form-validation__status:before {
        animation: shake .6s cubic-bezier(.25,.6,.4,1);
        animation-delay: .15s
    }

@keyframes shake {
    59% {
        margin-left: 0
    }

    60%,80% {
        margin-left: 2px
    }

    70%,90% {
        margin-left: -2px
    }
}

.js-form-validation--error .js-form-validation__status:before {
    background-color: var(--status-error-icon-background-color)
}

.js-form-validation--error .js-form-validation__status:after {
    background-color: currentColor;
    color: var(--status-error-color);
    display: inline-block;
    height: var(--status-icon-size);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 192 512"><path d="M176 432c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80zM25.26 25.199l13.6 272C39.499 309.972 50.041 320 62.83 320h66.34c12.789 0 23.331-10.028 23.97-22.801l13.6-272C167.425 11.49 156.496 0 142.77 0H49.23C35.504 0 24.575 11.49 25.26 25.199z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 192 512"><path d="M176 432c0 44.112-35.888 80-80 80s-80-35.888-80-80 35.888-80 80-80 80 35.888 80 80zM25.26 25.199l13.6 272C39.499 309.972 50.041 320 62.83 320h66.34c12.789 0 23.331-10.028 23.97-22.801l13.6-272C167.425 11.49 156.496 0 142.77 0H49.23C35.504 0 24.575 11.49 25.26 25.199z"/></svg>');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--status-icon-size) var(--status-icon-size);
    mask-size: var(--status-icon-size) var(--status-icon-size);
    width: var(--status-icon-size)
}

.js-form-validation__error-list {
    color: var(--status-error-color) !important;
    flex: 1 1 100%;
    list-style: none;
    order: 2
}

.js-form-validation__summary {
    border-radius: var(--input-border-radius);
    border-style: var(--input-border-style);
    border-width: var(--input-focus-width) !important;
    color: var(--status-error-color) !important;
    font-size: var(--input-font-size);
    margin-bottom: var(--field-margin);
    padding: calc((var(--input-height) - var(--root-line-height)*1rem)/2) var(--input-padding)
}

.js-form-normalize {
    position: relative
}

    .js-form-normalize:before {
        background-color: var(--color-root-white)
    }

.form-title:empty {
    display: none
}

form textarea {
    resize: vertical
}

form fieldset {
    max-width: 100% !important
}

.email-edit {
    border-color: var(--color-greys-300);
    border-radius: var(--input-radius);
    border-style: solid;
    border-width: 1px
}

    .email-edit:focus {
        border-color: var(--color-primary-500);
        border-style: solid;
        border-width: 1px
    }

.password-prompt input[type=password] {
    height: var(--input-height) !important;
    margin: 0 0 calc(var(--root-baseline)*2) 0 !important;
    max-width: 300px
}

@media (min-width: 60em) {
    .password-prompt input[type=password] {
        margin: 0 !important
    }
}

.hs-form textarea {
    line-height: 1.3;
    min-height: 100px;
    padding: var(--input-padding)
}

.hs-form select {
    background-image: var(--select-icon);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: var(--input-icon-size);
    padding-right: calc(var(--input-icon-size) + var(--input-padding)*2)
}

form label {
    color: var(--color-label);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 8px
}

.form-title {
    margin-bottom: calc(var(--root-baseline)*3)
}

form legend {
    font-size: .875rem
}

.legal-consent-container .hs-form-booleancheckbox-display > span, .legal-consent-container .hs-form-booleancheckbox-display > span p {
    margin-left: 1rem !important
}

.legal-consent-container {
    font-size: .875rem
}

    .legal-consent-container .hs-richtext {
        --typography-font-size: 14px
    }

.grecaptcha-badge {
    margin: 0 auto
}

form .hs-richtext, form .hs-richtext p {
    font-size: .875rem;
    margin: 0 0 1.4rem
}

    form .hs-richtext img {
        max-width: 100% !important
    }

:root {
    --container-width: 1440px;
    --container-margin: 2.5rem;
    --container-margin-mobile: 1.5rem;
    --grid-gutter: 1rem;
    --grid-gutter-mobile: 0.5rem;
    --bp-xs: 480px;
    --bp-sm: 600px;
    --bp-md: 960px;
    --bp-lg: 1280px;
    --bp-xl: 1920px
}

.l-boxed:not(.not-boxed), .l-container {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--container-width);
    padding-left: var(--container-margin-mobile);
    padding-right: var(--container-margin-mobile);
    width: 100%
}

@media (min-width: 37.5em) {
    .l-boxed:not(.not-boxed), .l-container {
        padding-left: var(--container-margin);
        padding-right: var(--container-margin)
    }
}

.l-grid {
    display: flex;
    flex-flow: row wrap;
    margin-left: calc(var(--grid-gutter-mobile)*-1);
    margin-right: calc(var(--grid-gutter-mobile)*-1);
    position: relative
}

@media (min-width: 37.5em) {
    .l-grid {
        margin-left: calc(var(--grid-gutter)*-1);
        margin-right: calc(var(--grid-gutter)*-1)
    }
}

.l-grid--equalize > .l-grid__block {
    display: flex;
    flex-direction: column
}

    .l-grid--equalize > .l-grid__block > * {
        flex-grow: 1
    }

.l-grid__block {
    flex: 1 1 var(--grid-block,100%);
    max-width: var(--grid-block,100%);
    padding-left: var(--grid-gutter-mobile);
    padding-right: var(--grid-gutter-mobile)
}

@media (min-width: 37.5em) {
    .l-grid__block {
        padding-left: var(--grid-gutter);
        padding-right: var(--grid-gutter)
    }
}

.l-grid.l-grid--1 > .l-grid__block {
    --grid-block: 100%
}

.l-grid__block--1 {
    --grid-block: 8.3333333333%
}

.l-grid__block--offset-1 {
    margin-left: 8.3333333333%
}

.l-grid.l-grid--2 > .l-grid__block {
    --grid-block: 50%
}

.l-grid__block--2 {
    --grid-block: 16.6666666667%
}

.l-grid__block--offset-2 {
    margin-left: 16.6666666667%
}

.l-grid.l-grid--3 > .l-grid__block {
    --grid-block: 33.3333333333%
}

.l-grid__block--3 {
    --grid-block: 25%
}

.l-grid__block--offset-3 {
    margin-left: 25%
}

.l-grid.l-grid--4 > .l-grid__block {
    --grid-block: 25%
}

.l-grid__block--4 {
    --grid-block: 33.3333333333%
}

.l-grid__block--offset-4 {
    margin-left: 33.3333333333%
}

.l-grid.l-grid--5 > .l-grid__block {
    --grid-block: 20%
}

.l-grid__block--5 {
    --grid-block: 41.6666666667%
}

.l-grid__block--offset-5 {
    margin-left: 41.6666666667%
}

.l-grid.l-grid--6 > .l-grid__block {
    --grid-block: 16.6666666667%
}

.l-grid__block--6 {
    --grid-block: 50%
}

.l-grid__block--offset-6 {
    margin-left: 50%
}

.l-grid.l-grid--7 > .l-grid__block {
    --grid-block: 14.2857142857%
}

.l-grid__block--7 {
    --grid-block: 58.3333333333%
}

.l-grid__block--offset-7 {
    margin-left: 58.3333333333%
}

.l-grid.l-grid--8 > .l-grid__block {
    --grid-block: 12.5%
}

.l-grid__block--8 {
    --grid-block: 66.6666666667%
}

.l-grid__block--offset-8 {
    margin-left: 66.6666666667%
}

.l-grid.l-grid--9 > .l-grid__block {
    --grid-block: 11.1111111111%
}

.l-grid__block--9 {
    --grid-block: 75%
}

.l-grid__block--offset-9 {
    margin-left: 75%
}

.l-grid.l-grid--10 > .l-grid__block {
    --grid-block: 10%
}

.l-grid__block--10 {
    --grid-block: 83.3333333333%
}

.l-grid__block--offset-10 {
    margin-left: 83.3333333333%
}

.l-grid.l-grid--11 > .l-grid__block {
    --grid-block: 9.0909090909%
}

.l-grid__block--11 {
    --grid-block: 91.6666666667%
}

.l-grid__block--offset-11 {
    margin-left: 91.6666666667%
}

.l-grid.l-grid--12 > .l-grid__block {
    --grid-block: 8.3333333333%
}

.l-grid__block--12 {
    --grid-block: 100%
}

.l-grid__block--offset-12 {
    margin-left: 100%
}

.l-grid__block--offset {
    margin-left: var(--grid-offset,0)
}

.l-grid__block--content {
    flex-basis: auto;
    flex-grow: 0
}

.l-grid__block--auto {
    flex-basis: 0
}

@media (min-width: 30em) {
    .l-grid.l-grid--1\@xs > .l-grid__block {
        --grid-block: 100%
    }

    .l-grid__block--1\@xs {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--offset-1\@xs {
        margin-left: 8.3333333333%
    }

    .l-grid.l-grid--2\@xs > .l-grid__block {
        --grid-block: 50%
    }

    .l-grid__block--2\@xs {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--offset-2\@xs {
        margin-left: 16.6666666667%
    }

    .l-grid.l-grid--3\@xs > .l-grid__block {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--3\@xs {
        --grid-block: 25%
    }

    .l-grid__block--offset-3\@xs {
        margin-left: 25%
    }

    .l-grid.l-grid--4\@xs > .l-grid__block {
        --grid-block: 25%
    }

    .l-grid__block--4\@xs {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--offset-4\@xs {
        margin-left: 33.3333333333%
    }

    .l-grid.l-grid--5\@xs > .l-grid__block {
        --grid-block: 20%
    }

    .l-grid__block--5\@xs {
        --grid-block: 41.6666666667%
    }

    .l-grid__block--offset-5\@xs {
        margin-left: 41.6666666667%
    }

    .l-grid.l-grid--6\@xs > .l-grid__block {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--6\@xs {
        --grid-block: 50%
    }

    .l-grid__block--offset-6\@xs {
        margin-left: 50%
    }

    .l-grid.l-grid--7\@xs > .l-grid__block {
        --grid-block: 14.2857142857%
    }

    .l-grid__block--7\@xs {
        --grid-block: 58.3333333333%
    }

    .l-grid__block--offset-7\@xs {
        margin-left: 58.3333333333%
    }

    .l-grid.l-grid--8\@xs > .l-grid__block {
        --grid-block: 12.5%
    }

    .l-grid__block--8\@xs {
        --grid-block: 66.6666666667%
    }

    .l-grid__block--offset-8\@xs {
        margin-left: 66.6666666667%
    }

    .l-grid.l-grid--9\@xs > .l-grid__block {
        --grid-block: 11.1111111111%
    }

    .l-grid__block--9\@xs {
        --grid-block: 75%
    }

    .l-grid__block--offset-9\@xs {
        margin-left: 75%
    }

    .l-grid.l-grid--10\@xs > .l-grid__block {
        --grid-block: 10%
    }

    .l-grid__block--10\@xs {
        --grid-block: 83.3333333333%
    }

    .l-grid__block--offset-10\@xs {
        margin-left: 83.3333333333%
    }

    .l-grid.l-grid--11\@xs > .l-grid__block {
        --grid-block: 9.0909090909%
    }

    .l-grid__block--11\@xs {
        --grid-block: 91.6666666667%
    }

    .l-grid__block--offset-11\@xs {
        margin-left: 91.6666666667%
    }

    .l-grid.l-grid--12\@xs > .l-grid__block {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--12\@xs {
        --grid-block: 100%
    }

    .l-grid__block--offset-12\@xs {
        margin-left: 100%
    }

    .l-grid__block\@xs {
        flex-basis: var(--grid-block-xs,var(--grid-block));
        max-width: var(--grid-block-xs,var(--grid-block))
    }

    .l-grid__block--offset\@xs {
        margin-left: var(--grid-offset-xs,var(--grid-offset))
    }

    .l-grid__block--content\@xs {
        flex-basis: auto;
        flex-grow: 0
    }

    .l-grid__block--auto\@xs {
        flex-basis: 0
    }
}

@media (min-width: 37.5em) {
    .l-grid.l-grid--1\@sm > .l-grid__block {
        --grid-block: 100%
    }

    .l-grid__block--1\@sm {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--offset-1\@sm {
        margin-left: 8.3333333333%
    }

    .l-grid.l-grid--2\@sm > .l-grid__block {
        --grid-block: 50%
    }

    .l-grid__block--2\@sm {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--offset-2\@sm {
        margin-left: 16.6666666667%
    }

    .l-grid.l-grid--3\@sm > .l-grid__block {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--3\@sm {
        --grid-block: 25%
    }

    .l-grid__block--offset-3\@sm {
        margin-left: 25%
    }

    .l-grid.l-grid--4\@sm > .l-grid__block {
        --grid-block: 25%
    }

    .l-grid__block--4\@sm {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--offset-4\@sm {
        margin-left: 33.3333333333%
    }

    .l-grid.l-grid--5\@sm > .l-grid__block {
        --grid-block: 20%
    }

    .l-grid__block--5\@sm {
        --grid-block: 41.6666666667%
    }

    .l-grid__block--offset-5\@sm {
        margin-left: 41.6666666667%
    }

    .l-grid.l-grid--6\@sm > .l-grid__block {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--6\@sm {
        --grid-block: 50%
    }

    .l-grid__block--offset-6\@sm {
        margin-left: 50%
    }

    .l-grid.l-grid--7\@sm > .l-grid__block {
        --grid-block: 14.2857142857%
    }

    .l-grid__block--7\@sm {
        --grid-block: 58.3333333333%
    }

    .l-grid__block--offset-7\@sm {
        margin-left: 58.3333333333%
    }

    .l-grid.l-grid--8\@sm > .l-grid__block {
        --grid-block: 12.5%
    }

    .l-grid__block--8\@sm {
        --grid-block: 66.6666666667%
    }

    .l-grid__block--offset-8\@sm {
        margin-left: 66.6666666667%
    }

    .l-grid.l-grid--9\@sm > .l-grid__block {
        --grid-block: 11.1111111111%
    }

    .l-grid__block--9\@sm {
        --grid-block: 75%
    }

    .l-grid__block--offset-9\@sm {
        margin-left: 75%
    }

    .l-grid.l-grid--10\@sm > .l-grid__block {
        --grid-block: 10%
    }

    .l-grid__block--10\@sm {
        --grid-block: 83.3333333333%
    }

    .l-grid__block--offset-10\@sm {
        margin-left: 83.3333333333%
    }

    .l-grid.l-grid--11\@sm > .l-grid__block {
        --grid-block: 9.0909090909%
    }

    .l-grid__block--11\@sm {
        --grid-block: 91.6666666667%
    }

    .l-grid__block--offset-11\@sm {
        margin-left: 91.6666666667%
    }

    .l-grid.l-grid--12\@sm > .l-grid__block {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--12\@sm {
        --grid-block: 100%
    }

    .l-grid__block--offset-12\@sm {
        margin-left: 100%
    }

    .l-grid__block\@sm {
        flex-basis: var(--grid-block-sm,var(--grid-block));
        max-width: var(--grid-block-sm,var(--grid-block))
    }

    .l-grid__block--offset\@sm {
        margin-left: var(--grid-offset-sm,var(--grid-offset))
    }

    .l-grid__block--content\@sm {
        flex-basis: auto;
        flex-grow: 0
    }

    .l-grid__block--auto\@sm {
        flex-basis: 0
    }
}

@media (min-width: 60em) {
    .l-grid.l-grid--1\@md > .l-grid__block {
        --grid-block: 100%
    }

    .l-grid__block--1\@md {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--offset-1\@md {
        margin-left: 8.3333333333%
    }

    .l-grid.l-grid--2\@md > .l-grid__block {
        --grid-block: 50%
    }

    .l-grid__block--2\@md {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--offset-2\@md {
        margin-left: 16.6666666667%
    }

    .l-grid.l-grid--3\@md > .l-grid__block {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--3\@md {
        --grid-block: 25%
    }

    .l-grid__block--offset-3\@md {
        margin-left: 25%
    }

    .l-grid.l-grid--4\@md > .l-grid__block {
        --grid-block: 25%
    }

    .l-grid__block--4\@md {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--offset-4\@md {
        margin-left: 33.3333333333%
    }

    .l-grid.l-grid--5\@md > .l-grid__block {
        --grid-block: 20%
    }

    .l-grid__block--5\@md {
        --grid-block: 41.6666666667%
    }

    .l-grid__block--offset-5\@md {
        margin-left: 41.6666666667%
    }

    .l-grid.l-grid--6\@md > .l-grid__block {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--6\@md {
        --grid-block: 50%
    }

    .l-grid__block--offset-6\@md {
        margin-left: 50%
    }

    .l-grid.l-grid--7\@md > .l-grid__block {
        --grid-block: 14.2857142857%
    }

    .l-grid__block--7\@md {
        --grid-block: 58.3333333333%
    }

    .l-grid__block--offset-7\@md {
        margin-left: 58.3333333333%
    }

    .l-grid.l-grid--8\@md > .l-grid__block {
        --grid-block: 12.5%
    }

    .l-grid__block--8\@md {
        --grid-block: 66.6666666667%
    }

    .l-grid__block--offset-8\@md {
        margin-left: 66.6666666667%
    }

    .l-grid.l-grid--9\@md > .l-grid__block {
        --grid-block: 11.1111111111%
    }

    .l-grid__block--9\@md {
        --grid-block: 75%
    }

    .l-grid__block--offset-9\@md {
        margin-left: 75%
    }

    .l-grid.l-grid--10\@md > .l-grid__block {
        --grid-block: 10%
    }

    .l-grid__block--10\@md {
        --grid-block: 83.3333333333%
    }

    .l-grid__block--offset-10\@md {
        margin-left: 83.3333333333%
    }

    .l-grid.l-grid--11\@md > .l-grid__block {
        --grid-block: 9.0909090909%
    }

    .l-grid__block--11\@md {
        --grid-block: 91.6666666667%
    }

    .l-grid__block--offset-11\@md {
        margin-left: 91.6666666667%
    }

    .l-grid.l-grid--12\@md > .l-grid__block {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--12\@md {
        --grid-block: 100%
    }

    .l-grid__block--offset-12\@md {
        margin-left: 100%
    }

    .l-grid__block\@md {
        flex-basis: var(--grid-block-md,var(--grid-block));
        max-width: var(--grid-block-md,var(--grid-block))
    }

    .l-grid__block--offset\@md {
        margin-left: var(--grid-offset-md,var(--grid-offset))
    }

    .l-grid__block--content\@md {
        flex-basis: auto;
        flex-grow: 0
    }

    .l-grid__block--auto\@md {
        flex-basis: 0
    }
}

@media (min-width: 80em) {
    .l-grid.l-grid--1\@lg > .l-grid__block {
        --grid-block: 100%
    }

    .l-grid__block--1\@lg {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--offset-1\@lg {
        margin-left: 8.3333333333%
    }

    .l-grid.l-grid--2\@lg > .l-grid__block {
        --grid-block: 50%
    }

    .l-grid__block--2\@lg {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--offset-2\@lg {
        margin-left: 16.6666666667%
    }

    .l-grid.l-grid--3\@lg > .l-grid__block {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--3\@lg {
        --grid-block: 25%
    }

    .l-grid__block--offset-3\@lg {
        margin-left: 25%
    }

    .l-grid.l-grid--4\@lg > .l-grid__block {
        --grid-block: 25%
    }

    .l-grid__block--4\@lg {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--offset-4\@lg {
        margin-left: 33.3333333333%
    }

    .l-grid.l-grid--5\@lg > .l-grid__block {
        --grid-block: 20%
    }

    .l-grid__block--5\@lg {
        --grid-block: 41.6666666667%
    }

    .l-grid__block--offset-5\@lg {
        margin-left: 41.6666666667%
    }

    .l-grid.l-grid--6\@lg > .l-grid__block {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--6\@lg {
        --grid-block: 50%
    }

    .l-grid__block--offset-6\@lg {
        margin-left: 50%
    }

    .l-grid.l-grid--7\@lg > .l-grid__block {
        --grid-block: 14.2857142857%
    }

    .l-grid__block--7\@lg {
        --grid-block: 58.3333333333%
    }

    .l-grid__block--offset-7\@lg {
        margin-left: 58.3333333333%
    }

    .l-grid.l-grid--8\@lg > .l-grid__block {
        --grid-block: 12.5%
    }

    .l-grid__block--8\@lg {
        --grid-block: 66.6666666667%
    }

    .l-grid__block--offset-8\@lg {
        margin-left: 66.6666666667%
    }

    .l-grid.l-grid--9\@lg > .l-grid__block {
        --grid-block: 11.1111111111%
    }

    .l-grid__block--9\@lg {
        --grid-block: 75%
    }

    .l-grid__block--offset-9\@lg {
        margin-left: 75%
    }

    .l-grid.l-grid--10\@lg > .l-grid__block {
        --grid-block: 10%
    }

    .l-grid__block--10\@lg {
        --grid-block: 83.3333333333%
    }

    .l-grid__block--offset-10\@lg {
        margin-left: 83.3333333333%
    }

    .l-grid.l-grid--11\@lg > .l-grid__block {
        --grid-block: 9.0909090909%
    }

    .l-grid__block--11\@lg {
        --grid-block: 91.6666666667%
    }

    .l-grid__block--offset-11\@lg {
        margin-left: 91.6666666667%
    }

    .l-grid.l-grid--12\@lg > .l-grid__block {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--12\@lg {
        --grid-block: 100%
    }

    .l-grid__block--offset-12\@lg {
        margin-left: 100%
    }

    .l-grid__block\@lg {
        flex-basis: var(--grid-block-lg,var(--grid-block));
        max-width: var(--grid-block-lg,var(--grid-block))
    }

    .l-grid__block--offset\@lg {
        margin-left: var(--grid-offset-lg,var(--grid-offset))
    }

    .l-grid__block--content\@lg {
        flex-basis: auto;
        flex-grow: 0
    }

    .l-grid__block--auto\@lg {
        flex-basis: 0
    }
}

@media (min-width: 120em) {
    .l-grid.l-grid--1\@xl > .l-grid__block {
        --grid-block: 100%
    }

    .l-grid__block--1\@xl {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--offset-1\@xl {
        margin-left: 8.3333333333%
    }

    .l-grid.l-grid--2\@xl > .l-grid__block {
        --grid-block: 50%
    }

    .l-grid__block--2\@xl {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--offset-2\@xl {
        margin-left: 16.6666666667%
    }

    .l-grid.l-grid--3\@xl > .l-grid__block {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--3\@xl {
        --grid-block: 25%
    }

    .l-grid__block--offset-3\@xl {
        margin-left: 25%
    }

    .l-grid.l-grid--4\@xl > .l-grid__block {
        --grid-block: 25%
    }

    .l-grid__block--4\@xl {
        --grid-block: 33.3333333333%
    }

    .l-grid__block--offset-4\@xl {
        margin-left: 33.3333333333%
    }

    .l-grid.l-grid--5\@xl > .l-grid__block {
        --grid-block: 20%
    }

    .l-grid__block--5\@xl {
        --grid-block: 41.6666666667%
    }

    .l-grid__block--offset-5\@xl {
        margin-left: 41.6666666667%
    }

    .l-grid.l-grid--6\@xl > .l-grid__block {
        --grid-block: 16.6666666667%
    }

    .l-grid__block--6\@xl {
        --grid-block: 50%
    }

    .l-grid__block--offset-6\@xl {
        margin-left: 50%
    }

    .l-grid.l-grid--7\@xl > .l-grid__block {
        --grid-block: 14.2857142857%
    }

    .l-grid__block--7\@xl {
        --grid-block: 58.3333333333%
    }

    .l-grid__block--offset-7\@xl {
        margin-left: 58.3333333333%
    }

    .l-grid.l-grid--8\@xl > .l-grid__block {
        --grid-block: 12.5%
    }

    .l-grid__block--8\@xl {
        --grid-block: 66.6666666667%
    }

    .l-grid__block--offset-8\@xl {
        margin-left: 66.6666666667%
    }

    .l-grid.l-grid--9\@xl > .l-grid__block {
        --grid-block: 11.1111111111%
    }

    .l-grid__block--9\@xl {
        --grid-block: 75%
    }

    .l-grid__block--offset-9\@xl {
        margin-left: 75%
    }

    .l-grid.l-grid--10\@xl > .l-grid__block {
        --grid-block: 10%
    }

    .l-grid__block--10\@xl {
        --grid-block: 83.3333333333%
    }

    .l-grid__block--offset-10\@xl {
        margin-left: 83.3333333333%
    }

    .l-grid.l-grid--11\@xl > .l-grid__block {
        --grid-block: 9.0909090909%
    }

    .l-grid__block--11\@xl {
        --grid-block: 91.6666666667%
    }

    .l-grid__block--offset-11\@xl {
        margin-left: 91.6666666667%
    }

    .l-grid.l-grid--12\@xl > .l-grid__block {
        --grid-block: 8.3333333333%
    }

    .l-grid__block--12\@xl {
        --grid-block: 100%
    }

    .l-grid__block--offset-12\@xl {
        margin-left: 100%
    }

    .l-grid__block\@xl {
        flex-basis: var(--grid-block-xl,var(--grid-block));
        max-width: var(--grid-block-xl,var(--grid-block))
    }

    .l-grid__block--offset\@xl {
        margin-left: var(--grid-offset-xl,var(--grid-offset))
    }

    .l-grid__block--content\@xl {
        flex-basis: auto;
        flex-grow: 0
    }

    .l-grid__block--auto\@xl {
        flex-basis: 0
    }
}

:root {
    --box-margin--mobile: 24px;
    --box-margin: 40px
}

.l-boxed:not(.not-boxed) {
    margin-bottom: inherit;
    margin-left: 24px;
    margin-right: 24px;
    margin-top: inherit;
    width: calc(100% - var(--box-margin--mobile)*2)
}

@media (max-width: 119.9375em) and (min-width:60em) {
    .l-boxed:not(.not-boxed) {
        margin-bottom: inherit;
        margin-left: 40px;
        margin-right: 40px;
        margin-top: inherit;
        width: calc(100% - var(--box-margin)*2)
    }
}

@media (min-width: 120em) {
    .l-boxed:not(.not-boxed) {
        margin-bottom: inherit;
        margin-left: auto;
        margin-right: auto;
        margin-top: inherit;
        width: var(--container-width)
    }
}

.u-img-responsive {
    height: auto;
    width: 100%
}

.M00__media {
    height: 100%
}

    .M00__media > img {
        object-fit: cover
    }

    .M00__media:after, .M00__media > img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }

    .M00__media:after {
        background: var(--color-overlay);
        content: "";
        display: block
    }

    .M00__media video {
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

.c-video-container {
    cursor: pointer;
    position: relative
}

    .c-video-container:after, .c-video-container:before {
        content: "";
        display: block;
        left: 50%;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: transform var(--transition-fast) ease-in-out,opacity var(--transition-fast) ease-in-out
    }

    .c-video-container:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512'%3E%3Cpath fill='%23FFF' d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80v352c0 17.4 9.4 33.4 24.5 41.9S58.2 482 73 473l288-176c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41z'/%3E%3C/svg%3E");
        background-size: contain;
        height: 40px;
        left: calc(50% + 5px);
        width: 34px
    }

    .c-video-container:after {
        border: 4px solid var(--color-root-white);
        border-radius: 50%;
        height: 139px;
        transition: border var(--transition-fast) ease-in-out,opacity var(--transition-fast) ease-in-out;
        width: 139px
    }

    .c-video-container:hover:before {
        transform: translate(-50%,-50%) scale(1.05)
    }

    .c-video-container:hover:after {
        border-width: 8px
    }

.c-video-container--play:after, .c-video-container--play:before {
    opacity: 0
}

.c-oembed-container {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

    .c-oembed-container .c-iframe-wrapper {
        height: 0;
        padding-bottom: 56.25%;
        padding-top: 25px;
        position: relative
    }

        .c-oembed-container .c-iframe-wrapper > * {
            height: 100%;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%
        }

.c-modal__overlay {
    align-items: center;
    background: rgba(0,0,0,.7);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 2rem;
    position: fixed;
    z-index: 101
}

.c-modal__container {
    max-height: 100%;
    max-width: calc(100% - var(--container-margin-mobile)*2);
    overflow-y: auto;
    position: relative;
    width: calc(var(--container-width) - var(--container-margin)*2)
}

.c-modal .c-modal__close {
    font-size: 2rem;
    height: 3rem;
    padding: 8px 16px;
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 3rem;
    z-index: 99
}

.c-modal__close:hover {
    cursor: pointer
}

.c-modal__close > svg {
    height: 100%;
    pointer-events: none;
    width: 100%
}

@keyframes mmfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmslideIn {
    0% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes mmslideOut {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

.micromodal-slide {
    display: none
}

    .micromodal-slide.is-open {
        display: block
    }

    .micromodal-slide[aria-hidden=false] .c-modal__overlay {
        animation: mmfadeIn .3s cubic-bezier(0,0,.2,1)
    }

    .micromodal-slide[aria-hidden=false] .c-modal__container {
        animation: mmslideIn .3s cubic-bezier(0,0,.2,1)
    }

    .micromodal-slide[aria-hidden=true] .c-modal__overlay {
        animation: mmfadeOut .3s cubic-bezier(0,0,.2,1)
    }

    .micromodal-slide[aria-hidden=true] .c-modal__container {
        animation: mmslideOut .3s cubic-bezier(0,0,.2,1)
    }

    .micromodal-slide .c-modal__container, .micromodal-slide .c-modal__overlay {
        will-change: transform
    }

.c-pagination {
    --pagination-size: 2.5rem;
    --pagination-color: var(--root-color);
    --pagination-gap: 0.625rem;
    --pagination-background-color: var(--color-root-white);
    --pagination-border-width: 0;
    --pagination-border-style: solid;
    --pagination-border-color: var(--color-primary-500);
    --pagination-border-radius: 0.625rem;
    --pagination-border-active-color: var(--color-primary-500);
    --pagination-background-active-color: var(--color-root-white);
    --pagination-active-color: var(--color-primary-500);
    --pagination-nav-color: var(--color-greys-900);
    --pagination-nav-active-color: var(--color-primary-500);
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.c-pagination__pages {
    display: flex
}

.c-pagination__page {
    align-items: center;
    background-color: var(--pagination-background-color);
    border-radius: var(--pagination-border-radius);
    color: var(--pagination-color);
    display: flex;
    height: var(--pagination-size);
    justify-content: center;
    margin-left: calc(var(--pagination-gap)/2);
    margin-right: calc(var(--pagination-gap)/2);
    position: relative;
    width: var(--pagination-size)
}

.c-pagination__page--is-active {
    color: var(--pagination-active-color);
    pointer-events: none
}

@media (any-hover: hover) {
    a.c-pagination__page:hover {
        color: var(--pagination-active-color);
        transition-duration: var(--transition-fast);
        transition-property: border-color,background,color
    }
}

.c-pagination__nav {
    color: var(--pagination-nav-color)
}

.c-pagination__nav--is-disabled {
    opacity: 0;
    visibility: hidden
}

@media (any-hover: hover) {
    a.c-pagination__nav {
        transition: color var(--transition-fast)
    }

        a.c-pagination__nav .icons {
            transition: fill var(--transition-fast)
        }

        a.c-pagination__nav:hover {
            color: var(--pagination-nav-active-color)
        }
}

.c-pagination__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.c-pagination__link {
    align-items: center;
    border-radius: 100%;
    color: var(--color-greys-700);
    display: flex;
    flex: 0 0 10%;
    font-size: 1rem;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (min-width: 37.5em) {
    .c-pagination__link {
        flex: 0 1 auto
    }
}

.c-pagination__link--next:first-child, .c-pagination__link--prev:first-child {
    margin-right: 24px
}

.c-pagination__link--next:last-child, .c-pagination__link--prev:last-child {
    margin-left: 24px
}

@media (min-width: 37.5em) {
    .c-pagination__link--next, .c-pagination__link--prev {
        flex: 0 1 auto
    }

        .c-pagination__link--next:first-child, .c-pagination__link--prev:first-child {
            margin-right: 48px
        }

        .c-pagination__link--next:last-child, .c-pagination__link--prev:last-child {
            margin-left: 48px
        }
}

.c-pagination__link--next[aria-disabled=true], .c-pagination__link--prev[aria-disabled=true] {
    color: var(--color-primary-900);
    cursor: default;
    opacity: .5;
    transition: opacity .3s ease-in-out
}

    .c-pagination__link--next[aria-disabled=true]:hover, .c-pagination__link--prev[aria-disabled=true]:hover {
        opacity: .8
    }

.c-pagination__link--number {
    color: var(--color-greys-600);
    transition: all .3s ease-in-out
}

    .c-pagination__link--number.c-pagination__link--active {
        background-color: var(--color-secondary-100);
        color: var(--color-primary-900)
    }

    .c-pagination__link--number:not(.c-pagination__link--active):hover {
        background-color: var(--color-primary-900);
        color: var(--color-tertiary-500)
    }

:root {
    --slider-nav-size: 3rem;
    --slider-nav-font-size: 1.5rem;
    --slider-nav-border-width: 0;
    --slider-nav-border-color: var(--color-secondary-800);
    --slider-nav-border-radius: 62.4375rem;
    --slider-nav-background-color: transparent;
    --slider-nav-background-color-hover: var(--color-secondary-500);
    --slider-nav-color: var(--color-secondary-800);
    --slider-nav-color-hover: var(--color-root-white);
    --slider-nav-disabled-opacity: 1;
    --slider-nav-position-offset: 1rem;
    --slider-nav-prev-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3Cpath d='M47 239c-9.4 9.4-9.4 24.6 0 33.9L207 433c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 241 113c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0z'/%3E%3C/svg%3E");
    --slider-nav-next-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 320 512'%3E%3Cpath d='M273 239c9.4 9.4 9.4 24.6 0 33.9L113 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143L79 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z'/%3E%3C/svg%3E");
    --slider-pagination-bullet-width: 2rem;
    --slider-pagination-bullet-height: 0.3333333333rem;
    --slider-pagination-bullet-margin: 0.75rem;
    --slider-pagination-bullet-background-color: var(--color-primary-100);
    --slider-pagination-bullet-active-background-color: var(--color-secondary-600);
    --slider-pagination-position-offset: 0.5rem;
    --slider-scrollbar-height: 0.5rem;
    --slider-scrollbar-border-radius: 62.4375rem;
    --slider-scrollbar-track-color: hsla(var(--color-root-black),0.1);
    --slider-scrollbar-handle-color: hsla(var(--color-root-black),0.5);
    --slider-scrollbar-position-offset: 0.5rem
}

.c-slider, .swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

    .c-slider:not(.js-slider--is-ready):not(.js-slider--is-above-bp), .swiper:not(.js-slider--is-ready):not(.js-slider--is-above-bp) {
        --loading-overlay-color: transparent
    }

.c-slider__wrapper, .swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    z-index: 1
}

.c-slider__slide, .c-slider__wrapper, .swiper-slide, .swiper-wrapper {
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.c-slider__slide, .swiper-slide {
    flex-shrink: 0
}

.js-slider--vertical > .c-slider__wrapper, .js-slider--vertical > .swiper-wrapper {
    flex-direction: column
}

.c-slider__nav, .swiper__nav {
    align-items: center;
    background-color: var(--slider-nav-background-color);
    border-radius: var(--slider-nav-border-radius);
    color: var(--slider-nav-color);
    cursor: pointer;
    display: flex;
    height: var(--slider-nav-size);
    justify-content: center;
    transition-duration: var(--transition-fast);
    transition-property: color,border-color,background-color;
    width: var(--slider-nav-size)
}

    .c-slider__nav:after, .swiper__nav:after {
        font-size: var(--slider-nav-font-size)
    }

@media (any-hover: hover) {
    .c-slider__nav:hover, .swiper__nav:hover {
        background-color: var(--slider-nav-background-color-hover);
        color: var(--slider-nav-color-hover)
    }
}

.c-slider .c-slider__nav, .c-slider .swiper__nav, .swiper .c-slider__nav, .swiper .swiper__nav {
    position: absolute;
    top: 50%;
    transform: translate3d(0,-50%,0);
    z-index: 10
}

.c-slider__nav--prev:after, .swiper__nav--prev:after {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--slider-nav-prev-icon);
    mask-image: var(--slider-nav-prev-icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 1em 1em;
    mask-size: 1em 1em;
    width: 1em
}

.c-slider .c-slider__nav--prev, .c-slider .swiper__nav--prev, .swiper .c-slider__nav--prev, .swiper .swiper__nav--prev {
    left: var(--slider-nav-position-offset)
}

.c-slider__nav--next:after, .swiper__nav--next:after {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--slider-nav-next-icon);
    mask-image: var(--slider-nav-next-icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 1em 1em;
    mask-size: 1em 1em;
    width: 1em
}

.c-slider .c-slider__nav--next, .c-slider .swiper__nav--next, .swiper .c-slider__nav--next, .swiper .swiper__nav--next {
    right: var(--slider-nav-position-offset)
}

.js-slider__nav--is-disabled, .swiper-button-disabled {
    opacity: var(--slider-nav-disabled-opacity);
    pointer-events: none
}

.c-slider__pagination {
    position: absolute;
    transform: translateZ(0);
    transition: var(--transition-fast) opacity;
    z-index: 10
}

.js-slider__pagination-bullet {
    background-color: var(--slider-pagination-bullet-background-color);
    border-radius: 50%;
    display: inline-block;
    height: var(--slider-pagination-bullet-height);
    opacity: 1;
    width: var(--slider-pagination-bullet-width)
}

    .js-slider__pagination-bullet.js-slider__pagination-bullet--is-active {
        background-color: var(--slider-pagination-bullet-active-background-color)
    }

.js-slider--horizontal .c-slider__pagination {
    bottom: var(--slider-pagination-position-offset);
    display: flex;
    justify-content: center;
    left: 0;
    width: 100%
}

.js-slider--vertical .c-slider__pagination {
    right: var(--slider-pagination-position-offset);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.js-slider--horizontal .js-slider__pagination-bullet {
    margin: 0 var(--slider-pagination-bullet-margin)
}

.js-slider--vertical .js-slider__pagination-bullet {
    display: block;
    margin: var(--slider-pagination-bullet-margin) 0
}

.js-slider__pagination--is-clickable .js-slider__pagination-bullet {
    cursor: pointer
}

.c-slider__scrollbar {
    background: var(--slider-scrollbar-track-color);
    position: relative;
    position: absolute;
    -ms-touch-action: none;
    z-index: 50
}

.c-slider__scrollbar, .js-slider__scrollbar-handle {
    border-radius: var(--slider-scrollbar-border-radius)
}

.js-slider__scrollbar-handle {
    background: var(--slider-scrollbar-handle-color);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.js-slider__scrollbar--is-locked {
    display: none
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.js-slider--horizontal > .c-slider__scrollbar {
    bottom: var(--slider-scrollbar-position-offset);
    height: var(--slider-scrollbar-height);
    left: 1%;
    width: 98%
}

.js-slider--vertical > .c-slider__scrollbar {
    height: 98%;
    right: var(--slider-scrollbar-position-offset);
    top: 1%;
    width: var(--slider-scrollbar-height)
}

.c-slider__wrapper, .js-slider--android .c-slider__slide, .js-slider--android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.js-slider--multirow > .c-slider__wrapper, .js-slider--multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.js-slider--multirow-column > .c-slider__wrapper, .js-slider--multirow-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.js-slider--free-mode > .c-slider__wrapper, .js-slider--free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.js-slider--pointer-events {
    touch-action: pan-y
}

    .js-slider--pointer-events.js-slider--vertical {
        touch-action: pan-x
    }

.swiper-slide-invisible-blank {
    visibility: hidden
}

.js-slider--autoheight, .js-slider--autoheight .c-slider__slide, .js-slider--autoheight .swiper-slide {
    height: auto
}

    .js-slider--autoheight .c-slider__wrapper, .js-slider--autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.js-slider--3d {
    perspective: 1200px
}

    .js-slider--3d .c-slider__slide, .js-slider--3d .c-slider__wrapper, .js-slider--3d .swiper-cube-shadow, .js-slider--3d .swiper-slide, .js-slider--3d .swiper-slide-shadow-bottom, .js-slider--3d .swiper-slide-shadow-left, .js-slider--3d .swiper-slide-shadow-right, .js-slider--3d .swiper-slide-shadow-top, .js-slider--3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .js-slider--3d .swiper-slide-shadow-bottom, .js-slider--3d .swiper-slide-shadow-left, .js-slider--3d .swiper-slide-shadow-right, .js-slider--3d .swiper-slide-shadow-top {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .js-slider--3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,hsla(var(--color-root-black-base),.5),hsla(var(--color-root-black-base),0))
    }

    .js-slider--3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,hsla(var(--color-root-black-base),.5),hsla(var(--color-root-black-base),0))
    }

    .js-slider--3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,hsla(var(--color-root-black-base),.5),hsla(var(--color-root-black-base),0))
    }

    .js-slider--3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,hsla(var(--color-root-black-base),.5),hsla(var(--color-root-black-base),0))
    }

.js-slider--css-mode > .c-slider__wrapper, .js-slider--css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .js-slider--css-mode > .c-slider__wrapper::-webkit-scrollbar, .js-slider--css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .js-slider--css-mode > .c-slider__wrapper > .c-slider__slide, .js-slider--css-mode > .c-slider__wrapper > .swiper-slide, .js-slider--css-mode > .swiper-wrapper > .c-slider__slide, .js-slider--css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.js-slider--horizontal.js-slider--css-mode > .c-slider__wrapper, .js-slider--horizontal.js-slider--css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.js-slider--vertical.js-slider--css-mode > .c-slider__wrapper, .js-slider--vertical.js-slider--css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --slider-nav-border-color-hover: var(--color-secondary-800)
}

.c-slider__nav, .swiper__nav {
    height: calc(var(--slider-nav-size)*.75);
    width: calc(var(--slider-nav-size)*.75)
}

@media (min-width: 60em) {
    .c-slider__nav, .swiper__nav {
        height: var(--slider-nav-size);
        width: var(--slider-nav-size)
    }
}

.c-slider__nav.js-slider__nav--is-disabled, .js-slider__nav--is-disabled.swiper__nav {
    border-color: var(--color-greys-100);
    color: var(--color-greys-100)
}

.c-slider__pagination .js-slider__pagination-bullet {
    border-radius: 100%;
    height: 6px;
    width: 6px
}

.u-module-base .swiper-button-lock, .u-module-base .swiper-pagination-lock {
    display: none
}

.email-prefs {
    margin-bottom: 4rem;
    margin-top: 2rem;
    max-width: 800px
}

    .email-prefs .item {
        border-bottom: 1px solid var(--color-greys-300);
        padding: 1rem 0
    }

        .email-prefs .item + .item {
            margin-top: .5rem
        }

    .email-prefs .hs-button, .email-prefs .subscribe-options {
        margin-top: 2rem
    }

.main--system {
    padding-top: 42px
}

    .main--system .l-boxed:not(.not-boxed), .main--system .l-container {
        max-width: 1000px
    }

    .main--system .email-edit.hs-input, .main--system .email-edit.hs-search-field__input {
        max-width: 100%
    }

    .main--system .M01__logo img, .main--system .M01__logo svg {
        max-width: 200px
    }

.page-header {
    margin-bottom: 2rem
}

    .page-header h1 {
        margin-bottom: .5rem
    }

    .page-header h1, .page-header h2, .page-title {
        line-height: 1.1
    }

    .page-header h2 {
        font-size: 16px
    }

.email-prefs {
    margin: 0;
    max-width: 100%
}

    .email-prefs .item {
        cursor: pointer;
        margin: 20px 0;
        padding-bottom: 1px;
        position: relative
    }

        .email-prefs .item.disabled {
            cursor: not-allowed;
            opacity: .6
        }

        .email-prefs .item .item-inner * {
            color: #444
        }

        .email-prefs .item .item-inner {
            background: #f7f7f7;
            border: 1px solid #e4e4e4;
            border-radius: 8px;
            margin-top: 0;
            overflow: hidden;
            padding: 15px;
            transition-duration: .15s;
            transition-property: background;
            transition-timing-function: linear;
            -webkit-user-select: none;
            user-select: none
        }

    .email-prefs .item-inner:hover {
        box-shadow: 1px 1px 4px rgba(0,0,0,.1)
    }

    .email-prefs .item .item-inner.highlighted-subscription, .email-prefs .item .item-inner.highlighted-subscription.selected {
        background: #fff1ee
    }

    .email-prefs .item .item-inner.selected {
        background: #f0f7fc;
        border: 1px solid #e0e7ec
    }

    .email-prefs .item.disabled .item-inner.hovered {
        box-shadow: none
    }

.checkbox-row {
    margin-top: 0;
    overflow: hidden
}

    .checkbox-row + p {
        line-height: 1.4;
        margin-left: 21px
    }

    .checkbox-row span.fakelabel {
        align-items: center;
        display: flex;
        font-weight: 700;
        text-transform: normal;
        -webkit-user-select: none;
        user-select: none
    }

    .checkbox-row input {
        margin: 0 .5rem 0 0;
        padding: 0;
        vertical-align: middle
    }

.email-prefs input:focus {
    outline: none
}

.subscribe-options {
    margin: 2rem 0
}

    .subscribe-options p + p {
        font-weight: 700;
        margin-left: 1rem
    }

    .subscribe-options .header {
        line-height: 1.4;
        margin-bottom: .4rem
    }

    .subscribe-options p + p input {
        margin-right: .5rem;
        position: relative;
        top: 5px
    }

label[for=globalunsub] {
    align-items: flex-start;
    display: flex;
    line-height: 1.4
}

@media (min-width: 60em) {
    .main--system {
        padding-top: 82px
    }
}

table {
    border-collapse: collapse;
    margin-bottom: 1.4rem;
    overflow-wrap: break-word
}

td, th {
    vertical-align: top
}

thead th {
    vertical-align: bottom
}

.c-table {
    --table-cell-padding-y: 0.625rem;
    --table-cell-padding-x: 1.25rem;
    --table-border-width: 1px;
    --table-border-style: solid;
    --table-border-color: var(--color-greys-300);
    border-color: var(--table-border-color);
    border-width: var(--table-border-width) var(--table-border-width) 0;
    max-width: 100%;
    width: 100%
}

    .c-table td, .c-table th {
        padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
        text-align: left;
        vertical-align: top
    }

    .c-table > caption + thead > tr:first-child > td, .c-table > caption + thead > tr:first-child > th, .c-table > colgroup + thead > tr:first-child > td, .c-table > colgroup + thead > tr:first-child > th, .c-table > thead:first-child > tr:first-child > td, .c-table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .c-table > tbody + tbody {
        border-top: var(--table-border-width) var(--table-border-style) var(--table-border-color)
    }

    .c-table td, .c-table th {
        border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
        border-top: 0
    }

@media (max-width: 37.4375em) {
    .c-table {
        background-color: transparent;
        border: 0;
        margin-bottom: 0
    }

        .c-table tfoot, .c-table thead {
            display: none
        }

        .c-table tbody {
            display: block
        }

            .c-table tbody tr {
                border: var(--table-border-width) var(--table-border-style) var(--table-border-color);
                display: block;
                margin-bottom: var(--table-cell-padding-y)
            }

                .c-table tbody tr td {
                    display: block;
                    text-align: right
                }

                    .c-table tbody tr td[data-table-title]:before {
                        content: attr(data-table-title);
                        float: left;
                        font-size: inherit;
                        padding-right: var(--table-cell-padding-x)
                    }

        .c-table td:last-child, .c-table th:last-child {
            border-bottom-width: 0
        }
}

.c-table > thead > tr > th, .c-typography table > thead > tr > th {
    font-size: 1.625rem;
    font-weight: 400
}

.c-table td:before, .c-typography table td:before {
    font-weight: 700
}

.c-typography h1, .u-heading-100 {
    --heading-font-weight: var(--heading-100-font-weight);
    --heading-line-height: var(--heading-100-line-height);
    --heading-color: var(--color-font-heading);
    font-size: var(--heading-100-size)
}

.c-typography h1, .c-typography h2, .u-heading-100, .u-heading-200 {
    color: var(--heading-color);
    font-family: var(--font-family-heading);
    font-weight: var(--heading-font-weight);
    line-height: var(--heading-line-height)
}

.c-typography h2, .u-heading-200 {
    --heading-font-weight: var(--heading-200-font-weight);
    --heading-line-height: var(--heading-200-line-height);
    --heading-color: var(--color-font-heading);
    font-size: var(--heading-200-size)
}

.c-typography h3, .u-heading-300 {
    --heading-font-weight: var(--heading-300-font-weight);
    --heading-line-height: var(--heading-300-line-height);
    --heading-color: var(--color-font-heading);
    font-size: var(--heading-300-size)
}

.c-typography h3, .c-typography h4, .u-heading-300, .u-heading-400 {
    color: var(--heading-color);
    font-family: var(--font-family-heading);
    font-weight: var(--heading-font-weight);
    line-height: var(--heading-line-height)
}

.c-typography h4, .u-heading-400 {
    --heading-font-weight: var(--heading-400-font-weight);
    --heading-line-height: var(--heading-400-line-height);
    --heading-color: var(--color-font-heading);
    font-size: var(--heading-400-size)
}

.c-typography h5, .u-heading-500 {
    --heading-font-weight: var(--heading-500-font-weight);
    --heading-line-height: var(--heading-500-line-height);
    --heading-color: var(--color-font-heading);
    font-size: var(--heading-500-size)
}

.c-typography h5, .u-heading-500, .u-heading-600 {
    color: var(--heading-color);
    font-family: var(--font-family-heading);
    font-weight: var(--heading-font-weight);
    line-height: var(--heading-line-height)
}

.u-heading-600 {
    --heading-font-weight: var(--heading-600-font-weight);
    --heading-line-height: var(--heading-600-line-height);
    --heading-color: var(--color-font-heading);
    font-size: var(--heading-600-size)
}

.c-typography a:not([class]) {
    color: var(--typography-link-color);
    cursor: pointer;
    -webkit-text-decoration: var(--typography-links-decoration);
    text-decoration: var(--typography-links-decoration)
}

.c-typography a:hover:not([class]) {
    color: var(--typography-links-hover-color);
    -webkit-text-decoration: var(--typography-links-hover-decoration);
    text-decoration: var(--typography-links-hover-decoration)
}

.c-typography ul > li {
    padding-left: var(--typography-ul-marker-padding);
    position: relative
}

    .c-typography ul > li:before {
        background-color: currentColor;
        color: var(--typography-ul-marker-color);
        content: "";
        display: inline-block;
        height: calc(var(--typography-line-height)*1em);
        left: 0;
        -webkit-mask-image: var(--typography-ul-marker-icon);
        mask-image: var(--typography-ul-marker-icon);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: calc(var(--typography-ul-marker-size)*1em) calc(var(--typography-line-height)*1em);
        mask-size: calc(var(--typography-ul-marker-size)*1em) calc(var(--typography-line-height)*1em);
        position: absolute;
        top: 0;
        width: calc(var(--typography-ul-marker-size)*1em)
    }

.c-typography ul ul > li {
    padding-left: var(--typography-ul-marker-child-padding)
}

.c-typography ol {
    counter-reset: item
}

    .c-typography ol > li:before {
        color: var(--typography-ol-marker-color);
        content: counters(item,".") ". ";
        counter-increment: item;
        font-family: var(--typography-ol-marker-font);
        font-size: calc(var(--typography-ol-marker-size)*1em)
    }

    .c-typography ol > li {
        padding-left: var(--typography-ol-marker-padding);
        text-indent: calc(var(--typography-ol-marker-padding)*-1)
    }

    .c-typography ol ol > li {
        padding-left: calc(var(--typography-ol-marker-padding)*1.77);
        text-indent: calc(var(--typography-ol-marker-padding)*-1.77)
    }

    .c-typography ol ol ol > li {
        padding-left: calc(var(--typography-ol-marker-padding)*2.5);
        text-indent: calc(var(--typography-ol-marker-padding)*-2.5)
    }

.c-typography blockquote p {
    margin: 0
}

.c-typography blockquote q:after {
    margin-left: .5em
}

.c-typography blockquote q:before {
    margin-right: .5em
}

.c-typography blockquote footer {
    font-size: small;
    font-style: normal
}

.c-typography table {
    --table-cell-padding-y: 0.625rem;
    --table-cell-padding-x: 1.25rem;
    --table-border-width: 1px;
    --table-border-style: solid;
    --table-border-color: var(--color-greys-300);
    border-color: var(--table-border-color);
    border-width: var(--table-border-width) var(--table-border-width) 0;
    max-width: 100%;
    width: 100%
}

    .c-typography table td, .c-typography table th {
        padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
        text-align: left;
        vertical-align: top
    }

    .c-typography table > caption + thead > tr:first-child > td, .c-typography table > caption + thead > tr:first-child > th, .c-typography table > colgroup + thead > tr:first-child > td, .c-typography table > colgroup + thead > tr:first-child > th, .c-typography table > thead:first-child > tr:first-child > td, .c-typography table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .c-typography table > tbody + tbody {
        border-top: var(--table-border-width) var(--table-border-style) var(--table-border-color)
    }

    .c-typography table td, .c-typography table th {
        border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
        border-top: 0
    }

@media (max-width: 37.4375em) {
    .c-typography table {
        background-color: transparent;
        border: 0;
        margin-bottom: 0
    }

        .c-typography table tfoot, .c-typography table thead {
            display: none
        }

        .c-typography table tbody {
            display: block
        }

            .c-typography table tbody tr {
                border: var(--table-border-width) var(--table-border-style) var(--table-border-color);
                display: block;
                margin-bottom: var(--table-cell-padding-y)
            }

                .c-typography table tbody tr td {
                    display: block;
                    text-align: right
                }

                    .c-typography table tbody tr td[data-table-title]:before {
                        content: attr(data-table-title);
                        float: left;
                        font-size: inherit;
                        padding-right: var(--table-cell-padding-x)
                    }

        .c-typography table td:last-child, .c-typography table th:last-child {
            border-bottom-width: 0
        }
}

.c-typography {
    --typography-font-size: var(--font-body-size);
    --typography-color: var(--color-font-body);
    --typography-line-height: var(--font-body-line-height);
    --typography-link-color: var(--color-greys-700);
    --typography-links-decoration: none;
    --typography-links-hover-color: var(--color-greys-900);
    --typography-links-hover-decoration: underline;
    --typography-ul-marker-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none'%3E%3Cpath fill='%23FE852D' d='M4.969 8.076c-2.219 0-4-1.781-4-4 0-2.203 1.781-4 4-4 2.203 0 4 1.797 4 4 0 2.219-1.797 4-4 4'/%3E%3C/svg%3E");
    --typography-ul-marker-size: 1;
    --typography-ul-marker-color: inherit;
    --typography-ul-marker-padding: 1.5rem;
    --typography-ul-marker-child-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none'%3E%3Cpath fill='%23FE852D' d='M4.969 8.076c-2.219 0-4-1.781-4-4 0-2.203 1.781-4 4-4 2.203 0 4 1.797 4 4 0 2.219-1.797 4-4 4'/%3E%3C/svg%3E");
    --typography-ul-marker-child-size: var(--typography-ul-marker-size);
    --typography-ul-marker-child-color: var(--typography-ul-marker-color);
    --typography-ul-marker-child-padding: var(--typography-ul-marker-padding);
    --typography-ol-marker-font: var(--font-family-body);
    --typography-ol-marker-size: 1;
    --typography-ol-marker-color: inherit;
    --typography-ol-marker-padding: 1.1em;
    color: var(--typography-color);
    font-size: var(--typography-font-size);
    line-height: var(--typography-line-height);
    position: relative
}

    .c-typography > :not(:empty) + :not(:empty) {
        margin-top: calc(var(--typography-line-height)*var(--typography-font-size))
    }

    .c-typography img {
        content-visibility: auto;
        height: auto !important
    }

body {
    color: var(--color-font-body);
    font-family: var(--font-family-body)
}

.c-display, .u-heading {
    color: var(--color-font-heading);
    font-family: var(--font-family-heading)
}

.c-typography table > thead > tr > th {
    border-bottom: 0
}

.c-typography > :not(:empty) + :not(:empty) {
    margin-top: 24px
}

.c-typography ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

    .c-typography ul > li:before {
        border-radius: 100%;
        color: var(--color-tertiary-500);
        height: 8px;
        top: 8px;
        width: 8px
    }

.c-typography--blog h1, .c-typography--blog h2, .c-typography--blog h3, .c-typography--blog h4, .c-typography--blog h5, .c-typography--blog h6 {
    color: var(--color-secondary-900)
}

.c-typography--blog p {
    color: var(--color-greys-600)
}

.c-typography--blog ul {
    gap: 0;
    padding-left: 24px
}

.c-typography--blog img {
    border-radius: 50px
}

.anchor__container, .grow-anchor {
    position: relative
}

.grow-anchor {
    top: -75px
}

@media (min-width: 60em) {
    .grow-anchor {
        top: -100px
    }
}

.grow-anchor svg {
    display: none
}

.hs-inline-edit .grow-anchor {
    background-color: var(--color-primary-100);
    display: block;
    font-size: 20px;
    font-weight: 500;
    padding: 2rem;
    top: 0
}

    .hs-inline-edit .grow-anchor:after {
        content: "#" attr(id);
        padding-left: 2rem
    }

    .hs-inline-edit .grow-anchor svg {
        display: inline-block
    }

:root .hs-tools-menu {
    background: var(--color-primary-500) !important;
    border-color: #000 !important
}

    :root .hs-tools-menu[aria-expanded=true] img {
        display: none
    }

:root .hs-tools-menu {
    color: #fff !important
}

:root .hs-title {
    letter-spacing: .5px;
    text-shadow: none !important
}

:root .hs-tools-menu ul {
    background: var(--color-primary-100) !important
}

:root .hs-tools-menu a {
    color: #000 !important;
    letter-spacing: .2px;
    text-shadow: none !important
}

    :root .hs-tools-menu a:active, :root .hs-tools-menu a:hover {
        background: var(--color-primary-500) !important;
        color: #fff !important
    }

.hs_cos_wrapper {
    position: relative
}

body, html {
    overflow-x: hidden
}

    body.--locked, html.--locked {
        overflow: hidden
    }

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

main {
    flex: 1;
    position: relative;
    z-index: 5
}

.u-gradient--linear, .u-gradient--radial {
    background-color: var(--color-secondary-400);
    overflow: hidden;
    position: relative
}

    .u-gradient--radial:after, .u-gradient--radial:before {
        background: var(--color-primary-800);
        border-radius: 100%;
        content: "";
        filter: blur(129.5px);
        position: absolute
    }

@media (min-width: 60em) {
    .u-gradient--radial:after, .u-gradient--radial:before {
        background: var(--color-primary-700);
        filter: blur(238px);
        opacity: .7
    }
}

.u-gradient--radial:before {
    height: 350px;
    left: -165px;
    top: -135px;
    width: 350px
}

@media (min-width: 60em) {
    .u-gradient--radial:before {
        height: 1000px;
        left: -440px;
        top: -550px;
        width: 1000px
    }
}

.u-gradient--radial:after {
    bottom: -45px;
    height: 315px;
    right: -35px;
    width: 315px
}

@media (min-width: 60em) {
    .u-gradient--radial:after {
        bottom: auto;
        height: 1000px;
        right: -700px;
        top: -330px;
        width: 1000px
    }
}

.u-gradient--linear:after {
    background: var(--color-primary-800);
    border-radius: 100%;
    bottom: -545px;
    content: "";
    filter: blur(238px);
    height: 1300px;
    opacity: .7;
    position: absolute;
    right: -645px;
    width: 1255px
}

.content-wrapper {
    margin: 0 auto;
    padding: 0 1rem
}

@media screen and (min-width: 1380px) {
    .content-wrapper {
        padding: 0
    }
}

.dnd-section > .row-fluid {
    margin: 0 auto
}

.dnd-section .dnd-column:not(.span12) {
    padding: 0 1rem
}

@media (max-width: 767px) {
    .dnd-section .dnd-column {
        padding: 0
    }
}

.hs-menu-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.hs_cos_wrapper_type_cta img, .hs_cos_wrapper_type_logo img, .hs_cos_wrapper_type_rich_text img {
    height: auto;
    max-width: 100%
}

.show-for-sr {
    border: 0 !important;
    clip: rect(0,0,0,0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

@media (max-width: 767px) {
    .show-for-sr--mobile {
        border: 0 !important;
        clip: rect(0,0,0,0) !important;
        height: 1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        white-space: nowrap !important;
        width: 1px !important
    }
}

.badge {
    display: none
}

.l-dnd-showcase .showcase-container {
    overflow: hidden;
    position: relative
}

.l-dnd-showcase > .row-fluid-wrapper > .row-fluid > .widget-type-cell {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .l-dnd-showcase > .row-fluid-wrapper > .row-fluid > .widget-type-cell .dnd-section {
        width: 100%
    }

.hs-inline-edit .showcase-container, .l-showcase .showcase-container {
    overflow: hidden;
    position: relative
}

    .l-showcase .showcase-container:hover .badge {
        opacity: 1
    }

.l-showcase .badge {
    display: block !important;
    opacity: 1;
    top: -25px
}

.l-showcase .badge--invert .ribbon {
    background-color: var(--color-greys-100);
    color: var(--color-greys-700)
}

.hs-inline-edit .showcase-container .badge {
    display: block;
    opacity: 1
}

.ribbon {
    align-items: center;
    background-color: var(--color-greys-700);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.27);
    color: #fff;
    cursor: default;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 5px 15px;
    position: absolute;
    top: 0;
    transform: translate(20px,20px);
    transition: all .2s ease;
    width: max-content;
    z-index: 11
}

.M00-Spacing svg {
    display: none
}

.hs-inline-edit .M00-Spacing svg {
    display: inline-block;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%)
}

.hs-inline-edit .M00-Spacing {
    align-items: center;
    display: flex;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative
}

.M00-styleguide__swatches {
    cursor: pointer;
    margin-bottom: 5rem
}

.swatch {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-weight: 700;
    height: 100px;
    justify-content: center;
    margin-left: -.5rem;
    margin-right: -.5rem;
    position: relative;
    transition: transform var(--transition-fast) linear;
    width: 100px
}

.M05-HeroSimpleText:before {
    filter: blur(177px);
    height: 795px;
    left: -735px;
    width: 820px
}

.M05-HeroSimpleText:before, .M12-HeroSplit:before {
    background: var(--color-secondary-100);
    border-radius: 100%;
    content: "";
    position: absolute
}

.M12-HeroSplit:before {
    background: var(--Foundation-Secondairy-secondairy-100,#c2d3e3);
    filter: blur(129px);
    flex-shrink: 0;
    height: 355px;
    left: -135px;
    top: 30px;
    width: 270px;
    z-index: 0
}

@media (min-width: 60em) {
    .M12-HeroSplit:before {
        bottom: 40px;
        filter: blur(177px);
        height: 775px;
        left: -465px;
        top: auto;
        width: 820px
    }

    .M12-HeroSplit picture {
        position: relative
    }

        .M12-HeroSplit picture img {
            position: relative;
            z-index: 5
        }

        .M12-HeroSplit picture:before {
            background: var(--color-secondary-100);
            border-radius: 100%;
            content: "";
            filter: blur(82.5px);
            height: 710px;
            left: 100px;
            position: absolute;
            top: -50px;
            width: 660px;
            z-index: 0
        }
}

.M14-Cards:before {
    background: var(--color-secondary-100);
    border-radius: 100%;
    content: "";
    display: block;
    filter: blur(222.5px);
    height: 525px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 600px;
    z-index: 0
}

:root {
    --anchor-color: var(--color-primary-500);
    --anchor-hover-color: var(--color-root-white);
    --anchor-border-color: var(--color-greys-50);
    --anchor-card-color: var(--color-greys-700);
    --anchor-card-background-color: var(--color-greys-50);
    --anchor-card-hover-color: var(--color-root-white);
    --anchor-card-hover-background-color: var(--color-primary-500)
}

.M16-TableOfContents__anchors li {
    counter-increment: anchor;
    display: flex;
    line-height: 1.25rem
}

    .M16-TableOfContents__anchors li a {
        color: var(--anchor-color);
        display: flex;
        flex-grow: 1;
        padding: 2.25rem 1.5rem;
        transition: all ease-in-out var(--transition-fast)
    }

        .M16-TableOfContents__anchors li a:before {
            content: counter(anchor);
            flex-shrink: 0
        }

        .M16-TableOfContents__anchors li a:hover {
            background-color: var(--anchor-color);
            color: var(--anchor-hover-color)
        }

.M16-TableOfContents__anchors--list {
    display: flex;
    flex-direction: column
}

    .M16-TableOfContents__anchors--list li + li {
        border-top: 1px solid var(--anchor-border-color)
    }

    .M16-TableOfContents__anchors--list li a {
        padding: 1rem 1.5rem 1rem 0
    }

        .M16-TableOfContents__anchors--list li a:before {
            content: counter(anchor) " - ";
            margin-right: .25rem
        }

        .M16-TableOfContents__anchors--list li a:hover {
            padding-left: 1.5rem
        }

.M16-TableOfContents__anchors--cards {
    display: grid;
    gap: 1.5rem;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr
}

@media (min-width: 30em) {
    .M16-TableOfContents__anchors--cards {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 37.5em) {
    .M16-TableOfContents__anchors--cards {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (min-width: 60em) {
    .M16-TableOfContents__anchors--cards {
        gap: 2.5rem;
        grid-template-columns: repeat(4,1fr)
    }
}

@media (min-width: 80em) {
    .M16-TableOfContents__anchors--cards {
        grid-template-columns: repeat(5,1fr)
    }
}

.M16-TableOfContents__anchors--cards li a {
    background-color: var(--anchor-card-background-color);
    box-shadow: var(--shadow-100);
    color: var(--anchor-card-color);
    flex-direction: column;
    font-size: 1.5rem;
    justify-content: center;
    line-height: 1.4;
    text-align: center
}

    .M16-TableOfContents__anchors--cards li a:before {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 1rem
    }

    .M16-TableOfContents__anchors--cards li a:hover {
        background-color: var(--anchor-card-hover-background-color);
        color: var(--anchor-card-hover-color)
    }

.M17-PricingCards__cards__filter button[role=switch][data-state=unchecked] span {
    transform: translateX(2px)
}

.M17-PricingCards__cards__filter button[role=switch][data-state=checked] span {
    transform: translateX(calc(2rem - 5px))
}

.M17-PricingCards__cards__el__recommended {
    width: 100%
}

@media (min-width: 60em) {
    .M17-PricingCards__cards__el__recommended {
        width: calc(100% - 1px)
    }
}

.M17-PricingCards__cards__el__title[data-type] {
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all var(--transition-fast) ease-in-out
}

.M17-PricingCards__cards__grid[data-type=monthly] .M17-PricingCards__cards__el__title[data-type=monthly], .M17-PricingCards__cards__grid[data-type=yearly] .M17-PricingCards__cards__el__title[data-type=yearly] {
    height: auto;
    opacity: 1;
    position: relative
}

.language-switcher {
    align-items: center;
    display: flex
}

    .language-switcher .globe_class {
        background: none;
        border-radius: 0;
        height: auto;
        width: auto
    }

        .language-switcher .globe_class:hover .lang_list_class {
            display: flex
        }

    .language-switcher .lang_list_class {
        border: none;
        display: flex;
        flex-wrap: wrap;
        left: auto;
        padding: 0;
        position: relative;
        text-align: left;
        top: auto;
        transform: none
    }

        .language-switcher .lang_list_class:after, .language-switcher .lang_list_class:before {
            border: none;
            display: none;
            margin: 0
        }

        .language-switcher .lang_list_class li {
            background: transparent;
            font-size: inherit;
            padding: 0
        }

            .language-switcher .lang_list_class li:first-child, .language-switcher .lang_list_class li:last-child {
                border: none;
                padding-bottom: 0;
                padding-top: 0
            }

    .language-switcher .lang_switcher_link {
        align-items: center;
        color: inherit;
        display: flex;
        font-size: inherit;
        font-weight: 400;
        transition-duration: var(--transition-fast);
        transition-property: background-color,border-color,color
    }

        .language-switcher .lang_switcher_link:before {
            content: attr(lang);
            text-transform: uppercase
        }

:root {
    --search-background-color: var(--color-greys-50);
    --search-input-background-color: var(--color-root-white);
    --search-input-border-color: var(--search-background-color);
    --search-input-color: var(--color-greys-700);
    --search-input-hover-border-color: var(--color-root-white);
    --search-input-hover-outline-color: var(--color-secondary-700);
    --search-suggestions-color: var(--search-input-color);
    --search-suggestions-hover-color: var(--color-root-white);
    --search-suggestions-hover-background-color: var(--color-primary-500);
    --search-suggestions-title-color: var(--color-primary-700)
}

#hs_cos_wrapper_search_input {
    background-color: var(--search-background-color);
    padding: 20px;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    width: 100%;
    z-index: 50
}

.hs-search-field__form {
    column-gap: 30px
}

.hs-search-field {
    margin: 0;
    position: relative
}

@media (min-width: 60em) {
    .hs-search-field {
        margin-left: auto;
        margin-right: auto;
        max-width: 900px
    }
}

.hs-search-field__button {
    height: 46px;
    min-width: 46px
}

.hs-search-field__input {
    border-color: var(--search-input-border-color);
    color: var(--search-input-color);
    font-size: 1rem;
    font-weight: 400;
    height: 3rem
}

    .hs-search-field__input:focus, .hs-search-field__input:focus-visible {
        border-color: var(--search-input-hover-border-color);
        outline-color: var(--search-input-hover-outline-color);
        outline-offset: 0
    }

.hs-search-field button:not([role=switch]):not([role=search]) {
    background-color: var(--search-input-background-color);
    border: none;
    bottom: 4px;
    padding: 8px 14px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 5
}

    .hs-search-field button:not([role=switch]):not([role=search]):after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23131C3A' d='M14.25 13.629c.274.273.274.684 0 .93a.54.54 0 0 1-.437.191.66.66 0 0 1-.492-.191l-3.664-3.664a5.6 5.6 0 0 1-3.528 1.23c-3.117 0-5.66-2.543-5.66-5.687C.47 3.32 2.985.75 6.13.75c3.118 0 5.688 2.57 5.688 5.688 0 1.34-.438 2.57-1.23 3.527zM1.783 6.438a4.353 4.353 0 0 0 4.375 4.375 4.37 4.37 0 0 0 4.375-4.376 4.39 4.39 0 0 0-4.375-4.374 4.37 4.37 0 0 0-4.375 4.374'/%3E%3C/svg%3E");
        content: "";
        display: block;
        height: 1.125rem;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 1.125rem
    }

    .hs-search-field button:not([role=switch]):not([role=search]):hover:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23fe852d' d='m15.75 14.719-4.188-4.188q1.375-1.72 1.407-4.031-.063-2.75-1.906-4.594C9.832.677 8.303.042 6.468 0q-2.75.063-4.593 1.906Q.063 3.75 0 6.5q.063 2.75 1.906 4.594Q3.719 12.937 6.47 13q2.343-.031 4.031-1.406l4.188 4.187q.28.219.562.219a.72.72 0 0 0 .531-.219q.438-.531-.031-1.062zM1.5 6.5q.063-2.125 1.469-3.531T6.5 1.5q2.125.063 3.531 1.469T11.5 6.5q-.062 2.125-1.469 3.531Q8.626 11.438 6.5 11.5q-2.125-.062-3.531-1.469Q1.562 8.626 1.5 6.5'/%3E%3C/svg%3E")
    }

body .hs-search-field__bar button svg {
    display: none
}

.hs-search-field__suggestions {
    border-radius: var(--input-radius);
    transition: all ease-in-out var(--transition-fast)
}

body .hs-search-field--open .hs-search-field__suggestions {
    background-color: var(--search-background-color);
    border: none;
    box-shadow: var(--shadow-500);
    left: 0;
    margin: 0 20px;
    opacity: 0;
    padding: 12px 24px;
    position: absolute;
    width: calc(100% - 40px)
}

body #hs_cos_wrapper_search_input.is-open:not(.is-hidden) .hs-search-field--open .hs-search-field__suggestions {
    opacity: 1
}

.hs-search-field__suggestions-container {
    top: 4px
}

.hs-search-field__suggestions a {
    color: var(--search-suggestions-color);
    padding: .5rem .75rem .5rem 0;
    transition: all ease-in-out var(--transition-fast)
}

.hs-search-field .hs-search-field__suggestions a:hover {
    background-color: var(--search-suggestions-hover-background-color);
    color: var(--search-suggestions-hover-color);
    padding-left: .75rem
}

.hs-search-field__suggestions #results-for {
    color: var(--search-suggestions-title-color);
    font-weight: 400
}

.M01-Header__navigation__subnav {
    background-color: var(--header-menu-subnav-background-color);
    border-radius: 1.5rem;
    box-shadow: 2px 4px 9px 0 rgba(0,0,0,.12);
    display: flex;
    flex-direction: column;
    height: 0;
    max-width: 100%;
    opacity: .5;
    pointer-events: none;
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform .15s ease-in-out,opacity .3s ease-in-out;
    width: 100%
}

@media (min-width: 60em) {
    .M01-Header__navigation__subnav {
        bottom: -20px;
        height: -moz-fit-content;
        height: fit-content;
        left: 20px;
        min-width: 415px;
        position: absolute;
        transform: translateY(100%) scaleY(0)
    }

    .M01-Header__navigation__subnav--columns {
        min-width: 600px
    }
}

.M01-Header__navigation__subnav-menu {
    column-gap: 40px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    row-gap: 40px
}

@media (min-width: 60em) {
    .M01-Header__navigation__subnav-menu {
        row-gap: 8px
    }
}

.M01-Header__navigation__subnav-menu > div:not(.c-btn-container) {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (min-width: 60em) {
    .M01-Header__navigation__subnav-menu--columns {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.M01-Header__navigation__subnav .M01-Header__navigation__link {
    background-color: #fff;
    border-radius: 16px;
    display: block;
    padding: 8px 16px;
    transition: background-color .3s ease-in-out
}

    .M01-Header__navigation__subnav .M01-Header__navigation__link:hover {
        background-color: var(--color-secondary-50)
    }

.M01-Header__navigation__subnav.hasBottomLinks .M01-Header__navigation__subnav-menu {
    padding: 24px 24px 0
}

.M01-Header__navigation__subnav.hasBottomLinks .M01-Header__navigation__bottom-links {
    border-radius: 0 0 24px 24px;
    margin-top: 24px
}

.M01-Header__navigation__subnav .M01-Header__navigation__bottom-links {
    display: flex
}

    .M01-Header__navigation__subnav .M01-Header__navigation__bottom-links a {
        align-items: center;
        background-color: var(--color-secondary-50);
        color: var(--color-secondary-600);
        display: flex;
        font-size: 14px;
        font-weight: 500;
        gap: 8px;
        justify-content: center;
        line-height: 1.4;
        padding: 16px 24px;
        transition: all .3s ease-in-out;
        width: 50%
    }

        .M01-Header__navigation__subnav .M01-Header__navigation__bottom-links a:hover {
            background-color: var(--color-secondary-600);
            color: #fff
        }

        .M01-Header__navigation__subnav .M01-Header__navigation__bottom-links a:last-child {
            border-left: 1px solid var(--color-secondary-200)
        }

.M01-Header__navigation__subnav[aria-expanded=true] {
    height: -moz-fit-content;
    height: fit-content;
    opacity: 1;
    pointer-events: visible;
    transform: scale(1)
}

@media (min-width: 60em) {
    .M01-Header__navigation__subnav[aria-expanded=true] {
        transform: translateY(100%)
    }
}

.M01-Header__navigation__subnav ul[role=menu] {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px
}

    .M01-Header__navigation__subnav ul[role=menu] > .hs-menu-depth-1 > a {
        border-radius: .25rem;
        color: var(--header-menu-subnav-color);
        padding: .5rem
    }

        .M01-Header__navigation__subnav ul[role=menu] > .hs-menu-depth-1 > a:before {
            display: none
        }

        .M01-Header__navigation__subnav ul[role=menu] > .hs-menu-depth-1 > a:hover {
            background-color: var(--header-menu-subnav-hover-background-color);
            color: var(--header-menu-subnav-hover-color)
        }

:root {
    --header-background-color: transparent;
    --header-sticky-background-color: var(--color-root-white);
    --header-menu-font: var(--font-family-heading);
    --header-menu-color: var(--color-primary-900);
    --header-menu-hover-width: 1px;
    --header-menu-hover-color: var(--color-tertiary-500);
    --header-menu-subnav-color: var(--header-menu-color);
    --header-menu-subnav-background-color: var(--color-root-white);
    --header-menu-subnav-border-color: var(--header-menu-color);
    --header-menu-subnav-hover-color: var(--header-menu-color);
    --header-menu-subnav-hover-background-color: var(--color-greys-100);
    --link-padding: 8px;
    --header-language-switcher-hover-background-color: var(--color-greys-50);
    --header-language-switcher-hover-border-color: var(--header-menu-color);
    --header-language-switcher-hover-color: var(--header-menu-color)
}

.page__header__skip {
    height: 1px;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: -1000px;
    width: 1px
}

    .page__header__skip:active, .page__header__skip:focus, .page__header__skip:hover {
        height: auto;
        left: 0;
        overflow: visible;
        top: 0;
        width: auto
    }

#masthead {
    left: 0;
    position: fixed;
    top: 0;
    transition: background-color var(--transition-fast) ease-in-out,box-shadow var(--transition-fast) ease-in-out;
    width: 100%;
    z-index: 500
}

    #masthead.page__header--fixed {
        background-color: var(--header-sticky-background-color);
        box-shadow: var(--shadow-100)
    }

.page__header {
    background-color: var(--header-background-color)
}

@media (min-width: 1280px) and (max-width:1350px) {
    .M01-Header__logo {
        max-width: 150px
    }
}

.M01-Header__logo--toggle .M01-Header__logo__img {
    transform-origin: left;
    transition: all .3s ease-in-out;
    width: auto
}

.M01-Header__logo--toggle .M01-Header__logo__img--sticky, .page__header--fixed .M01-Header__logo--toggle .M01-Header__logo__img--main {
    opacity: 0;
    transform: scale(0);
    width: 0
}

.page__header--fixed .M01-Header__logo--toggle .M01-Header__logo__img--sticky {
    opacity: 1;
    transform: scale(1);
    width: auto
}

.M01-Header__navigation {
    display: flex;
    gap: 1.25rem;
    margin-right: 24px
}

@media (min-width: 1280px) and (max-width:1350px) {
    .M01-Header__navigation {
        margin-right: 0
    }
}

.M01-Header__navigation ul[role=menu] {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between
}

@media (min-width: 1280px) and (max-width:1350px) {
    .M01-Header__navigation ul[role=menu] {
        gap: 16px
    }
}

@media (max-width: 79.9375em) and (min-width:60em) {
    .M01-Header__navigation ul[role=menu] {
        gap: .5rem
    }
}

.M01-Header__navigation ul[role=menu] > .hs-menu-depth-1 {
    align-items: center;
    display: flex;
    overflow: visible;
    position: relative
}

    .M01-Header__navigation ul[role=menu] > .hs-menu-depth-1 > a {
        color: var(--header-menu-color);
        display: flex;
        font-family: var(--header-menu-font);
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.2;
        transition: color .3s ease-in-out;
        white-space: nowrap;
        width: 100%
    }

@media (min-width: 1280px) and (max-width:1350px) {
    .M01-Header__navigation ul[role=menu] > .hs-menu-depth-1 > a {
        font-size: 1rem
    }
}

.M01-Header__navigation ul[role=menu] > .hs-menu-depth-1 > a:hover {
    color: var(--header-menu-hover-color)
}

    .M01-Header__navigation ul[role=menu] > .hs-menu-depth-1 > a:hover:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fe852d' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E")
    }

.M01-Header__navigation ul[role=menu] .hs-item-has-children > a {
    align-items: center;
    display: flex
}

    .M01-Header__navigation ul[role=menu] .hs-item-has-children > a:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23333' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 14px;
        margin-left: .4375rem;
        transition: transform .3s ease-in-out;
        width: 14px
    }

@media (min-width: 60em) {
    .M01-Header__navigation ul[role=menu] .hs-item-has-children > a:after {
        height: 12px;
        width: 12px
    }
}

.M01-Header__navigation ul[role=menu] .hs-item-has-children > a[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.M01-Header__navigation--primary ul[role=menu] > .hs-menu-depth-1 > a {
    padding: .9375rem var(--link-padding);
    text-align: center
}

    .M01-Header__navigation--primary ul[role=menu] > .hs-menu-depth-1 > a:before {
        background-color: var(--header-menu-hover-color);
        bottom: .3125rem;
        content: "";
        height: var(--header-menu-hover-width);
        left: var(--link-padding);
        position: absolute;
        transition: width .3s ease-in-out;
        width: 0
    }

    .M01-Header__navigation--primary ul[role=menu] > .hs-menu-depth-1.active > a:before, .M01-Header__navigation--primary ul[role=menu] > .hs-menu-depth-1 > a:hover:before, .M01-Header__navigation--primary ul[role=menu] > .hs-menu-depth-1 > a[data-current-page]:before, .M01-Header__navigation--primary ul[role=menu] > .hs-menu-depth-1 > a[data-parent-page]:before {
        width: calc(100% - var(--link-padding)*2)
    }

.M01-Header__navigation--mobile {
    flex-direction: column;
    justify-content: space-between
}

    .M01-Header__navigation--mobile ul[role=menu] {
        align-items: start;
        flex-direction: column;
        gap: 28px
    }

        .M01-Header__navigation--mobile ul[role=menu] > .hs-menu-depth-1 {
            align-items: start;
            flex-direction: column;
            width: 100%
        }

            .M01-Header__navigation--mobile ul[role=menu] > .hs-menu-depth-1 > ul[role=menu] {
                gap: 4px;
                margin: 8px 0 0;
                opacity: .5;
                pointer-events: none;
                position: absolute !important;
                transform: scaleY(0);
                transform-origin: top center;
                transition: transform .25s ease-in-out,opacity .4s ease-in-out
            }

                .M01-Header__navigation--mobile ul[role=menu] > .hs-menu-depth-1 > ul[role=menu][aria-expanded=true] {
                    opacity: 1;
                    pointer-events: visible;
                    position: relative !important;
                    transform: none
                }

.M01-Header__navigation__bar, .M01-Header__navigation__bar:after, .M01-Header__navigation__bar:before {
    background-color: var(--header-menu-color);
    border-radius: 3px;
    content: "";
    display: block;
    height: 2px;
    pointer-events: none;
    position: absolute;
    transform-origin: 50% 50%;
    transition: transform .4s,background-color .4s;
    width: 40%
}

    .M01-Header__navigation__bar:before {
        bottom: calc(100% + 3px);
        width: 100%
    }

    .M01-Header__navigation__bar:after {
        top: calc(100% + 3px);
        transition-delay: 0s;
        width: 100%
    }

.M01-Header__navigation__mobile-trigger.is-open .M01-Header__navigation__bar, .M01-Header__navigation__mobile-trigger.is-open .M01-Header__navigation__bar:after, .M01-Header__navigation__mobile-trigger.is-open .M01-Header__navigation__bar:before {
    background-color: transparent
}

    .M01-Header__navigation__mobile-trigger.is-open .M01-Header__navigation__bar:after, .M01-Header__navigation__mobile-trigger.is-open .M01-Header__navigation__bar:before {
        background-color: var(--header-menu-color)
    }

    .M01-Header__navigation__mobile-trigger.is-open .M01-Header__navigation__bar:before {
        transform: rotate(45deg);
        transform: translateY(5px) rotate(45deg)
    }

    .M01-Header__navigation__mobile-trigger.is-open .M01-Header__navigation__bar:after {
        transform: translateY(-5px) rotate(-45deg);
        transition-duration: .4s
    }

.M01-Header__search-trigger__icon {
    position: relative;
    width: 100%
}

    .M01-Header__search-trigger__icon:after, .M01-Header__search-trigger__icon:before {
        content: "";
        display: block;
        transform-origin: 50% 50%;
        transition: all .4s
    }

    .M01-Header__search-trigger__icon:before {
        border: 2px solid var(--header-menu-color);
        border-radius: 100%;
        height: 16px;
        margin-left: -2px;
        margin-top: -4px;
        width: 16px
    }

    .M01-Header__search-trigger__icon:after {
        background-color: var(--header-menu-color);
        border-radius: 3px;
        height: 10px;
        left: 15px;
        position: absolute;
        top: 8px;
        transform: rotate(-45deg);
        width: 2px
    }

.M01-Header__search-trigger.is-open .M01-Header__search-trigger__icon:after, .M01-Header__search-trigger.is-open .M01-Header__search-trigger__icon:before {
    border-radius: 3px;
    height: 20px;
    left: 8px;
    position: absolute;
    top: -9px;
    width: 2px
}

.M01-Header__search-trigger.is-open .M01-Header__search-trigger__icon:before {
    background-color: var(--header-menu-color);
    border: none;
    margin-left: 0;
    margin-top: 0;
    transform: rotate(45deg)
}

.M01-Header__search-trigger:hover .M01-Header__search-trigger__icon:before {
    border: 2px solid var(--header-menu-hover-color)
}

.M01-Header__search-trigger:hover .M01-Header__search-trigger__icon:after {
    background-color: var(--header-menu-hover-color)
}

.M01-Header__language-switcher .lang_list_class li:first-child .lang_switcher_link, .M01-Header__language-switcher .lang_list_class li:nth-child(2) .lang_switcher_link {
    margin-left: 0
}

.M01-Header__language-switcher .lang_switcher_link {
    border: 1px solid transparent;
    border-radius: 100%;
    font-weight: 700;
    margin-left: .75rem;
    padding: .875rem .75rem;
    text-indent: -9999px
}

    .M01-Header__language-switcher .lang_switcher_link:before {
        text-indent: 0
    }

    .M01-Header__language-switcher .lang_switcher_link:hover {
        background-color: var(--header-language-switcher-hover-background-color);
        border-color: var(--header-language-switcher-hover-border-color);
        color: var(--header-language-switcher-hover-color)
    }

#mobile-panel {
    transform: translateX(100%);
    -webkit-overflow-scrolling: touch
}

    #mobile-panel[aria-expanded=true] {
        transform: translateX(0)
    }

:root {
    --footer-menu-color: var(--color-root-white);
    --footer-menu-hover-color: var(--footer-menu-color);
    --footer-copyright-color: var(--footer-menu-color);
    --footer-copyright-hover-color: var(--color-tertiary-500);
    --footer-menu-hover-width: 2px;
    --footer-copyright-spacing: 24px
}

.page__footer {
    position: relative
}

    .page__footer:before {
        background: var(--color-secondary-200,#a4bed6);
        border-radius: 805.218px;
        content: "";
        filter: blur(265px);
        flex-shrink: 0;
        height: 805.218px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(-60%,-50%);
        width: 688.443px
    }

    .page__footer .social-links__icon svg {
        max-height: 100%;
        max-width: 100%;
        width: 100%
    }

.M02-Footer .c-typography p {
    margin-bottom: 24px
}

.M02-Footer .c-typography a:not([class]) {
    color: var(--footer-menu-color)
}

    .M02-Footer .c-typography a:not([class]):hover {
        color: var(--footer-copyright-hover-color)
    }

.M02-Footer .c-typography > :not(:empty) + :not(:empty) {
    margin-top: 0
}

.M02-Footer__navigation ul[role=menu] {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media (min-width: 37.5em) {
    .M02-Footer__navigation ul[role=menu] {
        align-items: flex-start;
        flex-direction: row
    }
}

@media (min-width: 60em) {
    .M02-Footer__navigation ul[role=menu] {
        justify-content: space-between
    }
}

.M02-Footer__navigation ul[role=menu] .hs-menu-children-wrapper {
    flex-direction: column
}

.M02-Footer__navigation ul[role=menu] a {
    color: var(--footer-menu-color);
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
    white-space: nowrap
}

    .M02-Footer__navigation ul[role=menu] a[href="javascript:void(0);"] {
        cursor: default
    }

    .M02-Footer__navigation ul[role=menu] a:not([href="javascript:void(0);"]):before {
        background-color: var(--footer-menu-hover-color);
        bottom: -.3125rem;
        content: "";
        height: var(--footer-menu-hover-width);
        left: 0;
        position: absolute;
        transition: width .3s ease-in-out;
        width: 0
    }

    .M02-Footer__navigation ul[role=menu] a:hover:before {
        width: 100%
    }

@media (min-width: 37.5em) {
    .M02-Footer__navigation ul[role=menu] > .hs-menu-depth-1 {
        width: calc(50% - 15px)
    }
}

@media (min-width: 60em) {
    .M02-Footer__navigation ul[role=menu] > .hs-menu-depth-1 {
        width: -moz-fit-content;
        width: fit-content
    }
}

.M02-Footer__navigation ul[role=menu] > .hs-menu-depth-1 > a {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5
}

.M02-Footer__navigation ul[role=menu] > .hs-menu-depth-1 > ul[role=menu] {
    gap: 10px;
    left: 0;
    margin-top: 8px;
    opacity: 1;
    position: relative
}

    .M02-Footer__navigation ul[role=menu] > .hs-menu-depth-1 > ul[role=menu] li {
        line-height: normal
    }

.M02-Copyrights__navigation .hs-menu-wrapper ul {
    flex-direction: column
}

@media (min-width: 37.5em) {
    .M02-Copyrights__navigation .hs-menu-wrapper ul {
        flex-direction: row
    }
}

.M02-Copyrights__navigation li {
    position: relative
}

@media (min-width: 37.5em) {
    .M02-Copyrights__navigation li + li {
        padding-left: var(--footer-copyright-spacing)
    }
}

.M02-Copyrights__navigation li a {
    color: var(--footer-copyright-color)
}

    .M02-Copyrights__navigation li a:hover {
        color: var(--footer-copyright-hover-color)
    }

.M02-Copyrights__navigation .lang_list_class li:before {
    display: none
}

.M02-Copyrights__navigation .lang_switcher_link {
    color: var(--footer-copyright-color);
    margin-left: var(--footer-copyright-spacing)
}

    .M02-Copyrights__navigation .lang_switcher_link:before {
        display: none
    }

    .M02-Copyrights__navigation .lang_switcher_link:after {
        color: inherit;
        content: var(--footer-copyright-separator);
        display: block;
        left: var(--footer-copyright-separator-position);
        position: absolute
    }

    .M02-Copyrights__navigation .lang_switcher_link:hover {
        color: var(--footer-copyright-hover-color)
    }

        .M02-Copyrights__navigation .lang_switcher_link:hover:after {
            color: var(--footer-copyright-color)
        }

.M103-AsideLinksWithContent__typography {
    --typography-link-color: var(--color-tertiary-500);
    --typography-links-hover-decoration: none
}

    .M103-AsideLinksWithContent__typography h2, .M103-AsideLinksWithContent__typography h3, .M103-AsideLinksWithContent__typography h4, .M103-AsideLinksWithContent__typography h5, .M103-AsideLinksWithContent__typography h6 {
        color: var(--color-primary-900)
    }

    .M103-AsideLinksWithContent__typography a {
        display: inline-flex
    }

.u-pointer-events-none {
    pointer-events: none
}

.u-fixed {
    position: fixed
}

.u-absolute {
    position: absolute
}

.u-relative {
    position: relative
}

.u-inset-0 {
    inset: 0
}

.u-bottom-0 {
    bottom: 0
}

.u-left-0 {
    left: 0
}

.u-right-0 {
    right: 0
}

.u-top-0 {
    top: 0
}

.u-z-10 {
    z-index: 10
}

.u-z-20 {
    z-index: 20
}

.u-z-side-panel {
    z-index: 65
}

.u-col-span-4 {
    grid-column: span 4/span 4
}

.u-col-span-8 {
    grid-column: span 8/span 8
}

.u-col-span-full {
    grid-column: 1/-1
}

.u-col-start-1 {
    grid-column-start: 1
}

.u-row-start-1 {
    grid-row-start: 1
}

.u-row-start-2 {
    grid-row-start: 2
}

.-u-mt-2 {
    margin-top: -.5rem
}

.u-mb-0 {
    margin-bottom: 0
}

.u-mb-10 {
    margin-bottom: 2.5rem
}

.u-mb-2 {
    margin-bottom: .5rem
}

.u-mb-3 {
    margin-bottom: .75rem
}

.u-mb-4 {
    margin-bottom: 1rem
}

.u-mb-6 {
    margin-bottom: 1.5rem
}

.u-mb-8 {
    margin-bottom: 2rem
}

.u-ml-auto {
    margin-left: auto
}

.u-mr-10 {
    margin-right: 2.5rem
}

.u-mr-5 {
    margin-right: 1.25rem
}

.u-mt-10 {
    margin-top: 2.5rem
}

.u-mt-11 {
    margin-top: 2.75rem
}

.u-mt-14 {
    margin-top: 3.5rem
}

.u-mt-2 {
    margin-top: .5rem
}

.u-mt-20 {
    margin-top: 5rem
}

.u-mt-4 {
    margin-top: 1rem
}

.u-mt-5 {
    margin-top: 1.25rem
}

.u-mt-6 {
    margin-top: 1.5rem
}

.u-mt-8 {
    margin-top: 2rem
}

.u-block {
    display: block
}

.u-flex {
    display: flex
}

.u-inline-flex {
    display: inline-flex
}

.u-grid {
    display: grid
}

.u-hidden {
    display: none
}

.u-aspect-auto {
    aspect-ratio: auto
}

.u-aspect-media {
    aspect-ratio: 7/3
}

.u-aspect-video {
    aspect-ratio: 16/9
}

.u-h-10 {
    height: 2.5rem
}

.u-h-14 {
    height: 3.5rem
}

.u-h-4 {
    height: 1rem
}

.u-h-6 {
    height: 1.5rem
}

.u-h-8 {
    height: 2rem
}

.u-h-9 {
    height: 2.25rem
}

.u-h-\[45px\] {
    height: 45px
}

.u-h-auto {
    height: auto
}

.u-h-full {
    height: 100%
}

.u-h-screen {
    height: 100vh
}

.u-w-10 {
    width: 2.5rem
}

.u-w-16 {
    width: 4rem
}

.u-w-3\/4 {
    width: 75%
}

.u-w-4 {
    width: 1rem
}

.u-w-5 {
    width: 1.25rem
}

.u-w-6 {
    width: 1.5rem
}

.u-w-8 {
    width: 2rem
}

.u-w-\[45px\] {
    width: 45px
}

.u-w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.u-w-full {
    width: 100%
}

.u-w-screen {
    width: 100vw
}

.u-max-w-36 {
    max-width: 9rem
}

.u-max-w-md {
    max-width: 28rem
}

.u-flex-auto {
    flex: 1 1 auto
}

.u-flex-initial {
    flex: 0 1 auto
}

.u-shrink-0 {
    flex-shrink: 0
}

.u-grow {
    flex-grow: 1
}

.u-cursor-default {
    cursor: default
}

.u-cursor-pointer {
    cursor: pointer
}

.u-scroll-py-1 {
    scroll-padding-bottom: .25rem;
    scroll-padding-top: .25rem
}

.u-scroll-py-1\.5 {
    scroll-padding-bottom: .375rem;
    scroll-padding-top: .375rem
}

.u-scroll-py-10 {
    scroll-padding-bottom: 2.5rem;
    scroll-padding-top: 2.5rem
}

.u-scroll-py-11 {
    scroll-padding-bottom: 2.75rem;
    scroll-padding-top: 2.75rem
}

.u-scroll-py-12 {
    scroll-padding-bottom: 3rem;
    scroll-padding-top: 3rem
}

.u-scroll-py-14 {
    scroll-padding-bottom: 3.5rem;
    scroll-padding-top: 3.5rem
}

.u-scroll-py-16 {
    scroll-padding-bottom: 4rem;
    scroll-padding-top: 4rem
}

.u-scroll-py-2 {
    scroll-padding-bottom: .5rem;
    scroll-padding-top: .5rem
}

.u-scroll-py-2\.5 {
    scroll-padding-bottom: .625rem;
    scroll-padding-top: .625rem
}

.u-scroll-py-20 {
    scroll-padding-bottom: 5rem;
    scroll-padding-top: 5rem
}

.u-scroll-py-24 {
    scroll-padding-bottom: 6rem;
    scroll-padding-top: 6rem
}

.u-scroll-py-28 {
    scroll-padding-bottom: 7rem;
    scroll-padding-top: 7rem
}

.u-scroll-py-3 {
    scroll-padding-bottom: .75rem;
    scroll-padding-top: .75rem
}

.u-scroll-py-3\.5 {
    scroll-padding-bottom: .875rem;
    scroll-padding-top: .875rem
}

.u-scroll-py-32 {
    scroll-padding-bottom: 8rem;
    scroll-padding-top: 8rem
}

.u-scroll-py-36 {
    scroll-padding-bottom: 9rem;
    scroll-padding-top: 9rem
}

.u-scroll-py-4 {
    scroll-padding-bottom: 1rem;
    scroll-padding-top: 1rem
}

.u-scroll-py-40 {
    scroll-padding-bottom: 10rem;
    scroll-padding-top: 10rem
}

.u-scroll-py-44 {
    scroll-padding-bottom: 11rem;
    scroll-padding-top: 11rem
}

.u-scroll-py-48 {
    scroll-padding-bottom: 12rem;
    scroll-padding-top: 12rem
}

.u-scroll-py-5 {
    scroll-padding-bottom: 1.25rem;
    scroll-padding-top: 1.25rem
}

.u-scroll-py-52 {
    scroll-padding-bottom: 13rem;
    scroll-padding-top: 13rem
}

.u-scroll-py-56 {
    scroll-padding-bottom: 14rem;
    scroll-padding-top: 14rem
}

.u-scroll-py-6 {
    scroll-padding-bottom: 1.5rem;
    scroll-padding-top: 1.5rem
}

.u-scroll-py-60 {
    scroll-padding-bottom: 15rem;
    scroll-padding-top: 15rem
}

.u-scroll-py-64 {
    scroll-padding-bottom: 16rem;
    scroll-padding-top: 16rem
}

.u-scroll-py-7 {
    scroll-padding-bottom: 1.75rem;
    scroll-padding-top: 1.75rem
}

.u-scroll-py-72 {
    scroll-padding-bottom: 18rem;
    scroll-padding-top: 18rem
}

.u-scroll-py-8 {
    scroll-padding-bottom: 2rem;
    scroll-padding-top: 2rem
}

.u-scroll-py-80 {
    scroll-padding-bottom: 20rem;
    scroll-padding-top: 20rem
}

.u-scroll-py-9 {
    scroll-padding-bottom: 2.25rem;
    scroll-padding-top: 2.25rem
}

.u-scroll-py-96 {
    scroll-padding-bottom: 24rem;
    scroll-padding-top: 24rem
}

.u-grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.u-grid-cols-10 {
    grid-template-columns: repeat(10,minmax(0,1fr))
}

.u-grid-cols-11 {
    grid-template-columns: repeat(11,minmax(0,1fr))
}

.u-grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.u-grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.u-grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.u-grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.u-grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.u-grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.u-flex-col {
    flex-direction: column
}

.u-flex-wrap {
    flex-wrap: wrap
}

.u-place-items-end {
    place-items: end
}

.u-place-items-center {
    place-items: center
}

.u-items-start {
    align-items: flex-start
}

.u-items-end {
    align-items: flex-end
}

.u-items-center {
    align-items: center
}

.u-justify-start {
    justify-content: flex-start
}

.u-justify-end {
    justify-content: flex-end
}

.u-justify-center {
    justify-content: center
}

.u-justify-between {
    justify-content: space-between
}

.u-justify-items-end {
    justify-items: end
}

.u-justify-items-center {
    justify-items: center
}

.u-gap-1 {
    gap: .25rem
}

.u-gap-1\.5 {
    gap: .375rem
}

.u-gap-10 {
    gap: 2.5rem
}

.u-gap-2 {
    gap: .5rem
}

.u-gap-3 {
    gap: .75rem
}

.u-gap-4 {
    gap: 1rem
}

.u-gap-5 {
    gap: 1.25rem
}

.u-gap-6 {
    gap: 1.5rem
}

.u-gap-7 {
    gap: 1.75rem
}

.u-gap-8 {
    gap: 2rem
}

.u-divide-error-300 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-300)
}

.u-divide-error-500 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-500)
}

.u-divide-error-700 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-700)
}

.u-divide-greys-100 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-100)
}

.u-divide-greys-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-200)
}

.u-divide-greys-300 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-300)
}

.u-divide-greys-400 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-400)
}

.u-divide-greys-50 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-50)
}

.u-divide-greys-500 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-500)
}

.u-divide-greys-600 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-600)
}

.u-divide-greys-700 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-700)
}

.u-divide-greys-800 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-800)
}

.u-divide-greys-900 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-900)
}

.u-divide-secondary-100 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-100)
}

.u-divide-secondary-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-200)
}

.u-divide-secondary-300 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-300)
}

.u-divide-secondary-400 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-400)
}

.u-divide-secondary-50 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-50)
}

.u-divide-secondary-500 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-500)
}

.u-divide-secondary-600 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-600)
}

.u-divide-secondary-700 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-700)
}

.u-divide-secondary-800 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-800)
}

.u-divide-secondary-900 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-900)
}

.u-divide-success-300 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-300)
}

.u-divide-success-500 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-500)
}

.u-divide-success-700 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-700)
}

.u-divide-tertiary-100 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-100)
}

.u-divide-tertiary-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-200)
}

.u-divide-tertiary-300 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-300)
}

.u-divide-tertiary-400 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-400)
}

.u-divide-tertiary-50 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-50)
}

.u-divide-tertiary-500 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-500)
}

.u-divide-tertiary-600 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-600)
}

.u-divide-tertiary-700 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-700)
}

.u-divide-tertiary-800 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-800)
}

.u-divide-tertiary-900 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-900)
}

.u-divide-warning-300 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-300)
}

.u-divide-warning-500 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-500)
}

.u-divide-warning-700 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-700)
}

.u-divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0
}

.u-divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.1px
}

.u-divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1px
}

.u-divide-opacity-15 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.15px
}

.u-divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.2px
}

.u-divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.25px
}

.u-divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.3px
}

.u-divide-opacity-35 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.35px
}

.u-divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.4px
}

.u-divide-opacity-45 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.45px
}

.u-divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.05px
}

.u-divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.5px
}

.u-divide-opacity-55 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.55px
}

.u-divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.6px
}

.u-divide-opacity-65 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.65px
}

.u-divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.7px
}

.u-divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.75px
}

.u-divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.8px
}

.u-divide-opacity-85 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.85px
}

.u-divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.9px
}

.u-divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.95px
}

.u-overflow-auto {
    overflow: auto
}

.u-overflow-hidden {
    overflow: hidden
}

.u-overflow-visible {
    overflow: visible
}

.u-rounded-3xl {
    border-radius: 1.5rem
}

.u-rounded-full {
    border-radius: 9999px
}

.u-rounded-lg {
    border-radius: .5rem
}

.u-rounded-media {
    border-radius: 50px
}

.u-rounded-xl {
    border-radius: .75rem
}

.u-rounded-b-3xl {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
}

.u-rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.u-rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem
}

.u-rounded-br-3xl {
    border-bottom-right-radius: 1.5rem
}

.u-border-2 {
    border-width: 2px
}

.u-border-r {
    border-right-width: 1px
}

.u-border-t {
    border-top-width: 1px
}

.u-border-none {
    border-style: none
}

.u-border-black {
    border-color: var(--color-root-black)
}

.u-border-error-300 {
    border-color: var(--color-error-300)
}

.u-border-error-500 {
    border-color: var(--color-error-500)
}

.u-border-error-700 {
    border-color: var(--color-error-700)
}

.u-border-greys-100 {
    border-color: var(--color-greys-100)
}

.u-border-greys-200 {
    border-color: var(--color-greys-200)
}

.u-border-greys-300 {
    border-color: var(--color-greys-300)
}

.u-border-greys-400 {
    border-color: var(--color-greys-400)
}

.u-border-greys-50 {
    border-color: var(--color-greys-50)
}

.u-border-greys-500 {
    border-color: var(--color-greys-500)
}

.u-border-greys-600 {
    border-color: var(--color-greys-600)
}

.u-border-greys-700 {
    border-color: var(--color-greys-700)
}

.u-border-greys-800 {
    border-color: var(--color-greys-800)
}

.u-border-greys-900 {
    border-color: var(--color-greys-900)
}

.u-border-primary-100 {
    border-color: var(--color-primary-100)
}

.u-border-primary-200 {
    border-color: var(--color-primary-200)
}

.u-border-primary-300 {
    border-color: var(--color-primary-300)
}

.u-border-primary-400 {
    border-color: var(--color-primary-400)
}

.u-border-primary-50 {
    border-color: var(--color-primary-50)
}

.u-border-primary-500 {
    border-color: var(--color-primary-500)
}

.u-border-primary-600 {
    border-color: var(--color-primary-600)
}

.u-border-primary-700 {
    border-color: var(--color-primary-700)
}

.u-border-primary-800 {
    border-color: var(--color-primary-800)
}

.u-border-primary-900 {
    border-color: var(--color-primary-900)
}

.u-border-secondary-100 {
    border-color: var(--color-secondary-100)
}

.u-border-secondary-200 {
    border-color: var(--color-secondary-200)
}

.u-border-secondary-300 {
    border-color: var(--color-secondary-300)
}

.u-border-secondary-400 {
    border-color: var(--color-secondary-400)
}

.u-border-secondary-50 {
    border-color: var(--color-secondary-50)
}

.u-border-secondary-500 {
    border-color: var(--color-secondary-500)
}

.u-border-secondary-600 {
    border-color: var(--color-secondary-600)
}

.u-border-secondary-700 {
    border-color: var(--color-secondary-700)
}

.u-border-secondary-800 {
    border-color: var(--color-secondary-800)
}

.u-border-secondary-900 {
    border-color: var(--color-secondary-900)
}

.u-border-success-300 {
    border-color: var(--color-success-300)
}

.u-border-success-500 {
    border-color: var(--color-success-500)
}

.u-border-success-700 {
    border-color: var(--color-success-700)
}

.u-border-tertiary-100 {
    border-color: var(--color-tertiary-100)
}

.u-border-tertiary-200 {
    border-color: var(--color-tertiary-200)
}

.u-border-tertiary-300 {
    border-color: var(--color-tertiary-300)
}

.u-border-tertiary-400 {
    border-color: var(--color-tertiary-400)
}

.u-border-tertiary-50 {
    border-color: var(--color-tertiary-50)
}

.u-border-tertiary-500 {
    border-color: var(--color-tertiary-500)
}

.u-border-tertiary-600 {
    border-color: var(--color-tertiary-600)
}

.u-border-tertiary-700 {
    border-color: var(--color-tertiary-700)
}

.u-border-tertiary-800 {
    border-color: var(--color-tertiary-800)
}

.u-border-tertiary-900 {
    border-color: var(--color-tertiary-900)
}

.u-border-transparent {
    border-color: transparent
}

.u-border-warning-300 {
    border-color: var(--color-warning-300)
}

.u-border-warning-500 {
    border-color: var(--color-warning-500)
}

.u-border-warning-700 {
    border-color: var(--color-warning-700)
}

.u-border-white {
    border-color: var(--color-root-white)
}

.u-border-x-error-300 {
    border-left-color: var(--color-error-300);
    border-right-color: var(--color-error-300)
}

.u-border-x-error-500 {
    border-left-color: var(--color-error-500);
    border-right-color: var(--color-error-500)
}

.u-border-x-error-700 {
    border-left-color: var(--color-error-700);
    border-right-color: var(--color-error-700)
}

.u-border-x-greys-100 {
    border-left-color: var(--color-greys-100);
    border-right-color: var(--color-greys-100)
}

.u-border-x-greys-200 {
    border-left-color: var(--color-greys-200);
    border-right-color: var(--color-greys-200)
}

.u-border-x-greys-300 {
    border-left-color: var(--color-greys-300);
    border-right-color: var(--color-greys-300)
}

.u-border-x-greys-400 {
    border-left-color: var(--color-greys-400);
    border-right-color: var(--color-greys-400)
}

.u-border-x-greys-50 {
    border-left-color: var(--color-greys-50);
    border-right-color: var(--color-greys-50)
}

.u-border-x-greys-500 {
    border-left-color: var(--color-greys-500);
    border-right-color: var(--color-greys-500)
}

.u-border-x-greys-600 {
    border-left-color: var(--color-greys-600);
    border-right-color: var(--color-greys-600)
}

.u-border-x-greys-700 {
    border-left-color: var(--color-greys-700);
    border-right-color: var(--color-greys-700)
}

.u-border-x-greys-800 {
    border-left-color: var(--color-greys-800);
    border-right-color: var(--color-greys-800)
}

.u-border-x-greys-900 {
    border-left-color: var(--color-greys-900);
    border-right-color: var(--color-greys-900)
}

.u-border-x-secondary-100 {
    border-left-color: var(--color-secondary-100);
    border-right-color: var(--color-secondary-100)
}

.u-border-x-secondary-200 {
    border-left-color: var(--color-secondary-200);
    border-right-color: var(--color-secondary-200)
}

.u-border-x-secondary-300 {
    border-left-color: var(--color-secondary-300);
    border-right-color: var(--color-secondary-300)
}

.u-border-x-secondary-400 {
    border-left-color: var(--color-secondary-400);
    border-right-color: var(--color-secondary-400)
}

.u-border-x-secondary-50 {
    border-left-color: var(--color-secondary-50);
    border-right-color: var(--color-secondary-50)
}

.u-border-x-secondary-500 {
    border-left-color: var(--color-secondary-500);
    border-right-color: var(--color-secondary-500)
}

.u-border-x-secondary-600 {
    border-left-color: var(--color-secondary-600);
    border-right-color: var(--color-secondary-600)
}

.u-border-x-secondary-700 {
    border-left-color: var(--color-secondary-700);
    border-right-color: var(--color-secondary-700)
}

.u-border-x-secondary-800 {
    border-left-color: var(--color-secondary-800);
    border-right-color: var(--color-secondary-800)
}

.u-border-x-secondary-900 {
    border-left-color: var(--color-secondary-900);
    border-right-color: var(--color-secondary-900)
}

.u-border-x-success-300 {
    border-left-color: var(--color-success-300);
    border-right-color: var(--color-success-300)
}

.u-border-x-success-500 {
    border-left-color: var(--color-success-500);
    border-right-color: var(--color-success-500)
}

.u-border-x-success-700 {
    border-left-color: var(--color-success-700);
    border-right-color: var(--color-success-700)
}

.u-border-x-tertiary-100 {
    border-left-color: var(--color-tertiary-100);
    border-right-color: var(--color-tertiary-100)
}

.u-border-x-tertiary-200 {
    border-left-color: var(--color-tertiary-200);
    border-right-color: var(--color-tertiary-200)
}

.u-border-x-tertiary-300 {
    border-left-color: var(--color-tertiary-300);
    border-right-color: var(--color-tertiary-300)
}

.u-border-x-tertiary-400 {
    border-left-color: var(--color-tertiary-400);
    border-right-color: var(--color-tertiary-400)
}

.u-border-x-tertiary-50 {
    border-left-color: var(--color-tertiary-50);
    border-right-color: var(--color-tertiary-50)
}

.u-border-x-tertiary-500 {
    border-left-color: var(--color-tertiary-500);
    border-right-color: var(--color-tertiary-500)
}

.u-border-x-tertiary-600 {
    border-left-color: var(--color-tertiary-600);
    border-right-color: var(--color-tertiary-600)
}

.u-border-x-tertiary-700 {
    border-left-color: var(--color-tertiary-700);
    border-right-color: var(--color-tertiary-700)
}

.u-border-x-tertiary-800 {
    border-left-color: var(--color-tertiary-800);
    border-right-color: var(--color-tertiary-800)
}

.u-border-x-tertiary-900 {
    border-left-color: var(--color-tertiary-900);
    border-right-color: var(--color-tertiary-900)
}

.u-border-x-warning-300 {
    border-left-color: var(--color-warning-300);
    border-right-color: var(--color-warning-300)
}

.u-border-x-warning-500 {
    border-left-color: var(--color-warning-500);
    border-right-color: var(--color-warning-500)
}

.u-border-x-warning-700 {
    border-left-color: var(--color-warning-700);
    border-right-color: var(--color-warning-700)
}

.u-border-y-error-300 {
    border-bottom-color: var(--color-error-300);
    border-top-color: var(--color-error-300)
}

.u-border-y-error-500 {
    border-bottom-color: var(--color-error-500);
    border-top-color: var(--color-error-500)
}

.u-border-y-error-700 {
    border-bottom-color: var(--color-error-700);
    border-top-color: var(--color-error-700)
}

.u-border-y-greys-100 {
    border-bottom-color: var(--color-greys-100);
    border-top-color: var(--color-greys-100)
}

.u-border-y-greys-200 {
    border-bottom-color: var(--color-greys-200);
    border-top-color: var(--color-greys-200)
}

.u-border-y-greys-300 {
    border-bottom-color: var(--color-greys-300);
    border-top-color: var(--color-greys-300)
}

.u-border-y-greys-400 {
    border-bottom-color: var(--color-greys-400);
    border-top-color: var(--color-greys-400)
}

.u-border-y-greys-50 {
    border-bottom-color: var(--color-greys-50);
    border-top-color: var(--color-greys-50)
}

.u-border-y-greys-500 {
    border-bottom-color: var(--color-greys-500);
    border-top-color: var(--color-greys-500)
}

.u-border-y-greys-600 {
    border-bottom-color: var(--color-greys-600);
    border-top-color: var(--color-greys-600)
}

.u-border-y-greys-700 {
    border-bottom-color: var(--color-greys-700);
    border-top-color: var(--color-greys-700)
}

.u-border-y-greys-800 {
    border-bottom-color: var(--color-greys-800);
    border-top-color: var(--color-greys-800)
}

.u-border-y-greys-900 {
    border-bottom-color: var(--color-greys-900);
    border-top-color: var(--color-greys-900)
}

.u-border-y-secondary-100 {
    border-bottom-color: var(--color-secondary-100);
    border-top-color: var(--color-secondary-100)
}

.u-border-y-secondary-200 {
    border-bottom-color: var(--color-secondary-200);
    border-top-color: var(--color-secondary-200)
}

.u-border-y-secondary-300 {
    border-bottom-color: var(--color-secondary-300);
    border-top-color: var(--color-secondary-300)
}

.u-border-y-secondary-400 {
    border-bottom-color: var(--color-secondary-400);
    border-top-color: var(--color-secondary-400)
}

.u-border-y-secondary-50 {
    border-bottom-color: var(--color-secondary-50);
    border-top-color: var(--color-secondary-50)
}

.u-border-y-secondary-500 {
    border-bottom-color: var(--color-secondary-500);
    border-top-color: var(--color-secondary-500)
}

.u-border-y-secondary-600 {
    border-bottom-color: var(--color-secondary-600);
    border-top-color: var(--color-secondary-600)
}

.u-border-y-secondary-700 {
    border-bottom-color: var(--color-secondary-700);
    border-top-color: var(--color-secondary-700)
}

.u-border-y-secondary-800 {
    border-bottom-color: var(--color-secondary-800);
    border-top-color: var(--color-secondary-800)
}

.u-border-y-secondary-900 {
    border-bottom-color: var(--color-secondary-900);
    border-top-color: var(--color-secondary-900)
}

.u-border-y-success-300 {
    border-bottom-color: var(--color-success-300);
    border-top-color: var(--color-success-300)
}

.u-border-y-success-500 {
    border-bottom-color: var(--color-success-500);
    border-top-color: var(--color-success-500)
}

.u-border-y-success-700 {
    border-bottom-color: var(--color-success-700);
    border-top-color: var(--color-success-700)
}

.u-border-y-tertiary-100 {
    border-bottom-color: var(--color-tertiary-100);
    border-top-color: var(--color-tertiary-100)
}

.u-border-y-tertiary-200 {
    border-bottom-color: var(--color-tertiary-200);
    border-top-color: var(--color-tertiary-200)
}

.u-border-y-tertiary-300 {
    border-bottom-color: var(--color-tertiary-300);
    border-top-color: var(--color-tertiary-300)
}

.u-border-y-tertiary-400 {
    border-bottom-color: var(--color-tertiary-400);
    border-top-color: var(--color-tertiary-400)
}

.u-border-y-tertiary-50 {
    border-bottom-color: var(--color-tertiary-50);
    border-top-color: var(--color-tertiary-50)
}

.u-border-y-tertiary-500 {
    border-bottom-color: var(--color-tertiary-500);
    border-top-color: var(--color-tertiary-500)
}

.u-border-y-tertiary-600 {
    border-bottom-color: var(--color-tertiary-600);
    border-top-color: var(--color-tertiary-600)
}

.u-border-y-tertiary-700 {
    border-bottom-color: var(--color-tertiary-700);
    border-top-color: var(--color-tertiary-700)
}

.u-border-y-tertiary-800 {
    border-bottom-color: var(--color-tertiary-800);
    border-top-color: var(--color-tertiary-800)
}

.u-border-y-tertiary-900 {
    border-bottom-color: var(--color-tertiary-900);
    border-top-color: var(--color-tertiary-900)
}

.u-border-y-warning-300 {
    border-bottom-color: var(--color-warning-300);
    border-top-color: var(--color-warning-300)
}

.u-border-y-warning-500 {
    border-bottom-color: var(--color-warning-500);
    border-top-color: var(--color-warning-500)
}

.u-border-y-warning-700 {
    border-bottom-color: var(--color-warning-700);
    border-top-color: var(--color-warning-700)
}

.u-border-b-error-300 {
    border-bottom-color: var(--color-error-300)
}

.u-border-b-error-500 {
    border-bottom-color: var(--color-error-500)
}

.u-border-b-error-700 {
    border-bottom-color: var(--color-error-700)
}

.u-border-b-greys-100 {
    border-bottom-color: var(--color-greys-100)
}

.u-border-b-greys-200 {
    border-bottom-color: var(--color-greys-200)
}

.u-border-b-greys-300 {
    border-bottom-color: var(--color-greys-300)
}

.u-border-b-greys-400 {
    border-bottom-color: var(--color-greys-400)
}

.u-border-b-greys-50 {
    border-bottom-color: var(--color-greys-50)
}

.u-border-b-greys-500 {
    border-bottom-color: var(--color-greys-500)
}

.u-border-b-greys-600 {
    border-bottom-color: var(--color-greys-600)
}

.u-border-b-greys-700 {
    border-bottom-color: var(--color-greys-700)
}

.u-border-b-greys-800 {
    border-bottom-color: var(--color-greys-800)
}

.u-border-b-greys-900 {
    border-bottom-color: var(--color-greys-900)
}

.u-border-b-secondary-100 {
    border-bottom-color: var(--color-secondary-100)
}

.u-border-b-secondary-200 {
    border-bottom-color: var(--color-secondary-200)
}

.u-border-b-secondary-300 {
    border-bottom-color: var(--color-secondary-300)
}

.u-border-b-secondary-400 {
    border-bottom-color: var(--color-secondary-400)
}

.u-border-b-secondary-50 {
    border-bottom-color: var(--color-secondary-50)
}

.u-border-b-secondary-500 {
    border-bottom-color: var(--color-secondary-500)
}

.u-border-b-secondary-600 {
    border-bottom-color: var(--color-secondary-600)
}

.u-border-b-secondary-700 {
    border-bottom-color: var(--color-secondary-700)
}

.u-border-b-secondary-800 {
    border-bottom-color: var(--color-secondary-800)
}

.u-border-b-secondary-900 {
    border-bottom-color: var(--color-secondary-900)
}

.u-border-b-success-300 {
    border-bottom-color: var(--color-success-300)
}

.u-border-b-success-500 {
    border-bottom-color: var(--color-success-500)
}

.u-border-b-success-700 {
    border-bottom-color: var(--color-success-700)
}

.u-border-b-tertiary-100 {
    border-bottom-color: var(--color-tertiary-100)
}

.u-border-b-tertiary-200 {
    border-bottom-color: var(--color-tertiary-200)
}

.u-border-b-tertiary-300 {
    border-bottom-color: var(--color-tertiary-300)
}

.u-border-b-tertiary-400 {
    border-bottom-color: var(--color-tertiary-400)
}

.u-border-b-tertiary-50 {
    border-bottom-color: var(--color-tertiary-50)
}

.u-border-b-tertiary-500 {
    border-bottom-color: var(--color-tertiary-500)
}

.u-border-b-tertiary-600 {
    border-bottom-color: var(--color-tertiary-600)
}

.u-border-b-tertiary-700 {
    border-bottom-color: var(--color-tertiary-700)
}

.u-border-b-tertiary-800 {
    border-bottom-color: var(--color-tertiary-800)
}

.u-border-b-tertiary-900 {
    border-bottom-color: var(--color-tertiary-900)
}

.u-border-b-warning-300 {
    border-bottom-color: var(--color-warning-300)
}

.u-border-b-warning-500 {
    border-bottom-color: var(--color-warning-500)
}

.u-border-b-warning-700 {
    border-bottom-color: var(--color-warning-700)
}

.u-border-e-error-300 {
    border-inline-end-color: var(--color-error-300)
}

.u-border-e-error-500 {
    border-inline-end-color: var(--color-error-500)
}

.u-border-e-error-700 {
    border-inline-end-color: var(--color-error-700)
}

.u-border-e-greys-100 {
    border-inline-end-color: var(--color-greys-100)
}

.u-border-e-greys-200 {
    border-inline-end-color: var(--color-greys-200)
}

.u-border-e-greys-300 {
    border-inline-end-color: var(--color-greys-300)
}

.u-border-e-greys-400 {
    border-inline-end-color: var(--color-greys-400)
}

.u-border-e-greys-50 {
    border-inline-end-color: var(--color-greys-50)
}

.u-border-e-greys-500 {
    border-inline-end-color: var(--color-greys-500)
}

.u-border-e-greys-600 {
    border-inline-end-color: var(--color-greys-600)
}

.u-border-e-greys-700 {
    border-inline-end-color: var(--color-greys-700)
}

.u-border-e-greys-800 {
    border-inline-end-color: var(--color-greys-800)
}

.u-border-e-greys-900 {
    border-inline-end-color: var(--color-greys-900)
}

.u-border-e-secondary-100 {
    border-inline-end-color: var(--color-secondary-100)
}

.u-border-e-secondary-200 {
    border-inline-end-color: var(--color-secondary-200)
}

.u-border-e-secondary-300 {
    border-inline-end-color: var(--color-secondary-300)
}

.u-border-e-secondary-400 {
    border-inline-end-color: var(--color-secondary-400)
}

.u-border-e-secondary-50 {
    border-inline-end-color: var(--color-secondary-50)
}

.u-border-e-secondary-500 {
    border-inline-end-color: var(--color-secondary-500)
}

.u-border-e-secondary-600 {
    border-inline-end-color: var(--color-secondary-600)
}

.u-border-e-secondary-700 {
    border-inline-end-color: var(--color-secondary-700)
}

.u-border-e-secondary-800 {
    border-inline-end-color: var(--color-secondary-800)
}

.u-border-e-secondary-900 {
    border-inline-end-color: var(--color-secondary-900)
}

.u-border-e-success-300 {
    border-inline-end-color: var(--color-success-300)
}

.u-border-e-success-500 {
    border-inline-end-color: var(--color-success-500)
}

.u-border-e-success-700 {
    border-inline-end-color: var(--color-success-700)
}

.u-border-e-tertiary-100 {
    border-inline-end-color: var(--color-tertiary-100)
}

.u-border-e-tertiary-200 {
    border-inline-end-color: var(--color-tertiary-200)
}

.u-border-e-tertiary-300 {
    border-inline-end-color: var(--color-tertiary-300)
}

.u-border-e-tertiary-400 {
    border-inline-end-color: var(--color-tertiary-400)
}

.u-border-e-tertiary-50 {
    border-inline-end-color: var(--color-tertiary-50)
}

.u-border-e-tertiary-500 {
    border-inline-end-color: var(--color-tertiary-500)
}

.u-border-e-tertiary-600 {
    border-inline-end-color: var(--color-tertiary-600)
}

.u-border-e-tertiary-700 {
    border-inline-end-color: var(--color-tertiary-700)
}

.u-border-e-tertiary-800 {
    border-inline-end-color: var(--color-tertiary-800)
}

.u-border-e-tertiary-900 {
    border-inline-end-color: var(--color-tertiary-900)
}

.u-border-e-warning-300 {
    border-inline-end-color: var(--color-warning-300)
}

.u-border-e-warning-500 {
    border-inline-end-color: var(--color-warning-500)
}

.u-border-e-warning-700 {
    border-inline-end-color: var(--color-warning-700)
}

.u-border-l-error-300 {
    border-left-color: var(--color-error-300)
}

.u-border-l-error-500 {
    border-left-color: var(--color-error-500)
}

.u-border-l-error-700 {
    border-left-color: var(--color-error-700)
}

.u-border-l-greys-100 {
    border-left-color: var(--color-greys-100)
}

.u-border-l-greys-200 {
    border-left-color: var(--color-greys-200)
}

.u-border-l-greys-300 {
    border-left-color: var(--color-greys-300)
}

.u-border-l-greys-400 {
    border-left-color: var(--color-greys-400)
}

.u-border-l-greys-50 {
    border-left-color: var(--color-greys-50)
}

.u-border-l-greys-500 {
    border-left-color: var(--color-greys-500)
}

.u-border-l-greys-600 {
    border-left-color: var(--color-greys-600)
}

.u-border-l-greys-700 {
    border-left-color: var(--color-greys-700)
}

.u-border-l-greys-800 {
    border-left-color: var(--color-greys-800)
}

.u-border-l-greys-900 {
    border-left-color: var(--color-greys-900)
}

.u-border-l-secondary-100 {
    border-left-color: var(--color-secondary-100)
}

.u-border-l-secondary-200 {
    border-left-color: var(--color-secondary-200)
}

.u-border-l-secondary-300 {
    border-left-color: var(--color-secondary-300)
}

.u-border-l-secondary-400 {
    border-left-color: var(--color-secondary-400)
}

.u-border-l-secondary-50 {
    border-left-color: var(--color-secondary-50)
}

.u-border-l-secondary-500 {
    border-left-color: var(--color-secondary-500)
}

.u-border-l-secondary-600 {
    border-left-color: var(--color-secondary-600)
}

.u-border-l-secondary-700 {
    border-left-color: var(--color-secondary-700)
}

.u-border-l-secondary-800 {
    border-left-color: var(--color-secondary-800)
}

.u-border-l-secondary-900 {
    border-left-color: var(--color-secondary-900)
}

.u-border-l-success-300 {
    border-left-color: var(--color-success-300)
}

.u-border-l-success-500 {
    border-left-color: var(--color-success-500)
}

.u-border-l-success-700 {
    border-left-color: var(--color-success-700)
}

.u-border-l-tertiary-100 {
    border-left-color: var(--color-tertiary-100)
}

.u-border-l-tertiary-200 {
    border-left-color: var(--color-tertiary-200)
}

.u-border-l-tertiary-300 {
    border-left-color: var(--color-tertiary-300)
}

.u-border-l-tertiary-400 {
    border-left-color: var(--color-tertiary-400)
}

.u-border-l-tertiary-50 {
    border-left-color: var(--color-tertiary-50)
}

.u-border-l-tertiary-500 {
    border-left-color: var(--color-tertiary-500)
}

.u-border-l-tertiary-600 {
    border-left-color: var(--color-tertiary-600)
}

.u-border-l-tertiary-700 {
    border-left-color: var(--color-tertiary-700)
}

.u-border-l-tertiary-800 {
    border-left-color: var(--color-tertiary-800)
}

.u-border-l-tertiary-900 {
    border-left-color: var(--color-tertiary-900)
}

.u-border-l-warning-300 {
    border-left-color: var(--color-warning-300)
}

.u-border-l-warning-500 {
    border-left-color: var(--color-warning-500)
}

.u-border-l-warning-700 {
    border-left-color: var(--color-warning-700)
}

.u-border-r-error-300 {
    border-right-color: var(--color-error-300)
}

.u-border-r-error-500 {
    border-right-color: var(--color-error-500)
}

.u-border-r-error-700 {
    border-right-color: var(--color-error-700)
}

.u-border-r-greys-100 {
    border-right-color: var(--color-greys-100)
}

.u-border-r-greys-200 {
    border-right-color: var(--color-greys-200)
}

.u-border-r-greys-300 {
    border-right-color: var(--color-greys-300)
}

.u-border-r-greys-400 {
    border-right-color: var(--color-greys-400)
}

.u-border-r-greys-50 {
    border-right-color: var(--color-greys-50)
}

.u-border-r-greys-500 {
    border-right-color: var(--color-greys-500)
}

.u-border-r-greys-600 {
    border-right-color: var(--color-greys-600)
}

.u-border-r-greys-700 {
    border-right-color: var(--color-greys-700)
}

.u-border-r-greys-800 {
    border-right-color: var(--color-greys-800)
}

.u-border-r-greys-900 {
    border-right-color: var(--color-greys-900)
}

.u-border-r-secondary-100 {
    border-right-color: var(--color-secondary-100)
}

.u-border-r-secondary-200 {
    border-right-color: var(--color-secondary-200)
}

.u-border-r-secondary-300 {
    border-right-color: var(--color-secondary-300)
}

.u-border-r-secondary-400 {
    border-right-color: var(--color-secondary-400)
}

.u-border-r-secondary-50 {
    border-right-color: var(--color-secondary-50)
}

.u-border-r-secondary-500 {
    border-right-color: var(--color-secondary-500)
}

.u-border-r-secondary-600 {
    border-right-color: var(--color-secondary-600)
}

.u-border-r-secondary-700 {
    border-right-color: var(--color-secondary-700)
}

.u-border-r-secondary-800 {
    border-right-color: var(--color-secondary-800)
}

.u-border-r-secondary-900 {
    border-right-color: var(--color-secondary-900)
}

.u-border-r-success-300 {
    border-right-color: var(--color-success-300)
}

.u-border-r-success-500 {
    border-right-color: var(--color-success-500)
}

.u-border-r-success-700 {
    border-right-color: var(--color-success-700)
}

.u-border-r-tertiary-100 {
    border-right-color: var(--color-tertiary-100)
}

.u-border-r-tertiary-200 {
    border-right-color: var(--color-tertiary-200)
}

.u-border-r-tertiary-300 {
    border-right-color: var(--color-tertiary-300)
}

.u-border-r-tertiary-400 {
    border-right-color: var(--color-tertiary-400)
}

.u-border-r-tertiary-50 {
    border-right-color: var(--color-tertiary-50)
}

.u-border-r-tertiary-500 {
    border-right-color: var(--color-tertiary-500)
}

.u-border-r-tertiary-600 {
    border-right-color: var(--color-tertiary-600)
}

.u-border-r-tertiary-700 {
    border-right-color: var(--color-tertiary-700)
}

.u-border-r-tertiary-800 {
    border-right-color: var(--color-tertiary-800)
}

.u-border-r-tertiary-900 {
    border-right-color: var(--color-tertiary-900)
}

.u-border-r-warning-300 {
    border-right-color: var(--color-warning-300)
}

.u-border-r-warning-500 {
    border-right-color: var(--color-warning-500)
}

.u-border-r-warning-700 {
    border-right-color: var(--color-warning-700)
}

.u-border-s-error-300 {
    border-inline-start-color: var(--color-error-300)
}

.u-border-s-error-500 {
    border-inline-start-color: var(--color-error-500)
}

.u-border-s-error-700 {
    border-inline-start-color: var(--color-error-700)
}

.u-border-s-greys-100 {
    border-inline-start-color: var(--color-greys-100)
}

.u-border-s-greys-200 {
    border-inline-start-color: var(--color-greys-200)
}

.u-border-s-greys-300 {
    border-inline-start-color: var(--color-greys-300)
}

.u-border-s-greys-400 {
    border-inline-start-color: var(--color-greys-400)
}

.u-border-s-greys-50 {
    border-inline-start-color: var(--color-greys-50)
}

.u-border-s-greys-500 {
    border-inline-start-color: var(--color-greys-500)
}

.u-border-s-greys-600 {
    border-inline-start-color: var(--color-greys-600)
}

.u-border-s-greys-700 {
    border-inline-start-color: var(--color-greys-700)
}

.u-border-s-greys-800 {
    border-inline-start-color: var(--color-greys-800)
}

.u-border-s-greys-900 {
    border-inline-start-color: var(--color-greys-900)
}

.u-border-s-secondary-100 {
    border-inline-start-color: var(--color-secondary-100)
}

.u-border-s-secondary-200 {
    border-inline-start-color: var(--color-secondary-200)
}

.u-border-s-secondary-300 {
    border-inline-start-color: var(--color-secondary-300)
}

.u-border-s-secondary-400 {
    border-inline-start-color: var(--color-secondary-400)
}

.u-border-s-secondary-50 {
    border-inline-start-color: var(--color-secondary-50)
}

.u-border-s-secondary-500 {
    border-inline-start-color: var(--color-secondary-500)
}

.u-border-s-secondary-600 {
    border-inline-start-color: var(--color-secondary-600)
}

.u-border-s-secondary-700 {
    border-inline-start-color: var(--color-secondary-700)
}

.u-border-s-secondary-800 {
    border-inline-start-color: var(--color-secondary-800)
}

.u-border-s-secondary-900 {
    border-inline-start-color: var(--color-secondary-900)
}

.u-border-s-success-300 {
    border-inline-start-color: var(--color-success-300)
}

.u-border-s-success-500 {
    border-inline-start-color: var(--color-success-500)
}

.u-border-s-success-700 {
    border-inline-start-color: var(--color-success-700)
}

.u-border-s-tertiary-100 {
    border-inline-start-color: var(--color-tertiary-100)
}

.u-border-s-tertiary-200 {
    border-inline-start-color: var(--color-tertiary-200)
}

.u-border-s-tertiary-300 {
    border-inline-start-color: var(--color-tertiary-300)
}

.u-border-s-tertiary-400 {
    border-inline-start-color: var(--color-tertiary-400)
}

.u-border-s-tertiary-50 {
    border-inline-start-color: var(--color-tertiary-50)
}

.u-border-s-tertiary-500 {
    border-inline-start-color: var(--color-tertiary-500)
}

.u-border-s-tertiary-600 {
    border-inline-start-color: var(--color-tertiary-600)
}

.u-border-s-tertiary-700 {
    border-inline-start-color: var(--color-tertiary-700)
}

.u-border-s-tertiary-800 {
    border-inline-start-color: var(--color-tertiary-800)
}

.u-border-s-tertiary-900 {
    border-inline-start-color: var(--color-tertiary-900)
}

.u-border-s-warning-300 {
    border-inline-start-color: var(--color-warning-300)
}

.u-border-s-warning-500 {
    border-inline-start-color: var(--color-warning-500)
}

.u-border-s-warning-700 {
    border-inline-start-color: var(--color-warning-700)
}

.u-border-t-error-300 {
    border-top-color: var(--color-error-300)
}

.u-border-t-error-500 {
    border-top-color: var(--color-error-500)
}

.u-border-t-error-700 {
    border-top-color: var(--color-error-700)
}

.u-border-t-greys-100 {
    border-top-color: var(--color-greys-100)
}

.u-border-t-greys-200 {
    border-top-color: var(--color-greys-200)
}

.u-border-t-greys-300 {
    border-top-color: var(--color-greys-300)
}

.u-border-t-greys-400 {
    border-top-color: var(--color-greys-400)
}

.u-border-t-greys-50 {
    border-top-color: var(--color-greys-50)
}

.u-border-t-greys-500 {
    border-top-color: var(--color-greys-500)
}

.u-border-t-greys-600 {
    border-top-color: var(--color-greys-600)
}

.u-border-t-greys-700 {
    border-top-color: var(--color-greys-700)
}

.u-border-t-greys-800 {
    border-top-color: var(--color-greys-800)
}

.u-border-t-greys-900 {
    border-top-color: var(--color-greys-900)
}

.u-border-t-secondary-100 {
    border-top-color: var(--color-secondary-100)
}

.u-border-t-secondary-200 {
    border-top-color: var(--color-secondary-200)
}

.u-border-t-secondary-300 {
    border-top-color: var(--color-secondary-300)
}

.u-border-t-secondary-400 {
    border-top-color: var(--color-secondary-400)
}

.u-border-t-secondary-50 {
    border-top-color: var(--color-secondary-50)
}

.u-border-t-secondary-500 {
    border-top-color: var(--color-secondary-500)
}

.u-border-t-secondary-600 {
    border-top-color: var(--color-secondary-600)
}

.u-border-t-secondary-700 {
    border-top-color: var(--color-secondary-700)
}

.u-border-t-secondary-800 {
    border-top-color: var(--color-secondary-800)
}

.u-border-t-secondary-900 {
    border-top-color: var(--color-secondary-900)
}

.u-border-t-success-300 {
    border-top-color: var(--color-success-300)
}

.u-border-t-success-500 {
    border-top-color: var(--color-success-500)
}

.u-border-t-success-700 {
    border-top-color: var(--color-success-700)
}

.u-border-t-tertiary-100 {
    border-top-color: var(--color-tertiary-100)
}

.u-border-t-tertiary-200 {
    border-top-color: var(--color-tertiary-200)
}

.u-border-t-tertiary-300 {
    border-top-color: var(--color-tertiary-300)
}

.u-border-t-tertiary-400 {
    border-top-color: var(--color-tertiary-400)
}

.u-border-t-tertiary-50 {
    border-top-color: var(--color-tertiary-50)
}

.u-border-t-tertiary-500 {
    border-top-color: var(--color-tertiary-500)
}

.u-border-t-tertiary-600 {
    border-top-color: var(--color-tertiary-600)
}

.u-border-t-tertiary-700 {
    border-top-color: var(--color-tertiary-700)
}

.u-border-t-tertiary-800 {
    border-top-color: var(--color-tertiary-800)
}

.u-border-t-tertiary-900 {
    border-top-color: var(--color-tertiary-900)
}

.u-border-t-warning-300 {
    border-top-color: var(--color-warning-300)
}

.u-border-t-warning-500 {
    border-top-color: var(--color-warning-500)
}

.u-border-t-warning-700 {
    border-top-color: var(--color-warning-700)
}

.u-border-opacity-0 {
    --tw-border-opacity: 0
}

.u-border-opacity-10 {
    --tw-border-opacity: 0.1px
}

.u-border-opacity-100 {
    --tw-border-opacity: 1px
}

.u-border-opacity-15 {
    --tw-border-opacity: 0.15px
}

.u-border-opacity-20 {
    --tw-border-opacity: 0.2px
}

.u-border-opacity-25 {
    --tw-border-opacity: 0.25px
}

.u-border-opacity-30 {
    --tw-border-opacity: 0.3px
}

.u-border-opacity-35 {
    --tw-border-opacity: 0.35px
}

.u-border-opacity-40 {
    --tw-border-opacity: 0.4px
}

.u-border-opacity-45 {
    --tw-border-opacity: 0.45px
}

.u-border-opacity-5 {
    --tw-border-opacity: 0.05px
}

.u-border-opacity-50 {
    --tw-border-opacity: 0.5px
}

.u-border-opacity-55 {
    --tw-border-opacity: 0.55px
}

.u-border-opacity-60 {
    --tw-border-opacity: 0.6px
}

.u-border-opacity-65 {
    --tw-border-opacity: 0.65px
}

.u-border-opacity-70 {
    --tw-border-opacity: 0.7px
}

.u-border-opacity-75 {
    --tw-border-opacity: 0.75px
}

.u-border-opacity-80 {
    --tw-border-opacity: 0.8px
}

.u-border-opacity-85 {
    --tw-border-opacity: 0.85px
}

.u-border-opacity-90 {
    --tw-border-opacity: 0.9px
}

.u-border-opacity-95 {
    --tw-border-opacity: 0.95px
}

.u-bg-black {
    background-color: var(--color-root-black)
}

.u-bg-error-300 {
    background-color: var(--color-error-300)
}

.u-bg-error-500 {
    background-color: var(--color-error-500)
}

.u-bg-error-700 {
    background-color: var(--color-error-700)
}

.u-bg-greys-100 {
    background-color: var(--color-greys-100)
}

.u-bg-greys-200 {
    background-color: var(--color-greys-200)
}

.u-bg-greys-300 {
    background-color: var(--color-greys-300)
}

.u-bg-greys-400 {
    background-color: var(--color-greys-400)
}

.u-bg-greys-50 {
    background-color: var(--color-greys-50)
}

.u-bg-greys-500 {
    background-color: var(--color-greys-500)
}

.u-bg-greys-600 {
    background-color: var(--color-greys-600)
}

.u-bg-greys-700 {
    background-color: var(--color-greys-700)
}

.u-bg-greys-800 {
    background-color: var(--color-greys-800)
}

.u-bg-greys-900 {
    background-color: var(--color-greys-900)
}

.u-bg-primary-100 {
    background-color: var(--color-primary-100)
}

.u-bg-primary-200 {
    background-color: var(--color-primary-200)
}

.u-bg-primary-300 {
    background-color: var(--color-primary-300)
}

.u-bg-primary-400 {
    background-color: var(--color-primary-400)
}

.u-bg-primary-50 {
    background-color: var(--color-primary-50)
}

.u-bg-primary-500 {
    background-color: var(--color-primary-500)
}

.u-bg-primary-600 {
    background-color: var(--color-primary-600)
}

.u-bg-primary-700 {
    background-color: var(--color-primary-700)
}

.u-bg-primary-800 {
    background-color: var(--color-primary-800)
}

.u-bg-primary-900 {
    background-color: var(--color-primary-900)
}

.u-bg-secondary-100 {
    background-color: var(--color-secondary-100)
}

.u-bg-secondary-200 {
    background-color: var(--color-secondary-200)
}

.u-bg-secondary-300 {
    background-color: var(--color-secondary-300)
}

.u-bg-secondary-400 {
    background-color: var(--color-secondary-400)
}

.u-bg-secondary-50 {
    background-color: var(--color-secondary-50)
}

.u-bg-secondary-500 {
    background-color: var(--color-secondary-500)
}

.u-bg-secondary-600 {
    background-color: var(--color-secondary-600)
}

.u-bg-secondary-700 {
    background-color: var(--color-secondary-700)
}

.u-bg-secondary-800 {
    background-color: var(--color-secondary-800)
}

.u-bg-secondary-900 {
    background-color: var(--color-secondary-900)
}

.u-bg-success-300 {
    background-color: var(--color-success-300)
}

.u-bg-success-500 {
    background-color: var(--color-success-500)
}

.u-bg-success-700 {
    background-color: var(--color-success-700)
}

.u-bg-tertiary-100 {
    background-color: var(--color-tertiary-100)
}

.u-bg-tertiary-200 {
    background-color: var(--color-tertiary-200)
}

.u-bg-tertiary-300 {
    background-color: var(--color-tertiary-300)
}

.u-bg-tertiary-400 {
    background-color: var(--color-tertiary-400)
}

.u-bg-tertiary-50 {
    background-color: var(--color-tertiary-50)
}

.u-bg-tertiary-500 {
    background-color: var(--color-tertiary-500)
}

.u-bg-tertiary-600 {
    background-color: var(--color-tertiary-600)
}

.u-bg-tertiary-700 {
    background-color: var(--color-tertiary-700)
}

.u-bg-tertiary-800 {
    background-color: var(--color-tertiary-800)
}

.u-bg-tertiary-900 {
    background-color: var(--color-tertiary-900)
}

.u-bg-transparent {
    background-color: transparent
}

.u-bg-warning-300 {
    background-color: var(--color-warning-300)
}

.u-bg-warning-500 {
    background-color: var(--color-warning-500)
}

.u-bg-warning-700 {
    background-color: var(--color-warning-700)
}

.u-bg-white {
    background-color: var(--color-root-white)
}

.u-bg-opacity-0 {
    --tw-bg-opacity: 0
}

.u-bg-opacity-10 {
    --tw-bg-opacity: 0.1px
}

.u-bg-opacity-100 {
    --tw-bg-opacity: 1px
}

.u-bg-opacity-15 {
    --tw-bg-opacity: 0.15px
}

.u-bg-opacity-20 {
    --tw-bg-opacity: 0.2px
}

.u-bg-opacity-25 {
    --tw-bg-opacity: 0.25px
}

.u-bg-opacity-30 {
    --tw-bg-opacity: 0.3px
}

.u-bg-opacity-35 {
    --tw-bg-opacity: 0.35px
}

.u-bg-opacity-40 {
    --tw-bg-opacity: 0.4px
}

.u-bg-opacity-45 {
    --tw-bg-opacity: 0.45px
}

.u-bg-opacity-5 {
    --tw-bg-opacity: 0.05px
}

.u-bg-opacity-50 {
    --tw-bg-opacity: 0.5px
}

.u-bg-opacity-55 {
    --tw-bg-opacity: 0.55px
}

.u-bg-opacity-60 {
    --tw-bg-opacity: 0.6px
}

.u-bg-opacity-65 {
    --tw-bg-opacity: 0.65px
}

.u-bg-opacity-70 {
    --tw-bg-opacity: 0.7px
}

.u-bg-opacity-75 {
    --tw-bg-opacity: 0.75px
}

.u-bg-opacity-80 {
    --tw-bg-opacity: 0.8px
}

.u-bg-opacity-85 {
    --tw-bg-opacity: 0.85px
}

.u-bg-opacity-90 {
    --tw-bg-opacity: 0.9px
}

.u-bg-opacity-95 {
    --tw-bg-opacity: 0.95px
}

.u-from-error-300 {
    --tw-gradient-from: var(--color-error-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-error-500 {
    --tw-gradient-from: var(--color-error-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-error-700 {
    --tw-gradient-from: var(--color-error-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-100 {
    --tw-gradient-from: var(--color-greys-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-200 {
    --tw-gradient-from: var(--color-greys-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-300 {
    --tw-gradient-from: var(--color-greys-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-400 {
    --tw-gradient-from: var(--color-greys-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-50 {
    --tw-gradient-from: var(--color-greys-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-500 {
    --tw-gradient-from: var(--color-greys-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-600 {
    --tw-gradient-from: var(--color-greys-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-700 {
    --tw-gradient-from: var(--color-greys-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-800 {
    --tw-gradient-from: var(--color-greys-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-greys-900 {
    --tw-gradient-from: var(--color-greys-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-100 {
    --tw-gradient-from: var(--color-secondary-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-200 {
    --tw-gradient-from: var(--color-secondary-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-300 {
    --tw-gradient-from: var(--color-secondary-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-400 {
    --tw-gradient-from: var(--color-secondary-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-50 {
    --tw-gradient-from: var(--color-secondary-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-500 {
    --tw-gradient-from: var(--color-secondary-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-600 {
    --tw-gradient-from: var(--color-secondary-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-700 {
    --tw-gradient-from: var(--color-secondary-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-800 {
    --tw-gradient-from: var(--color-secondary-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-secondary-900 {
    --tw-gradient-from: var(--color-secondary-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-success-300 {
    --tw-gradient-from: var(--color-success-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-success-500 {
    --tw-gradient-from: var(--color-success-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-success-700 {
    --tw-gradient-from: var(--color-success-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-100 {
    --tw-gradient-from: var(--color-tertiary-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-200 {
    --tw-gradient-from: var(--color-tertiary-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-300 {
    --tw-gradient-from: var(--color-tertiary-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-400 {
    --tw-gradient-from: var(--color-tertiary-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-50 {
    --tw-gradient-from: var(--color-tertiary-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-500 {
    --tw-gradient-from: var(--color-tertiary-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-600 {
    --tw-gradient-from: var(--color-tertiary-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-700 {
    --tw-gradient-from: var(--color-tertiary-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-800 {
    --tw-gradient-from: var(--color-tertiary-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-tertiary-900 {
    --tw-gradient-from: var(--color-tertiary-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-warning-300 {
    --tw-gradient-from: var(--color-warning-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-warning-500 {
    --tw-gradient-from: var(--color-warning-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-from-warning-700 {
    --tw-gradient-from: var(--color-warning-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.u-via-error-300 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-error-500 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-error-700 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-100 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-200 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-300 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-400 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-50 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-500 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-600 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-700 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-800 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-greys-900 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-100 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-200 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-300 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-400 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-50 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-500 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-600 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-700 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-800 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-secondary-900 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-success-300 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-success-500 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-success-700 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-100 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-200 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-300 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-400 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-50 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-500 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-600 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-700 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-800 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-tertiary-900 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-warning-300 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-warning-500 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-via-warning-700 {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.u-to-error-300 {
    --tw-gradient-to: var(--color-error-300) var(--tw-gradient-to-position)
}

.u-to-error-500 {
    --tw-gradient-to: var(--color-error-500) var(--tw-gradient-to-position)
}

.u-to-error-700 {
    --tw-gradient-to: var(--color-error-700) var(--tw-gradient-to-position)
}

.u-to-greys-100 {
    --tw-gradient-to: var(--color-greys-100) var(--tw-gradient-to-position)
}

.u-to-greys-200 {
    --tw-gradient-to: var(--color-greys-200) var(--tw-gradient-to-position)
}

.u-to-greys-300 {
    --tw-gradient-to: var(--color-greys-300) var(--tw-gradient-to-position)
}

.u-to-greys-400 {
    --tw-gradient-to: var(--color-greys-400) var(--tw-gradient-to-position)
}

.u-to-greys-50 {
    --tw-gradient-to: var(--color-greys-50) var(--tw-gradient-to-position)
}

.u-to-greys-500 {
    --tw-gradient-to: var(--color-greys-500) var(--tw-gradient-to-position)
}

.u-to-greys-600 {
    --tw-gradient-to: var(--color-greys-600) var(--tw-gradient-to-position)
}

.u-to-greys-700 {
    --tw-gradient-to: var(--color-greys-700) var(--tw-gradient-to-position)
}

.u-to-greys-800 {
    --tw-gradient-to: var(--color-greys-800) var(--tw-gradient-to-position)
}

.u-to-greys-900 {
    --tw-gradient-to: var(--color-greys-900) var(--tw-gradient-to-position)
}

.u-to-secondary-100 {
    --tw-gradient-to: var(--color-secondary-100) var(--tw-gradient-to-position)
}

.u-to-secondary-200 {
    --tw-gradient-to: var(--color-secondary-200) var(--tw-gradient-to-position)
}

.u-to-secondary-300 {
    --tw-gradient-to: var(--color-secondary-300) var(--tw-gradient-to-position)
}

.u-to-secondary-400 {
    --tw-gradient-to: var(--color-secondary-400) var(--tw-gradient-to-position)
}

.u-to-secondary-50 {
    --tw-gradient-to: var(--color-secondary-50) var(--tw-gradient-to-position)
}

.u-to-secondary-500 {
    --tw-gradient-to: var(--color-secondary-500) var(--tw-gradient-to-position)
}

.u-to-secondary-600 {
    --tw-gradient-to: var(--color-secondary-600) var(--tw-gradient-to-position)
}

.u-to-secondary-700 {
    --tw-gradient-to: var(--color-secondary-700) var(--tw-gradient-to-position)
}

.u-to-secondary-800 {
    --tw-gradient-to: var(--color-secondary-800) var(--tw-gradient-to-position)
}

.u-to-secondary-900 {
    --tw-gradient-to: var(--color-secondary-900) var(--tw-gradient-to-position)
}

.u-to-success-300 {
    --tw-gradient-to: var(--color-success-300) var(--tw-gradient-to-position)
}

.u-to-success-500 {
    --tw-gradient-to: var(--color-success-500) var(--tw-gradient-to-position)
}

.u-to-success-700 {
    --tw-gradient-to: var(--color-success-700) var(--tw-gradient-to-position)
}

.u-to-tertiary-100 {
    --tw-gradient-to: var(--color-tertiary-100) var(--tw-gradient-to-position)
}

.u-to-tertiary-200 {
    --tw-gradient-to: var(--color-tertiary-200) var(--tw-gradient-to-position)
}

.u-to-tertiary-300 {
    --tw-gradient-to: var(--color-tertiary-300) var(--tw-gradient-to-position)
}

.u-to-tertiary-400 {
    --tw-gradient-to: var(--color-tertiary-400) var(--tw-gradient-to-position)
}

.u-to-tertiary-50 {
    --tw-gradient-to: var(--color-tertiary-50) var(--tw-gradient-to-position)
}

.u-to-tertiary-500 {
    --tw-gradient-to: var(--color-tertiary-500) var(--tw-gradient-to-position)
}

.u-to-tertiary-600 {
    --tw-gradient-to: var(--color-tertiary-600) var(--tw-gradient-to-position)
}

.u-to-tertiary-700 {
    --tw-gradient-to: var(--color-tertiary-700) var(--tw-gradient-to-position)
}

.u-to-tertiary-800 {
    --tw-gradient-to: var(--color-tertiary-800) var(--tw-gradient-to-position)
}

.u-to-tertiary-900 {
    --tw-gradient-to: var(--color-tertiary-900) var(--tw-gradient-to-position)
}

.u-to-warning-300 {
    --tw-gradient-to: var(--color-warning-300) var(--tw-gradient-to-position)
}

.u-to-warning-500 {
    --tw-gradient-to: var(--color-warning-500) var(--tw-gradient-to-position)
}

.u-to-warning-700 {
    --tw-gradient-to: var(--color-warning-700) var(--tw-gradient-to-position)
}

.u-fill-error-300 {
    fill: var(--color-error-300)
}

.u-fill-error-500 {
    fill: var(--color-error-500)
}

.u-fill-error-700 {
    fill: var(--color-error-700)
}

.u-fill-greys-100 {
    fill: var(--color-greys-100)
}

.u-fill-greys-200 {
    fill: var(--color-greys-200)
}

.u-fill-greys-300 {
    fill: var(--color-greys-300)
}

.u-fill-greys-400 {
    fill: var(--color-greys-400)
}

.u-fill-greys-50 {
    fill: var(--color-greys-50)
}

.u-fill-greys-500 {
    fill: var(--color-greys-500)
}

.u-fill-greys-600 {
    fill: var(--color-greys-600)
}

.u-fill-greys-700 {
    fill: var(--color-greys-700)
}

.u-fill-greys-800 {
    fill: var(--color-greys-800)
}

.u-fill-greys-900 {
    fill: var(--color-greys-900)
}

.u-fill-primary-900 {
    fill: var(--color-primary-900)
}

.u-fill-secondary-100 {
    fill: var(--color-secondary-100)
}

.u-fill-secondary-200 {
    fill: var(--color-secondary-200)
}

.u-fill-secondary-300 {
    fill: var(--color-secondary-300)
}

.u-fill-secondary-400 {
    fill: var(--color-secondary-400)
}

.u-fill-secondary-50 {
    fill: var(--color-secondary-50)
}

.u-fill-secondary-500 {
    fill: var(--color-secondary-500)
}

.u-fill-secondary-600 {
    fill: var(--color-secondary-600)
}

.u-fill-secondary-700 {
    fill: var(--color-secondary-700)
}

.u-fill-secondary-800 {
    fill: var(--color-secondary-800)
}

.u-fill-secondary-900 {
    fill: var(--color-secondary-900)
}

.u-fill-success-300 {
    fill: var(--color-success-300)
}

.u-fill-success-500 {
    fill: var(--color-success-500)
}

.u-fill-success-700 {
    fill: var(--color-success-700)
}

.u-fill-tertiary-100 {
    fill: var(--color-tertiary-100)
}

.u-fill-tertiary-200 {
    fill: var(--color-tertiary-200)
}

.u-fill-tertiary-300 {
    fill: var(--color-tertiary-300)
}

.u-fill-tertiary-400 {
    fill: var(--color-tertiary-400)
}

.u-fill-tertiary-50 {
    fill: var(--color-tertiary-50)
}

.u-fill-tertiary-500 {
    fill: var(--color-tertiary-500)
}

.u-fill-tertiary-600 {
    fill: var(--color-tertiary-600)
}

.u-fill-tertiary-700 {
    fill: var(--color-tertiary-700)
}

.u-fill-tertiary-800 {
    fill: var(--color-tertiary-800)
}

.u-fill-tertiary-900 {
    fill: var(--color-tertiary-900)
}

.u-fill-warning-300 {
    fill: var(--color-warning-300)
}

.u-fill-warning-500 {
    fill: var(--color-warning-500)
}

.u-fill-warning-700 {
    fill: var(--color-warning-700)
}

.u-stroke-error-300 {
    stroke: var(--color-error-300)
}

.u-stroke-error-500 {
    stroke: var(--color-error-500)
}

.u-stroke-error-700 {
    stroke: var(--color-error-700)
}

.u-stroke-greys-100 {
    stroke: var(--color-greys-100)
}

.u-stroke-greys-200 {
    stroke: var(--color-greys-200)
}

.u-stroke-greys-300 {
    stroke: var(--color-greys-300)
}

.u-stroke-greys-400 {
    stroke: var(--color-greys-400)
}

.u-stroke-greys-50 {
    stroke: var(--color-greys-50)
}

.u-stroke-greys-500 {
    stroke: var(--color-greys-500)
}

.u-stroke-greys-600 {
    stroke: var(--color-greys-600)
}

.u-stroke-greys-700 {
    stroke: var(--color-greys-700)
}

.u-stroke-greys-800 {
    stroke: var(--color-greys-800)
}

.u-stroke-greys-900 {
    stroke: var(--color-greys-900)
}

.u-stroke-secondary-100 {
    stroke: var(--color-secondary-100)
}

.u-stroke-secondary-200 {
    stroke: var(--color-secondary-200)
}

.u-stroke-secondary-300 {
    stroke: var(--color-secondary-300)
}

.u-stroke-secondary-400 {
    stroke: var(--color-secondary-400)
}

.u-stroke-secondary-50 {
    stroke: var(--color-secondary-50)
}

.u-stroke-secondary-500 {
    stroke: var(--color-secondary-500)
}

.u-stroke-secondary-600 {
    stroke: var(--color-secondary-600)
}

.u-stroke-secondary-700 {
    stroke: var(--color-secondary-700)
}

.u-stroke-secondary-800 {
    stroke: var(--color-secondary-800)
}

.u-stroke-secondary-900 {
    stroke: var(--color-secondary-900)
}

.u-stroke-success-300 {
    stroke: var(--color-success-300)
}

.u-stroke-success-500 {
    stroke: var(--color-success-500)
}

.u-stroke-success-700 {
    stroke: var(--color-success-700)
}

.u-stroke-tertiary-100 {
    stroke: var(--color-tertiary-100)
}

.u-stroke-tertiary-200 {
    stroke: var(--color-tertiary-200)
}

.u-stroke-tertiary-300 {
    stroke: var(--color-tertiary-300)
}

.u-stroke-tertiary-400 {
    stroke: var(--color-tertiary-400)
}

.u-stroke-tertiary-50 {
    stroke: var(--color-tertiary-50)
}

.u-stroke-tertiary-500 {
    stroke: var(--color-tertiary-500)
}

.u-stroke-tertiary-600 {
    stroke: var(--color-tertiary-600)
}

.u-stroke-tertiary-700 {
    stroke: var(--color-tertiary-700)
}

.u-stroke-tertiary-800 {
    stroke: var(--color-tertiary-800)
}

.u-stroke-tertiary-900 {
    stroke: var(--color-tertiary-900)
}

.u-stroke-warning-300 {
    stroke: var(--color-warning-300)
}

.u-stroke-warning-500 {
    stroke: var(--color-warning-500)
}

.u-stroke-warning-700 {
    stroke: var(--color-warning-700)
}

.u-object-contain {
    object-fit: contain
}

.u-object-cover {
    object-fit: cover
}

.u-object-center {
    object-position: center
}

.u-p-2 {
    padding: .5rem
}

.u-p-2\.5 {
    padding: .625rem
}

.u-p-3 {
    padding: .75rem
}

.u-p-6 {
    padding: 1.5rem
}

.u-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.u-px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.u-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.u-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.u-py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.u-py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.u-py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.u-py-11 {
    padding-bottom: 2.75rem;
    padding-top: 2.75rem
}

.u-py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.u-py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem
}

.u-py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.u-py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.u-py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.u-py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.u-py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

.u-py-28 {
    padding-bottom: 7rem;
    padding-top: 7rem
}

.u-py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.u-py-3\.5 {
    padding-bottom: .875rem;
    padding-top: .875rem
}

.u-py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.u-py-36 {
    padding-bottom: 9rem;
    padding-top: 9rem
}

.u-py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.u-py-40 {
    padding-bottom: 10rem;
    padding-top: 10rem
}

.u-py-44 {
    padding-bottom: 11rem;
    padding-top: 11rem
}

.u-py-48 {
    padding-bottom: 12rem;
    padding-top: 12rem
}

.u-py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.u-py-52 {
    padding-bottom: 13rem;
    padding-top: 13rem
}

.u-py-56 {
    padding-bottom: 14rem;
    padding-top: 14rem
}

.u-py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.u-py-60 {
    padding-bottom: 15rem;
    padding-top: 15rem
}

.u-py-64 {
    padding-bottom: 16rem;
    padding-top: 16rem
}

.u-py-7 {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
}

.u-py-72 {
    padding-bottom: 18rem;
    padding-top: 18rem
}

.u-py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.u-py-80 {
    padding-bottom: 20rem;
    padding-top: 20rem
}

.u-py-9 {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem
}

.u-py-96 {
    padding-bottom: 24rem;
    padding-top: 24rem
}

.u-pb-10 {
    padding-bottom: 2.5rem
}

.u-pb-14 {
    padding-bottom: 3.5rem
}

.u-pb-16 {
    padding-bottom: 4rem
}

.u-pb-20 {
    padding-bottom: 5rem
}

.u-pb-6 {
    padding-bottom: 1.5rem
}

.u-pb-9 {
    padding-bottom: 2.25rem
}

.u-pr-5 {
    padding-right: 1.25rem
}

.u-pr-6 {
    padding-right: 1.5rem
}

.u-pt-14 {
    padding-top: 3.5rem
}

.u-pt-2 {
    padding-top: .5rem
}

.u-pt-20 {
    padding-top: 5rem
}

.u-pt-4 {
    padding-top: 1rem
}

.u-pt-6 {
    padding-top: 1.5rem
}

.u-pt-8 {
    padding-top: 2rem
}

.u-pt-9 {
    padding-top: 2.25rem
}

.u-text-center {
    text-align: center
}

.u-font-heading {
    font-family: var(--font-family-heading)
}

.u-text-12 {
    font-size: var(--font-size-12)
}

.u-text-128 {
    font-size: var(--font-size-128)
}

.u-text-14 {
    font-size: var(--font-size-14)
}

.u-text-16 {
    font-size: var(--font-size-16)
}

.u-text-18 {
    font-size: var(--font-size-18)
}

.u-text-20 {
    font-size: var(--font-size-20)
}

.u-text-24 {
    font-size: var(--font-size-24)
}

.u-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.u-text-30 {
    font-size: var(--font-size-30)
}

.u-text-36 {
    font-size: var(--font-size-36)
}

.u-text-48 {
    font-size: var(--font-size-48)
}

.u-text-60 {
    font-size: var(--font-size-60)
}

.u-text-72 {
    font-size: var(--font-size-72)
}

.u-text-96 {
    font-size: var(--font-size-96)
}

.u-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.u-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.u-font-bold {
    font-weight: 700
}

.u-font-medium {
    font-weight: 500
}

.u-font-normal {
    font-weight: 400
}

.u-font-semibold {
    font-weight: 600
}

.u-uppercase {
    text-transform: uppercase
}

.u-leading-5 {
    line-height: 1.25rem
}

.u-leading-6 {
    line-height: 1.5rem
}

.u-leading-normal {
    line-height: 1.5
}

.u-text-black {
    color: var(--color-root-black)
}

.u-text-error-300 {
    color: var(--color-error-300)
}

.u-text-error-500 {
    color: var(--color-error-500)
}

.u-text-error-700 {
    color: var(--color-error-700)
}

.u-text-greys-100 {
    color: var(--color-greys-100)
}

.u-text-greys-200 {
    color: var(--color-greys-200)
}

.u-text-greys-300 {
    color: var(--color-greys-300)
}

.u-text-greys-400 {
    color: var(--color-greys-400)
}

.u-text-greys-50 {
    color: var(--color-greys-50)
}

.u-text-greys-500 {
    color: var(--color-greys-500)
}

.u-text-greys-600 {
    color: var(--color-greys-600)
}

.u-text-greys-700 {
    color: var(--color-greys-700)
}

.u-text-greys-800 {
    color: var(--color-greys-800)
}

.u-text-greys-900 {
    color: var(--color-greys-900)
}

.u-text-primary-100 {
    color: var(--color-primary-100)
}

.u-text-primary-200 {
    color: var(--color-primary-200)
}

.u-text-primary-300 {
    color: var(--color-primary-300)
}

.u-text-primary-400 {
    color: var(--color-primary-400)
}

.u-text-primary-50 {
    color: var(--color-primary-50)
}

.u-text-primary-500 {
    color: var(--color-primary-500)
}

.u-text-primary-600 {
    color: var(--color-primary-600)
}

.u-text-primary-700 {
    color: var(--color-primary-700)
}

.u-text-primary-800 {
    color: var(--color-primary-800)
}

.u-text-primary-900 {
    color: var(--color-primary-900)
}

.u-text-secondary-100 {
    color: var(--color-secondary-100)
}

.u-text-secondary-200 {
    color: var(--color-secondary-200)
}

.u-text-secondary-300 {
    color: var(--color-secondary-300)
}

.u-text-secondary-400 {
    color: var(--color-secondary-400)
}

.u-text-secondary-50 {
    color: var(--color-secondary-50)
}

.u-text-secondary-500 {
    color: var(--color-secondary-500)
}

.u-text-secondary-600 {
    color: var(--color-secondary-600)
}

.u-text-secondary-700 {
    color: var(--color-secondary-700)
}

.u-text-secondary-800 {
    color: var(--color-secondary-800)
}

.u-text-secondary-900 {
    color: var(--color-secondary-900)
}

.u-text-success-300 {
    color: var(--color-success-300)
}

.u-text-success-500 {
    color: var(--color-success-500)
}

.u-text-success-700 {
    color: var(--color-success-700)
}

.u-text-tertiary-100 {
    color: var(--color-tertiary-100)
}

.u-text-tertiary-200 {
    color: var(--color-tertiary-200)
}

.u-text-tertiary-300 {
    color: var(--color-tertiary-300)
}

.u-text-tertiary-400 {
    color: var(--color-tertiary-400)
}

.u-text-tertiary-50 {
    color: var(--color-tertiary-50)
}

.u-text-tertiary-500 {
    color: var(--color-tertiary-500)
}

.u-text-tertiary-600 {
    color: var(--color-tertiary-600)
}

.u-text-tertiary-700 {
    color: var(--color-tertiary-700)
}

.u-text-tertiary-800 {
    color: var(--color-tertiary-800)
}

.u-text-tertiary-900 {
    color: var(--color-tertiary-900)
}

.u-text-warning-300 {
    color: var(--color-warning-300)
}

.u-text-warning-500 {
    color: var(--color-warning-500)
}

.u-text-warning-700 {
    color: var(--color-warning-700)
}

.u-text-white {
    color: var(--color-root-white)
}

.u-text-opacity-0 {
    --tw-text-opacity: 0
}

.u-text-opacity-10 {
    --tw-text-opacity: 0.1px
}

.u-text-opacity-100 {
    --tw-text-opacity: 1px
}

.u-text-opacity-15 {
    --tw-text-opacity: 0.15px
}

.u-text-opacity-20 {
    --tw-text-opacity: 0.2px
}

.u-text-opacity-25 {
    --tw-text-opacity: 0.25px
}

.u-text-opacity-30 {
    --tw-text-opacity: 0.3px
}

.u-text-opacity-35 {
    --tw-text-opacity: 0.35px
}

.u-text-opacity-40 {
    --tw-text-opacity: 0.4px
}

.u-text-opacity-45 {
    --tw-text-opacity: 0.45px
}

.u-text-opacity-5 {
    --tw-text-opacity: 0.05px
}

.u-text-opacity-50 {
    --tw-text-opacity: 0.5px
}

.u-text-opacity-55 {
    --tw-text-opacity: 0.55px
}

.u-text-opacity-60 {
    --tw-text-opacity: 0.6px
}

.u-text-opacity-65 {
    --tw-text-opacity: 0.65px
}

.u-text-opacity-70 {
    --tw-text-opacity: 0.7px
}

.u-text-opacity-75 {
    --tw-text-opacity: 0.75px
}

.u-text-opacity-80 {
    --tw-text-opacity: 0.8px
}

.u-text-opacity-85 {
    --tw-text-opacity: 0.85px
}

.u-text-opacity-90 {
    --tw-text-opacity: 0.9px
}

.u-text-opacity-95 {
    --tw-text-opacity: 0.95px
}

.u-decoration-error-300 {
    text-decoration-color: var(--color-error-300)
}

.u-decoration-error-500 {
    text-decoration-color: var(--color-error-500)
}

.u-decoration-error-700 {
    text-decoration-color: var(--color-error-700)
}

.u-decoration-greys-100 {
    text-decoration-color: var(--color-greys-100)
}

.u-decoration-greys-200 {
    text-decoration-color: var(--color-greys-200)
}

.u-decoration-greys-300 {
    text-decoration-color: var(--color-greys-300)
}

.u-decoration-greys-400 {
    text-decoration-color: var(--color-greys-400)
}

.u-decoration-greys-50 {
    text-decoration-color: var(--color-greys-50)
}

.u-decoration-greys-500 {
    text-decoration-color: var(--color-greys-500)
}

.u-decoration-greys-600 {
    text-decoration-color: var(--color-greys-600)
}

.u-decoration-greys-700 {
    text-decoration-color: var(--color-greys-700)
}

.u-decoration-greys-800 {
    text-decoration-color: var(--color-greys-800)
}

.u-decoration-greys-900 {
    text-decoration-color: var(--color-greys-900)
}

.u-decoration-secondary-100 {
    text-decoration-color: var(--color-secondary-100)
}

.u-decoration-secondary-200 {
    text-decoration-color: var(--color-secondary-200)
}

.u-decoration-secondary-300 {
    text-decoration-color: var(--color-secondary-300)
}

.u-decoration-secondary-400 {
    text-decoration-color: var(--color-secondary-400)
}

.u-decoration-secondary-50 {
    text-decoration-color: var(--color-secondary-50)
}

.u-decoration-secondary-500 {
    text-decoration-color: var(--color-secondary-500)
}

.u-decoration-secondary-600 {
    text-decoration-color: var(--color-secondary-600)
}

.u-decoration-secondary-700 {
    text-decoration-color: var(--color-secondary-700)
}

.u-decoration-secondary-800 {
    text-decoration-color: var(--color-secondary-800)
}

.u-decoration-secondary-900 {
    text-decoration-color: var(--color-secondary-900)
}

.u-decoration-success-300 {
    text-decoration-color: var(--color-success-300)
}

.u-decoration-success-500 {
    text-decoration-color: var(--color-success-500)
}

.u-decoration-success-700 {
    text-decoration-color: var(--color-success-700)
}

.u-decoration-tertiary-100 {
    text-decoration-color: var(--color-tertiary-100)
}

.u-decoration-tertiary-200 {
    text-decoration-color: var(--color-tertiary-200)
}

.u-decoration-tertiary-300 {
    text-decoration-color: var(--color-tertiary-300)
}

.u-decoration-tertiary-400 {
    text-decoration-color: var(--color-tertiary-400)
}

.u-decoration-tertiary-50 {
    text-decoration-color: var(--color-tertiary-50)
}

.u-decoration-tertiary-500 {
    text-decoration-color: var(--color-tertiary-500)
}

.u-decoration-tertiary-600 {
    text-decoration-color: var(--color-tertiary-600)
}

.u-decoration-tertiary-700 {
    text-decoration-color: var(--color-tertiary-700)
}

.u-decoration-tertiary-800 {
    text-decoration-color: var(--color-tertiary-800)
}

.u-decoration-tertiary-900 {
    text-decoration-color: var(--color-tertiary-900)
}

.u-decoration-warning-300 {
    text-decoration-color: var(--color-warning-300)
}

.u-decoration-warning-500 {
    text-decoration-color: var(--color-warning-500)
}

.u-decoration-warning-700 {
    text-decoration-color: var(--color-warning-700)
}

.u-placeholder-error-300::placeholder {
    color: var(--color-error-300)
}

.u-placeholder-error-500::placeholder {
    color: var(--color-error-500)
}

.u-placeholder-error-700::placeholder {
    color: var(--color-error-700)
}

.u-placeholder-greys-100::placeholder {
    color: var(--color-greys-100)
}

.u-placeholder-greys-200::placeholder {
    color: var(--color-greys-200)
}

.u-placeholder-greys-300::placeholder {
    color: var(--color-greys-300)
}

.u-placeholder-greys-400::placeholder {
    color: var(--color-greys-400)
}

.u-placeholder-greys-50::placeholder {
    color: var(--color-greys-50)
}

.u-placeholder-greys-500::placeholder {
    color: var(--color-greys-500)
}

.u-placeholder-greys-600::placeholder {
    color: var(--color-greys-600)
}

.u-placeholder-greys-700::placeholder {
    color: var(--color-greys-700)
}

.u-placeholder-greys-800::placeholder {
    color: var(--color-greys-800)
}

.u-placeholder-greys-900::placeholder {
    color: var(--color-greys-900)
}

.u-placeholder-secondary-100::placeholder {
    color: var(--color-secondary-100)
}

.u-placeholder-secondary-200::placeholder {
    color: var(--color-secondary-200)
}

.u-placeholder-secondary-300::placeholder {
    color: var(--color-secondary-300)
}

.u-placeholder-secondary-400::placeholder {
    color: var(--color-secondary-400)
}

.u-placeholder-secondary-50::placeholder {
    color: var(--color-secondary-50)
}

.u-placeholder-secondary-500::placeholder {
    color: var(--color-secondary-500)
}

.u-placeholder-secondary-600::placeholder {
    color: var(--color-secondary-600)
}

.u-placeholder-secondary-700::placeholder {
    color: var(--color-secondary-700)
}

.u-placeholder-secondary-800::placeholder {
    color: var(--color-secondary-800)
}

.u-placeholder-secondary-900::placeholder {
    color: var(--color-secondary-900)
}

.u-placeholder-success-300::placeholder {
    color: var(--color-success-300)
}

.u-placeholder-success-500::placeholder {
    color: var(--color-success-500)
}

.u-placeholder-success-700::placeholder {
    color: var(--color-success-700)
}

.u-placeholder-tertiary-100::placeholder {
    color: var(--color-tertiary-100)
}

.u-placeholder-tertiary-200::placeholder {
    color: var(--color-tertiary-200)
}

.u-placeholder-tertiary-300::placeholder {
    color: var(--color-tertiary-300)
}

.u-placeholder-tertiary-400::placeholder {
    color: var(--color-tertiary-400)
}

.u-placeholder-tertiary-50::placeholder {
    color: var(--color-tertiary-50)
}

.u-placeholder-tertiary-500::placeholder {
    color: var(--color-tertiary-500)
}

.u-placeholder-tertiary-600::placeholder {
    color: var(--color-tertiary-600)
}

.u-placeholder-tertiary-700::placeholder {
    color: var(--color-tertiary-700)
}

.u-placeholder-tertiary-800::placeholder {
    color: var(--color-tertiary-800)
}

.u-placeholder-tertiary-900::placeholder {
    color: var(--color-tertiary-900)
}

.u-placeholder-warning-300::placeholder {
    color: var(--color-warning-300)
}

.u-placeholder-warning-500::placeholder {
    color: var(--color-warning-500)
}

.u-placeholder-warning-700::placeholder {
    color: var(--color-warning-700)
}

.u-placeholder-opacity-0::placeholder {
    --tw-placeholder-opacity: 0
}

.u-placeholder-opacity-10::placeholder {
    --tw-placeholder-opacity: 0.1px
}

.u-placeholder-opacity-100::placeholder {
    --tw-placeholder-opacity: 1px
}

.u-placeholder-opacity-15::placeholder {
    --tw-placeholder-opacity: 0.15px
}

.u-placeholder-opacity-20::placeholder {
    --tw-placeholder-opacity: 0.2px
}

.u-placeholder-opacity-25::placeholder {
    --tw-placeholder-opacity: 0.25px
}

.u-placeholder-opacity-30::placeholder {
    --tw-placeholder-opacity: 0.3px
}

.u-placeholder-opacity-35::placeholder {
    --tw-placeholder-opacity: 0.35px
}

.u-placeholder-opacity-40::placeholder {
    --tw-placeholder-opacity: 0.4px
}

.u-placeholder-opacity-45::placeholder {
    --tw-placeholder-opacity: 0.45px
}

.u-placeholder-opacity-5::placeholder {
    --tw-placeholder-opacity: 0.05px
}

.u-placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5px
}

.u-placeholder-opacity-55::placeholder {
    --tw-placeholder-opacity: 0.55px
}

.u-placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity: 0.6px
}

.u-placeholder-opacity-65::placeholder {
    --tw-placeholder-opacity: 0.65px
}

.u-placeholder-opacity-70::placeholder {
    --tw-placeholder-opacity: 0.7px
}

.u-placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75px
}

.u-placeholder-opacity-80::placeholder {
    --tw-placeholder-opacity: 0.8px
}

.u-placeholder-opacity-85::placeholder {
    --tw-placeholder-opacity: 0.85px
}

.u-placeholder-opacity-90::placeholder {
    --tw-placeholder-opacity: 0.9px
}

.u-placeholder-opacity-95::placeholder {
    --tw-placeholder-opacity: 0.95px
}

.u-caret-error-300 {
    caret-color: var(--color-error-300)
}

.u-caret-error-500 {
    caret-color: var(--color-error-500)
}

.u-caret-error-700 {
    caret-color: var(--color-error-700)
}

.u-caret-greys-100 {
    caret-color: var(--color-greys-100)
}

.u-caret-greys-200 {
    caret-color: var(--color-greys-200)
}

.u-caret-greys-300 {
    caret-color: var(--color-greys-300)
}

.u-caret-greys-400 {
    caret-color: var(--color-greys-400)
}

.u-caret-greys-50 {
    caret-color: var(--color-greys-50)
}

.u-caret-greys-500 {
    caret-color: var(--color-greys-500)
}

.u-caret-greys-600 {
    caret-color: var(--color-greys-600)
}

.u-caret-greys-700 {
    caret-color: var(--color-greys-700)
}

.u-caret-greys-800 {
    caret-color: var(--color-greys-800)
}

.u-caret-greys-900 {
    caret-color: var(--color-greys-900)
}

.u-caret-secondary-100 {
    caret-color: var(--color-secondary-100)
}

.u-caret-secondary-200 {
    caret-color: var(--color-secondary-200)
}

.u-caret-secondary-300 {
    caret-color: var(--color-secondary-300)
}

.u-caret-secondary-400 {
    caret-color: var(--color-secondary-400)
}

.u-caret-secondary-50 {
    caret-color: var(--color-secondary-50)
}

.u-caret-secondary-500 {
    caret-color: var(--color-secondary-500)
}

.u-caret-secondary-600 {
    caret-color: var(--color-secondary-600)
}

.u-caret-secondary-700 {
    caret-color: var(--color-secondary-700)
}

.u-caret-secondary-800 {
    caret-color: var(--color-secondary-800)
}

.u-caret-secondary-900 {
    caret-color: var(--color-secondary-900)
}

.u-caret-success-300 {
    caret-color: var(--color-success-300)
}

.u-caret-success-500 {
    caret-color: var(--color-success-500)
}

.u-caret-success-700 {
    caret-color: var(--color-success-700)
}

.u-caret-tertiary-100 {
    caret-color: var(--color-tertiary-100)
}

.u-caret-tertiary-200 {
    caret-color: var(--color-tertiary-200)
}

.u-caret-tertiary-300 {
    caret-color: var(--color-tertiary-300)
}

.u-caret-tertiary-400 {
    caret-color: var(--color-tertiary-400)
}

.u-caret-tertiary-50 {
    caret-color: var(--color-tertiary-50)
}

.u-caret-tertiary-500 {
    caret-color: var(--color-tertiary-500)
}

.u-caret-tertiary-600 {
    caret-color: var(--color-tertiary-600)
}

.u-caret-tertiary-700 {
    caret-color: var(--color-tertiary-700)
}

.u-caret-tertiary-800 {
    caret-color: var(--color-tertiary-800)
}

.u-caret-tertiary-900 {
    caret-color: var(--color-tertiary-900)
}

.u-caret-warning-300 {
    caret-color: var(--color-warning-300)
}

.u-caret-warning-500 {
    caret-color: var(--color-warning-500)
}

.u-caret-warning-700 {
    caret-color: var(--color-warning-700)
}

.u-accent-error-300 {
    accent-color: var(--color-error-300)
}

.u-accent-error-500 {
    accent-color: var(--color-error-500)
}

.u-accent-error-700 {
    accent-color: var(--color-error-700)
}

.u-accent-greys-100 {
    accent-color: var(--color-greys-100)
}

.u-accent-greys-200 {
    accent-color: var(--color-greys-200)
}

.u-accent-greys-300 {
    accent-color: var(--color-greys-300)
}

.u-accent-greys-400 {
    accent-color: var(--color-greys-400)
}

.u-accent-greys-50 {
    accent-color: var(--color-greys-50)
}

.u-accent-greys-500 {
    accent-color: var(--color-greys-500)
}

.u-accent-greys-600 {
    accent-color: var(--color-greys-600)
}

.u-accent-greys-700 {
    accent-color: var(--color-greys-700)
}

.u-accent-greys-800 {
    accent-color: var(--color-greys-800)
}

.u-accent-greys-900 {
    accent-color: var(--color-greys-900)
}

.u-accent-secondary-100 {
    accent-color: var(--color-secondary-100)
}

.u-accent-secondary-200 {
    accent-color: var(--color-secondary-200)
}

.u-accent-secondary-300 {
    accent-color: var(--color-secondary-300)
}

.u-accent-secondary-400 {
    accent-color: var(--color-secondary-400)
}

.u-accent-secondary-50 {
    accent-color: var(--color-secondary-50)
}

.u-accent-secondary-500 {
    accent-color: var(--color-secondary-500)
}

.u-accent-secondary-600 {
    accent-color: var(--color-secondary-600)
}

.u-accent-secondary-700 {
    accent-color: var(--color-secondary-700)
}

.u-accent-secondary-800 {
    accent-color: var(--color-secondary-800)
}

.u-accent-secondary-900 {
    accent-color: var(--color-secondary-900)
}

.u-accent-success-300 {
    accent-color: var(--color-success-300)
}

.u-accent-success-500 {
    accent-color: var(--color-success-500)
}

.u-accent-success-700 {
    accent-color: var(--color-success-700)
}

.u-accent-tertiary-100 {
    accent-color: var(--color-tertiary-100)
}

.u-accent-tertiary-200 {
    accent-color: var(--color-tertiary-200)
}

.u-accent-tertiary-300 {
    accent-color: var(--color-tertiary-300)
}

.u-accent-tertiary-400 {
    accent-color: var(--color-tertiary-400)
}

.u-accent-tertiary-50 {
    accent-color: var(--color-tertiary-50)
}

.u-accent-tertiary-500 {
    accent-color: var(--color-tertiary-500)
}

.u-accent-tertiary-600 {
    accent-color: var(--color-tertiary-600)
}

.u-accent-tertiary-700 {
    accent-color: var(--color-tertiary-700)
}

.u-accent-tertiary-800 {
    accent-color: var(--color-tertiary-800)
}

.u-accent-tertiary-900 {
    accent-color: var(--color-tertiary-900)
}

.u-accent-warning-300 {
    accent-color: var(--color-warning-300)
}

.u-accent-warning-500 {
    accent-color: var(--color-warning-500)
}

.u-accent-warning-700 {
    accent-color: var(--color-warning-700)
}

.u-opacity-0 {
    opacity: 0
}

.u-opacity-10 {
    opacity: .1
}

.u-opacity-100 {
    opacity: 1
}

.u-opacity-15 {
    opacity: .15
}

.u-opacity-20 {
    opacity: .2
}

.u-opacity-25 {
    opacity: .25
}

.u-opacity-30 {
    opacity: .3
}

.u-opacity-35 {
    opacity: .35
}

.u-opacity-40 {
    opacity: .4
}

.u-opacity-45 {
    opacity: .45
}

.u-opacity-5 {
    opacity: .05
}

.u-opacity-50 {
    opacity: .5
}

.u-opacity-55 {
    opacity: .55
}

.u-opacity-60 {
    opacity: .6
}

.u-opacity-65 {
    opacity: .65
}

.u-opacity-70 {
    opacity: .7
}

.u-opacity-75 {
    opacity: .75
}

.u-opacity-80 {
    opacity: .8
}

.u-opacity-85 {
    opacity: .85
}

.u-opacity-90 {
    opacity: .9
}

.u-opacity-95 {
    opacity: .95
}

.u-shadow-100 {
    --tw-shadow: var(--shadow-100);
    --tw-shadow-colored: var(--shadow-100)
}

.u-shadow-100, .u-shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.u-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.u-shadow-error-300 {
    --tw-shadow-color: var(--color-error-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-error-500 {
    --tw-shadow-color: var(--color-error-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-error-700 {
    --tw-shadow-color: var(--color-error-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-100 {
    --tw-shadow-color: var(--color-greys-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-200 {
    --tw-shadow-color: var(--color-greys-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-300 {
    --tw-shadow-color: var(--color-greys-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-400 {
    --tw-shadow-color: var(--color-greys-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-50 {
    --tw-shadow-color: var(--color-greys-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-500 {
    --tw-shadow-color: var(--color-greys-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-600 {
    --tw-shadow-color: var(--color-greys-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-700 {
    --tw-shadow-color: var(--color-greys-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-800 {
    --tw-shadow-color: var(--color-greys-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-greys-900 {
    --tw-shadow-color: var(--color-greys-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-100 {
    --tw-shadow-color: var(--color-secondary-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-200 {
    --tw-shadow-color: var(--color-secondary-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-300 {
    --tw-shadow-color: var(--color-secondary-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-400 {
    --tw-shadow-color: var(--color-secondary-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-50 {
    --tw-shadow-color: var(--color-secondary-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-500 {
    --tw-shadow-color: var(--color-secondary-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-600 {
    --tw-shadow-color: var(--color-secondary-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-700 {
    --tw-shadow-color: var(--color-secondary-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-800 {
    --tw-shadow-color: var(--color-secondary-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-secondary-900 {
    --tw-shadow-color: var(--color-secondary-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-success-300 {
    --tw-shadow-color: var(--color-success-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-success-500 {
    --tw-shadow-color: var(--color-success-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-success-700 {
    --tw-shadow-color: var(--color-success-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-100 {
    --tw-shadow-color: var(--color-tertiary-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-200 {
    --tw-shadow-color: var(--color-tertiary-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-300 {
    --tw-shadow-color: var(--color-tertiary-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-400 {
    --tw-shadow-color: var(--color-tertiary-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-50 {
    --tw-shadow-color: var(--color-tertiary-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-500 {
    --tw-shadow-color: var(--color-tertiary-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-600 {
    --tw-shadow-color: var(--color-tertiary-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-700 {
    --tw-shadow-color: var(--color-tertiary-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-800 {
    --tw-shadow-color: var(--color-tertiary-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-tertiary-900 {
    --tw-shadow-color: var(--color-tertiary-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-warning-300 {
    --tw-shadow-color: var(--color-warning-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-warning-500 {
    --tw-shadow-color: var(--color-warning-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-shadow-warning-700 {
    --tw-shadow-color: var(--color-warning-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.u-outline-error-300 {
    outline-color: var(--color-error-300)
}

.u-outline-error-500 {
    outline-color: var(--color-error-500)
}

.u-outline-error-700 {
    outline-color: var(--color-error-700)
}

.u-outline-greys-100 {
    outline-color: var(--color-greys-100)
}

.u-outline-greys-200 {
    outline-color: var(--color-greys-200)
}

.u-outline-greys-300 {
    outline-color: var(--color-greys-300)
}

.u-outline-greys-400 {
    outline-color: var(--color-greys-400)
}

.u-outline-greys-50 {
    outline-color: var(--color-greys-50)
}

.u-outline-greys-500 {
    outline-color: var(--color-greys-500)
}

.u-outline-greys-600 {
    outline-color: var(--color-greys-600)
}

.u-outline-greys-700 {
    outline-color: var(--color-greys-700)
}

.u-outline-greys-800 {
    outline-color: var(--color-greys-800)
}

.u-outline-greys-900 {
    outline-color: var(--color-greys-900)
}

.u-outline-secondary-100 {
    outline-color: var(--color-secondary-100)
}

.u-outline-secondary-200 {
    outline-color: var(--color-secondary-200)
}

.u-outline-secondary-300 {
    outline-color: var(--color-secondary-300)
}

.u-outline-secondary-400 {
    outline-color: var(--color-secondary-400)
}

.u-outline-secondary-50 {
    outline-color: var(--color-secondary-50)
}

.u-outline-secondary-500 {
    outline-color: var(--color-secondary-500)
}

.u-outline-secondary-600 {
    outline-color: var(--color-secondary-600)
}

.u-outline-secondary-700 {
    outline-color: var(--color-secondary-700)
}

.u-outline-secondary-800 {
    outline-color: var(--color-secondary-800)
}

.u-outline-secondary-900 {
    outline-color: var(--color-secondary-900)
}

.u-outline-success-300 {
    outline-color: var(--color-success-300)
}

.u-outline-success-500 {
    outline-color: var(--color-success-500)
}

.u-outline-success-700 {
    outline-color: var(--color-success-700)
}

.u-outline-tertiary-100 {
    outline-color: var(--color-tertiary-100)
}

.u-outline-tertiary-200 {
    outline-color: var(--color-tertiary-200)
}

.u-outline-tertiary-300 {
    outline-color: var(--color-tertiary-300)
}

.u-outline-tertiary-400 {
    outline-color: var(--color-tertiary-400)
}

.u-outline-tertiary-50 {
    outline-color: var(--color-tertiary-50)
}

.u-outline-tertiary-500 {
    outline-color: var(--color-tertiary-500)
}

.u-outline-tertiary-600 {
    outline-color: var(--color-tertiary-600)
}

.u-outline-tertiary-700 {
    outline-color: var(--color-tertiary-700)
}

.u-outline-tertiary-800 {
    outline-color: var(--color-tertiary-800)
}

.u-outline-tertiary-900 {
    outline-color: var(--color-tertiary-900)
}

.u-outline-warning-300 {
    outline-color: var(--color-warning-300)
}

.u-outline-warning-500 {
    outline-color: var(--color-warning-500)
}

.u-outline-warning-700 {
    outline-color: var(--color-warning-700)
}

.u-ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.u-ring-error-300 {
    --tw-ring-color: var(--color-error-300)
}

.u-ring-error-500 {
    --tw-ring-color: var(--color-error-500)
}

.u-ring-error-700 {
    --tw-ring-color: var(--color-error-700)
}

.u-ring-greys-100 {
    --tw-ring-color: var(--color-greys-100)
}

.u-ring-greys-200 {
    --tw-ring-color: var(--color-greys-200)
}

.u-ring-greys-300 {
    --tw-ring-color: var(--color-greys-300)
}

.u-ring-greys-400 {
    --tw-ring-color: var(--color-greys-400)
}

.u-ring-greys-50 {
    --tw-ring-color: var(--color-greys-50)
}

.u-ring-greys-500 {
    --tw-ring-color: var(--color-greys-500)
}

.u-ring-greys-600 {
    --tw-ring-color: var(--color-greys-600)
}

.u-ring-greys-700 {
    --tw-ring-color: var(--color-greys-700)
}

.u-ring-greys-800 {
    --tw-ring-color: var(--color-greys-800)
}

.u-ring-greys-900 {
    --tw-ring-color: var(--color-greys-900)
}

.u-ring-secondary-100 {
    --tw-ring-color: var(--color-secondary-100)
}

.u-ring-secondary-200 {
    --tw-ring-color: var(--color-secondary-200)
}

.u-ring-secondary-300 {
    --tw-ring-color: var(--color-secondary-300)
}

.u-ring-secondary-400 {
    --tw-ring-color: var(--color-secondary-400)
}

.u-ring-secondary-50 {
    --tw-ring-color: var(--color-secondary-50)
}

.u-ring-secondary-500 {
    --tw-ring-color: var(--color-secondary-500)
}

.u-ring-secondary-600 {
    --tw-ring-color: var(--color-secondary-600)
}

.u-ring-secondary-700 {
    --tw-ring-color: var(--color-secondary-700)
}

.u-ring-secondary-800 {
    --tw-ring-color: var(--color-secondary-800)
}

.u-ring-secondary-900 {
    --tw-ring-color: var(--color-secondary-900)
}

.u-ring-success-300 {
    --tw-ring-color: var(--color-success-300)
}

.u-ring-success-500 {
    --tw-ring-color: var(--color-success-500)
}

.u-ring-success-700 {
    --tw-ring-color: var(--color-success-700)
}

.u-ring-tertiary-100 {
    --tw-ring-color: var(--color-tertiary-100)
}

.u-ring-tertiary-200 {
    --tw-ring-color: var(--color-tertiary-200)
}

.u-ring-tertiary-300 {
    --tw-ring-color: var(--color-tertiary-300)
}

.u-ring-tertiary-400 {
    --tw-ring-color: var(--color-tertiary-400)
}

.u-ring-tertiary-50 {
    --tw-ring-color: var(--color-tertiary-50)
}

.u-ring-tertiary-500 {
    --tw-ring-color: var(--color-tertiary-500)
}

.u-ring-tertiary-600 {
    --tw-ring-color: var(--color-tertiary-600)
}

.u-ring-tertiary-700 {
    --tw-ring-color: var(--color-tertiary-700)
}

.u-ring-tertiary-800 {
    --tw-ring-color: var(--color-tertiary-800)
}

.u-ring-tertiary-900 {
    --tw-ring-color: var(--color-tertiary-900)
}

.u-ring-warning-300 {
    --tw-ring-color: var(--color-warning-300)
}

.u-ring-warning-500 {
    --tw-ring-color: var(--color-warning-500)
}

.u-ring-warning-700 {
    --tw-ring-color: var(--color-warning-700)
}

.u-ring-opacity-0 {
    --tw-ring-opacity: 0
}

.u-ring-opacity-10 {
    --tw-ring-opacity: 0.1px
}

.u-ring-opacity-100 {
    --tw-ring-opacity: 1px
}

.u-ring-opacity-15 {
    --tw-ring-opacity: 0.15px
}

.u-ring-opacity-20 {
    --tw-ring-opacity: 0.2px
}

.u-ring-opacity-25 {
    --tw-ring-opacity: 0.25px
}

.u-ring-opacity-30 {
    --tw-ring-opacity: 0.3px
}

.u-ring-opacity-35 {
    --tw-ring-opacity: 0.35px
}

.u-ring-opacity-40 {
    --tw-ring-opacity: 0.4px
}

.u-ring-opacity-45 {
    --tw-ring-opacity: 0.45px
}

.u-ring-opacity-5 {
    --tw-ring-opacity: 0.05px
}

.u-ring-opacity-50 {
    --tw-ring-opacity: 0.5px
}

.u-ring-opacity-55 {
    --tw-ring-opacity: 0.55px
}

.u-ring-opacity-60 {
    --tw-ring-opacity: 0.6px
}

.u-ring-opacity-65 {
    --tw-ring-opacity: 0.65px
}

.u-ring-opacity-70 {
    --tw-ring-opacity: 0.7px
}

.u-ring-opacity-75 {
    --tw-ring-opacity: 0.75px
}

.u-ring-opacity-80 {
    --tw-ring-opacity: 0.8px
}

.u-ring-opacity-85 {
    --tw-ring-opacity: 0.85px
}

.u-ring-opacity-90 {
    --tw-ring-opacity: 0.9px
}

.u-ring-opacity-95 {
    --tw-ring-opacity: 0.95px
}

.u-ring-offset-error-300 {
    --tw-ring-offset-color: var(--color-error-300)
}

.u-ring-offset-error-500 {
    --tw-ring-offset-color: var(--color-error-500)
}

.u-ring-offset-error-700 {
    --tw-ring-offset-color: var(--color-error-700)
}

.u-ring-offset-greys-100 {
    --tw-ring-offset-color: var(--color-greys-100)
}

.u-ring-offset-greys-200 {
    --tw-ring-offset-color: var(--color-greys-200)
}

.u-ring-offset-greys-300 {
    --tw-ring-offset-color: var(--color-greys-300)
}

.u-ring-offset-greys-400 {
    --tw-ring-offset-color: var(--color-greys-400)
}

.u-ring-offset-greys-50 {
    --tw-ring-offset-color: var(--color-greys-50)
}

.u-ring-offset-greys-500 {
    --tw-ring-offset-color: var(--color-greys-500)
}

.u-ring-offset-greys-600 {
    --tw-ring-offset-color: var(--color-greys-600)
}

.u-ring-offset-greys-700 {
    --tw-ring-offset-color: var(--color-greys-700)
}

.u-ring-offset-greys-800 {
    --tw-ring-offset-color: var(--color-greys-800)
}

.u-ring-offset-greys-900 {
    --tw-ring-offset-color: var(--color-greys-900)
}

.u-ring-offset-secondary-100 {
    --tw-ring-offset-color: var(--color-secondary-100)
}

.u-ring-offset-secondary-200 {
    --tw-ring-offset-color: var(--color-secondary-200)
}

.u-ring-offset-secondary-300 {
    --tw-ring-offset-color: var(--color-secondary-300)
}

.u-ring-offset-secondary-400 {
    --tw-ring-offset-color: var(--color-secondary-400)
}

.u-ring-offset-secondary-50 {
    --tw-ring-offset-color: var(--color-secondary-50)
}

.u-ring-offset-secondary-500 {
    --tw-ring-offset-color: var(--color-secondary-500)
}

.u-ring-offset-secondary-600 {
    --tw-ring-offset-color: var(--color-secondary-600)
}

.u-ring-offset-secondary-700 {
    --tw-ring-offset-color: var(--color-secondary-700)
}

.u-ring-offset-secondary-800 {
    --tw-ring-offset-color: var(--color-secondary-800)
}

.u-ring-offset-secondary-900 {
    --tw-ring-offset-color: var(--color-secondary-900)
}

.u-ring-offset-success-300 {
    --tw-ring-offset-color: var(--color-success-300)
}

.u-ring-offset-success-500 {
    --tw-ring-offset-color: var(--color-success-500)
}

.u-ring-offset-success-700 {
    --tw-ring-offset-color: var(--color-success-700)
}

.u-ring-offset-tertiary-100 {
    --tw-ring-offset-color: var(--color-tertiary-100)
}

.u-ring-offset-tertiary-200 {
    --tw-ring-offset-color: var(--color-tertiary-200)
}

.u-ring-offset-tertiary-300 {
    --tw-ring-offset-color: var(--color-tertiary-300)
}

.u-ring-offset-tertiary-400 {
    --tw-ring-offset-color: var(--color-tertiary-400)
}

.u-ring-offset-tertiary-50 {
    --tw-ring-offset-color: var(--color-tertiary-50)
}

.u-ring-offset-tertiary-500 {
    --tw-ring-offset-color: var(--color-tertiary-500)
}

.u-ring-offset-tertiary-600 {
    --tw-ring-offset-color: var(--color-tertiary-600)
}

.u-ring-offset-tertiary-700 {
    --tw-ring-offset-color: var(--color-tertiary-700)
}

.u-ring-offset-tertiary-800 {
    --tw-ring-offset-color: var(--color-tertiary-800)
}

.u-ring-offset-tertiary-900 {
    --tw-ring-offset-color: var(--color-tertiary-900)
}

.u-ring-offset-warning-300 {
    --tw-ring-offset-color: var(--color-warning-300)
}

.u-ring-offset-warning-500 {
    --tw-ring-offset-color: var(--color-warning-500)
}

.u-ring-offset-warning-700 {
    --tw-ring-offset-color: var(--color-warning-700)
}

.u-backdrop-opacity-0 {
    --tw-backdrop-opacity: opacity(0)
}

.u-backdrop-opacity-0, .u-backdrop-opacity-10 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-10 {
    --tw-backdrop-opacity: opacity(0.1)
}

.u-backdrop-opacity-100 {
    --tw-backdrop-opacity: opacity(1)
}

.u-backdrop-opacity-100, .u-backdrop-opacity-15 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-15 {
    --tw-backdrop-opacity: opacity(0.15)
}

.u-backdrop-opacity-20 {
    --tw-backdrop-opacity: opacity(0.2)
}

.u-backdrop-opacity-20, .u-backdrop-opacity-25 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-25 {
    --tw-backdrop-opacity: opacity(0.25)
}

.u-backdrop-opacity-30 {
    --tw-backdrop-opacity: opacity(0.3)
}

.u-backdrop-opacity-30, .u-backdrop-opacity-35 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-35 {
    --tw-backdrop-opacity: opacity(0.35)
}

.u-backdrop-opacity-40 {
    --tw-backdrop-opacity: opacity(0.4)
}

.u-backdrop-opacity-40, .u-backdrop-opacity-45 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-45 {
    --tw-backdrop-opacity: opacity(0.45)
}

.u-backdrop-opacity-5 {
    --tw-backdrop-opacity: opacity(0.05)
}

.u-backdrop-opacity-5, .u-backdrop-opacity-50 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-50 {
    --tw-backdrop-opacity: opacity(0.5)
}

.u-backdrop-opacity-55 {
    --tw-backdrop-opacity: opacity(0.55)
}

.u-backdrop-opacity-55, .u-backdrop-opacity-60 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-60 {
    --tw-backdrop-opacity: opacity(0.6)
}

.u-backdrop-opacity-65 {
    --tw-backdrop-opacity: opacity(0.65)
}

.u-backdrop-opacity-65, .u-backdrop-opacity-70 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-70 {
    --tw-backdrop-opacity: opacity(0.7)
}

.u-backdrop-opacity-75 {
    --tw-backdrop-opacity: opacity(0.75)
}

.u-backdrop-opacity-75, .u-backdrop-opacity-80 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-80 {
    --tw-backdrop-opacity: opacity(0.8)
}

.u-backdrop-opacity-85 {
    --tw-backdrop-opacity: opacity(0.85)
}

.u-backdrop-opacity-85, .u-backdrop-opacity-90 {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-backdrop-opacity-90 {
    --tw-backdrop-opacity: opacity(0.9)
}

.u-backdrop-opacity-95 {
    --tw-backdrop-opacity: opacity(0.95);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.u-transition-colors {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.u-transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.u-duration-fast {
    transition-duration: var(--transition-fast)
}

[class*=u-ratio] {
    overflow: hidden;
    position: relative
}

    [class*=u-ratio]:before {
        content: "";
        display: block;
        padding-top: calc(100%/(var(--ratio, 1/1)));
        width: 100%
    }

    [class*=u-ratio] > * {
        position: absolute
    }

    [class*=u-ratio] > figure, [class*=u-ratio] > iframe, [class*=u-ratio] > img, [class*=u-ratio] > picture, [class*=u-ratio] > video {
        bottom: 0;
        height: 100%;
        left: 0;
        object-fit: cover;
        right: 0;
        top: 0;
        width: 100%
    }

.u-px {
    padding-right: calc(var(--px, 1)*var(--root-baseline))
}

.u-pl, .u-px {
    padding-left: calc(var(--px, 1)*var(--root-baseline))
}

.u-pr {
    padding-right: calc(var(--pr, 1)*var(--root-baseline))
}

@media (min-width: 30em) {
    .xs\:u-px {
        padding-left: calc(var(--px-xs, 1)*var(--root-baseline));
        padding-right: calc(var(--px-xs, 1)*var(--root-baseline))
    }

    .xs\:u-pl {
        padding-left: calc(var(--pl-xs, 1)*var(--root-baseline))
    }

    .xs\:u-pr {
        padding-right: calc(var(--pr-xs, 1)*var(--root-baseline))
    }
}

@media (min-width: 37.5em) {
    .sm\:u-px {
        padding-left: calc(var(--px-sm, 1)*var(--root-baseline));
        padding-right: calc(var(--px-sm, 1)*var(--root-baseline))
    }

    .sm\:u-pl {
        padding-left: calc(var(--pl-sm, 1)*var(--root-baseline))
    }

    .sm\:u-pr {
        padding-right: calc(var(--pr-sm, 1)*var(--root-baseline))
    }
}

@media (min-width: 60em) {
    .md\:u-px {
        padding-left: calc(var(--px-md, 1)*var(--root-baseline));
        padding-right: calc(var(--px-md, 1)*var(--root-baseline))
    }

    .md\:u-pl {
        padding-left: calc(var(--pl-md, 1)*var(--root-baseline))
    }

    .md\:u-pr {
        padding-right: calc(var(--pr-md, 1)*var(--root-baseline))
    }
}

@media (min-width: 80em) {
    .lg\:u-px {
        padding-left: calc(var(--px-lg, 1)*var(--root-baseline));
        padding-right: calc(var(--px-lg, 1)*var(--root-baseline))
    }

    .lg\:u-pl {
        padding-left: calc(var(--pl-lg, 1)*var(--root-baseline))
    }

    .lg\:u-pr {
        padding-right: calc(var(--pr-lg, 1)*var(--root-baseline))
    }
}

@media (min-width: 120em) {
    .xl\:u-px {
        padding-left: calc(var(--px-xl, 1)*var(--root-baseline));
        padding-right: calc(var(--px-xl, 1)*var(--root-baseline))
    }

    .xl\:u-pl {
        padding-left: calc(var(--pl-xl, 1)*var(--root-baseline))
    }

    .xl\:u-pr {
        padding-right: calc(var(--pr-xl, 1)*var(--root-baseline))
    }
}

.u-mx {
    margin-left: calc(var(--mx, 1)*var(--root-baseline));
    margin-right: calc(var(--mx, 1)*var(--root-baseline))
}

.u-ml {
    margin-left: calc(var(--ml, 1)*var(--root-baseline))
}

.u-mr {
    margin-right: calc(var(--mr, 1)*var(--root-baseline))
}

@media (min-width: 30em) {
    .xs\:u-mx {
        margin-left: calc(var(--mx-xs, 1)*var(--root-baseline));
        margin-right: calc(var(--mx-xs, 1)*var(--root-baseline))
    }

    .xs\:u-ml {
        margin-left: calc(var(--ml-xs, 1)*var(--root-baseline))
    }

    .xs\:u-mr {
        margin-right: calc(var(--mr-xs, 1)*var(--root-baseline))
    }
}

@media (min-width: 37.5em) {
    .sm\:u-mx {
        margin-left: calc(var(--mx-sm, 1)*var(--root-baseline));
        margin-right: calc(var(--mx-sm, 1)*var(--root-baseline))
    }

    .sm\:u-ml {
        margin-left: calc(var(--ml-sm, 1)*var(--root-baseline))
    }

    .sm\:u-mr {
        margin-right: calc(var(--mr-sm, 1)*var(--root-baseline))
    }
}

@media (min-width: 60em) {
    .md\:u-mx {
        margin-left: calc(var(--mx-md, 1)*var(--root-baseline));
        margin-right: calc(var(--mx-md, 1)*var(--root-baseline))
    }

    .md\:u-ml {
        margin-left: calc(var(--ml-md, 1)*var(--root-baseline))
    }

    .md\:u-mr {
        margin-right: calc(var(--mr-md, 1)*var(--root-baseline))
    }
}

@media (min-width: 80em) {
    .lg\:u-mx {
        margin-left: calc(var(--mx-lg, 1)*var(--root-baseline));
        margin-right: calc(var(--mx-lg, 1)*var(--root-baseline))
    }

    .lg\:u-ml {
        margin-left: calc(var(--ml-lg, 1)*var(--root-baseline))
    }

    .lg\:u-mr {
        margin-right: calc(var(--mr-lg, 1)*var(--root-baseline))
    }
}

@media (min-width: 120em) {
    .xl\:u-mx {
        margin-left: calc(var(--mx-xl, 1)*var(--root-baseline));
        margin-right: calc(var(--mx-xl, 1)*var(--root-baseline))
    }

    .xl\:u-ml {
        margin-left: calc(var(--ml-xl, 1)*var(--root-baseline))
    }

    .xl\:u-mr {
        margin-right: calc(var(--mr-xl, 1)*var(--root-baseline))
    }
}

.u-py {
    padding-bottom: calc(var(--py, 1)*var(--root-baseline));
    padding-top: calc(var(--py, 1)*var(--root-baseline))
}

.u-pt {
    padding-top: calc(var(--pt, 1)*var(--root-baseline))
}

.u-pb {
    padding-bottom: calc(var(--pb, 1)*var(--root-baseline))
}

@media (min-width: 30em) {
    .xs\:u-py {
        padding-bottom: calc(var(--py-xs, 1)*var(--root-baseline));
        padding-top: calc(var(--py-xs, 1)*var(--root-baseline))
    }

    .xs\:u-pt {
        padding-top: calc(var(--pt-xs, 1)*var(--root-baseline))
    }

    .xs\:u-pb {
        padding-bottom: calc(var(--pb-xs, 1)*var(--root-baseline))
    }
}

@media (min-width: 37.5em) {
    .sm\:u-py {
        padding-bottom: calc(var(--py-sm, 1)*var(--root-baseline));
        padding-top: calc(var(--py-sm, 1)*var(--root-baseline))
    }

    .sm\:u-pt {
        padding-top: calc(var(--pt-sm, 1)*var(--root-baseline))
    }

    .sm\:u-pb {
        padding-bottom: calc(var(--pb-sm, 1)*var(--root-baseline))
    }
}

@media (min-width: 60em) {
    .md\:u-py {
        padding-bottom: calc(var(--py-md, 1)*var(--root-baseline));
        padding-top: calc(var(--py-md, 1)*var(--root-baseline))
    }

    .md\:u-pt {
        padding-top: calc(var(--pt-md, 1)*var(--root-baseline))
    }

    .md\:u-pb {
        padding-bottom: calc(var(--pb-md, 1)*var(--root-baseline))
    }
}

@media (min-width: 80em) {
    .lg\:u-py {
        padding-bottom: calc(var(--py-lg, 1)*var(--root-baseline));
        padding-top: calc(var(--py-lg, 1)*var(--root-baseline))
    }

    .lg\:u-pt {
        padding-top: calc(var(--pt-lg, 1)*var(--root-baseline))
    }

    .lg\:u-pb {
        padding-bottom: calc(var(--pb-lg, 1)*var(--root-baseline))
    }
}

@media (min-width: 120em) {
    .xl\:u-py {
        padding-bottom: calc(var(--py-xl, 1)*var(--root-baseline));
        padding-top: calc(var(--py-xl, 1)*var(--root-baseline))
    }

    .xl\:u-pt {
        padding-top: calc(var(--pt-xl, 1)*var(--root-baseline))
    }

    .xl\:u-pb {
        padding-bottom: calc(var(--pb-xl, 1)*var(--root-baseline))
    }
}

.u-my {
    margin-bottom: calc(var(--my, 1)*var(--root-baseline));
    margin-top: calc(var(--my, 1)*var(--root-baseline))
}

.u-mt {
    margin-top: calc(var(--mt, 1)*var(--root-baseline))
}

.u-mb {
    margin-bottom: calc(var(--mb, 1)*var(--root-baseline))
}

@media (min-width: 30em) {
    .xs\:u-my {
        margin-bottom: calc(var(--my-xs, 1)*var(--root-baseline));
        margin-top: calc(var(--my-xs, 1)*var(--root-baseline))
    }

    .xs\:u-mt {
        margin-top: calc(var(--mt-xs, 1)*var(--root-baseline))
    }

    .xs\:u-mb {
        margin-bottom: calc(var(--mb-xs, 1)*var(--root-baseline))
    }
}

@media (min-width: 37.5em) {
    .sm\:u-my {
        margin-bottom: calc(var(--my-sm, 1)*var(--root-baseline));
        margin-top: calc(var(--my-sm, 1)*var(--root-baseline))
    }

    .sm\:u-mt {
        margin-top: calc(var(--mt-sm, 1)*var(--root-baseline))
    }

    .sm\:u-mb {
        margin-bottom: calc(var(--mb-sm, 1)*var(--root-baseline))
    }
}

@media (min-width: 60em) {
    .md\:u-my {
        margin-bottom: calc(var(--my-md, 1)*var(--root-baseline));
        margin-top: calc(var(--my-md, 1)*var(--root-baseline))
    }

    .md\:u-mt {
        margin-top: calc(var(--mt-md, 1)*var(--root-baseline))
    }

    .md\:u-mb {
        margin-bottom: calc(var(--mb-md, 1)*var(--root-baseline))
    }
}

@media (min-width: 80em) {
    .lg\:u-my {
        margin-bottom: calc(var(--my-lg, 1)*var(--root-baseline));
        margin-top: calc(var(--my-lg, 1)*var(--root-baseline))
    }

    .lg\:u-mt {
        margin-top: calc(var(--mt-lg, 1)*var(--root-baseline))
    }

    .lg\:u-mb {
        margin-bottom: calc(var(--mb-lg, 1)*var(--root-baseline))
    }
}

@media (min-width: 120em) {
    .xl\:u-my {
        margin-bottom: calc(var(--my-xl, 1)*var(--root-baseline));
        margin-top: calc(var(--my-xl, 1)*var(--root-baseline))
    }

    .xl\:u-mt {
        margin-top: calc(var(--mt-xl, 1)*var(--root-baseline))
    }

    .xl\:u-mb {
        margin-bottom: calc(var(--mb-xl, 1)*var(--root-baseline))
    }
}

.hover\:u-divide-error-300:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-300)
}

.hover\:u-divide-error-500:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-500)
}

.hover\:u-divide-error-700:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-700)
}

.hover\:u-divide-greys-100:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-100)
}

.hover\:u-divide-greys-200:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-200)
}

.hover\:u-divide-greys-300:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-300)
}

.hover\:u-divide-greys-400:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-400)
}

.hover\:u-divide-greys-50:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-50)
}

.hover\:u-divide-greys-500:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-500)
}

.hover\:u-divide-greys-600:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-600)
}

.hover\:u-divide-greys-700:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-700)
}

.hover\:u-divide-greys-800:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-800)
}

.hover\:u-divide-greys-900:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-900)
}

.hover\:u-divide-secondary-100:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-100)
}

.hover\:u-divide-secondary-200:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-200)
}

.hover\:u-divide-secondary-300:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-300)
}

.hover\:u-divide-secondary-400:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-400)
}

.hover\:u-divide-secondary-50:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-50)
}

.hover\:u-divide-secondary-500:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-500)
}

.hover\:u-divide-secondary-600:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-600)
}

.hover\:u-divide-secondary-700:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-700)
}

.hover\:u-divide-secondary-800:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-800)
}

.hover\:u-divide-secondary-900:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-900)
}

.hover\:u-divide-success-300:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-300)
}

.hover\:u-divide-success-500:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-500)
}

.hover\:u-divide-success-700:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-700)
}

.hover\:u-divide-tertiary-100:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-100)
}

.hover\:u-divide-tertiary-200:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-200)
}

.hover\:u-divide-tertiary-300:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-300)
}

.hover\:u-divide-tertiary-400:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-400)
}

.hover\:u-divide-tertiary-50:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-50)
}

.hover\:u-divide-tertiary-500:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-500)
}

.hover\:u-divide-tertiary-600:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-600)
}

.hover\:u-divide-tertiary-700:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-700)
}

.hover\:u-divide-tertiary-800:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-800)
}

.hover\:u-divide-tertiary-900:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-900)
}

.hover\:u-divide-warning-300:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-300)
}

.hover\:u-divide-warning-500:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-500)
}

.hover\:u-divide-warning-700:hover > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-700)
}

.hover\:u-border-black:hover {
    border-color: var(--color-root-black)
}

.hover\:u-border-error-300:hover {
    border-color: var(--color-error-300)
}

.hover\:u-border-error-500:hover {
    border-color: var(--color-error-500)
}

.hover\:u-border-error-700:hover {
    border-color: var(--color-error-700)
}

.hover\:u-border-greys-100:hover {
    border-color: var(--color-greys-100)
}

.hover\:u-border-greys-200:hover {
    border-color: var(--color-greys-200)
}

.hover\:u-border-greys-300:hover {
    border-color: var(--color-greys-300)
}

.hover\:u-border-greys-400:hover {
    border-color: var(--color-greys-400)
}

.hover\:u-border-greys-50:hover {
    border-color: var(--color-greys-50)
}

.hover\:u-border-greys-500:hover {
    border-color: var(--color-greys-500)
}

.hover\:u-border-greys-600:hover {
    border-color: var(--color-greys-600)
}

.hover\:u-border-greys-700:hover {
    border-color: var(--color-greys-700)
}

.hover\:u-border-greys-800:hover {
    border-color: var(--color-greys-800)
}

.hover\:u-border-greys-900:hover {
    border-color: var(--color-greys-900)
}

.hover\:u-border-primary-100:hover {
    border-color: var(--color-primary-100)
}

.hover\:u-border-primary-200:hover {
    border-color: var(--color-primary-200)
}

.hover\:u-border-primary-300:hover {
    border-color: var(--color-primary-300)
}

.hover\:u-border-primary-400:hover {
    border-color: var(--color-primary-400)
}

.hover\:u-border-primary-50:hover {
    border-color: var(--color-primary-50)
}

.hover\:u-border-primary-500:hover {
    border-color: var(--color-primary-500)
}

.hover\:u-border-primary-600:hover {
    border-color: var(--color-primary-600)
}

.hover\:u-border-primary-700:hover {
    border-color: var(--color-primary-700)
}

.hover\:u-border-primary-800:hover {
    border-color: var(--color-primary-800)
}

.hover\:u-border-primary-900:hover {
    border-color: var(--color-primary-900)
}

.hover\:u-border-secondary-100:hover {
    border-color: var(--color-secondary-100)
}

.hover\:u-border-secondary-200:hover {
    border-color: var(--color-secondary-200)
}

.hover\:u-border-secondary-300:hover {
    border-color: var(--color-secondary-300)
}

.hover\:u-border-secondary-400:hover {
    border-color: var(--color-secondary-400)
}

.hover\:u-border-secondary-50:hover {
    border-color: var(--color-secondary-50)
}

.hover\:u-border-secondary-500:hover {
    border-color: var(--color-secondary-500)
}

.hover\:u-border-secondary-600:hover {
    border-color: var(--color-secondary-600)
}

.hover\:u-border-secondary-700:hover {
    border-color: var(--color-secondary-700)
}

.hover\:u-border-secondary-800:hover {
    border-color: var(--color-secondary-800)
}

.hover\:u-border-secondary-900:hover {
    border-color: var(--color-secondary-900)
}

.hover\:u-border-success-300:hover {
    border-color: var(--color-success-300)
}

.hover\:u-border-success-500:hover {
    border-color: var(--color-success-500)
}

.hover\:u-border-success-700:hover {
    border-color: var(--color-success-700)
}

.hover\:u-border-tertiary-100:hover {
    border-color: var(--color-tertiary-100)
}

.hover\:u-border-tertiary-200:hover {
    border-color: var(--color-tertiary-200)
}

.hover\:u-border-tertiary-300:hover {
    border-color: var(--color-tertiary-300)
}

.hover\:u-border-tertiary-400:hover {
    border-color: var(--color-tertiary-400)
}

.hover\:u-border-tertiary-50:hover {
    border-color: var(--color-tertiary-50)
}

.hover\:u-border-tertiary-500:hover {
    border-color: var(--color-tertiary-500)
}

.hover\:u-border-tertiary-600:hover {
    border-color: var(--color-tertiary-600)
}

.hover\:u-border-tertiary-700:hover {
    border-color: var(--color-tertiary-700)
}

.hover\:u-border-tertiary-800:hover {
    border-color: var(--color-tertiary-800)
}

.hover\:u-border-tertiary-900:hover {
    border-color: var(--color-tertiary-900)
}

.hover\:u-border-warning-300:hover {
    border-color: var(--color-warning-300)
}

.hover\:u-border-warning-500:hover {
    border-color: var(--color-warning-500)
}

.hover\:u-border-warning-700:hover {
    border-color: var(--color-warning-700)
}

.hover\:u-border-white:hover {
    border-color: var(--color-root-white)
}

.hover\:u-border-x-error-300:hover {
    border-left-color: var(--color-error-300);
    border-right-color: var(--color-error-300)
}

.hover\:u-border-x-error-500:hover {
    border-left-color: var(--color-error-500);
    border-right-color: var(--color-error-500)
}

.hover\:u-border-x-error-700:hover {
    border-left-color: var(--color-error-700);
    border-right-color: var(--color-error-700)
}

.hover\:u-border-x-greys-100:hover {
    border-left-color: var(--color-greys-100);
    border-right-color: var(--color-greys-100)
}

.hover\:u-border-x-greys-200:hover {
    border-left-color: var(--color-greys-200);
    border-right-color: var(--color-greys-200)
}

.hover\:u-border-x-greys-300:hover {
    border-left-color: var(--color-greys-300);
    border-right-color: var(--color-greys-300)
}

.hover\:u-border-x-greys-400:hover {
    border-left-color: var(--color-greys-400);
    border-right-color: var(--color-greys-400)
}

.hover\:u-border-x-greys-50:hover {
    border-left-color: var(--color-greys-50);
    border-right-color: var(--color-greys-50)
}

.hover\:u-border-x-greys-500:hover {
    border-left-color: var(--color-greys-500);
    border-right-color: var(--color-greys-500)
}

.hover\:u-border-x-greys-600:hover {
    border-left-color: var(--color-greys-600);
    border-right-color: var(--color-greys-600)
}

.hover\:u-border-x-greys-700:hover {
    border-left-color: var(--color-greys-700);
    border-right-color: var(--color-greys-700)
}

.hover\:u-border-x-greys-800:hover {
    border-left-color: var(--color-greys-800);
    border-right-color: var(--color-greys-800)
}

.hover\:u-border-x-greys-900:hover {
    border-left-color: var(--color-greys-900);
    border-right-color: var(--color-greys-900)
}

.hover\:u-border-x-secondary-100:hover {
    border-left-color: var(--color-secondary-100);
    border-right-color: var(--color-secondary-100)
}

.hover\:u-border-x-secondary-200:hover {
    border-left-color: var(--color-secondary-200);
    border-right-color: var(--color-secondary-200)
}

.hover\:u-border-x-secondary-300:hover {
    border-left-color: var(--color-secondary-300);
    border-right-color: var(--color-secondary-300)
}

.hover\:u-border-x-secondary-400:hover {
    border-left-color: var(--color-secondary-400);
    border-right-color: var(--color-secondary-400)
}

.hover\:u-border-x-secondary-50:hover {
    border-left-color: var(--color-secondary-50);
    border-right-color: var(--color-secondary-50)
}

.hover\:u-border-x-secondary-500:hover {
    border-left-color: var(--color-secondary-500);
    border-right-color: var(--color-secondary-500)
}

.hover\:u-border-x-secondary-600:hover {
    border-left-color: var(--color-secondary-600);
    border-right-color: var(--color-secondary-600)
}

.hover\:u-border-x-secondary-700:hover {
    border-left-color: var(--color-secondary-700);
    border-right-color: var(--color-secondary-700)
}

.hover\:u-border-x-secondary-800:hover {
    border-left-color: var(--color-secondary-800);
    border-right-color: var(--color-secondary-800)
}

.hover\:u-border-x-secondary-900:hover {
    border-left-color: var(--color-secondary-900);
    border-right-color: var(--color-secondary-900)
}

.hover\:u-border-x-success-300:hover {
    border-left-color: var(--color-success-300);
    border-right-color: var(--color-success-300)
}

.hover\:u-border-x-success-500:hover {
    border-left-color: var(--color-success-500);
    border-right-color: var(--color-success-500)
}

.hover\:u-border-x-success-700:hover {
    border-left-color: var(--color-success-700);
    border-right-color: var(--color-success-700)
}

.hover\:u-border-x-tertiary-100:hover {
    border-left-color: var(--color-tertiary-100);
    border-right-color: var(--color-tertiary-100)
}

.hover\:u-border-x-tertiary-200:hover {
    border-left-color: var(--color-tertiary-200);
    border-right-color: var(--color-tertiary-200)
}

.hover\:u-border-x-tertiary-300:hover {
    border-left-color: var(--color-tertiary-300);
    border-right-color: var(--color-tertiary-300)
}

.hover\:u-border-x-tertiary-400:hover {
    border-left-color: var(--color-tertiary-400);
    border-right-color: var(--color-tertiary-400)
}

.hover\:u-border-x-tertiary-50:hover {
    border-left-color: var(--color-tertiary-50);
    border-right-color: var(--color-tertiary-50)
}

.hover\:u-border-x-tertiary-500:hover {
    border-left-color: var(--color-tertiary-500);
    border-right-color: var(--color-tertiary-500)
}

.hover\:u-border-x-tertiary-600:hover {
    border-left-color: var(--color-tertiary-600);
    border-right-color: var(--color-tertiary-600)
}

.hover\:u-border-x-tertiary-700:hover {
    border-left-color: var(--color-tertiary-700);
    border-right-color: var(--color-tertiary-700)
}

.hover\:u-border-x-tertiary-800:hover {
    border-left-color: var(--color-tertiary-800);
    border-right-color: var(--color-tertiary-800)
}

.hover\:u-border-x-tertiary-900:hover {
    border-left-color: var(--color-tertiary-900);
    border-right-color: var(--color-tertiary-900)
}

.hover\:u-border-x-warning-300:hover {
    border-left-color: var(--color-warning-300);
    border-right-color: var(--color-warning-300)
}

.hover\:u-border-x-warning-500:hover {
    border-left-color: var(--color-warning-500);
    border-right-color: var(--color-warning-500)
}

.hover\:u-border-x-warning-700:hover {
    border-left-color: var(--color-warning-700);
    border-right-color: var(--color-warning-700)
}

.hover\:u-border-y-error-300:hover {
    border-bottom-color: var(--color-error-300);
    border-top-color: var(--color-error-300)
}

.hover\:u-border-y-error-500:hover {
    border-bottom-color: var(--color-error-500);
    border-top-color: var(--color-error-500)
}

.hover\:u-border-y-error-700:hover {
    border-bottom-color: var(--color-error-700);
    border-top-color: var(--color-error-700)
}

.hover\:u-border-y-greys-100:hover {
    border-bottom-color: var(--color-greys-100);
    border-top-color: var(--color-greys-100)
}

.hover\:u-border-y-greys-200:hover {
    border-bottom-color: var(--color-greys-200);
    border-top-color: var(--color-greys-200)
}

.hover\:u-border-y-greys-300:hover {
    border-bottom-color: var(--color-greys-300);
    border-top-color: var(--color-greys-300)
}

.hover\:u-border-y-greys-400:hover {
    border-bottom-color: var(--color-greys-400);
    border-top-color: var(--color-greys-400)
}

.hover\:u-border-y-greys-50:hover {
    border-bottom-color: var(--color-greys-50);
    border-top-color: var(--color-greys-50)
}

.hover\:u-border-y-greys-500:hover {
    border-bottom-color: var(--color-greys-500);
    border-top-color: var(--color-greys-500)
}

.hover\:u-border-y-greys-600:hover {
    border-bottom-color: var(--color-greys-600);
    border-top-color: var(--color-greys-600)
}

.hover\:u-border-y-greys-700:hover {
    border-bottom-color: var(--color-greys-700);
    border-top-color: var(--color-greys-700)
}

.hover\:u-border-y-greys-800:hover {
    border-bottom-color: var(--color-greys-800);
    border-top-color: var(--color-greys-800)
}

.hover\:u-border-y-greys-900:hover {
    border-bottom-color: var(--color-greys-900);
    border-top-color: var(--color-greys-900)
}

.hover\:u-border-y-secondary-100:hover {
    border-bottom-color: var(--color-secondary-100);
    border-top-color: var(--color-secondary-100)
}

.hover\:u-border-y-secondary-200:hover {
    border-bottom-color: var(--color-secondary-200);
    border-top-color: var(--color-secondary-200)
}

.hover\:u-border-y-secondary-300:hover {
    border-bottom-color: var(--color-secondary-300);
    border-top-color: var(--color-secondary-300)
}

.hover\:u-border-y-secondary-400:hover {
    border-bottom-color: var(--color-secondary-400);
    border-top-color: var(--color-secondary-400)
}

.hover\:u-border-y-secondary-50:hover {
    border-bottom-color: var(--color-secondary-50);
    border-top-color: var(--color-secondary-50)
}

.hover\:u-border-y-secondary-500:hover {
    border-bottom-color: var(--color-secondary-500);
    border-top-color: var(--color-secondary-500)
}

.hover\:u-border-y-secondary-600:hover {
    border-bottom-color: var(--color-secondary-600);
    border-top-color: var(--color-secondary-600)
}

.hover\:u-border-y-secondary-700:hover {
    border-bottom-color: var(--color-secondary-700);
    border-top-color: var(--color-secondary-700)
}

.hover\:u-border-y-secondary-800:hover {
    border-bottom-color: var(--color-secondary-800);
    border-top-color: var(--color-secondary-800)
}

.hover\:u-border-y-secondary-900:hover {
    border-bottom-color: var(--color-secondary-900);
    border-top-color: var(--color-secondary-900)
}

.hover\:u-border-y-success-300:hover {
    border-bottom-color: var(--color-success-300);
    border-top-color: var(--color-success-300)
}

.hover\:u-border-y-success-500:hover {
    border-bottom-color: var(--color-success-500);
    border-top-color: var(--color-success-500)
}

.hover\:u-border-y-success-700:hover {
    border-bottom-color: var(--color-success-700);
    border-top-color: var(--color-success-700)
}

.hover\:u-border-y-tertiary-100:hover {
    border-bottom-color: var(--color-tertiary-100);
    border-top-color: var(--color-tertiary-100)
}

.hover\:u-border-y-tertiary-200:hover {
    border-bottom-color: var(--color-tertiary-200);
    border-top-color: var(--color-tertiary-200)
}

.hover\:u-border-y-tertiary-300:hover {
    border-bottom-color: var(--color-tertiary-300);
    border-top-color: var(--color-tertiary-300)
}

.hover\:u-border-y-tertiary-400:hover {
    border-bottom-color: var(--color-tertiary-400);
    border-top-color: var(--color-tertiary-400)
}

.hover\:u-border-y-tertiary-50:hover {
    border-bottom-color: var(--color-tertiary-50);
    border-top-color: var(--color-tertiary-50)
}

.hover\:u-border-y-tertiary-500:hover {
    border-bottom-color: var(--color-tertiary-500);
    border-top-color: var(--color-tertiary-500)
}

.hover\:u-border-y-tertiary-600:hover {
    border-bottom-color: var(--color-tertiary-600);
    border-top-color: var(--color-tertiary-600)
}

.hover\:u-border-y-tertiary-700:hover {
    border-bottom-color: var(--color-tertiary-700);
    border-top-color: var(--color-tertiary-700)
}

.hover\:u-border-y-tertiary-800:hover {
    border-bottom-color: var(--color-tertiary-800);
    border-top-color: var(--color-tertiary-800)
}

.hover\:u-border-y-tertiary-900:hover {
    border-bottom-color: var(--color-tertiary-900);
    border-top-color: var(--color-tertiary-900)
}

.hover\:u-border-y-warning-300:hover {
    border-bottom-color: var(--color-warning-300);
    border-top-color: var(--color-warning-300)
}

.hover\:u-border-y-warning-500:hover {
    border-bottom-color: var(--color-warning-500);
    border-top-color: var(--color-warning-500)
}

.hover\:u-border-y-warning-700:hover {
    border-bottom-color: var(--color-warning-700);
    border-top-color: var(--color-warning-700)
}

.hover\:u-border-b-error-300:hover {
    border-bottom-color: var(--color-error-300)
}

.hover\:u-border-b-error-500:hover {
    border-bottom-color: var(--color-error-500)
}

.hover\:u-border-b-error-700:hover {
    border-bottom-color: var(--color-error-700)
}

.hover\:u-border-b-greys-100:hover {
    border-bottom-color: var(--color-greys-100)
}

.hover\:u-border-b-greys-200:hover {
    border-bottom-color: var(--color-greys-200)
}

.hover\:u-border-b-greys-300:hover {
    border-bottom-color: var(--color-greys-300)
}

.hover\:u-border-b-greys-400:hover {
    border-bottom-color: var(--color-greys-400)
}

.hover\:u-border-b-greys-50:hover {
    border-bottom-color: var(--color-greys-50)
}

.hover\:u-border-b-greys-500:hover {
    border-bottom-color: var(--color-greys-500)
}

.hover\:u-border-b-greys-600:hover {
    border-bottom-color: var(--color-greys-600)
}

.hover\:u-border-b-greys-700:hover {
    border-bottom-color: var(--color-greys-700)
}

.hover\:u-border-b-greys-800:hover {
    border-bottom-color: var(--color-greys-800)
}

.hover\:u-border-b-greys-900:hover {
    border-bottom-color: var(--color-greys-900)
}

.hover\:u-border-b-secondary-100:hover {
    border-bottom-color: var(--color-secondary-100)
}

.hover\:u-border-b-secondary-200:hover {
    border-bottom-color: var(--color-secondary-200)
}

.hover\:u-border-b-secondary-300:hover {
    border-bottom-color: var(--color-secondary-300)
}

.hover\:u-border-b-secondary-400:hover {
    border-bottom-color: var(--color-secondary-400)
}

.hover\:u-border-b-secondary-50:hover {
    border-bottom-color: var(--color-secondary-50)
}

.hover\:u-border-b-secondary-500:hover {
    border-bottom-color: var(--color-secondary-500)
}

.hover\:u-border-b-secondary-600:hover {
    border-bottom-color: var(--color-secondary-600)
}

.hover\:u-border-b-secondary-700:hover {
    border-bottom-color: var(--color-secondary-700)
}

.hover\:u-border-b-secondary-800:hover {
    border-bottom-color: var(--color-secondary-800)
}

.hover\:u-border-b-secondary-900:hover {
    border-bottom-color: var(--color-secondary-900)
}

.hover\:u-border-b-success-300:hover {
    border-bottom-color: var(--color-success-300)
}

.hover\:u-border-b-success-500:hover {
    border-bottom-color: var(--color-success-500)
}

.hover\:u-border-b-success-700:hover {
    border-bottom-color: var(--color-success-700)
}

.hover\:u-border-b-tertiary-100:hover {
    border-bottom-color: var(--color-tertiary-100)
}

.hover\:u-border-b-tertiary-200:hover {
    border-bottom-color: var(--color-tertiary-200)
}

.hover\:u-border-b-tertiary-300:hover {
    border-bottom-color: var(--color-tertiary-300)
}

.hover\:u-border-b-tertiary-400:hover {
    border-bottom-color: var(--color-tertiary-400)
}

.hover\:u-border-b-tertiary-50:hover {
    border-bottom-color: var(--color-tertiary-50)
}

.hover\:u-border-b-tertiary-500:hover {
    border-bottom-color: var(--color-tertiary-500)
}

.hover\:u-border-b-tertiary-600:hover {
    border-bottom-color: var(--color-tertiary-600)
}

.hover\:u-border-b-tertiary-700:hover {
    border-bottom-color: var(--color-tertiary-700)
}

.hover\:u-border-b-tertiary-800:hover {
    border-bottom-color: var(--color-tertiary-800)
}

.hover\:u-border-b-tertiary-900:hover {
    border-bottom-color: var(--color-tertiary-900)
}

.hover\:u-border-b-warning-300:hover {
    border-bottom-color: var(--color-warning-300)
}

.hover\:u-border-b-warning-500:hover {
    border-bottom-color: var(--color-warning-500)
}

.hover\:u-border-b-warning-700:hover {
    border-bottom-color: var(--color-warning-700)
}

.hover\:u-border-e-error-300:hover {
    border-inline-end-color: var(--color-error-300)
}

.hover\: u-border-e-error-500:hover {
    border-inline-end-color: var(--color-error-500)
}

.hover\:u-border-e-error-700:hover {
    border-inline-end-color: var(--color-error-700)
}

.hover\: u-border-e-greys-100:hover {
    border-inline-end-color: var(--color-greys-100)
}

.hover\:u-border-e-greys-200:hover {
    border-inline-end-color: var(--color-greys-200)
}

.hover\: u-border-e-greys-300:hover {
    border-inline-end-color: var(--color-greys-300)
}

.hover\:u-border-e-greys-400:hover {
    border-inline-end-color: var(--color-greys-400)
}

.hover\: u-border-e-greys-50:hover {
    border-inline-end-color: var(--color-greys-50)
}

.hover\:u-border-e-greys-500:hover {
    border-inline-end-color: var(--color-greys-500)
}

.hover\: u-border-e-greys-600:hover {
    border-inline-end-color: var(--color-greys-600)
}

.hover\:u-border-e-greys-700:hover {
    border-inline-end-color: var(--color-greys-700)
}

.hover\: u-border-e-greys-800:hover {
    border-inline-end-color: var(--color-greys-800)
}

.hover\:u-border-e-greys-900:hover {
    border-inline-end-color: var(--color-greys-900)
}

.hover\: u-border-e-secondary-100:hover {
    border-inline-end-color: var(--color-secondary-100)
}

.hover\:u-border-e-secondary-200:hover {
    border-inline-end-color: var(--color-secondary-200)
}

.hover\: u-border-e-secondary-300:hover {
    border-inline-end-color: var(--color-secondary-300)
}

.hover\:u-border-e-secondary-400:hover {
    border-inline-end-color: var(--color-secondary-400)
}

.hover\: u-border-e-secondary-50:hover {
    border-inline-end-color: var(--color-secondary-50)
}

.hover\:u-border-e-secondary-500:hover {
    border-inline-end-color: var(--color-secondary-500)
}

.hover\: u-border-e-secondary-600:hover {
    border-inline-end-color: var(--color-secondary-600)
}

.hover\:u-border-e-secondary-700:hover {
    border-inline-end-color: var(--color-secondary-700)
}

.hover\: u-border-e-secondary-800:hover {
    border-inline-end-color: var(--color-secondary-800)
}

.hover\:u-border-e-secondary-900:hover {
    border-inline-end-color: var(--color-secondary-900)
}

.hover\: u-border-e-success-300:hover {
    border-inline-end-color: var(--color-success-300)
}

.hover\:u-border-e-success-500:hover {
    border-inline-end-color: var(--color-success-500)
}

.hover\: u-border-e-success-700:hover {
    border-inline-end-color: var(--color-success-700)
}

.hover\:u-border-e-tertiary-100:hover {
    border-inline-end-color: var(--color-tertiary-100)
}

.hover\: u-border-e-tertiary-200:hover {
    border-inline-end-color: var(--color-tertiary-200)
}

.hover\:u-border-e-tertiary-300:hover {
    border-inline-end-color: var(--color-tertiary-300)
}

.hover\: u-border-e-tertiary-400:hover {
    border-inline-end-color: var(--color-tertiary-400)
}

.hover\:u-border-e-tertiary-50:hover {
    border-inline-end-color: var(--color-tertiary-50)
}

.hover\: u-border-e-tertiary-500:hover {
    border-inline-end-color: var(--color-tertiary-500)
}

.hover\:u-border-e-tertiary-600:hover {
    border-inline-end-color: var(--color-tertiary-600)
}

.hover\: u-border-e-tertiary-700:hover {
    border-inline-end-color: var(--color-tertiary-700)
}

.hover\:u-border-e-tertiary-800:hover {
    border-inline-end-color: var(--color-tertiary-800)
}

.hover\: u-border-e-tertiary-900:hover {
    border-inline-end-color: var(--color-tertiary-900)
}

.hover\:u-border-e-warning-300:hover {
    border-inline-end-color: var(--color-warning-300)
}

.hover\: u-border-e-warning-500:hover {
    border-inline-end-color: var(--color-warning-500)
}

.hover\:u-border-e-warning-700:hover {
    border-inline-end-color: var(--color-warning-700)
}

.hover\: u-border-l-error-300:hover {
    border-left-color: var(--color-error-300)
}

.hover\:u-border-l-error-500:hover {
    border-left-color: var(--color-error-500)
}

.hover\:u-border-l-error-700:hover {
    border-left-color: var(--color-error-700)
}

.hover\:u-border-l-greys-100:hover {
    border-left-color: var(--color-greys-100)
}

.hover\:u-border-l-greys-200:hover {
    border-left-color: var(--color-greys-200)
}

.hover\:u-border-l-greys-300:hover {
    border-left-color: var(--color-greys-300)
}

.hover\:u-border-l-greys-400:hover {
    border-left-color: var(--color-greys-400)
}

.hover\:u-border-l-greys-50:hover {
    border-left-color: var(--color-greys-50)
}

.hover\:u-border-l-greys-500:hover {
    border-left-color: var(--color-greys-500)
}

.hover\:u-border-l-greys-600:hover {
    border-left-color: var(--color-greys-600)
}

.hover\:u-border-l-greys-700:hover {
    border-left-color: var(--color-greys-700)
}

.hover\:u-border-l-greys-800:hover {
    border-left-color: var(--color-greys-800)
}

.hover\:u-border-l-greys-900:hover {
    border-left-color: var(--color-greys-900)
}

.hover\:u-border-l-secondary-100:hover {
    border-left-color: var(--color-secondary-100)
}

.hover\:u-border-l-secondary-200:hover {
    border-left-color: var(--color-secondary-200)
}

.hover\:u-border-l-secondary-300:hover {
    border-left-color: var(--color-secondary-300)
}

.hover\:u-border-l-secondary-400:hover {
    border-left-color: var(--color-secondary-400)
}

.hover\:u-border-l-secondary-50:hover {
    border-left-color: var(--color-secondary-50)
}

.hover\:u-border-l-secondary-500:hover {
    border-left-color: var(--color-secondary-500)
}

.hover\:u-border-l-secondary-600:hover {
    border-left-color: var(--color-secondary-600)
}

.hover\:u-border-l-secondary-700:hover {
    border-left-color: var(--color-secondary-700)
}

.hover\:u-border-l-secondary-800:hover {
    border-left-color: var(--color-secondary-800)
}

.hover\:u-border-l-secondary-900:hover {
    border-left-color: var(--color-secondary-900)
}

.hover\:u-border-l-success-300:hover {
    border-left-color: var(--color-success-300)
}

.hover\:u-border-l-success-500:hover {
    border-left-color: var(--color-success-500)
}

.hover\:u-border-l-success-700:hover {
    border-left-color: var(--color-success-700)
}

.hover\:u-border-l-tertiary-100:hover {
    border-left-color: var(--color-tertiary-100)
}

.hover\:u-border-l-tertiary-200:hover {
    border-left-color: var(--color-tertiary-200)
}

.hover\:u-border-l-tertiary-300:hover {
    border-left-color: var(--color-tertiary-300)
}

.hover\:u-border-l-tertiary-400:hover {
    border-left-color: var(--color-tertiary-400)
}

.hover\:u-border-l-tertiary-50:hover {
    border-left-color: var(--color-tertiary-50)
}

.hover\:u-border-l-tertiary-500:hover {
    border-left-color: var(--color-tertiary-500)
}

.hover\:u-border-l-tertiary-600:hover {
    border-left-color: var(--color-tertiary-600)
}

.hover\:u-border-l-tertiary-700:hover {
    border-left-color: var(--color-tertiary-700)
}

.hover\:u-border-l-tertiary-800:hover {
    border-left-color: var(--color-tertiary-800)
}

.hover\:u-border-l-tertiary-900:hover {
    border-left-color: var(--color-tertiary-900)
}

.hover\:u-border-l-warning-300:hover {
    border-left-color: var(--color-warning-300)
}

.hover\:u-border-l-warning-500:hover {
    border-left-color: var(--color-warning-500)
}

.hover\:u-border-l-warning-700:hover {
    border-left-color: var(--color-warning-700)
}

.hover\:u-border-r-error-300:hover {
    border-right-color: var(--color-error-300)
}

.hover\:u-border-r-error-500:hover {
    border-right-color: var(--color-error-500)
}

.hover\:u-border-r-error-700:hover {
    border-right-color: var(--color-error-700)
}

.hover\:u-border-r-greys-100:hover {
    border-right-color: var(--color-greys-100)
}

.hover\:u-border-r-greys-200:hover {
    border-right-color: var(--color-greys-200)
}

.hover\:u-border-r-greys-300:hover {
    border-right-color: var(--color-greys-300)
}

.hover\:u-border-r-greys-400:hover {
    border-right-color: var(--color-greys-400)
}

.hover\:u-border-r-greys-50:hover {
    border-right-color: var(--color-greys-50)
}

.hover\:u-border-r-greys-500:hover {
    border-right-color: var(--color-greys-500)
}

.hover\:u-border-r-greys-600:hover {
    border-right-color: var(--color-greys-600)
}

.hover\:u-border-r-greys-700:hover {
    border-right-color: var(--color-greys-700)
}

.hover\:u-border-r-greys-800:hover {
    border-right-color: var(--color-greys-800)
}

.hover\:u-border-r-greys-900:hover {
    border-right-color: var(--color-greys-900)
}

.hover\:u-border-r-secondary-100:hover {
    border-right-color: var(--color-secondary-100)
}

.hover\:u-border-r-secondary-200:hover {
    border-right-color: var(--color-secondary-200)
}

.hover\:u-border-r-secondary-300:hover {
    border-right-color: var(--color-secondary-300)
}

.hover\:u-border-r-secondary-400:hover {
    border-right-color: var(--color-secondary-400)
}

.hover\:u-border-r-secondary-50:hover {
    border-right-color: var(--color-secondary-50)
}

.hover\:u-border-r-secondary-500:hover {
    border-right-color: var(--color-secondary-500)
}

.hover\:u-border-r-secondary-600:hover {
    border-right-color: var(--color-secondary-600)
}

.hover\:u-border-r-secondary-700:hover {
    border-right-color: var(--color-secondary-700)
}

.hover\:u-border-r-secondary-800:hover {
    border-right-color: var(--color-secondary-800)
}

.hover\:u-border-r-secondary-900:hover {
    border-right-color: var(--color-secondary-900)
}

.hover\:u-border-r-success-300:hover {
    border-right-color: var(--color-success-300)
}

.hover\:u-border-r-success-500:hover {
    border-right-color: var(--color-success-500)
}

.hover\:u-border-r-success-700:hover {
    border-right-color: var(--color-success-700)
}

.hover\:u-border-r-tertiary-100:hover {
    border-right-color: var(--color-tertiary-100)
}

.hover\:u-border-r-tertiary-200:hover {
    border-right-color: var(--color-tertiary-200)
}

.hover\:u-border-r-tertiary-300:hover {
    border-right-color: var(--color-tertiary-300)
}

.hover\:u-border-r-tertiary-400:hover {
    border-right-color: var(--color-tertiary-400)
}

.hover\:u-border-r-tertiary-50:hover {
    border-right-color: var(--color-tertiary-50)
}

.hover\:u-border-r-tertiary-500:hover {
    border-right-color: var(--color-tertiary-500)
}

.hover\:u-border-r-tertiary-600:hover {
    border-right-color: var(--color-tertiary-600)
}

.hover\:u-border-r-tertiary-700:hover {
    border-right-color: var(--color-tertiary-700)
}

.hover\:u-border-r-tertiary-800:hover {
    border-right-color: var(--color-tertiary-800)
}

.hover\:u-border-r-tertiary-900:hover {
    border-right-color: var(--color-tertiary-900)
}

.hover\:u-border-r-warning-300:hover {
    border-right-color: var(--color-warning-300)
}

.hover\:u-border-r-warning-500:hover {
    border-right-color: var(--color-warning-500)
}

.hover\:u-border-r-warning-700:hover {
    border-right-color: var(--color-warning-700)
}

.hover\:u-border-s-error-300:hover {
    border-inline-start-color: var(--color-error-300)
}

.hover\: u-border-s-error-500:hover {
    border-inline-start-color: var(--color-error-500)
}

.hover\:u-border-s-error-700:hover {
    border-inline-start-color: var(--color-error-700)
}

.hover\: u-border-s-greys-100:hover {
    border-inline-start-color: var(--color-greys-100)
}

.hover\:u-border-s-greys-200:hover {
    border-inline-start-color: var(--color-greys-200)
}

.hover\: u-border-s-greys-300:hover {
    border-inline-start-color: var(--color-greys-300)
}

.hover\:u-border-s-greys-400:hover {
    border-inline-start-color: var(--color-greys-400)
}

.hover\: u-border-s-greys-50:hover {
    border-inline-start-color: var(--color-greys-50)
}

.hover\:u-border-s-greys-500:hover {
    border-inline-start-color: var(--color-greys-500)
}

.hover\: u-border-s-greys-600:hover {
    border-inline-start-color: var(--color-greys-600)
}

.hover\:u-border-s-greys-700:hover {
    border-inline-start-color: var(--color-greys-700)
}

.hover\: u-border-s-greys-800:hover {
    border-inline-start-color: var(--color-greys-800)
}

.hover\:u-border-s-greys-900:hover {
    border-inline-start-color: var(--color-greys-900)
}

.hover\: u-border-s-secondary-100:hover {
    border-inline-start-color: var(--color-secondary-100)
}

.hover\:u-border-s-secondary-200:hover {
    border-inline-start-color: var(--color-secondary-200)
}

.hover\: u-border-s-secondary-300:hover {
    border-inline-start-color: var(--color-secondary-300)
}

.hover\:u-border-s-secondary-400:hover {
    border-inline-start-color: var(--color-secondary-400)
}

.hover\: u-border-s-secondary-50:hover {
    border-inline-start-color: var(--color-secondary-50)
}

.hover\:u-border-s-secondary-500:hover {
    border-inline-start-color: var(--color-secondary-500)
}

.hover\: u-border-s-secondary-600:hover {
    border-inline-start-color: var(--color-secondary-600)
}

.hover\:u-border-s-secondary-700:hover {
    border-inline-start-color: var(--color-secondary-700)
}

.hover\: u-border-s-secondary-800:hover {
    border-inline-start-color: var(--color-secondary-800)
}

.hover\:u-border-s-secondary-900:hover {
    border-inline-start-color: var(--color-secondary-900)
}

.hover\: u-border-s-success-300:hover {
    border-inline-start-color: var(--color-success-300)
}

.hover\:u-border-s-success-500:hover {
    border-inline-start-color: var(--color-success-500)
}

.hover\: u-border-s-success-700:hover {
    border-inline-start-color: var(--color-success-700)
}

.hover\:u-border-s-tertiary-100:hover {
    border-inline-start-color: var(--color-tertiary-100)
}

.hover\: u-border-s-tertiary-200:hover {
    border-inline-start-color: var(--color-tertiary-200)
}

.hover\:u-border-s-tertiary-300:hover {
    border-inline-start-color: var(--color-tertiary-300)
}

.hover\: u-border-s-tertiary-400:hover {
    border-inline-start-color: var(--color-tertiary-400)
}

.hover\:u-border-s-tertiary-50:hover {
    border-inline-start-color: var(--color-tertiary-50)
}

.hover\: u-border-s-tertiary-500:hover {
    border-inline-start-color: var(--color-tertiary-500)
}

.hover\:u-border-s-tertiary-600:hover {
    border-inline-start-color: var(--color-tertiary-600)
}

.hover\: u-border-s-tertiary-700:hover {
    border-inline-start-color: var(--color-tertiary-700)
}

.hover\:u-border-s-tertiary-800:hover {
    border-inline-start-color: var(--color-tertiary-800)
}

.hover\: u-border-s-tertiary-900:hover {
    border-inline-start-color: var(--color-tertiary-900)
}

.hover\:u-border-s-warning-300:hover {
    border-inline-start-color: var(--color-warning-300)
}

.hover\: u-border-s-warning-500:hover {
    border-inline-start-color: var(--color-warning-500)
}

.hover\:u-border-s-warning-700:hover {
    border-inline-start-color: var(--color-warning-700)
}

.hover\: u-border-t-error-300:hover {
    border-top-color: var(--color-error-300)
}

.hover\:u-border-t-error-500:hover {
    border-top-color: var(--color-error-500)
}

.hover\:u-border-t-error-700:hover {
    border-top-color: var(--color-error-700)
}

.hover\:u-border-t-greys-100:hover {
    border-top-color: var(--color-greys-100)
}

.hover\:u-border-t-greys-200:hover {
    border-top-color: var(--color-greys-200)
}

.hover\:u-border-t-greys-300:hover {
    border-top-color: var(--color-greys-300)
}

.hover\:u-border-t-greys-400:hover {
    border-top-color: var(--color-greys-400)
}

.hover\:u-border-t-greys-50:hover {
    border-top-color: var(--color-greys-50)
}

.hover\:u-border-t-greys-500:hover {
    border-top-color: var(--color-greys-500)
}

.hover\:u-border-t-greys-600:hover {
    border-top-color: var(--color-greys-600)
}

.hover\:u-border-t-greys-700:hover {
    border-top-color: var(--color-greys-700)
}

.hover\:u-border-t-greys-800:hover {
    border-top-color: var(--color-greys-800)
}

.hover\:u-border-t-greys-900:hover {
    border-top-color: var(--color-greys-900)
}

.hover\:u-border-t-secondary-100:hover {
    border-top-color: var(--color-secondary-100)
}

.hover\:u-border-t-secondary-200:hover {
    border-top-color: var(--color-secondary-200)
}

.hover\:u-border-t-secondary-300:hover {
    border-top-color: var(--color-secondary-300)
}

.hover\:u-border-t-secondary-400:hover {
    border-top-color: var(--color-secondary-400)
}

.hover\:u-border-t-secondary-50:hover {
    border-top-color: var(--color-secondary-50)
}

.hover\:u-border-t-secondary-500:hover {
    border-top-color: var(--color-secondary-500)
}

.hover\:u-border-t-secondary-600:hover {
    border-top-color: var(--color-secondary-600)
}

.hover\:u-border-t-secondary-700:hover {
    border-top-color: var(--color-secondary-700)
}

.hover\:u-border-t-secondary-800:hover {
    border-top-color: var(--color-secondary-800)
}

.hover\:u-border-t-secondary-900:hover {
    border-top-color: var(--color-secondary-900)
}

.hover\:u-border-t-success-300:hover {
    border-top-color: var(--color-success-300)
}

.hover\:u-border-t-success-500:hover {
    border-top-color: var(--color-success-500)
}

.hover\:u-border-t-success-700:hover {
    border-top-color: var(--color-success-700)
}

.hover\:u-border-t-tertiary-100:hover {
    border-top-color: var(--color-tertiary-100)
}

.hover\:u-border-t-tertiary-200:hover {
    border-top-color: var(--color-tertiary-200)
}

.hover\:u-border-t-tertiary-300:hover {
    border-top-color: var(--color-tertiary-300)
}

.hover\:u-border-t-tertiary-400:hover {
    border-top-color: var(--color-tertiary-400)
}

.hover\:u-border-t-tertiary-50:hover {
    border-top-color: var(--color-tertiary-50)
}

.hover\:u-border-t-tertiary-500:hover {
    border-top-color: var(--color-tertiary-500)
}

.hover\:u-border-t-tertiary-600:hover {
    border-top-color: var(--color-tertiary-600)
}

.hover\:u-border-t-tertiary-700:hover {
    border-top-color: var(--color-tertiary-700)
}

.hover\:u-border-t-tertiary-800:hover {
    border-top-color: var(--color-tertiary-800)
}

.hover\:u-border-t-tertiary-900:hover {
    border-top-color: var(--color-tertiary-900)
}

.hover\:u-border-t-warning-300:hover {
    border-top-color: var(--color-warning-300)
}

.hover\:u-border-t-warning-500:hover {
    border-top-color: var(--color-warning-500)
}

.hover\:u-border-t-warning-700:hover {
    border-top-color: var(--color-warning-700)
}

.hover\:u-bg-black:hover {
    background-color: var(--color-root-black)
}

.hover\:u-bg-error-300:hover {
    background-color: var(--color-error-300)
}

.hover\:u-bg-error-500:hover {
    background-color: var(--color-error-500)
}

.hover\:u-bg-error-700:hover {
    background-color: var(--color-error-700)
}

.hover\:u-bg-greys-100:hover {
    background-color: var(--color-greys-100)
}

.hover\:u-bg-greys-200:hover {
    background-color: var(--color-greys-200)
}

.hover\:u-bg-greys-300:hover {
    background-color: var(--color-greys-300)
}

.hover\:u-bg-greys-400:hover {
    background-color: var(--color-greys-400)
}

.hover\:u-bg-greys-50:hover {
    background-color: var(--color-greys-50)
}

.hover\:u-bg-greys-500:hover {
    background-color: var(--color-greys-500)
}

.hover\:u-bg-greys-600:hover {
    background-color: var(--color-greys-600)
}

.hover\:u-bg-greys-700:hover {
    background-color: var(--color-greys-700)
}

.hover\:u-bg-greys-800:hover {
    background-color: var(--color-greys-800)
}

.hover\:u-bg-greys-900:hover {
    background-color: var(--color-greys-900)
}

.hover\:u-bg-primary-100:hover {
    background-color: var(--color-primary-100)
}

.hover\:u-bg-primary-200:hover {
    background-color: var(--color-primary-200)
}

.hover\:u-bg-primary-300:hover {
    background-color: var(--color-primary-300)
}

.hover\:u-bg-primary-400:hover {
    background-color: var(--color-primary-400)
}

.hover\:u-bg-primary-50:hover {
    background-color: var(--color-primary-50)
}

.hover\:u-bg-primary-500:hover {
    background-color: var(--color-primary-500)
}

.hover\:u-bg-primary-600:hover {
    background-color: var(--color-primary-600)
}

.hover\:u-bg-primary-700:hover {
    background-color: var(--color-primary-700)
}

.hover\:u-bg-primary-800:hover {
    background-color: var(--color-primary-800)
}

.hover\:u-bg-primary-900:hover {
    background-color: var(--color-primary-900)
}

.hover\:u-bg-secondary-100:hover {
    background-color: var(--color-secondary-100)
}

.hover\:u-bg-secondary-200:hover {
    background-color: var(--color-secondary-200)
}

.hover\:u-bg-secondary-300:hover {
    background-color: var(--color-secondary-300)
}

.hover\:u-bg-secondary-400:hover {
    background-color: var(--color-secondary-400)
}

.hover\:u-bg-secondary-50:hover {
    background-color: var(--color-secondary-50)
}

.hover\:u-bg-secondary-500:hover {
    background-color: var(--color-secondary-500)
}

.hover\:u-bg-secondary-600:hover {
    background-color: var(--color-secondary-600)
}

.hover\:u-bg-secondary-700:hover {
    background-color: var(--color-secondary-700)
}

.hover\:u-bg-secondary-800:hover {
    background-color: var(--color-secondary-800)
}

.hover\:u-bg-secondary-900:hover {
    background-color: var(--color-secondary-900)
}

.hover\:u-bg-success-300:hover {
    background-color: var(--color-success-300)
}

.hover\:u-bg-success-500:hover {
    background-color: var(--color-success-500)
}

.hover\:u-bg-success-700:hover {
    background-color: var(--color-success-700)
}

.hover\:u-bg-tertiary-100:hover {
    background-color: var(--color-tertiary-100)
}

.hover\:u-bg-tertiary-200:hover {
    background-color: var(--color-tertiary-200)
}

.hover\:u-bg-tertiary-300:hover {
    background-color: var(--color-tertiary-300)
}

.hover\:u-bg-tertiary-400:hover {
    background-color: var(--color-tertiary-400)
}

.hover\:u-bg-tertiary-50:hover {
    background-color: var(--color-tertiary-50)
}

.hover\:u-bg-tertiary-500:hover {
    background-color: var(--color-tertiary-500)
}

.hover\:u-bg-tertiary-600:hover {
    background-color: var(--color-tertiary-600)
}

.hover\:u-bg-tertiary-700:hover {
    background-color: var(--color-tertiary-700)
}

.hover\:u-bg-tertiary-800:hover {
    background-color: var(--color-tertiary-800)
}

.hover\:u-bg-tertiary-900:hover {
    background-color: var(--color-tertiary-900)
}

.hover\:u-bg-warning-300:hover {
    background-color: var(--color-warning-300)
}

.hover\:u-bg-warning-500:hover {
    background-color: var(--color-warning-500)
}

.hover\:u-bg-warning-700:hover {
    background-color: var(--color-warning-700)
}

.hover\:u-bg-white:hover {
    background-color: var(--color-root-white)
}

.hover\:u-from-error-300:hover {
    --tw-gradient-from: var(--color-error-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-error-500:hover {
    --tw-gradient-from: var(--color-error-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-error-700:hover {
    --tw-gradient-from: var(--color-error-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-100:hover {
    --tw-gradient-from: var(--color-greys-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-200:hover {
    --tw-gradient-from: var(--color-greys-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-300:hover {
    --tw-gradient-from: var(--color-greys-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-400:hover {
    --tw-gradient-from: var(--color-greys-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-50:hover {
    --tw-gradient-from: var(--color-greys-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-500:hover {
    --tw-gradient-from: var(--color-greys-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-600:hover {
    --tw-gradient-from: var(--color-greys-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-700:hover {
    --tw-gradient-from: var(--color-greys-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-800:hover {
    --tw-gradient-from: var(--color-greys-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-greys-900:hover {
    --tw-gradient-from: var(--color-greys-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-100:hover {
    --tw-gradient-from: var(--color-secondary-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-200:hover {
    --tw-gradient-from: var(--color-secondary-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-300:hover {
    --tw-gradient-from: var(--color-secondary-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-400:hover {
    --tw-gradient-from: var(--color-secondary-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-50:hover {
    --tw-gradient-from: var(--color-secondary-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-500:hover {
    --tw-gradient-from: var(--color-secondary-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-600:hover {
    --tw-gradient-from: var(--color-secondary-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-700:hover {
    --tw-gradient-from: var(--color-secondary-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-800:hover {
    --tw-gradient-from: var(--color-secondary-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-secondary-900:hover {
    --tw-gradient-from: var(--color-secondary-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-success-300:hover {
    --tw-gradient-from: var(--color-success-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-success-500:hover {
    --tw-gradient-from: var(--color-success-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-success-700:hover {
    --tw-gradient-from: var(--color-success-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-100:hover {
    --tw-gradient-from: var(--color-tertiary-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-200:hover {
    --tw-gradient-from: var(--color-tertiary-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-300:hover {
    --tw-gradient-from: var(--color-tertiary-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-400:hover {
    --tw-gradient-from: var(--color-tertiary-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-50:hover {
    --tw-gradient-from: var(--color-tertiary-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-500:hover {
    --tw-gradient-from: var(--color-tertiary-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-600:hover {
    --tw-gradient-from: var(--color-tertiary-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-700:hover {
    --tw-gradient-from: var(--color-tertiary-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-800:hover {
    --tw-gradient-from: var(--color-tertiary-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-tertiary-900:hover {
    --tw-gradient-from: var(--color-tertiary-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-warning-300:hover {
    --tw-gradient-from: var(--color-warning-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-warning-500:hover {
    --tw-gradient-from: var(--color-warning-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-from-warning-700:hover {
    --tw-gradient-from: var(--color-warning-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:u-via-error-300:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-error-500:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-error-700:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-100:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-200:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-300:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-400:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-50:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-500:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-600:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-700:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-800:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-greys-900:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-100:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-200:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-300:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-400:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-50:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-500:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-600:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-700:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-800:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-secondary-900:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-success-300:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-success-500:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-success-700:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-100:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-200:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-300:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-400:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-50:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-500:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-600:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-700:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-800:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-tertiary-900:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-warning-300:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-warning-500:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-via-warning-700:hover {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.hover\:u-to-error-300:hover {
    --tw-gradient-to: var(--color-error-300) var(--tw-gradient-to-position)
}

.hover\:u-to-error-500:hover {
    --tw-gradient-to: var(--color-error-500) var(--tw-gradient-to-position)
}

.hover\:u-to-error-700:hover {
    --tw-gradient-to: var(--color-error-700) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-100:hover {
    --tw-gradient-to: var(--color-greys-100) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-200:hover {
    --tw-gradient-to: var(--color-greys-200) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-300:hover {
    --tw-gradient-to: var(--color-greys-300) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-400:hover {
    --tw-gradient-to: var(--color-greys-400) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-50:hover {
    --tw-gradient-to: var(--color-greys-50) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-500:hover {
    --tw-gradient-to: var(--color-greys-500) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-600:hover {
    --tw-gradient-to: var(--color-greys-600) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-700:hover {
    --tw-gradient-to: var(--color-greys-700) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-800:hover {
    --tw-gradient-to: var(--color-greys-800) var(--tw-gradient-to-position)
}

.hover\:u-to-greys-900:hover {
    --tw-gradient-to: var(--color-greys-900) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-100:hover {
    --tw-gradient-to: var(--color-secondary-100) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-200:hover {
    --tw-gradient-to: var(--color-secondary-200) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-300:hover {
    --tw-gradient-to: var(--color-secondary-300) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-400:hover {
    --tw-gradient-to: var(--color-secondary-400) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-50:hover {
    --tw-gradient-to: var(--color-secondary-50) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-500:hover {
    --tw-gradient-to: var(--color-secondary-500) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-600:hover {
    --tw-gradient-to: var(--color-secondary-600) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-700:hover {
    --tw-gradient-to: var(--color-secondary-700) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-800:hover {
    --tw-gradient-to: var(--color-secondary-800) var(--tw-gradient-to-position)
}

.hover\:u-to-secondary-900:hover {
    --tw-gradient-to: var(--color-secondary-900) var(--tw-gradient-to-position)
}

.hover\:u-to-success-300:hover {
    --tw-gradient-to: var(--color-success-300) var(--tw-gradient-to-position)
}

.hover\:u-to-success-500:hover {
    --tw-gradient-to: var(--color-success-500) var(--tw-gradient-to-position)
}

.hover\:u-to-success-700:hover {
    --tw-gradient-to: var(--color-success-700) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-100:hover {
    --tw-gradient-to: var(--color-tertiary-100) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-200:hover {
    --tw-gradient-to: var(--color-tertiary-200) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-300:hover {
    --tw-gradient-to: var(--color-tertiary-300) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-400:hover {
    --tw-gradient-to: var(--color-tertiary-400) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-50:hover {
    --tw-gradient-to: var(--color-tertiary-50) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-500:hover {
    --tw-gradient-to: var(--color-tertiary-500) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-600:hover {
    --tw-gradient-to: var(--color-tertiary-600) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-700:hover {
    --tw-gradient-to: var(--color-tertiary-700) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-800:hover {
    --tw-gradient-to: var(--color-tertiary-800) var(--tw-gradient-to-position)
}

.hover\:u-to-tertiary-900:hover {
    --tw-gradient-to: var(--color-tertiary-900) var(--tw-gradient-to-position)
}

.hover\:u-to-warning-300:hover {
    --tw-gradient-to: var(--color-warning-300) var(--tw-gradient-to-position)
}

.hover\:u-to-warning-500:hover {
    --tw-gradient-to: var(--color-warning-500) var(--tw-gradient-to-position)
}

.hover\:u-to-warning-700:hover {
    --tw-gradient-to: var(--color-warning-700) var(--tw-gradient-to-position)
}

.hover\:u-fill-error-300:hover {
    fill: var(--color-error-300)
}

.hover\:u-fill-error-500:hover {
    fill: var(--color-error-500)
}

.hover\:u-fill-error-700:hover {
    fill: var(--color-error-700)
}

.hover\:u-fill-greys-100:hover {
    fill: var(--color-greys-100)
}

.hover\:u-fill-greys-200:hover {
    fill: var(--color-greys-200)
}

.hover\:u-fill-greys-300:hover {
    fill: var(--color-greys-300)
}

.hover\:u-fill-greys-400:hover {
    fill: var(--color-greys-400)
}

.hover\:u-fill-greys-50:hover {
    fill: var(--color-greys-50)
}

.hover\:u-fill-greys-500:hover {
    fill: var(--color-greys-500)
}

.hover\:u-fill-greys-600:hover {
    fill: var(--color-greys-600)
}

.hover\:u-fill-greys-700:hover {
    fill: var(--color-greys-700)
}

.hover\:u-fill-greys-800:hover {
    fill: var(--color-greys-800)
}

.hover\:u-fill-greys-900:hover {
    fill: var(--color-greys-900)
}

.hover\:u-fill-secondary-100:hover {
    fill: var(--color-secondary-100)
}

.hover\:u-fill-secondary-200:hover {
    fill: var(--color-secondary-200)
}

.hover\:u-fill-secondary-300:hover {
    fill: var(--color-secondary-300)
}

.hover\:u-fill-secondary-400:hover {
    fill: var(--color-secondary-400)
}

.hover\:u-fill-secondary-50:hover {
    fill: var(--color-secondary-50)
}

.hover\:u-fill-secondary-500:hover {
    fill: var(--color-secondary-500)
}

.hover\:u-fill-secondary-600:hover {
    fill: var(--color-secondary-600)
}

.hover\:u-fill-secondary-700:hover {
    fill: var(--color-secondary-700)
}

.hover\:u-fill-secondary-800:hover {
    fill: var(--color-secondary-800)
}

.hover\:u-fill-secondary-900:hover {
    fill: var(--color-secondary-900)
}

.hover\:u-fill-success-300:hover {
    fill: var(--color-success-300)
}

.hover\:u-fill-success-500:hover {
    fill: var(--color-success-500)
}

.hover\:u-fill-success-700:hover {
    fill: var(--color-success-700)
}

.hover\:u-fill-tertiary-100:hover {
    fill: var(--color-tertiary-100)
}

.hover\:u-fill-tertiary-200:hover {
    fill: var(--color-tertiary-200)
}

.hover\:u-fill-tertiary-300:hover {
    fill: var(--color-tertiary-300)
}

.hover\:u-fill-tertiary-400:hover {
    fill: var(--color-tertiary-400)
}

.hover\:u-fill-tertiary-50:hover {
    fill: var(--color-tertiary-50)
}

.hover\:u-fill-tertiary-500:hover {
    fill: var(--color-tertiary-500)
}

.hover\:u-fill-tertiary-600:hover {
    fill: var(--color-tertiary-600)
}

.hover\:u-fill-tertiary-700:hover {
    fill: var(--color-tertiary-700)
}

.hover\:u-fill-tertiary-800:hover {
    fill: var(--color-tertiary-800)
}

.hover\:u-fill-tertiary-900:hover {
    fill: var(--color-tertiary-900)
}

.hover\:u-fill-warning-300:hover {
    fill: var(--color-warning-300)
}

.hover\:u-fill-warning-500:hover {
    fill: var(--color-warning-500)
}

.hover\:u-fill-warning-700:hover {
    fill: var(--color-warning-700)
}

.hover\:u-stroke-error-300:hover {
    stroke: var(--color-error-300)
}

.hover\:u-stroke-error-500:hover {
    stroke: var(--color-error-500)
}

.hover\:u-stroke-error-700:hover {
    stroke: var(--color-error-700)
}

.hover\:u-stroke-greys-100:hover {
    stroke: var(--color-greys-100)
}

.hover\:u-stroke-greys-200:hover {
    stroke: var(--color-greys-200)
}

.hover\:u-stroke-greys-300:hover {
    stroke: var(--color-greys-300)
}

.hover\:u-stroke-greys-400:hover {
    stroke: var(--color-greys-400)
}

.hover\:u-stroke-greys-50:hover {
    stroke: var(--color-greys-50)
}

.hover\:u-stroke-greys-500:hover {
    stroke: var(--color-greys-500)
}

.hover\:u-stroke-greys-600:hover {
    stroke: var(--color-greys-600)
}

.hover\:u-stroke-greys-700:hover {
    stroke: var(--color-greys-700)
}

.hover\:u-stroke-greys-800:hover {
    stroke: var(--color-greys-800)
}

.hover\:u-stroke-greys-900:hover {
    stroke: var(--color-greys-900)
}

.hover\:u-stroke-secondary-100:hover {
    stroke: var(--color-secondary-100)
}

.hover\:u-stroke-secondary-200:hover {
    stroke: var(--color-secondary-200)
}

.hover\:u-stroke-secondary-300:hover {
    stroke: var(--color-secondary-300)
}

.hover\:u-stroke-secondary-400:hover {
    stroke: var(--color-secondary-400)
}

.hover\:u-stroke-secondary-50:hover {
    stroke: var(--color-secondary-50)
}

.hover\:u-stroke-secondary-500:hover {
    stroke: var(--color-secondary-500)
}

.hover\:u-stroke-secondary-600:hover {
    stroke: var(--color-secondary-600)
}

.hover\:u-stroke-secondary-700:hover {
    stroke: var(--color-secondary-700)
}

.hover\:u-stroke-secondary-800:hover {
    stroke: var(--color-secondary-800)
}

.hover\:u-stroke-secondary-900:hover {
    stroke: var(--color-secondary-900)
}

.hover\:u-stroke-success-300:hover {
    stroke: var(--color-success-300)
}

.hover\:u-stroke-success-500:hover {
    stroke: var(--color-success-500)
}

.hover\:u-stroke-success-700:hover {
    stroke: var(--color-success-700)
}

.hover\:u-stroke-tertiary-100:hover {
    stroke: var(--color-tertiary-100)
}

.hover\:u-stroke-tertiary-200:hover {
    stroke: var(--color-tertiary-200)
}

.hover\:u-stroke-tertiary-300:hover {
    stroke: var(--color-tertiary-300)
}

.hover\:u-stroke-tertiary-400:hover {
    stroke: var(--color-tertiary-400)
}

.hover\:u-stroke-tertiary-50:hover {
    stroke: var(--color-tertiary-50)
}

.hover\:u-stroke-tertiary-500:hover {
    stroke: var(--color-tertiary-500)
}

.hover\:u-stroke-tertiary-600:hover {
    stroke: var(--color-tertiary-600)
}

.hover\:u-stroke-tertiary-700:hover {
    stroke: var(--color-tertiary-700)
}

.hover\:u-stroke-tertiary-800:hover {
    stroke: var(--color-tertiary-800)
}

.hover\:u-stroke-tertiary-900:hover {
    stroke: var(--color-tertiary-900)
}

.hover\:u-stroke-warning-300:hover {
    stroke: var(--color-warning-300)
}

.hover\:u-stroke-warning-500:hover {
    stroke: var(--color-warning-500)
}

.hover\:u-stroke-warning-700:hover {
    stroke: var(--color-warning-700)
}

.hover\:u-text-black:hover {
    color: var(--color-root-black)
}

.hover\:u-text-error-300:hover {
    color: var(--color-error-300)
}

.hover\:u-text-error-500:hover {
    color: var(--color-error-500)
}

.hover\:u-text-error-700:hover {
    color: var(--color-error-700)
}

.hover\:u-text-greys-100:hover {
    color: var(--color-greys-100)
}

.hover\:u-text-greys-200:hover {
    color: var(--color-greys-200)
}

.hover\:u-text-greys-300:hover {
    color: var(--color-greys-300)
}

.hover\:u-text-greys-400:hover {
    color: var(--color-greys-400)
}

.hover\:u-text-greys-50:hover {
    color: var(--color-greys-50)
}

.hover\:u-text-greys-500:hover {
    color: var(--color-greys-500)
}

.hover\:u-text-greys-600:hover {
    color: var(--color-greys-600)
}

.hover\:u-text-greys-700:hover {
    color: var(--color-greys-700)
}

.hover\:u-text-greys-800:hover {
    color: var(--color-greys-800)
}

.hover\:u-text-greys-900:hover {
    color: var(--color-greys-900)
}

.hover\:u-text-primary-100:hover {
    color: var(--color-primary-100)
}

.hover\:u-text-primary-200:hover {
    color: var(--color-primary-200)
}

.hover\:u-text-primary-300:hover {
    color: var(--color-primary-300)
}

.hover\:u-text-primary-400:hover {
    color: var(--color-primary-400)
}

.hover\:u-text-primary-50:hover {
    color: var(--color-primary-50)
}

.hover\:u-text-primary-500:hover {
    color: var(--color-primary-500)
}

.hover\:u-text-primary-600:hover {
    color: var(--color-primary-600)
}

.hover\:u-text-primary-700:hover {
    color: var(--color-primary-700)
}

.hover\:u-text-primary-800:hover {
    color: var(--color-primary-800)
}

.hover\:u-text-primary-900:hover {
    color: var(--color-primary-900)
}

.hover\:u-text-secondary-100:hover {
    color: var(--color-secondary-100)
}

.hover\:u-text-secondary-200:hover {
    color: var(--color-secondary-200)
}

.hover\:u-text-secondary-300:hover {
    color: var(--color-secondary-300)
}

.hover\:u-text-secondary-400:hover {
    color: var(--color-secondary-400)
}

.hover\:u-text-secondary-50:hover {
    color: var(--color-secondary-50)
}

.hover\:u-text-secondary-500:hover {
    color: var(--color-secondary-500)
}

.hover\:u-text-secondary-600:hover {
    color: var(--color-secondary-600)
}

.hover\:u-text-secondary-700:hover {
    color: var(--color-secondary-700)
}

.hover\:u-text-secondary-800:hover {
    color: var(--color-secondary-800)
}

.hover\:u-text-secondary-900:hover {
    color: var(--color-secondary-900)
}

.hover\:u-text-success-300:hover {
    color: var(--color-success-300)
}

.hover\:u-text-success-500:hover {
    color: var(--color-success-500)
}

.hover\:u-text-success-700:hover {
    color: var(--color-success-700)
}

.hover\:u-text-tertiary-100:hover {
    color: var(--color-tertiary-100)
}

.hover\:u-text-tertiary-200:hover {
    color: var(--color-tertiary-200)
}

.hover\:u-text-tertiary-300:hover {
    color: var(--color-tertiary-300)
}

.hover\:u-text-tertiary-400:hover {
    color: var(--color-tertiary-400)
}

.hover\:u-text-tertiary-50:hover {
    color: var(--color-tertiary-50)
}

.hover\:u-text-tertiary-500:hover {
    color: var(--color-tertiary-500)
}

.hover\:u-text-tertiary-600:hover {
    color: var(--color-tertiary-600)
}

.hover\:u-text-tertiary-700:hover {
    color: var(--color-tertiary-700)
}

.hover\:u-text-tertiary-800:hover {
    color: var(--color-tertiary-800)
}

.hover\:u-text-tertiary-900:hover {
    color: var(--color-tertiary-900)
}

.hover\:u-text-warning-300:hover {
    color: var(--color-warning-300)
}

.hover\:u-text-warning-500:hover {
    color: var(--color-warning-500)
}

.hover\:u-text-warning-700:hover {
    color: var(--color-warning-700)
}

.hover\:u-text-white:hover {
    color: var(--color-root-white)
}

.hover\:u-decoration-error-300:hover {
    text-decoration-color: var(--color-error-300)
}

.hover\:u-decoration-error-500:hover {
    text-decoration-color: var(--color-error-500)
}

.hover\:u-decoration-error-700:hover {
    text-decoration-color: var(--color-error-700)
}

.hover\:u-decoration-greys-100:hover {
    text-decoration-color: var(--color-greys-100)
}

.hover\:u-decoration-greys-200:hover {
    text-decoration-color: var(--color-greys-200)
}

.hover\:u-decoration-greys-300:hover {
    text-decoration-color: var(--color-greys-300)
}

.hover\:u-decoration-greys-400:hover {
    text-decoration-color: var(--color-greys-400)
}

.hover\:u-decoration-greys-50:hover {
    text-decoration-color: var(--color-greys-50)
}

.hover\:u-decoration-greys-500:hover {
    text-decoration-color: var(--color-greys-500)
}

.hover\:u-decoration-greys-600:hover {
    text-decoration-color: var(--color-greys-600)
}

.hover\:u-decoration-greys-700:hover {
    text-decoration-color: var(--color-greys-700)
}

.hover\:u-decoration-greys-800:hover {
    text-decoration-color: var(--color-greys-800)
}

.hover\:u-decoration-greys-900:hover {
    text-decoration-color: var(--color-greys-900)
}

.hover\:u-decoration-secondary-100:hover {
    text-decoration-color: var(--color-secondary-100)
}

.hover\:u-decoration-secondary-200:hover {
    text-decoration-color: var(--color-secondary-200)
}

.hover\:u-decoration-secondary-300:hover {
    text-decoration-color: var(--color-secondary-300)
}

.hover\:u-decoration-secondary-400:hover {
    text-decoration-color: var(--color-secondary-400)
}

.hover\:u-decoration-secondary-50:hover {
    text-decoration-color: var(--color-secondary-50)
}

.hover\:u-decoration-secondary-500:hover {
    text-decoration-color: var(--color-secondary-500)
}

.hover\:u-decoration-secondary-600:hover {
    text-decoration-color: var(--color-secondary-600)
}

.hover\:u-decoration-secondary-700:hover {
    text-decoration-color: var(--color-secondary-700)
}

.hover\:u-decoration-secondary-800:hover {
    text-decoration-color: var(--color-secondary-800)
}

.hover\:u-decoration-secondary-900:hover {
    text-decoration-color: var(--color-secondary-900)
}

.hover\:u-decoration-success-300:hover {
    text-decoration-color: var(--color-success-300)
}

.hover\:u-decoration-success-500:hover {
    text-decoration-color: var(--color-success-500)
}

.hover\:u-decoration-success-700:hover {
    text-decoration-color: var(--color-success-700)
}

.hover\:u-decoration-tertiary-100:hover {
    text-decoration-color: var(--color-tertiary-100)
}

.hover\:u-decoration-tertiary-200:hover {
    text-decoration-color: var(--color-tertiary-200)
}

.hover\:u-decoration-tertiary-300:hover {
    text-decoration-color: var(--color-tertiary-300)
}

.hover\:u-decoration-tertiary-400:hover {
    text-decoration-color: var(--color-tertiary-400)
}

.hover\:u-decoration-tertiary-50:hover {
    text-decoration-color: var(--color-tertiary-50)
}

.hover\:u-decoration-tertiary-500:hover {
    text-decoration-color: var(--color-tertiary-500)
}

.hover\:u-decoration-tertiary-600:hover {
    text-decoration-color: var(--color-tertiary-600)
}

.hover\:u-decoration-tertiary-700:hover {
    text-decoration-color: var(--color-tertiary-700)
}

.hover\:u-decoration-tertiary-800:hover {
    text-decoration-color: var(--color-tertiary-800)
}

.hover\:u-decoration-tertiary-900:hover {
    text-decoration-color: var(--color-tertiary-900)
}

.hover\:u-decoration-warning-300:hover {
    text-decoration-color: var(--color-warning-300)
}

.hover\:u-decoration-warning-500:hover {
    text-decoration-color: var(--color-warning-500)
}

.hover\:u-decoration-warning-700:hover {
    text-decoration-color: var(--color-warning-700)
}

.hover\:u-placeholder-error-300:hover::placeholder {
    color: var(--color-error-300)
}

.hover\:u-placeholder-error-500:hover::placeholder {
    color: var(--color-error-500)
}

.hover\:u-placeholder-error-700:hover::placeholder {
    color: var(--color-error-700)
}

.hover\:u-placeholder-greys-100:hover::placeholder {
    color: var(--color-greys-100)
}

.hover\:u-placeholder-greys-200:hover::placeholder {
    color: var(--color-greys-200)
}

.hover\:u-placeholder-greys-300:hover::placeholder {
    color: var(--color-greys-300)
}

.hover\:u-placeholder-greys-400:hover::placeholder {
    color: var(--color-greys-400)
}

.hover\:u-placeholder-greys-50:hover::placeholder {
    color: var(--color-greys-50)
}

.hover\:u-placeholder-greys-500:hover::placeholder {
    color: var(--color-greys-500)
}

.hover\:u-placeholder-greys-600:hover::placeholder {
    color: var(--color-greys-600)
}

.hover\:u-placeholder-greys-700:hover::placeholder {
    color: var(--color-greys-700)
}

.hover\:u-placeholder-greys-800:hover::placeholder {
    color: var(--color-greys-800)
}

.hover\:u-placeholder-greys-900:hover::placeholder {
    color: var(--color-greys-900)
}

.hover\:u-placeholder-secondary-100:hover::placeholder {
    color: var(--color-secondary-100)
}

.hover\:u-placeholder-secondary-200:hover::placeholder {
    color: var(--color-secondary-200)
}

.hover\:u-placeholder-secondary-300:hover::placeholder {
    color: var(--color-secondary-300)
}

.hover\:u-placeholder-secondary-400:hover::placeholder {
    color: var(--color-secondary-400)
}

.hover\:u-placeholder-secondary-50:hover::placeholder {
    color: var(--color-secondary-50)
}

.hover\:u-placeholder-secondary-500:hover::placeholder {
    color: var(--color-secondary-500)
}

.hover\:u-placeholder-secondary-600:hover::placeholder {
    color: var(--color-secondary-600)
}

.hover\:u-placeholder-secondary-700:hover::placeholder {
    color: var(--color-secondary-700)
}

.hover\:u-placeholder-secondary-800:hover::placeholder {
    color: var(--color-secondary-800)
}

.hover\:u-placeholder-secondary-900:hover::placeholder {
    color: var(--color-secondary-900)
}

.hover\:u-placeholder-success-300:hover::placeholder {
    color: var(--color-success-300)
}

.hover\:u-placeholder-success-500:hover::placeholder {
    color: var(--color-success-500)
}

.hover\:u-placeholder-success-700:hover::placeholder {
    color: var(--color-success-700)
}

.hover\:u-placeholder-tertiary-100:hover::placeholder {
    color: var(--color-tertiary-100)
}

.hover\:u-placeholder-tertiary-200:hover::placeholder {
    color: var(--color-tertiary-200)
}

.hover\:u-placeholder-tertiary-300:hover::placeholder {
    color: var(--color-tertiary-300)
}

.hover\:u-placeholder-tertiary-400:hover::placeholder {
    color: var(--color-tertiary-400)
}

.hover\:u-placeholder-tertiary-50:hover::placeholder {
    color: var(--color-tertiary-50)
}

.hover\:u-placeholder-tertiary-500:hover::placeholder {
    color: var(--color-tertiary-500)
}

.hover\:u-placeholder-tertiary-600:hover::placeholder {
    color: var(--color-tertiary-600)
}

.hover\:u-placeholder-tertiary-700:hover::placeholder {
    color: var(--color-tertiary-700)
}

.hover\:u-placeholder-tertiary-800:hover::placeholder {
    color: var(--color-tertiary-800)
}

.hover\:u-placeholder-tertiary-900:hover::placeholder {
    color: var(--color-tertiary-900)
}

.hover\:u-placeholder-warning-300:hover::placeholder {
    color: var(--color-warning-300)
}

.hover\:u-placeholder-warning-500:hover::placeholder {
    color: var(--color-warning-500)
}

.hover\:u-placeholder-warning-700:hover::placeholder {
    color: var(--color-warning-700)
}

.hover\:u-caret-error-300:hover {
    caret-color: var(--color-error-300)
}

.hover\:u-caret-error-500:hover {
    caret-color: var(--color-error-500)
}

.hover\:u-caret-error-700:hover {
    caret-color: var(--color-error-700)
}

.hover\:u-caret-greys-100:hover {
    caret-color: var(--color-greys-100)
}

.hover\:u-caret-greys-200:hover {
    caret-color: var(--color-greys-200)
}

.hover\:u-caret-greys-300:hover {
    caret-color: var(--color-greys-300)
}

.hover\:u-caret-greys-400:hover {
    caret-color: var(--color-greys-400)
}

.hover\:u-caret-greys-50:hover {
    caret-color: var(--color-greys-50)
}

.hover\:u-caret-greys-500:hover {
    caret-color: var(--color-greys-500)
}

.hover\:u-caret-greys-600:hover {
    caret-color: var(--color-greys-600)
}

.hover\:u-caret-greys-700:hover {
    caret-color: var(--color-greys-700)
}

.hover\:u-caret-greys-800:hover {
    caret-color: var(--color-greys-800)
}

.hover\:u-caret-greys-900:hover {
    caret-color: var(--color-greys-900)
}

.hover\:u-caret-secondary-100:hover {
    caret-color: var(--color-secondary-100)
}

.hover\:u-caret-secondary-200:hover {
    caret-color: var(--color-secondary-200)
}

.hover\:u-caret-secondary-300:hover {
    caret-color: var(--color-secondary-300)
}

.hover\:u-caret-secondary-400:hover {
    caret-color: var(--color-secondary-400)
}

.hover\:u-caret-secondary-50:hover {
    caret-color: var(--color-secondary-50)
}

.hover\:u-caret-secondary-500:hover {
    caret-color: var(--color-secondary-500)
}

.hover\:u-caret-secondary-600:hover {
    caret-color: var(--color-secondary-600)
}

.hover\:u-caret-secondary-700:hover {
    caret-color: var(--color-secondary-700)
}

.hover\:u-caret-secondary-800:hover {
    caret-color: var(--color-secondary-800)
}

.hover\:u-caret-secondary-900:hover {
    caret-color: var(--color-secondary-900)
}

.hover\:u-caret-success-300:hover {
    caret-color: var(--color-success-300)
}

.hover\:u-caret-success-500:hover {
    caret-color: var(--color-success-500)
}

.hover\:u-caret-success-700:hover {
    caret-color: var(--color-success-700)
}

.hover\:u-caret-tertiary-100:hover {
    caret-color: var(--color-tertiary-100)
}

.hover\:u-caret-tertiary-200:hover {
    caret-color: var(--color-tertiary-200)
}

.hover\:u-caret-tertiary-300:hover {
    caret-color: var(--color-tertiary-300)
}

.hover\:u-caret-tertiary-400:hover {
    caret-color: var(--color-tertiary-400)
}

.hover\:u-caret-tertiary-50:hover {
    caret-color: var(--color-tertiary-50)
}

.hover\:u-caret-tertiary-500:hover {
    caret-color: var(--color-tertiary-500)
}

.hover\:u-caret-tertiary-600:hover {
    caret-color: var(--color-tertiary-600)
}

.hover\:u-caret-tertiary-700:hover {
    caret-color: var(--color-tertiary-700)
}

.hover\:u-caret-tertiary-800:hover {
    caret-color: var(--color-tertiary-800)
}

.hover\:u-caret-tertiary-900:hover {
    caret-color: var(--color-tertiary-900)
}

.hover\:u-caret-warning-300:hover {
    caret-color: var(--color-warning-300)
}

.hover\:u-caret-warning-500:hover {
    caret-color: var(--color-warning-500)
}

.hover\:u-caret-warning-700:hover {
    caret-color: var(--color-warning-700)
}

.hover\:u-accent-error-300:hover {
    accent-color: var(--color-error-300)
}

.hover\:u-accent-error-500:hover {
    accent-color: var(--color-error-500)
}

.hover\:u-accent-error-700:hover {
    accent-color: var(--color-error-700)
}

.hover\:u-accent-greys-100:hover {
    accent-color: var(--color-greys-100)
}

.hover\:u-accent-greys-200:hover {
    accent-color: var(--color-greys-200)
}

.hover\:u-accent-greys-300:hover {
    accent-color: var(--color-greys-300)
}

.hover\:u-accent-greys-400:hover {
    accent-color: var(--color-greys-400)
}

.hover\:u-accent-greys-50:hover {
    accent-color: var(--color-greys-50)
}

.hover\:u-accent-greys-500:hover {
    accent-color: var(--color-greys-500)
}

.hover\:u-accent-greys-600:hover {
    accent-color: var(--color-greys-600)
}

.hover\:u-accent-greys-700:hover {
    accent-color: var(--color-greys-700)
}

.hover\:u-accent-greys-800:hover {
    accent-color: var(--color-greys-800)
}

.hover\:u-accent-greys-900:hover {
    accent-color: var(--color-greys-900)
}

.hover\:u-accent-secondary-100:hover {
    accent-color: var(--color-secondary-100)
}

.hover\:u-accent-secondary-200:hover {
    accent-color: var(--color-secondary-200)
}

.hover\:u-accent-secondary-300:hover {
    accent-color: var(--color-secondary-300)
}

.hover\:u-accent-secondary-400:hover {
    accent-color: var(--color-secondary-400)
}

.hover\:u-accent-secondary-50:hover {
    accent-color: var(--color-secondary-50)
}

.hover\:u-accent-secondary-500:hover {
    accent-color: var(--color-secondary-500)
}

.hover\:u-accent-secondary-600:hover {
    accent-color: var(--color-secondary-600)
}

.hover\:u-accent-secondary-700:hover {
    accent-color: var(--color-secondary-700)
}

.hover\:u-accent-secondary-800:hover {
    accent-color: var(--color-secondary-800)
}

.hover\:u-accent-secondary-900:hover {
    accent-color: var(--color-secondary-900)
}

.hover\:u-accent-success-300:hover {
    accent-color: var(--color-success-300)
}

.hover\:u-accent-success-500:hover {
    accent-color: var(--color-success-500)
}

.hover\:u-accent-success-700:hover {
    accent-color: var(--color-success-700)
}

.hover\:u-accent-tertiary-100:hover {
    accent-color: var(--color-tertiary-100)
}

.hover\:u-accent-tertiary-200:hover {
    accent-color: var(--color-tertiary-200)
}

.hover\:u-accent-tertiary-300:hover {
    accent-color: var(--color-tertiary-300)
}

.hover\:u-accent-tertiary-400:hover {
    accent-color: var(--color-tertiary-400)
}

.hover\:u-accent-tertiary-50:hover {
    accent-color: var(--color-tertiary-50)
}

.hover\:u-accent-tertiary-500:hover {
    accent-color: var(--color-tertiary-500)
}

.hover\:u-accent-tertiary-600:hover {
    accent-color: var(--color-tertiary-600)
}

.hover\:u-accent-tertiary-700:hover {
    accent-color: var(--color-tertiary-700)
}

.hover\:u-accent-tertiary-800:hover {
    accent-color: var(--color-tertiary-800)
}

.hover\:u-accent-tertiary-900:hover {
    accent-color: var(--color-tertiary-900)
}

.hover\:u-accent-warning-300:hover {
    accent-color: var(--color-warning-300)
}

.hover\:u-accent-warning-500:hover {
    accent-color: var(--color-warning-500)
}

.hover\:u-accent-warning-700:hover {
    accent-color: var(--color-warning-700)
}

.hover\:u-shadow-error-300:hover {
    --tw-shadow-color: var(--color-error-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-error-500:hover {
    --tw-shadow-color: var(--color-error-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-error-700:hover {
    --tw-shadow-color: var(--color-error-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-100:hover {
    --tw-shadow-color: var(--color-greys-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-200:hover {
    --tw-shadow-color: var(--color-greys-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-300:hover {
    --tw-shadow-color: var(--color-greys-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-400:hover {
    --tw-shadow-color: var(--color-greys-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-50:hover {
    --tw-shadow-color: var(--color-greys-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-500:hover {
    --tw-shadow-color: var(--color-greys-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-600:hover {
    --tw-shadow-color: var(--color-greys-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-700:hover {
    --tw-shadow-color: var(--color-greys-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-800:hover {
    --tw-shadow-color: var(--color-greys-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-greys-900:hover {
    --tw-shadow-color: var(--color-greys-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-100:hover {
    --tw-shadow-color: var(--color-secondary-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-200:hover {
    --tw-shadow-color: var(--color-secondary-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-300:hover {
    --tw-shadow-color: var(--color-secondary-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-400:hover {
    --tw-shadow-color: var(--color-secondary-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-50:hover {
    --tw-shadow-color: var(--color-secondary-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-500:hover {
    --tw-shadow-color: var(--color-secondary-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-600:hover {
    --tw-shadow-color: var(--color-secondary-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-700:hover {
    --tw-shadow-color: var(--color-secondary-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-800:hover {
    --tw-shadow-color: var(--color-secondary-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-secondary-900:hover {
    --tw-shadow-color: var(--color-secondary-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-success-300:hover {
    --tw-shadow-color: var(--color-success-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-success-500:hover {
    --tw-shadow-color: var(--color-success-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-success-700:hover {
    --tw-shadow-color: var(--color-success-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-100:hover {
    --tw-shadow-color: var(--color-tertiary-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-200:hover {
    --tw-shadow-color: var(--color-tertiary-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-300:hover {
    --tw-shadow-color: var(--color-tertiary-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-400:hover {
    --tw-shadow-color: var(--color-tertiary-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-50:hover {
    --tw-shadow-color: var(--color-tertiary-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-500:hover {
    --tw-shadow-color: var(--color-tertiary-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-600:hover {
    --tw-shadow-color: var(--color-tertiary-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-700:hover {
    --tw-shadow-color: var(--color-tertiary-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-800:hover {
    --tw-shadow-color: var(--color-tertiary-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-tertiary-900:hover {
    --tw-shadow-color: var(--color-tertiary-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-warning-300:hover {
    --tw-shadow-color: var(--color-warning-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-warning-500:hover {
    --tw-shadow-color: var(--color-warning-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-shadow-warning-700:hover {
    --tw-shadow-color: var(--color-warning-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:u-outline-error-300:hover {
    outline-color: var(--color-error-300)
}

.hover\:u-outline-error-500:hover {
    outline-color: var(--color-error-500)
}

.hover\:u-outline-error-700:hover {
    outline-color: var(--color-error-700)
}

.hover\:u-outline-greys-100:hover {
    outline-color: var(--color-greys-100)
}

.hover\:u-outline-greys-200:hover {
    outline-color: var(--color-greys-200)
}

.hover\:u-outline-greys-300:hover {
    outline-color: var(--color-greys-300)
}

.hover\:u-outline-greys-400:hover {
    outline-color: var(--color-greys-400)
}

.hover\:u-outline-greys-50:hover {
    outline-color: var(--color-greys-50)
}

.hover\:u-outline-greys-500:hover {
    outline-color: var(--color-greys-500)
}

.hover\:u-outline-greys-600:hover {
    outline-color: var(--color-greys-600)
}

.hover\:u-outline-greys-700:hover {
    outline-color: var(--color-greys-700)
}

.hover\:u-outline-greys-800:hover {
    outline-color: var(--color-greys-800)
}

.hover\:u-outline-greys-900:hover {
    outline-color: var(--color-greys-900)
}

.hover\:u-outline-secondary-100:hover {
    outline-color: var(--color-secondary-100)
}

.hover\:u-outline-secondary-200:hover {
    outline-color: var(--color-secondary-200)
}

.hover\:u-outline-secondary-300:hover {
    outline-color: var(--color-secondary-300)
}

.hover\:u-outline-secondary-400:hover {
    outline-color: var(--color-secondary-400)
}

.hover\:u-outline-secondary-50:hover {
    outline-color: var(--color-secondary-50)
}

.hover\:u-outline-secondary-500:hover {
    outline-color: var(--color-secondary-500)
}

.hover\:u-outline-secondary-600:hover {
    outline-color: var(--color-secondary-600)
}

.hover\:u-outline-secondary-700:hover {
    outline-color: var(--color-secondary-700)
}

.hover\:u-outline-secondary-800:hover {
    outline-color: var(--color-secondary-800)
}

.hover\:u-outline-secondary-900:hover {
    outline-color: var(--color-secondary-900)
}

.hover\:u-outline-success-300:hover {
    outline-color: var(--color-success-300)
}

.hover\:u-outline-success-500:hover {
    outline-color: var(--color-success-500)
}

.hover\:u-outline-success-700:hover {
    outline-color: var(--color-success-700)
}

.hover\:u-outline-tertiary-100:hover {
    outline-color: var(--color-tertiary-100)
}

.hover\:u-outline-tertiary-200:hover {
    outline-color: var(--color-tertiary-200)
}

.hover\:u-outline-tertiary-300:hover {
    outline-color: var(--color-tertiary-300)
}

.hover\:u-outline-tertiary-400:hover {
    outline-color: var(--color-tertiary-400)
}

.hover\:u-outline-tertiary-50:hover {
    outline-color: var(--color-tertiary-50)
}

.hover\:u-outline-tertiary-500:hover {
    outline-color: var(--color-tertiary-500)
}

.hover\:u-outline-tertiary-600:hover {
    outline-color: var(--color-tertiary-600)
}

.hover\:u-outline-tertiary-700:hover {
    outline-color: var(--color-tertiary-700)
}

.hover\:u-outline-tertiary-800:hover {
    outline-color: var(--color-tertiary-800)
}

.hover\:u-outline-tertiary-900:hover {
    outline-color: var(--color-tertiary-900)
}

.hover\:u-outline-warning-300:hover {
    outline-color: var(--color-warning-300)
}

.hover\:u-outline-warning-500:hover {
    outline-color: var(--color-warning-500)
}

.hover\:u-outline-warning-700:hover {
    outline-color: var(--color-warning-700)
}

.hover\:u-ring-error-300:hover {
    --tw-ring-color: var(--color-error-300)
}

.hover\:u-ring-error-500:hover {
    --tw-ring-color: var(--color-error-500)
}

.hover\:u-ring-error-700:hover {
    --tw-ring-color: var(--color-error-700)
}

.hover\:u-ring-greys-100:hover {
    --tw-ring-color: var(--color-greys-100)
}

.hover\:u-ring-greys-200:hover {
    --tw-ring-color: var(--color-greys-200)
}

.hover\:u-ring-greys-300:hover {
    --tw-ring-color: var(--color-greys-300)
}

.hover\:u-ring-greys-400:hover {
    --tw-ring-color: var(--color-greys-400)
}

.hover\:u-ring-greys-50:hover {
    --tw-ring-color: var(--color-greys-50)
}

.hover\:u-ring-greys-500:hover {
    --tw-ring-color: var(--color-greys-500)
}

.hover\:u-ring-greys-600:hover {
    --tw-ring-color: var(--color-greys-600)
}

.hover\:u-ring-greys-700:hover {
    --tw-ring-color: var(--color-greys-700)
}

.hover\:u-ring-greys-800:hover {
    --tw-ring-color: var(--color-greys-800)
}

.hover\:u-ring-greys-900:hover {
    --tw-ring-color: var(--color-greys-900)
}

.hover\:u-ring-secondary-100:hover {
    --tw-ring-color: var(--color-secondary-100)
}

.hover\:u-ring-secondary-200:hover {
    --tw-ring-color: var(--color-secondary-200)
}

.hover\:u-ring-secondary-300:hover {
    --tw-ring-color: var(--color-secondary-300)
}

.hover\:u-ring-secondary-400:hover {
    --tw-ring-color: var(--color-secondary-400)
}

.hover\:u-ring-secondary-50:hover {
    --tw-ring-color: var(--color-secondary-50)
}

.hover\:u-ring-secondary-500:hover {
    --tw-ring-color: var(--color-secondary-500)
}

.hover\:u-ring-secondary-600:hover {
    --tw-ring-color: var(--color-secondary-600)
}

.hover\:u-ring-secondary-700:hover {
    --tw-ring-color: var(--color-secondary-700)
}

.hover\:u-ring-secondary-800:hover {
    --tw-ring-color: var(--color-secondary-800)
}

.hover\:u-ring-secondary-900:hover {
    --tw-ring-color: var(--color-secondary-900)
}

.hover\:u-ring-success-300:hover {
    --tw-ring-color: var(--color-success-300)
}

.hover\:u-ring-success-500:hover {
    --tw-ring-color: var(--color-success-500)
}

.hover\:u-ring-success-700:hover {
    --tw-ring-color: var(--color-success-700)
}

.hover\:u-ring-tertiary-100:hover {
    --tw-ring-color: var(--color-tertiary-100)
}

.hover\:u-ring-tertiary-200:hover {
    --tw-ring-color: var(--color-tertiary-200)
}

.hover\:u-ring-tertiary-300:hover {
    --tw-ring-color: var(--color-tertiary-300)
}

.hover\:u-ring-tertiary-400:hover {
    --tw-ring-color: var(--color-tertiary-400)
}

.hover\:u-ring-tertiary-50:hover {
    --tw-ring-color: var(--color-tertiary-50)
}

.hover\:u-ring-tertiary-500:hover {
    --tw-ring-color: var(--color-tertiary-500)
}

.hover\:u-ring-tertiary-600:hover {
    --tw-ring-color: var(--color-tertiary-600)
}

.hover\:u-ring-tertiary-700:hover {
    --tw-ring-color: var(--color-tertiary-700)
}

.hover\:u-ring-tertiary-800:hover {
    --tw-ring-color: var(--color-tertiary-800)
}

.hover\:u-ring-tertiary-900:hover {
    --tw-ring-color: var(--color-tertiary-900)
}

.hover\:u-ring-warning-300:hover {
    --tw-ring-color: var(--color-warning-300)
}

.hover\:u-ring-warning-500:hover {
    --tw-ring-color: var(--color-warning-500)
}

.hover\:u-ring-warning-700:hover {
    --tw-ring-color: var(--color-warning-700)
}

.hover\:u-ring-offset-error-300:hover {
    --tw-ring-offset-color: var(--color-error-300)
}

.hover\:u-ring-offset-error-500:hover {
    --tw-ring-offset-color: var(--color-error-500)
}

.hover\:u-ring-offset-error-700:hover {
    --tw-ring-offset-color: var(--color-error-700)
}

.hover\:u-ring-offset-greys-100:hover {
    --tw-ring-offset-color: var(--color-greys-100)
}

.hover\:u-ring-offset-greys-200:hover {
    --tw-ring-offset-color: var(--color-greys-200)
}

.hover\:u-ring-offset-greys-300:hover {
    --tw-ring-offset-color: var(--color-greys-300)
}

.hover\:u-ring-offset-greys-400:hover {
    --tw-ring-offset-color: var(--color-greys-400)
}

.hover\:u-ring-offset-greys-50:hover {
    --tw-ring-offset-color: var(--color-greys-50)
}

.hover\:u-ring-offset-greys-500:hover {
    --tw-ring-offset-color: var(--color-greys-500)
}

.hover\:u-ring-offset-greys-600:hover {
    --tw-ring-offset-color: var(--color-greys-600)
}

.hover\:u-ring-offset-greys-700:hover {
    --tw-ring-offset-color: var(--color-greys-700)
}

.hover\:u-ring-offset-greys-800:hover {
    --tw-ring-offset-color: var(--color-greys-800)
}

.hover\:u-ring-offset-greys-900:hover {
    --tw-ring-offset-color: var(--color-greys-900)
}

.hover\:u-ring-offset-secondary-100:hover {
    --tw-ring-offset-color: var(--color-secondary-100)
}

.hover\:u-ring-offset-secondary-200:hover {
    --tw-ring-offset-color: var(--color-secondary-200)
}

.hover\:u-ring-offset-secondary-300:hover {
    --tw-ring-offset-color: var(--color-secondary-300)
}

.hover\:u-ring-offset-secondary-400:hover {
    --tw-ring-offset-color: var(--color-secondary-400)
}

.hover\:u-ring-offset-secondary-50:hover {
    --tw-ring-offset-color: var(--color-secondary-50)
}

.hover\:u-ring-offset-secondary-500:hover {
    --tw-ring-offset-color: var(--color-secondary-500)
}

.hover\:u-ring-offset-secondary-600:hover {
    --tw-ring-offset-color: var(--color-secondary-600)
}

.hover\:u-ring-offset-secondary-700:hover {
    --tw-ring-offset-color: var(--color-secondary-700)
}

.hover\:u-ring-offset-secondary-800:hover {
    --tw-ring-offset-color: var(--color-secondary-800)
}

.hover\:u-ring-offset-secondary-900:hover {
    --tw-ring-offset-color: var(--color-secondary-900)
}

.hover\:u-ring-offset-success-300:hover {
    --tw-ring-offset-color: var(--color-success-300)
}

.hover\:u-ring-offset-success-500:hover {
    --tw-ring-offset-color: var(--color-success-500)
}

.hover\:u-ring-offset-success-700:hover {
    --tw-ring-offset-color: var(--color-success-700)
}

.hover\:u-ring-offset-tertiary-100:hover {
    --tw-ring-offset-color: var(--color-tertiary-100)
}

.hover\:u-ring-offset-tertiary-200:hover {
    --tw-ring-offset-color: var(--color-tertiary-200)
}

.hover\:u-ring-offset-tertiary-300:hover {
    --tw-ring-offset-color: var(--color-tertiary-300)
}

.hover\:u-ring-offset-tertiary-400:hover {
    --tw-ring-offset-color: var(--color-tertiary-400)
}

.hover\:u-ring-offset-tertiary-50:hover {
    --tw-ring-offset-color: var(--color-tertiary-50)
}

.hover\:u-ring-offset-tertiary-500:hover {
    --tw-ring-offset-color: var(--color-tertiary-500)
}

.hover\:u-ring-offset-tertiary-600:hover {
    --tw-ring-offset-color: var(--color-tertiary-600)
}

.hover\:u-ring-offset-tertiary-700:hover {
    --tw-ring-offset-color: var(--color-tertiary-700)
}

.hover\:u-ring-offset-tertiary-800:hover {
    --tw-ring-offset-color: var(--color-tertiary-800)
}

.hover\:u-ring-offset-tertiary-900:hover {
    --tw-ring-offset-color: var(--color-tertiary-900)
}

.hover\:u-ring-offset-warning-300:hover {
    --tw-ring-offset-color: var(--color-warning-300)
}

.hover\:u-ring-offset-warning-500:hover {
    --tw-ring-offset-color: var(--color-warning-500)
}

.hover\:u-ring-offset-warning-700:hover {
    --tw-ring-offset-color: var(--color-warning-700)
}

.focus\:u-divide-error-300:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-300)
}

.focus\:u-divide-error-500:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-500)
}

.focus\:u-divide-error-700:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-error-700)
}

.focus\:u-divide-greys-100:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-100)
}

.focus\:u-divide-greys-200:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-200)
}

.focus\:u-divide-greys-300:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-300)
}

.focus\:u-divide-greys-400:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-400)
}

.focus\:u-divide-greys-50:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-50)
}

.focus\:u-divide-greys-500:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-500)
}

.focus\:u-divide-greys-600:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-600)
}

.focus\:u-divide-greys-700:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-700)
}

.focus\:u-divide-greys-800:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-800)
}

.focus\:u-divide-greys-900:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-greys-900)
}

.focus\:u-divide-secondary-100:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-100)
}

.focus\:u-divide-secondary-200:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-200)
}

.focus\:u-divide-secondary-300:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-300)
}

.focus\:u-divide-secondary-400:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-400)
}

.focus\:u-divide-secondary-50:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-50)
}

.focus\:u-divide-secondary-500:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-500)
}

.focus\:u-divide-secondary-600:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-600)
}

.focus\:u-divide-secondary-700:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-700)
}

.focus\:u-divide-secondary-800:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-800)
}

.focus\:u-divide-secondary-900:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-secondary-900)
}

.focus\:u-divide-success-300:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-300)
}

.focus\:u-divide-success-500:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-500)
}

.focus\:u-divide-success-700:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-success-700)
}

.focus\:u-divide-tertiary-100:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-100)
}

.focus\:u-divide-tertiary-200:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-200)
}

.focus\:u-divide-tertiary-300:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-300)
}

.focus\:u-divide-tertiary-400:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-400)
}

.focus\:u-divide-tertiary-50:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-50)
}

.focus\:u-divide-tertiary-500:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-500)
}

.focus\:u-divide-tertiary-600:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-600)
}

.focus\:u-divide-tertiary-700:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-700)
}

.focus\:u-divide-tertiary-800:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-800)
}

.focus\:u-divide-tertiary-900:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-tertiary-900)
}

.focus\:u-divide-warning-300:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-300)
}

.focus\:u-divide-warning-500:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-500)
}

.focus\:u-divide-warning-700:focus > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--color-warning-700)
}

.focus\:u-border-black:focus {
    border-color: var(--color-root-black)
}

.focus\:u-border-error-300:focus {
    border-color: var(--color-error-300)
}

.focus\:u-border-error-500:focus {
    border-color: var(--color-error-500)
}

.focus\:u-border-error-700:focus {
    border-color: var(--color-error-700)
}

.focus\:u-border-greys-100:focus {
    border-color: var(--color-greys-100)
}

.focus\:u-border-greys-200:focus {
    border-color: var(--color-greys-200)
}

.focus\:u-border-greys-300:focus {
    border-color: var(--color-greys-300)
}

.focus\:u-border-greys-400:focus {
    border-color: var(--color-greys-400)
}

.focus\:u-border-greys-50:focus {
    border-color: var(--color-greys-50)
}

.focus\:u-border-greys-500:focus {
    border-color: var(--color-greys-500)
}

.focus\:u-border-greys-600:focus {
    border-color: var(--color-greys-600)
}

.focus\:u-border-greys-700:focus {
    border-color: var(--color-greys-700)
}

.focus\:u-border-greys-800:focus {
    border-color: var(--color-greys-800)
}

.focus\:u-border-greys-900:focus {
    border-color: var(--color-greys-900)
}

.focus\:u-border-primary-100:focus {
    border-color: var(--color-primary-100)
}

.focus\:u-border-primary-200:focus {
    border-color: var(--color-primary-200)
}

.focus\:u-border-primary-300:focus {
    border-color: var(--color-primary-300)
}

.focus\:u-border-primary-400:focus {
    border-color: var(--color-primary-400)
}

.focus\:u-border-primary-50:focus {
    border-color: var(--color-primary-50)
}

.focus\:u-border-primary-500:focus {
    border-color: var(--color-primary-500)
}

.focus\:u-border-primary-600:focus {
    border-color: var(--color-primary-600)
}

.focus\:u-border-primary-700:focus {
    border-color: var(--color-primary-700)
}

.focus\:u-border-primary-800:focus {
    border-color: var(--color-primary-800)
}

.focus\:u-border-primary-900:focus {
    border-color: var(--color-primary-900)
}

.focus\:u-border-secondary-100:focus {
    border-color: var(--color-secondary-100)
}

.focus\:u-border-secondary-200:focus {
    border-color: var(--color-secondary-200)
}

.focus\:u-border-secondary-300:focus {
    border-color: var(--color-secondary-300)
}

.focus\:u-border-secondary-400:focus {
    border-color: var(--color-secondary-400)
}

.focus\:u-border-secondary-50:focus {
    border-color: var(--color-secondary-50)
}

.focus\:u-border-secondary-500:focus {
    border-color: var(--color-secondary-500)
}

.focus\:u-border-secondary-600:focus {
    border-color: var(--color-secondary-600)
}

.focus\:u-border-secondary-700:focus {
    border-color: var(--color-secondary-700)
}

.focus\:u-border-secondary-800:focus {
    border-color: var(--color-secondary-800)
}

.focus\:u-border-secondary-900:focus {
    border-color: var(--color-secondary-900)
}

.focus\:u-border-success-300:focus {
    border-color: var(--color-success-300)
}

.focus\:u-border-success-500:focus {
    border-color: var(--color-success-500)
}

.focus\:u-border-success-700:focus {
    border-color: var(--color-success-700)
}

.focus\:u-border-tertiary-100:focus {
    border-color: var(--color-tertiary-100)
}

.focus\:u-border-tertiary-200:focus {
    border-color: var(--color-tertiary-200)
}

.focus\:u-border-tertiary-300:focus {
    border-color: var(--color-tertiary-300)
}

.focus\:u-border-tertiary-400:focus {
    border-color: var(--color-tertiary-400)
}

.focus\:u-border-tertiary-50:focus {
    border-color: var(--color-tertiary-50)
}

.focus\:u-border-tertiary-500:focus {
    border-color: var(--color-tertiary-500)
}

.focus\:u-border-tertiary-600:focus {
    border-color: var(--color-tertiary-600)
}

.focus\:u-border-tertiary-700:focus {
    border-color: var(--color-tertiary-700)
}

.focus\:u-border-tertiary-800:focus {
    border-color: var(--color-tertiary-800)
}

.focus\:u-border-tertiary-900:focus {
    border-color: var(--color-tertiary-900)
}

.focus\:u-border-warning-300:focus {
    border-color: var(--color-warning-300)
}

.focus\:u-border-warning-500:focus {
    border-color: var(--color-warning-500)
}

.focus\:u-border-warning-700:focus {
    border-color: var(--color-warning-700)
}

.focus\:u-border-white:focus {
    border-color: var(--color-root-white)
}

.focus\:u-border-x-error-300:focus {
    border-left-color: var(--color-error-300);
    border-right-color: var(--color-error-300)
}

.focus\:u-border-x-error-500:focus {
    border-left-color: var(--color-error-500);
    border-right-color: var(--color-error-500)
}

.focus\:u-border-x-error-700:focus {
    border-left-color: var(--color-error-700);
    border-right-color: var(--color-error-700)
}

.focus\:u-border-x-greys-100:focus {
    border-left-color: var(--color-greys-100);
    border-right-color: var(--color-greys-100)
}

.focus\:u-border-x-greys-200:focus {
    border-left-color: var(--color-greys-200);
    border-right-color: var(--color-greys-200)
}

.focus\:u-border-x-greys-300:focus {
    border-left-color: var(--color-greys-300);
    border-right-color: var(--color-greys-300)
}

.focus\:u-border-x-greys-400:focus {
    border-left-color: var(--color-greys-400);
    border-right-color: var(--color-greys-400)
}

.focus\:u-border-x-greys-50:focus {
    border-left-color: var(--color-greys-50);
    border-right-color: var(--color-greys-50)
}

.focus\:u-border-x-greys-500:focus {
    border-left-color: var(--color-greys-500);
    border-right-color: var(--color-greys-500)
}

.focus\:u-border-x-greys-600:focus {
    border-left-color: var(--color-greys-600);
    border-right-color: var(--color-greys-600)
}

.focus\:u-border-x-greys-700:focus {
    border-left-color: var(--color-greys-700);
    border-right-color: var(--color-greys-700)
}

.focus\:u-border-x-greys-800:focus {
    border-left-color: var(--color-greys-800);
    border-right-color: var(--color-greys-800)
}

.focus\:u-border-x-greys-900:focus {
    border-left-color: var(--color-greys-900);
    border-right-color: var(--color-greys-900)
}

.focus\:u-border-x-secondary-100:focus {
    border-left-color: var(--color-secondary-100);
    border-right-color: var(--color-secondary-100)
}

.focus\:u-border-x-secondary-200:focus {
    border-left-color: var(--color-secondary-200);
    border-right-color: var(--color-secondary-200)
}

.focus\:u-border-x-secondary-300:focus {
    border-left-color: var(--color-secondary-300);
    border-right-color: var(--color-secondary-300)
}

.focus\:u-border-x-secondary-400:focus {
    border-left-color: var(--color-secondary-400);
    border-right-color: var(--color-secondary-400)
}

.focus\:u-border-x-secondary-50:focus {
    border-left-color: var(--color-secondary-50);
    border-right-color: var(--color-secondary-50)
}

.focus\:u-border-x-secondary-500:focus {
    border-left-color: var(--color-secondary-500);
    border-right-color: var(--color-secondary-500)
}

.focus\:u-border-x-secondary-600:focus {
    border-left-color: var(--color-secondary-600);
    border-right-color: var(--color-secondary-600)
}

.focus\:u-border-x-secondary-700:focus {
    border-left-color: var(--color-secondary-700);
    border-right-color: var(--color-secondary-700)
}

.focus\:u-border-x-secondary-800:focus {
    border-left-color: var(--color-secondary-800);
    border-right-color: var(--color-secondary-800)
}

.focus\:u-border-x-secondary-900:focus {
    border-left-color: var(--color-secondary-900);
    border-right-color: var(--color-secondary-900)
}

.focus\:u-border-x-success-300:focus {
    border-left-color: var(--color-success-300);
    border-right-color: var(--color-success-300)
}

.focus\:u-border-x-success-500:focus {
    border-left-color: var(--color-success-500);
    border-right-color: var(--color-success-500)
}

.focus\:u-border-x-success-700:focus {
    border-left-color: var(--color-success-700);
    border-right-color: var(--color-success-700)
}

.focus\:u-border-x-tertiary-100:focus {
    border-left-color: var(--color-tertiary-100);
    border-right-color: var(--color-tertiary-100)
}

.focus\:u-border-x-tertiary-200:focus {
    border-left-color: var(--color-tertiary-200);
    border-right-color: var(--color-tertiary-200)
}

.focus\:u-border-x-tertiary-300:focus {
    border-left-color: var(--color-tertiary-300);
    border-right-color: var(--color-tertiary-300)
}

.focus\:u-border-x-tertiary-400:focus {
    border-left-color: var(--color-tertiary-400);
    border-right-color: var(--color-tertiary-400)
}

.focus\:u-border-x-tertiary-50:focus {
    border-left-color: var(--color-tertiary-50);
    border-right-color: var(--color-tertiary-50)
}

.focus\:u-border-x-tertiary-500:focus {
    border-left-color: var(--color-tertiary-500);
    border-right-color: var(--color-tertiary-500)
}

.focus\:u-border-x-tertiary-600:focus {
    border-left-color: var(--color-tertiary-600);
    border-right-color: var(--color-tertiary-600)
}

.focus\:u-border-x-tertiary-700:focus {
    border-left-color: var(--color-tertiary-700);
    border-right-color: var(--color-tertiary-700)
}

.focus\:u-border-x-tertiary-800:focus {
    border-left-color: var(--color-tertiary-800);
    border-right-color: var(--color-tertiary-800)
}

.focus\:u-border-x-tertiary-900:focus {
    border-left-color: var(--color-tertiary-900);
    border-right-color: var(--color-tertiary-900)
}

.focus\:u-border-x-warning-300:focus {
    border-left-color: var(--color-warning-300);
    border-right-color: var(--color-warning-300)
}

.focus\:u-border-x-warning-500:focus {
    border-left-color: var(--color-warning-500);
    border-right-color: var(--color-warning-500)
}

.focus\:u-border-x-warning-700:focus {
    border-left-color: var(--color-warning-700);
    border-right-color: var(--color-warning-700)
}

.focus\:u-border-y-error-300:focus {
    border-bottom-color: var(--color-error-300);
    border-top-color: var(--color-error-300)
}

.focus\:u-border-y-error-500:focus {
    border-bottom-color: var(--color-error-500);
    border-top-color: var(--color-error-500)
}

.focus\:u-border-y-error-700:focus {
    border-bottom-color: var(--color-error-700);
    border-top-color: var(--color-error-700)
}

.focus\:u-border-y-greys-100:focus {
    border-bottom-color: var(--color-greys-100);
    border-top-color: var(--color-greys-100)
}

.focus\:u-border-y-greys-200:focus {
    border-bottom-color: var(--color-greys-200);
    border-top-color: var(--color-greys-200)
}

.focus\:u-border-y-greys-300:focus {
    border-bottom-color: var(--color-greys-300);
    border-top-color: var(--color-greys-300)
}

.focus\:u-border-y-greys-400:focus {
    border-bottom-color: var(--color-greys-400);
    border-top-color: var(--color-greys-400)
}

.focus\:u-border-y-greys-50:focus {
    border-bottom-color: var(--color-greys-50);
    border-top-color: var(--color-greys-50)
}

.focus\:u-border-y-greys-500:focus {
    border-bottom-color: var(--color-greys-500);
    border-top-color: var(--color-greys-500)
}

.focus\:u-border-y-greys-600:focus {
    border-bottom-color: var(--color-greys-600);
    border-top-color: var(--color-greys-600)
}

.focus\:u-border-y-greys-700:focus {
    border-bottom-color: var(--color-greys-700);
    border-top-color: var(--color-greys-700)
}

.focus\:u-border-y-greys-800:focus {
    border-bottom-color: var(--color-greys-800);
    border-top-color: var(--color-greys-800)
}

.focus\:u-border-y-greys-900:focus {
    border-bottom-color: var(--color-greys-900);
    border-top-color: var(--color-greys-900)
}

.focus\:u-border-y-secondary-100:focus {
    border-bottom-color: var(--color-secondary-100);
    border-top-color: var(--color-secondary-100)
}

.focus\:u-border-y-secondary-200:focus {
    border-bottom-color: var(--color-secondary-200);
    border-top-color: var(--color-secondary-200)
}

.focus\:u-border-y-secondary-300:focus {
    border-bottom-color: var(--color-secondary-300);
    border-top-color: var(--color-secondary-300)
}

.focus\:u-border-y-secondary-400:focus {
    border-bottom-color: var(--color-secondary-400);
    border-top-color: var(--color-secondary-400)
}

.focus\:u-border-y-secondary-50:focus {
    border-bottom-color: var(--color-secondary-50);
    border-top-color: var(--color-secondary-50)
}

.focus\:u-border-y-secondary-500:focus {
    border-bottom-color: var(--color-secondary-500);
    border-top-color: var(--color-secondary-500)
}

.focus\:u-border-y-secondary-600:focus {
    border-bottom-color: var(--color-secondary-600);
    border-top-color: var(--color-secondary-600)
}

.focus\:u-border-y-secondary-700:focus {
    border-bottom-color: var(--color-secondary-700);
    border-top-color: var(--color-secondary-700)
}

.focus\:u-border-y-secondary-800:focus {
    border-bottom-color: var(--color-secondary-800);
    border-top-color: var(--color-secondary-800)
}

.focus\:u-border-y-secondary-900:focus {
    border-bottom-color: var(--color-secondary-900);
    border-top-color: var(--color-secondary-900)
}

.focus\:u-border-y-success-300:focus {
    border-bottom-color: var(--color-success-300);
    border-top-color: var(--color-success-300)
}

.focus\:u-border-y-success-500:focus {
    border-bottom-color: var(--color-success-500);
    border-top-color: var(--color-success-500)
}

.focus\:u-border-y-success-700:focus {
    border-bottom-color: var(--color-success-700);
    border-top-color: var(--color-success-700)
}

.focus\:u-border-y-tertiary-100:focus {
    border-bottom-color: var(--color-tertiary-100);
    border-top-color: var(--color-tertiary-100)
}

.focus\:u-border-y-tertiary-200:focus {
    border-bottom-color: var(--color-tertiary-200);
    border-top-color: var(--color-tertiary-200)
}

.focus\:u-border-y-tertiary-300:focus {
    border-bottom-color: var(--color-tertiary-300);
    border-top-color: var(--color-tertiary-300)
}

.focus\:u-border-y-tertiary-400:focus {
    border-bottom-color: var(--color-tertiary-400);
    border-top-color: var(--color-tertiary-400)
}

.focus\:u-border-y-tertiary-50:focus {
    border-bottom-color: var(--color-tertiary-50);
    border-top-color: var(--color-tertiary-50)
}

.focus\:u-border-y-tertiary-500:focus {
    border-bottom-color: var(--color-tertiary-500);
    border-top-color: var(--color-tertiary-500)
}

.focus\:u-border-y-tertiary-600:focus {
    border-bottom-color: var(--color-tertiary-600);
    border-top-color: var(--color-tertiary-600)
}

.focus\:u-border-y-tertiary-700:focus {
    border-bottom-color: var(--color-tertiary-700);
    border-top-color: var(--color-tertiary-700)
}

.focus\:u-border-y-tertiary-800:focus {
    border-bottom-color: var(--color-tertiary-800);
    border-top-color: var(--color-tertiary-800)
}

.focus\:u-border-y-tertiary-900:focus {
    border-bottom-color: var(--color-tertiary-900);
    border-top-color: var(--color-tertiary-900)
}

.focus\:u-border-y-warning-300:focus {
    border-bottom-color: var(--color-warning-300);
    border-top-color: var(--color-warning-300)
}

.focus\:u-border-y-warning-500:focus {
    border-bottom-color: var(--color-warning-500);
    border-top-color: var(--color-warning-500)
}

.focus\:u-border-y-warning-700:focus {
    border-bottom-color: var(--color-warning-700);
    border-top-color: var(--color-warning-700)
}

.focus\:u-border-b-error-300:focus {
    border-bottom-color: var(--color-error-300)
}

.focus\:u-border-b-error-500:focus {
    border-bottom-color: var(--color-error-500)
}

.focus\:u-border-b-error-700:focus {
    border-bottom-color: var(--color-error-700)
}

.focus\:u-border-b-greys-100:focus {
    border-bottom-color: var(--color-greys-100)
}

.focus\:u-border-b-greys-200:focus {
    border-bottom-color: var(--color-greys-200)
}

.focus\:u-border-b-greys-300:focus {
    border-bottom-color: var(--color-greys-300)
}

.focus\:u-border-b-greys-400:focus {
    border-bottom-color: var(--color-greys-400)
}

.focus\:u-border-b-greys-50:focus {
    border-bottom-color: var(--color-greys-50)
}

.focus\:u-border-b-greys-500:focus {
    border-bottom-color: var(--color-greys-500)
}

.focus\:u-border-b-greys-600:focus {
    border-bottom-color: var(--color-greys-600)
}

.focus\:u-border-b-greys-700:focus {
    border-bottom-color: var(--color-greys-700)
}

.focus\:u-border-b-greys-800:focus {
    border-bottom-color: var(--color-greys-800)
}

.focus\:u-border-b-greys-900:focus {
    border-bottom-color: var(--color-greys-900)
}

.focus\:u-border-b-secondary-100:focus {
    border-bottom-color: var(--color-secondary-100)
}

.focus\:u-border-b-secondary-200:focus {
    border-bottom-color: var(--color-secondary-200)
}

.focus\:u-border-b-secondary-300:focus {
    border-bottom-color: var(--color-secondary-300)
}

.focus\:u-border-b-secondary-400:focus {
    border-bottom-color: var(--color-secondary-400)
}

.focus\:u-border-b-secondary-50:focus {
    border-bottom-color: var(--color-secondary-50)
}

.focus\:u-border-b-secondary-500:focus {
    border-bottom-color: var(--color-secondary-500)
}

.focus\:u-border-b-secondary-600:focus {
    border-bottom-color: var(--color-secondary-600)
}

.focus\:u-border-b-secondary-700:focus {
    border-bottom-color: var(--color-secondary-700)
}

.focus\:u-border-b-secondary-800:focus {
    border-bottom-color: var(--color-secondary-800)
}

.focus\:u-border-b-secondary-900:focus {
    border-bottom-color: var(--color-secondary-900)
}

.focus\:u-border-b-success-300:focus {
    border-bottom-color: var(--color-success-300)
}

.focus\:u-border-b-success-500:focus {
    border-bottom-color: var(--color-success-500)
}

.focus\:u-border-b-success-700:focus {
    border-bottom-color: var(--color-success-700)
}

.focus\:u-border-b-tertiary-100:focus {
    border-bottom-color: var(--color-tertiary-100)
}

.focus\:u-border-b-tertiary-200:focus {
    border-bottom-color: var(--color-tertiary-200)
}

.focus\:u-border-b-tertiary-300:focus {
    border-bottom-color: var(--color-tertiary-300)
}

.focus\:u-border-b-tertiary-400:focus {
    border-bottom-color: var(--color-tertiary-400)
}

.focus\:u-border-b-tertiary-50:focus {
    border-bottom-color: var(--color-tertiary-50)
}

.focus\:u-border-b-tertiary-500:focus {
    border-bottom-color: var(--color-tertiary-500)
}

.focus\:u-border-b-tertiary-600:focus {
    border-bottom-color: var(--color-tertiary-600)
}

.focus\:u-border-b-tertiary-700:focus {
    border-bottom-color: var(--color-tertiary-700)
}

.focus\:u-border-b-tertiary-800:focus {
    border-bottom-color: var(--color-tertiary-800)
}

.focus\:u-border-b-tertiary-900:focus {
    border-bottom-color: var(--color-tertiary-900)
}

.focus\:u-border-b-warning-300:focus {
    border-bottom-color: var(--color-warning-300)
}

.focus\:u-border-b-warning-500:focus {
    border-bottom-color: var(--color-warning-500)
}

.focus\:u-border-b-warning-700:focus {
    border-bottom-color: var(--color-warning-700)
}

.focus\:u-border-e-error-300:focus {
    border-inline-end-color: var(--color-error-300)
}

.focus\: u-border-e-error-500:focus {
    border-inline-end-color: var(--color-error-500)
}

.focus\:u-border-e-error-700:focus {
    border-inline-end-color: var(--color-error-700)
}

.focus\: u-border-e-greys-100:focus {
    border-inline-end-color: var(--color-greys-100)
}

.focus\:u-border-e-greys-200:focus {
    border-inline-end-color: var(--color-greys-200)
}

.focus\: u-border-e-greys-300:focus {
    border-inline-end-color: var(--color-greys-300)
}

.focus\:u-border-e-greys-400:focus {
    border-inline-end-color: var(--color-greys-400)
}

.focus\: u-border-e-greys-50:focus {
    border-inline-end-color: var(--color-greys-50)
}

.focus\:u-border-e-greys-500:focus {
    border-inline-end-color: var(--color-greys-500)
}

.focus\: u-border-e-greys-600:focus {
    border-inline-end-color: var(--color-greys-600)
}

.focus\:u-border-e-greys-700:focus {
    border-inline-end-color: var(--color-greys-700)
}

.focus\: u-border-e-greys-800:focus {
    border-inline-end-color: var(--color-greys-800)
}

.focus\:u-border-e-greys-900:focus {
    border-inline-end-color: var(--color-greys-900)
}

.focus\: u-border-e-secondary-100:focus {
    border-inline-end-color: var(--color-secondary-100)
}

.focus\:u-border-e-secondary-200:focus {
    border-inline-end-color: var(--color-secondary-200)
}

.focus\: u-border-e-secondary-300:focus {
    border-inline-end-color: var(--color-secondary-300)
}

.focus\:u-border-e-secondary-400:focus {
    border-inline-end-color: var(--color-secondary-400)
}

.focus\: u-border-e-secondary-50:focus {
    border-inline-end-color: var(--color-secondary-50)
}

.focus\:u-border-e-secondary-500:focus {
    border-inline-end-color: var(--color-secondary-500)
}

.focus\: u-border-e-secondary-600:focus {
    border-inline-end-color: var(--color-secondary-600)
}

.focus\:u-border-e-secondary-700:focus {
    border-inline-end-color: var(--color-secondary-700)
}

.focus\: u-border-e-secondary-800:focus {
    border-inline-end-color: var(--color-secondary-800)
}

.focus\:u-border-e-secondary-900:focus {
    border-inline-end-color: var(--color-secondary-900)
}

.focus\: u-border-e-success-300:focus {
    border-inline-end-color: var(--color-success-300)
}

.focus\:u-border-e-success-500:focus {
    border-inline-end-color: var(--color-success-500)
}

.focus\: u-border-e-success-700:focus {
    border-inline-end-color: var(--color-success-700)
}

.focus\:u-border-e-tertiary-100:focus {
    border-inline-end-color: var(--color-tertiary-100)
}

.focus\: u-border-e-tertiary-200:focus {
    border-inline-end-color: var(--color-tertiary-200)
}

.focus\:u-border-e-tertiary-300:focus {
    border-inline-end-color: var(--color-tertiary-300)
}

.focus\: u-border-e-tertiary-400:focus {
    border-inline-end-color: var(--color-tertiary-400)
}

.focus\:u-border-e-tertiary-50:focus {
    border-inline-end-color: var(--color-tertiary-50)
}

.focus\: u-border-e-tertiary-500:focus {
    border-inline-end-color: var(--color-tertiary-500)
}

.focus\:u-border-e-tertiary-600:focus {
    border-inline-end-color: var(--color-tertiary-600)
}

.focus\: u-border-e-tertiary-700:focus {
    border-inline-end-color: var(--color-tertiary-700)
}

.focus\:u-border-e-tertiary-800:focus {
    border-inline-end-color: var(--color-tertiary-800)
}

.focus\: u-border-e-tertiary-900:focus {
    border-inline-end-color: var(--color-tertiary-900)
}

.focus\:u-border-e-warning-300:focus {
    border-inline-end-color: var(--color-warning-300)
}

.focus\: u-border-e-warning-500:focus {
    border-inline-end-color: var(--color-warning-500)
}

.focus\:u-border-e-warning-700:focus {
    border-inline-end-color: var(--color-warning-700)
}

.focus\: u-border-l-error-300:focus {
    border-left-color: var(--color-error-300)
}

.focus\:u-border-l-error-500:focus {
    border-left-color: var(--color-error-500)
}

.focus\:u-border-l-error-700:focus {
    border-left-color: var(--color-error-700)
}

.focus\:u-border-l-greys-100:focus {
    border-left-color: var(--color-greys-100)
}

.focus\:u-border-l-greys-200:focus {
    border-left-color: var(--color-greys-200)
}

.focus\:u-border-l-greys-300:focus {
    border-left-color: var(--color-greys-300)
}

.focus\:u-border-l-greys-400:focus {
    border-left-color: var(--color-greys-400)
}

.focus\:u-border-l-greys-50:focus {
    border-left-color: var(--color-greys-50)
}

.focus\:u-border-l-greys-500:focus {
    border-left-color: var(--color-greys-500)
}

.focus\:u-border-l-greys-600:focus {
    border-left-color: var(--color-greys-600)
}

.focus\:u-border-l-greys-700:focus {
    border-left-color: var(--color-greys-700)
}

.focus\:u-border-l-greys-800:focus {
    border-left-color: var(--color-greys-800)
}

.focus\:u-border-l-greys-900:focus {
    border-left-color: var(--color-greys-900)
}

.focus\:u-border-l-secondary-100:focus {
    border-left-color: var(--color-secondary-100)
}

.focus\:u-border-l-secondary-200:focus {
    border-left-color: var(--color-secondary-200)
}

.focus\:u-border-l-secondary-300:focus {
    border-left-color: var(--color-secondary-300)
}

.focus\:u-border-l-secondary-400:focus {
    border-left-color: var(--color-secondary-400)
}

.focus\:u-border-l-secondary-50:focus {
    border-left-color: var(--color-secondary-50)
}

.focus\:u-border-l-secondary-500:focus {
    border-left-color: var(--color-secondary-500)
}

.focus\:u-border-l-secondary-600:focus {
    border-left-color: var(--color-secondary-600)
}

.focus\:u-border-l-secondary-700:focus {
    border-left-color: var(--color-secondary-700)
}

.focus\:u-border-l-secondary-800:focus {
    border-left-color: var(--color-secondary-800)
}

.focus\:u-border-l-secondary-900:focus {
    border-left-color: var(--color-secondary-900)
}

.focus\:u-border-l-success-300:focus {
    border-left-color: var(--color-success-300)
}

.focus\:u-border-l-success-500:focus {
    border-left-color: var(--color-success-500)
}

.focus\:u-border-l-success-700:focus {
    border-left-color: var(--color-success-700)
}

.focus\:u-border-l-tertiary-100:focus {
    border-left-color: var(--color-tertiary-100)
}

.focus\:u-border-l-tertiary-200:focus {
    border-left-color: var(--color-tertiary-200)
}

.focus\:u-border-l-tertiary-300:focus {
    border-left-color: var(--color-tertiary-300)
}

.focus\:u-border-l-tertiary-400:focus {
    border-left-color: var(--color-tertiary-400)
}

.focus\:u-border-l-tertiary-50:focus {
    border-left-color: var(--color-tertiary-50)
}

.focus\:u-border-l-tertiary-500:focus {
    border-left-color: var(--color-tertiary-500)
}

.focus\:u-border-l-tertiary-600:focus {
    border-left-color: var(--color-tertiary-600)
}

.focus\:u-border-l-tertiary-700:focus {
    border-left-color: var(--color-tertiary-700)
}

.focus\:u-border-l-tertiary-800:focus {
    border-left-color: var(--color-tertiary-800)
}

.focus\:u-border-l-tertiary-900:focus {
    border-left-color: var(--color-tertiary-900)
}

.focus\:u-border-l-warning-300:focus {
    border-left-color: var(--color-warning-300)
}

.focus\:u-border-l-warning-500:focus {
    border-left-color: var(--color-warning-500)
}

.focus\:u-border-l-warning-700:focus {
    border-left-color: var(--color-warning-700)
}

.focus\:u-border-r-error-300:focus {
    border-right-color: var(--color-error-300)
}

.focus\:u-border-r-error-500:focus {
    border-right-color: var(--color-error-500)
}

.focus\:u-border-r-error-700:focus {
    border-right-color: var(--color-error-700)
}

.focus\:u-border-r-greys-100:focus {
    border-right-color: var(--color-greys-100)
}

.focus\:u-border-r-greys-200:focus {
    border-right-color: var(--color-greys-200)
}

.focus\:u-border-r-greys-300:focus {
    border-right-color: var(--color-greys-300)
}

.focus\:u-border-r-greys-400:focus {
    border-right-color: var(--color-greys-400)
}

.focus\:u-border-r-greys-50:focus {
    border-right-color: var(--color-greys-50)
}

.focus\:u-border-r-greys-500:focus {
    border-right-color: var(--color-greys-500)
}

.focus\:u-border-r-greys-600:focus {
    border-right-color: var(--color-greys-600)
}

.focus\:u-border-r-greys-700:focus {
    border-right-color: var(--color-greys-700)
}

.focus\:u-border-r-greys-800:focus {
    border-right-color: var(--color-greys-800)
}

.focus\:u-border-r-greys-900:focus {
    border-right-color: var(--color-greys-900)
}

.focus\:u-border-r-secondary-100:focus {
    border-right-color: var(--color-secondary-100)
}

.focus\:u-border-r-secondary-200:focus {
    border-right-color: var(--color-secondary-200)
}

.focus\:u-border-r-secondary-300:focus {
    border-right-color: var(--color-secondary-300)
}

.focus\:u-border-r-secondary-400:focus {
    border-right-color: var(--color-secondary-400)
}

.focus\:u-border-r-secondary-50:focus {
    border-right-color: var(--color-secondary-50)
}

.focus\:u-border-r-secondary-500:focus {
    border-right-color: var(--color-secondary-500)
}

.focus\:u-border-r-secondary-600:focus {
    border-right-color: var(--color-secondary-600)
}

.focus\:u-border-r-secondary-700:focus {
    border-right-color: var(--color-secondary-700)
}

.focus\:u-border-r-secondary-800:focus {
    border-right-color: var(--color-secondary-800)
}

.focus\:u-border-r-secondary-900:focus {
    border-right-color: var(--color-secondary-900)
}

.focus\:u-border-r-success-300:focus {
    border-right-color: var(--color-success-300)
}

.focus\:u-border-r-success-500:focus {
    border-right-color: var(--color-success-500)
}

.focus\:u-border-r-success-700:focus {
    border-right-color: var(--color-success-700)
}

.focus\:u-border-r-tertiary-100:focus {
    border-right-color: var(--color-tertiary-100)
}

.focus\:u-border-r-tertiary-200:focus {
    border-right-color: var(--color-tertiary-200)
}

.focus\:u-border-r-tertiary-300:focus {
    border-right-color: var(--color-tertiary-300)
}

.focus\:u-border-r-tertiary-400:focus {
    border-right-color: var(--color-tertiary-400)
}

.focus\:u-border-r-tertiary-50:focus {
    border-right-color: var(--color-tertiary-50)
}

.focus\:u-border-r-tertiary-500:focus {
    border-right-color: var(--color-tertiary-500)
}

.focus\:u-border-r-tertiary-600:focus {
    border-right-color: var(--color-tertiary-600)
}

.focus\:u-border-r-tertiary-700:focus {
    border-right-color: var(--color-tertiary-700)
}

.focus\:u-border-r-tertiary-800:focus {
    border-right-color: var(--color-tertiary-800)
}

.focus\:u-border-r-tertiary-900:focus {
    border-right-color: var(--color-tertiary-900)
}

.focus\:u-border-r-warning-300:focus {
    border-right-color: var(--color-warning-300)
}

.focus\:u-border-r-warning-500:focus {
    border-right-color: var(--color-warning-500)
}

.focus\:u-border-r-warning-700:focus {
    border-right-color: var(--color-warning-700)
}

.focus\:u-border-s-error-300:focus {
    border-inline-start-color: var(--color-error-300)
}

.focus\: u-border-s-error-500:focus {
    border-inline-start-color: var(--color-error-500)
}

.focus\:u-border-s-error-700:focus {
    border-inline-start-color: var(--color-error-700)
}

.focus\: u-border-s-greys-100:focus {
    border-inline-start-color: var(--color-greys-100)
}

.focus\:u-border-s-greys-200:focus {
    border-inline-start-color: var(--color-greys-200)
}

.focus\: u-border-s-greys-300:focus {
    border-inline-start-color: var(--color-greys-300)
}

.focus\:u-border-s-greys-400:focus {
    border-inline-start-color: var(--color-greys-400)
}

.focus\: u-border-s-greys-50:focus {
    border-inline-start-color: var(--color-greys-50)
}

.focus\:u-border-s-greys-500:focus {
    border-inline-start-color: var(--color-greys-500)
}

.focus\: u-border-s-greys-600:focus {
    border-inline-start-color: var(--color-greys-600)
}

.focus\:u-border-s-greys-700:focus {
    border-inline-start-color: var(--color-greys-700)
}

.focus\: u-border-s-greys-800:focus {
    border-inline-start-color: var(--color-greys-800)
}

.focus\:u-border-s-greys-900:focus {
    border-inline-start-color: var(--color-greys-900)
}

.focus\: u-border-s-secondary-100:focus {
    border-inline-start-color: var(--color-secondary-100)
}

.focus\:u-border-s-secondary-200:focus {
    border-inline-start-color: var(--color-secondary-200)
}

.focus\: u-border-s-secondary-300:focus {
    border-inline-start-color: var(--color-secondary-300)
}

.focus\:u-border-s-secondary-400:focus {
    border-inline-start-color: var(--color-secondary-400)
}

.focus\: u-border-s-secondary-50:focus {
    border-inline-start-color: var(--color-secondary-50)
}

.focus\:u-border-s-secondary-500:focus {
    border-inline-start-color: var(--color-secondary-500)
}

.focus\: u-border-s-secondary-600:focus {
    border-inline-start-color: var(--color-secondary-600)
}

.focus\:u-border-s-secondary-700:focus {
    border-inline-start-color: var(--color-secondary-700)
}

.focus\: u-border-s-secondary-800:focus {
    border-inline-start-color: var(--color-secondary-800)
}

.focus\:u-border-s-secondary-900:focus {
    border-inline-start-color: var(--color-secondary-900)
}

.focus\: u-border-s-success-300:focus {
    border-inline-start-color: var(--color-success-300)
}

.focus\:u-border-s-success-500:focus {
    border-inline-start-color: var(--color-success-500)
}

.focus\: u-border-s-success-700:focus {
    border-inline-start-color: var(--color-success-700)
}

.focus\:u-border-s-tertiary-100:focus {
    border-inline-start-color: var(--color-tertiary-100)
}

.focus\: u-border-s-tertiary-200:focus {
    border-inline-start-color: var(--color-tertiary-200)
}

.focus\:u-border-s-tertiary-300:focus {
    border-inline-start-color: var(--color-tertiary-300)
}

.focus\: u-border-s-tertiary-400:focus {
    border-inline-start-color: var(--color-tertiary-400)
}

.focus\:u-border-s-tertiary-50:focus {
    border-inline-start-color: var(--color-tertiary-50)
}

.focus\: u-border-s-tertiary-500:focus {
    border-inline-start-color: var(--color-tertiary-500)
}

.focus\:u-border-s-tertiary-600:focus {
    border-inline-start-color: var(--color-tertiary-600)
}

.focus\: u-border-s-tertiary-700:focus {
    border-inline-start-color: var(--color-tertiary-700)
}

.focus\:u-border-s-tertiary-800:focus {
    border-inline-start-color: var(--color-tertiary-800)
}

.focus\: u-border-s-tertiary-900:focus {
    border-inline-start-color: var(--color-tertiary-900)
}

.focus\:u-border-s-warning-300:focus {
    border-inline-start-color: var(--color-warning-300)
}

.focus\: u-border-s-warning-500:focus {
    border-inline-start-color: var(--color-warning-500)
}

.focus\:u-border-s-warning-700:focus {
    border-inline-start-color: var(--color-warning-700)
}

.focus\: u-border-t-error-300:focus {
    border-top-color: var(--color-error-300)
}

.focus\:u-border-t-error-500:focus {
    border-top-color: var(--color-error-500)
}

.focus\:u-border-t-error-700:focus {
    border-top-color: var(--color-error-700)
}

.focus\:u-border-t-greys-100:focus {
    border-top-color: var(--color-greys-100)
}

.focus\:u-border-t-greys-200:focus {
    border-top-color: var(--color-greys-200)
}

.focus\:u-border-t-greys-300:focus {
    border-top-color: var(--color-greys-300)
}

.focus\:u-border-t-greys-400:focus {
    border-top-color: var(--color-greys-400)
}

.focus\:u-border-t-greys-50:focus {
    border-top-color: var(--color-greys-50)
}

.focus\:u-border-t-greys-500:focus {
    border-top-color: var(--color-greys-500)
}

.focus\:u-border-t-greys-600:focus {
    border-top-color: var(--color-greys-600)
}

.focus\:u-border-t-greys-700:focus {
    border-top-color: var(--color-greys-700)
}

.focus\:u-border-t-greys-800:focus {
    border-top-color: var(--color-greys-800)
}

.focus\:u-border-t-greys-900:focus {
    border-top-color: var(--color-greys-900)
}

.focus\:u-border-t-secondary-100:focus {
    border-top-color: var(--color-secondary-100)
}

.focus\:u-border-t-secondary-200:focus {
    border-top-color: var(--color-secondary-200)
}

.focus\:u-border-t-secondary-300:focus {
    border-top-color: var(--color-secondary-300)
}

.focus\:u-border-t-secondary-400:focus {
    border-top-color: var(--color-secondary-400)
}

.focus\:u-border-t-secondary-50:focus {
    border-top-color: var(--color-secondary-50)
}

.focus\:u-border-t-secondary-500:focus {
    border-top-color: var(--color-secondary-500)
}

.focus\:u-border-t-secondary-600:focus {
    border-top-color: var(--color-secondary-600)
}

.focus\:u-border-t-secondary-700:focus {
    border-top-color: var(--color-secondary-700)
}

.focus\:u-border-t-secondary-800:focus {
    border-top-color: var(--color-secondary-800)
}

.focus\:u-border-t-secondary-900:focus {
    border-top-color: var(--color-secondary-900)
}

.focus\:u-border-t-success-300:focus {
    border-top-color: var(--color-success-300)
}

.focus\:u-border-t-success-500:focus {
    border-top-color: var(--color-success-500)
}

.focus\:u-border-t-success-700:focus {
    border-top-color: var(--color-success-700)
}

.focus\:u-border-t-tertiary-100:focus {
    border-top-color: var(--color-tertiary-100)
}

.focus\:u-border-t-tertiary-200:focus {
    border-top-color: var(--color-tertiary-200)
}

.focus\:u-border-t-tertiary-300:focus {
    border-top-color: var(--color-tertiary-300)
}

.focus\:u-border-t-tertiary-400:focus {
    border-top-color: var(--color-tertiary-400)
}

.focus\:u-border-t-tertiary-50:focus {
    border-top-color: var(--color-tertiary-50)
}

.focus\:u-border-t-tertiary-500:focus {
    border-top-color: var(--color-tertiary-500)
}

.focus\:u-border-t-tertiary-600:focus {
    border-top-color: var(--color-tertiary-600)
}

.focus\:u-border-t-tertiary-700:focus {
    border-top-color: var(--color-tertiary-700)
}

.focus\:u-border-t-tertiary-800:focus {
    border-top-color: var(--color-tertiary-800)
}

.focus\:u-border-t-tertiary-900:focus {
    border-top-color: var(--color-tertiary-900)
}

.focus\:u-border-t-warning-300:focus {
    border-top-color: var(--color-warning-300)
}

.focus\:u-border-t-warning-500:focus {
    border-top-color: var(--color-warning-500)
}

.focus\:u-border-t-warning-700:focus {
    border-top-color: var(--color-warning-700)
}

.focus\:u-bg-black:focus {
    background-color: var(--color-root-black)
}

.focus\:u-bg-error-300:focus {
    background-color: var(--color-error-300)
}

.focus\:u-bg-error-500:focus {
    background-color: var(--color-error-500)
}

.focus\:u-bg-error-700:focus {
    background-color: var(--color-error-700)
}

.focus\:u-bg-greys-100:focus {
    background-color: var(--color-greys-100)
}

.focus\:u-bg-greys-200:focus {
    background-color: var(--color-greys-200)
}

.focus\:u-bg-greys-300:focus {
    background-color: var(--color-greys-300)
}

.focus\:u-bg-greys-400:focus {
    background-color: var(--color-greys-400)
}

.focus\:u-bg-greys-50:focus {
    background-color: var(--color-greys-50)
}

.focus\:u-bg-greys-500:focus {
    background-color: var(--color-greys-500)
}

.focus\:u-bg-greys-600:focus {
    background-color: var(--color-greys-600)
}

.focus\:u-bg-greys-700:focus {
    background-color: var(--color-greys-700)
}

.focus\:u-bg-greys-800:focus {
    background-color: var(--color-greys-800)
}

.focus\:u-bg-greys-900:focus {
    background-color: var(--color-greys-900)
}

.focus\:u-bg-primary-100:focus {
    background-color: var(--color-primary-100)
}

.focus\:u-bg-primary-200:focus {
    background-color: var(--color-primary-200)
}

.focus\:u-bg-primary-300:focus {
    background-color: var(--color-primary-300)
}

.focus\:u-bg-primary-400:focus {
    background-color: var(--color-primary-400)
}

.focus\:u-bg-primary-50:focus {
    background-color: var(--color-primary-50)
}

.focus\:u-bg-primary-500:focus {
    background-color: var(--color-primary-500)
}

.focus\:u-bg-primary-600:focus {
    background-color: var(--color-primary-600)
}

.focus\:u-bg-primary-700:focus {
    background-color: var(--color-primary-700)
}

.focus\:u-bg-primary-800:focus {
    background-color: var(--color-primary-800)
}

.focus\:u-bg-primary-900:focus {
    background-color: var(--color-primary-900)
}

.focus\:u-bg-secondary-100:focus {
    background-color: var(--color-secondary-100)
}

.focus\:u-bg-secondary-200:focus {
    background-color: var(--color-secondary-200)
}

.focus\:u-bg-secondary-300:focus {
    background-color: var(--color-secondary-300)
}

.focus\:u-bg-secondary-400:focus {
    background-color: var(--color-secondary-400)
}

.focus\:u-bg-secondary-50:focus {
    background-color: var(--color-secondary-50)
}

.focus\:u-bg-secondary-500:focus {
    background-color: var(--color-secondary-500)
}

.focus\:u-bg-secondary-600:focus {
    background-color: var(--color-secondary-600)
}

.focus\:u-bg-secondary-700:focus {
    background-color: var(--color-secondary-700)
}

.focus\:u-bg-secondary-800:focus {
    background-color: var(--color-secondary-800)
}

.focus\:u-bg-secondary-900:focus {
    background-color: var(--color-secondary-900)
}

.focus\:u-bg-success-300:focus {
    background-color: var(--color-success-300)
}

.focus\:u-bg-success-500:focus {
    background-color: var(--color-success-500)
}

.focus\:u-bg-success-700:focus {
    background-color: var(--color-success-700)
}

.focus\:u-bg-tertiary-100:focus {
    background-color: var(--color-tertiary-100)
}

.focus\:u-bg-tertiary-200:focus {
    background-color: var(--color-tertiary-200)
}

.focus\:u-bg-tertiary-300:focus {
    background-color: var(--color-tertiary-300)
}

.focus\:u-bg-tertiary-400:focus {
    background-color: var(--color-tertiary-400)
}

.focus\:u-bg-tertiary-50:focus {
    background-color: var(--color-tertiary-50)
}

.focus\:u-bg-tertiary-500:focus {
    background-color: var(--color-tertiary-500)
}

.focus\:u-bg-tertiary-600:focus {
    background-color: var(--color-tertiary-600)
}

.focus\:u-bg-tertiary-700:focus {
    background-color: var(--color-tertiary-700)
}

.focus\:u-bg-tertiary-800:focus {
    background-color: var(--color-tertiary-800)
}

.focus\:u-bg-tertiary-900:focus {
    background-color: var(--color-tertiary-900)
}

.focus\:u-bg-warning-300:focus {
    background-color: var(--color-warning-300)
}

.focus\:u-bg-warning-500:focus {
    background-color: var(--color-warning-500)
}

.focus\:u-bg-warning-700:focus {
    background-color: var(--color-warning-700)
}

.focus\:u-bg-white:focus {
    background-color: var(--color-root-white)
}

.focus\:u-from-error-300:focus {
    --tw-gradient-from: var(--color-error-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-error-500:focus {
    --tw-gradient-from: var(--color-error-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-error-700:focus {
    --tw-gradient-from: var(--color-error-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-100:focus {
    --tw-gradient-from: var(--color-greys-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-200:focus {
    --tw-gradient-from: var(--color-greys-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-300:focus {
    --tw-gradient-from: var(--color-greys-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-400:focus {
    --tw-gradient-from: var(--color-greys-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-50:focus {
    --tw-gradient-from: var(--color-greys-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-500:focus {
    --tw-gradient-from: var(--color-greys-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-600:focus {
    --tw-gradient-from: var(--color-greys-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-700:focus {
    --tw-gradient-from: var(--color-greys-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-800:focus {
    --tw-gradient-from: var(--color-greys-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-greys-900:focus {
    --tw-gradient-from: var(--color-greys-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-100:focus {
    --tw-gradient-from: var(--color-secondary-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-200:focus {
    --tw-gradient-from: var(--color-secondary-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-300:focus {
    --tw-gradient-from: var(--color-secondary-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-400:focus {
    --tw-gradient-from: var(--color-secondary-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-50:focus {
    --tw-gradient-from: var(--color-secondary-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-500:focus {
    --tw-gradient-from: var(--color-secondary-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-600:focus {
    --tw-gradient-from: var(--color-secondary-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-700:focus {
    --tw-gradient-from: var(--color-secondary-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-800:focus {
    --tw-gradient-from: var(--color-secondary-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-secondary-900:focus {
    --tw-gradient-from: var(--color-secondary-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-success-300:focus {
    --tw-gradient-from: var(--color-success-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-success-500:focus {
    --tw-gradient-from: var(--color-success-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-success-700:focus {
    --tw-gradient-from: var(--color-success-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-100:focus {
    --tw-gradient-from: var(--color-tertiary-100) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-200:focus {
    --tw-gradient-from: var(--color-tertiary-200) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-300:focus {
    --tw-gradient-from: var(--color-tertiary-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-400:focus {
    --tw-gradient-from: var(--color-tertiary-400) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-50:focus {
    --tw-gradient-from: var(--color-tertiary-50) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-500:focus {
    --tw-gradient-from: var(--color-tertiary-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-600:focus {
    --tw-gradient-from: var(--color-tertiary-600) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-700:focus {
    --tw-gradient-from: var(--color-tertiary-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-800:focus {
    --tw-gradient-from: var(--color-tertiary-800) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-tertiary-900:focus {
    --tw-gradient-from: var(--color-tertiary-900) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-warning-300:focus {
    --tw-gradient-from: var(--color-warning-300) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-warning-500:focus {
    --tw-gradient-from: var(--color-warning-500) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-from-warning-700:focus {
    --tw-gradient-from: var(--color-warning-700) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.focus\:u-via-error-300:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-error-500:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-error-700:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-error-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-100:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-200:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-300:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-400:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-50:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-500:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-600:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-700:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-800:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-greys-900:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-greys-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-100:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-200:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-300:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-400:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-50:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-500:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-600:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-700:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-800:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-secondary-900:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-secondary-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-success-300:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-success-500:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-success-700:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-success-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-100:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-100) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-200:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-200) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-300:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-400:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-400) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-50:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-50) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-500:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-600:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-600) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-700:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-800:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-800) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-tertiary-900:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-tertiary-900) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-warning-300:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-300) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-warning-500:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-500) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-via-warning-700:focus {
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--color-warning-700) var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.focus\:u-to-error-300:focus {
    --tw-gradient-to: var(--color-error-300) var(--tw-gradient-to-position)
}

.focus\:u-to-error-500:focus {
    --tw-gradient-to: var(--color-error-500) var(--tw-gradient-to-position)
}

.focus\:u-to-error-700:focus {
    --tw-gradient-to: var(--color-error-700) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-100:focus {
    --tw-gradient-to: var(--color-greys-100) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-200:focus {
    --tw-gradient-to: var(--color-greys-200) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-300:focus {
    --tw-gradient-to: var(--color-greys-300) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-400:focus {
    --tw-gradient-to: var(--color-greys-400) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-50:focus {
    --tw-gradient-to: var(--color-greys-50) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-500:focus {
    --tw-gradient-to: var(--color-greys-500) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-600:focus {
    --tw-gradient-to: var(--color-greys-600) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-700:focus {
    --tw-gradient-to: var(--color-greys-700) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-800:focus {
    --tw-gradient-to: var(--color-greys-800) var(--tw-gradient-to-position)
}

.focus\:u-to-greys-900:focus {
    --tw-gradient-to: var(--color-greys-900) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-100:focus {
    --tw-gradient-to: var(--color-secondary-100) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-200:focus {
    --tw-gradient-to: var(--color-secondary-200) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-300:focus {
    --tw-gradient-to: var(--color-secondary-300) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-400:focus {
    --tw-gradient-to: var(--color-secondary-400) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-50:focus {
    --tw-gradient-to: var(--color-secondary-50) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-500:focus {
    --tw-gradient-to: var(--color-secondary-500) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-600:focus {
    --tw-gradient-to: var(--color-secondary-600) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-700:focus {
    --tw-gradient-to: var(--color-secondary-700) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-800:focus {
    --tw-gradient-to: var(--color-secondary-800) var(--tw-gradient-to-position)
}

.focus\:u-to-secondary-900:focus {
    --tw-gradient-to: var(--color-secondary-900) var(--tw-gradient-to-position)
}

.focus\:u-to-success-300:focus {
    --tw-gradient-to: var(--color-success-300) var(--tw-gradient-to-position)
}

.focus\:u-to-success-500:focus {
    --tw-gradient-to: var(--color-success-500) var(--tw-gradient-to-position)
}

.focus\:u-to-success-700:focus {
    --tw-gradient-to: var(--color-success-700) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-100:focus {
    --tw-gradient-to: var(--color-tertiary-100) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-200:focus {
    --tw-gradient-to: var(--color-tertiary-200) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-300:focus {
    --tw-gradient-to: var(--color-tertiary-300) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-400:focus {
    --tw-gradient-to: var(--color-tertiary-400) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-50:focus {
    --tw-gradient-to: var(--color-tertiary-50) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-500:focus {
    --tw-gradient-to: var(--color-tertiary-500) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-600:focus {
    --tw-gradient-to: var(--color-tertiary-600) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-700:focus {
    --tw-gradient-to: var(--color-tertiary-700) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-800:focus {
    --tw-gradient-to: var(--color-tertiary-800) var(--tw-gradient-to-position)
}

.focus\:u-to-tertiary-900:focus {
    --tw-gradient-to: var(--color-tertiary-900) var(--tw-gradient-to-position)
}

.focus\:u-to-warning-300:focus {
    --tw-gradient-to: var(--color-warning-300) var(--tw-gradient-to-position)
}

.focus\:u-to-warning-500:focus {
    --tw-gradient-to: var(--color-warning-500) var(--tw-gradient-to-position)
}

.focus\:u-to-warning-700:focus {
    --tw-gradient-to: var(--color-warning-700) var(--tw-gradient-to-position)
}

.focus\:u-fill-error-300:focus {
    fill: var(--color-error-300)
}

.focus\:u-fill-error-500:focus {
    fill: var(--color-error-500)
}

.focus\:u-fill-error-700:focus {
    fill: var(--color-error-700)
}

.focus\:u-fill-greys-100:focus {
    fill: var(--color-greys-100)
}

.focus\:u-fill-greys-200:focus {
    fill: var(--color-greys-200)
}

.focus\:u-fill-greys-300:focus {
    fill: var(--color-greys-300)
}

.focus\:u-fill-greys-400:focus {
    fill: var(--color-greys-400)
}

.focus\:u-fill-greys-50:focus {
    fill: var(--color-greys-50)
}

.focus\:u-fill-greys-500:focus {
    fill: var(--color-greys-500)
}

.focus\:u-fill-greys-600:focus {
    fill: var(--color-greys-600)
}

.focus\:u-fill-greys-700:focus {
    fill: var(--color-greys-700)
}

.focus\:u-fill-greys-800:focus {
    fill: var(--color-greys-800)
}

.focus\:u-fill-greys-900:focus {
    fill: var(--color-greys-900)
}

.focus\:u-fill-secondary-100:focus {
    fill: var(--color-secondary-100)
}

.focus\:u-fill-secondary-200:focus {
    fill: var(--color-secondary-200)
}

.focus\:u-fill-secondary-300:focus {
    fill: var(--color-secondary-300)
}

.focus\:u-fill-secondary-400:focus {
    fill: var(--color-secondary-400)
}

.focus\:u-fill-secondary-50:focus {
    fill: var(--color-secondary-50)
}

.focus\:u-fill-secondary-500:focus {
    fill: var(--color-secondary-500)
}

.focus\:u-fill-secondary-600:focus {
    fill: var(--color-secondary-600)
}

.focus\:u-fill-secondary-700:focus {
    fill: var(--color-secondary-700)
}

.focus\:u-fill-secondary-800:focus {
    fill: var(--color-secondary-800)
}

.focus\:u-fill-secondary-900:focus {
    fill: var(--color-secondary-900)
}

.focus\:u-fill-success-300:focus {
    fill: var(--color-success-300)
}

.focus\:u-fill-success-500:focus {
    fill: var(--color-success-500)
}

.focus\:u-fill-success-700:focus {
    fill: var(--color-success-700)
}

.focus\:u-fill-tertiary-100:focus {
    fill: var(--color-tertiary-100)
}

.focus\:u-fill-tertiary-200:focus {
    fill: var(--color-tertiary-200)
}

.focus\:u-fill-tertiary-300:focus {
    fill: var(--color-tertiary-300)
}

.focus\:u-fill-tertiary-400:focus {
    fill: var(--color-tertiary-400)
}

.focus\:u-fill-tertiary-50:focus {
    fill: var(--color-tertiary-50)
}

.focus\:u-fill-tertiary-500:focus {
    fill: var(--color-tertiary-500)
}

.focus\:u-fill-tertiary-600:focus {
    fill: var(--color-tertiary-600)
}

.focus\:u-fill-tertiary-700:focus {
    fill: var(--color-tertiary-700)
}

.focus\:u-fill-tertiary-800:focus {
    fill: var(--color-tertiary-800)
}

.focus\:u-fill-tertiary-900:focus {
    fill: var(--color-tertiary-900)
}

.focus\:u-fill-warning-300:focus {
    fill: var(--color-warning-300)
}

.focus\:u-fill-warning-500:focus {
    fill: var(--color-warning-500)
}

.focus\:u-fill-warning-700:focus {
    fill: var(--color-warning-700)
}

.focus\:u-stroke-error-300:focus {
    stroke: var(--color-error-300)
}

.focus\:u-stroke-error-500:focus {
    stroke: var(--color-error-500)
}

.focus\:u-stroke-error-700:focus {
    stroke: var(--color-error-700)
}

.focus\:u-stroke-greys-100:focus {
    stroke: var(--color-greys-100)
}

.focus\:u-stroke-greys-200:focus {
    stroke: var(--color-greys-200)
}

.focus\:u-stroke-greys-300:focus {
    stroke: var(--color-greys-300)
}

.focus\:u-stroke-greys-400:focus {
    stroke: var(--color-greys-400)
}

.focus\:u-stroke-greys-50:focus {
    stroke: var(--color-greys-50)
}

.focus\:u-stroke-greys-500:focus {
    stroke: var(--color-greys-500)
}

.focus\:u-stroke-greys-600:focus {
    stroke: var(--color-greys-600)
}

.focus\:u-stroke-greys-700:focus {
    stroke: var(--color-greys-700)
}

.focus\:u-stroke-greys-800:focus {
    stroke: var(--color-greys-800)
}

.focus\:u-stroke-greys-900:focus {
    stroke: var(--color-greys-900)
}

.focus\:u-stroke-secondary-100:focus {
    stroke: var(--color-secondary-100)
}

.focus\:u-stroke-secondary-200:focus {
    stroke: var(--color-secondary-200)
}

.focus\:u-stroke-secondary-300:focus {
    stroke: var(--color-secondary-300)
}

.focus\:u-stroke-secondary-400:focus {
    stroke: var(--color-secondary-400)
}

.focus\:u-stroke-secondary-50:focus {
    stroke: var(--color-secondary-50)
}

.focus\:u-stroke-secondary-500:focus {
    stroke: var(--color-secondary-500)
}

.focus\:u-stroke-secondary-600:focus {
    stroke: var(--color-secondary-600)
}

.focus\:u-stroke-secondary-700:focus {
    stroke: var(--color-secondary-700)
}

.focus\:u-stroke-secondary-800:focus {
    stroke: var(--color-secondary-800)
}

.focus\:u-stroke-secondary-900:focus {
    stroke: var(--color-secondary-900)
}

.focus\:u-stroke-success-300:focus {
    stroke: var(--color-success-300)
}

.focus\:u-stroke-success-500:focus {
    stroke: var(--color-success-500)
}

.focus\:u-stroke-success-700:focus {
    stroke: var(--color-success-700)
}

.focus\:u-stroke-tertiary-100:focus {
    stroke: var(--color-tertiary-100)
}

.focus\:u-stroke-tertiary-200:focus {
    stroke: var(--color-tertiary-200)
}

.focus\:u-stroke-tertiary-300:focus {
    stroke: var(--color-tertiary-300)
}

.focus\:u-stroke-tertiary-400:focus {
    stroke: var(--color-tertiary-400)
}

.focus\:u-stroke-tertiary-50:focus {
    stroke: var(--color-tertiary-50)
}

.focus\:u-stroke-tertiary-500:focus {
    stroke: var(--color-tertiary-500)
}

.focus\:u-stroke-tertiary-600:focus {
    stroke: var(--color-tertiary-600)
}

.focus\:u-stroke-tertiary-700:focus {
    stroke: var(--color-tertiary-700)
}

.focus\:u-stroke-tertiary-800:focus {
    stroke: var(--color-tertiary-800)
}

.focus\:u-stroke-tertiary-900:focus {
    stroke: var(--color-tertiary-900)
}

.focus\:u-stroke-warning-300:focus {
    stroke: var(--color-warning-300)
}

.focus\:u-stroke-warning-500:focus {
    stroke: var(--color-warning-500)
}

.focus\:u-stroke-warning-700:focus {
    stroke: var(--color-warning-700)
}

.focus\:u-text-black:focus {
    color: var(--color-root-black)
}

.focus\:u-text-error-300:focus {
    color: var(--color-error-300)
}

.focus\:u-text-error-500:focus {
    color: var(--color-error-500)
}

.focus\:u-text-error-700:focus {
    color: var(--color-error-700)
}

.focus\:u-text-greys-100:focus {
    color: var(--color-greys-100)
}

.focus\:u-text-greys-200:focus {
    color: var(--color-greys-200)
}

.focus\:u-text-greys-300:focus {
    color: var(--color-greys-300)
}

.focus\:u-text-greys-400:focus {
    color: var(--color-greys-400)
}

.focus\:u-text-greys-50:focus {
    color: var(--color-greys-50)
}

.focus\:u-text-greys-500:focus {
    color: var(--color-greys-500)
}

.focus\:u-text-greys-600:focus {
    color: var(--color-greys-600)
}

.focus\:u-text-greys-700:focus {
    color: var(--color-greys-700)
}

.focus\:u-text-greys-800:focus {
    color: var(--color-greys-800)
}

.focus\:u-text-greys-900:focus {
    color: var(--color-greys-900)
}

.focus\:u-text-primary-100:focus {
    color: var(--color-primary-100)
}

.focus\:u-text-primary-200:focus {
    color: var(--color-primary-200)
}

.focus\:u-text-primary-300:focus {
    color: var(--color-primary-300)
}

.focus\:u-text-primary-400:focus {
    color: var(--color-primary-400)
}

.focus\:u-text-primary-50:focus {
    color: var(--color-primary-50)
}

.focus\:u-text-primary-500:focus {
    color: var(--color-primary-500)
}

.focus\:u-text-primary-600:focus {
    color: var(--color-primary-600)
}

.focus\:u-text-primary-700:focus {
    color: var(--color-primary-700)
}

.focus\:u-text-primary-800:focus {
    color: var(--color-primary-800)
}

.focus\:u-text-primary-900:focus {
    color: var(--color-primary-900)
}

.focus\:u-text-secondary-100:focus {
    color: var(--color-secondary-100)
}

.focus\:u-text-secondary-200:focus {
    color: var(--color-secondary-200)
}

.focus\:u-text-secondary-300:focus {
    color: var(--color-secondary-300)
}

.focus\:u-text-secondary-400:focus {
    color: var(--color-secondary-400)
}

.focus\:u-text-secondary-50:focus {
    color: var(--color-secondary-50)
}

.focus\:u-text-secondary-500:focus {
    color: var(--color-secondary-500)
}

.focus\:u-text-secondary-600:focus {
    color: var(--color-secondary-600)
}

.focus\:u-text-secondary-700:focus {
    color: var(--color-secondary-700)
}

.focus\:u-text-secondary-800:focus {
    color: var(--color-secondary-800)
}

.focus\:u-text-secondary-900:focus {
    color: var(--color-secondary-900)
}

.focus\:u-text-success-300:focus {
    color: var(--color-success-300)
}

.focus\:u-text-success-500:focus {
    color: var(--color-success-500)
}

.focus\:u-text-success-700:focus {
    color: var(--color-success-700)
}

.focus\:u-text-tertiary-100:focus {
    color: var(--color-tertiary-100)
}

.focus\:u-text-tertiary-200:focus {
    color: var(--color-tertiary-200)
}

.focus\:u-text-tertiary-300:focus {
    color: var(--color-tertiary-300)
}

.focus\:u-text-tertiary-400:focus {
    color: var(--color-tertiary-400)
}

.focus\:u-text-tertiary-50:focus {
    color: var(--color-tertiary-50)
}

.focus\:u-text-tertiary-500:focus {
    color: var(--color-tertiary-500)
}

.focus\:u-text-tertiary-600:focus {
    color: var(--color-tertiary-600)
}

.focus\:u-text-tertiary-700:focus {
    color: var(--color-tertiary-700)
}

.focus\:u-text-tertiary-800:focus {
    color: var(--color-tertiary-800)
}

.focus\:u-text-tertiary-900:focus {
    color: var(--color-tertiary-900)
}

.focus\:u-text-warning-300:focus {
    color: var(--color-warning-300)
}

.focus\:u-text-warning-500:focus {
    color: var(--color-warning-500)
}

.focus\:u-text-warning-700:focus {
    color: var(--color-warning-700)
}

.focus\:u-text-white:focus {
    color: var(--color-root-white)
}

.focus\:u-decoration-error-300:focus {
    text-decoration-color: var(--color-error-300)
}

.focus\:u-decoration-error-500:focus {
    text-decoration-color: var(--color-error-500)
}

.focus\:u-decoration-error-700:focus {
    text-decoration-color: var(--color-error-700)
}

.focus\:u-decoration-greys-100:focus {
    text-decoration-color: var(--color-greys-100)
}

.focus\:u-decoration-greys-200:focus {
    text-decoration-color: var(--color-greys-200)
}

.focus\:u-decoration-greys-300:focus {
    text-decoration-color: var(--color-greys-300)
}

.focus\:u-decoration-greys-400:focus {
    text-decoration-color: var(--color-greys-400)
}

.focus\:u-decoration-greys-50:focus {
    text-decoration-color: var(--color-greys-50)
}

.focus\:u-decoration-greys-500:focus {
    text-decoration-color: var(--color-greys-500)
}

.focus\:u-decoration-greys-600:focus {
    text-decoration-color: var(--color-greys-600)
}

.focus\:u-decoration-greys-700:focus {
    text-decoration-color: var(--color-greys-700)
}

.focus\:u-decoration-greys-800:focus {
    text-decoration-color: var(--color-greys-800)
}

.focus\:u-decoration-greys-900:focus {
    text-decoration-color: var(--color-greys-900)
}

.focus\:u-decoration-secondary-100:focus {
    text-decoration-color: var(--color-secondary-100)
}

.focus\:u-decoration-secondary-200:focus {
    text-decoration-color: var(--color-secondary-200)
}

.focus\:u-decoration-secondary-300:focus {
    text-decoration-color: var(--color-secondary-300)
}

.focus\:u-decoration-secondary-400:focus {
    text-decoration-color: var(--color-secondary-400)
}

.focus\:u-decoration-secondary-50:focus {
    text-decoration-color: var(--color-secondary-50)
}

.focus\:u-decoration-secondary-500:focus {
    text-decoration-color: var(--color-secondary-500)
}

.focus\:u-decoration-secondary-600:focus {
    text-decoration-color: var(--color-secondary-600)
}

.focus\:u-decoration-secondary-700:focus {
    text-decoration-color: var(--color-secondary-700)
}

.focus\:u-decoration-secondary-800:focus {
    text-decoration-color: var(--color-secondary-800)
}

.focus\:u-decoration-secondary-900:focus {
    text-decoration-color: var(--color-secondary-900)
}

.focus\:u-decoration-success-300:focus {
    text-decoration-color: var(--color-success-300)
}

.focus\:u-decoration-success-500:focus {
    text-decoration-color: var(--color-success-500)
}

.focus\:u-decoration-success-700:focus {
    text-decoration-color: var(--color-success-700)
}

.focus\:u-decoration-tertiary-100:focus {
    text-decoration-color: var(--color-tertiary-100)
}

.focus\:u-decoration-tertiary-200:focus {
    text-decoration-color: var(--color-tertiary-200)
}

.focus\:u-decoration-tertiary-300:focus {
    text-decoration-color: var(--color-tertiary-300)
}

.focus\:u-decoration-tertiary-400:focus {
    text-decoration-color: var(--color-tertiary-400)
}

.focus\:u-decoration-tertiary-50:focus {
    text-decoration-color: var(--color-tertiary-50)
}

.focus\:u-decoration-tertiary-500:focus {
    text-decoration-color: var(--color-tertiary-500)
}

.focus\:u-decoration-tertiary-600:focus {
    text-decoration-color: var(--color-tertiary-600)
}

.focus\:u-decoration-tertiary-700:focus {
    text-decoration-color: var(--color-tertiary-700)
}

.focus\:u-decoration-tertiary-800:focus {
    text-decoration-color: var(--color-tertiary-800)
}

.focus\:u-decoration-tertiary-900:focus {
    text-decoration-color: var(--color-tertiary-900)
}

.focus\:u-decoration-warning-300:focus {
    text-decoration-color: var(--color-warning-300)
}

.focus\:u-decoration-warning-500:focus {
    text-decoration-color: var(--color-warning-500)
}

.focus\:u-decoration-warning-700:focus {
    text-decoration-color: var(--color-warning-700)
}

.focus\:u-placeholder-error-300:focus::placeholder {
    color: var(--color-error-300)
}

.focus\:u-placeholder-error-500:focus::placeholder {
    color: var(--color-error-500)
}

.focus\:u-placeholder-error-700:focus::placeholder {
    color: var(--color-error-700)
}

.focus\:u-placeholder-greys-100:focus::placeholder {
    color: var(--color-greys-100)
}

.focus\:u-placeholder-greys-200:focus::placeholder {
    color: var(--color-greys-200)
}

.focus\:u-placeholder-greys-300:focus::placeholder {
    color: var(--color-greys-300)
}

.focus\:u-placeholder-greys-400:focus::placeholder {
    color: var(--color-greys-400)
}

.focus\:u-placeholder-greys-50:focus::placeholder {
    color: var(--color-greys-50)
}

.focus\:u-placeholder-greys-500:focus::placeholder {
    color: var(--color-greys-500)
}

.focus\:u-placeholder-greys-600:focus::placeholder {
    color: var(--color-greys-600)
}

.focus\:u-placeholder-greys-700:focus::placeholder {
    color: var(--color-greys-700)
}

.focus\:u-placeholder-greys-800:focus::placeholder {
    color: var(--color-greys-800)
}

.focus\:u-placeholder-greys-900:focus::placeholder {
    color: var(--color-greys-900)
}

.focus\:u-placeholder-secondary-100:focus::placeholder {
    color: var(--color-secondary-100)
}

.focus\:u-placeholder-secondary-200:focus::placeholder {
    color: var(--color-secondary-200)
}

.focus\:u-placeholder-secondary-300:focus::placeholder {
    color: var(--color-secondary-300)
}

.focus\:u-placeholder-secondary-400:focus::placeholder {
    color: var(--color-secondary-400)
}

.focus\:u-placeholder-secondary-50:focus::placeholder {
    color: var(--color-secondary-50)
}

.focus\:u-placeholder-secondary-500:focus::placeholder {
    color: var(--color-secondary-500)
}

.focus\:u-placeholder-secondary-600:focus::placeholder {
    color: var(--color-secondary-600)
}

.focus\:u-placeholder-secondary-700:focus::placeholder {
    color: var(--color-secondary-700)
}

.focus\:u-placeholder-secondary-800:focus::placeholder {
    color: var(--color-secondary-800)
}

.focus\:u-placeholder-secondary-900:focus::placeholder {
    color: var(--color-secondary-900)
}

.focus\:u-placeholder-success-300:focus::placeholder {
    color: var(--color-success-300)
}

.focus\:u-placeholder-success-500:focus::placeholder {
    color: var(--color-success-500)
}

.focus\:u-placeholder-success-700:focus::placeholder {
    color: var(--color-success-700)
}

.focus\:u-placeholder-tertiary-100:focus::placeholder {
    color: var(--color-tertiary-100)
}

.focus\:u-placeholder-tertiary-200:focus::placeholder {
    color: var(--color-tertiary-200)
}

.focus\:u-placeholder-tertiary-300:focus::placeholder {
    color: var(--color-tertiary-300)
}

.focus\:u-placeholder-tertiary-400:focus::placeholder {
    color: var(--color-tertiary-400)
}

.focus\:u-placeholder-tertiary-50:focus::placeholder {
    color: var(--color-tertiary-50)
}

.focus\:u-placeholder-tertiary-500:focus::placeholder {
    color: var(--color-tertiary-500)
}

.focus\:u-placeholder-tertiary-600:focus::placeholder {
    color: var(--color-tertiary-600)
}

.focus\:u-placeholder-tertiary-700:focus::placeholder {
    color: var(--color-tertiary-700)
}

.focus\:u-placeholder-tertiary-800:focus::placeholder {
    color: var(--color-tertiary-800)
}

.focus\:u-placeholder-tertiary-900:focus::placeholder {
    color: var(--color-tertiary-900)
}

.focus\:u-placeholder-warning-300:focus::placeholder {
    color: var(--color-warning-300)
}

.focus\:u-placeholder-warning-500:focus::placeholder {
    color: var(--color-warning-500)
}

.focus\:u-placeholder-warning-700:focus::placeholder {
    color: var(--color-warning-700)
}

.focus\:u-caret-error-300:focus {
    caret-color: var(--color-error-300)
}

.focus\:u-caret-error-500:focus {
    caret-color: var(--color-error-500)
}

.focus\:u-caret-error-700:focus {
    caret-color: var(--color-error-700)
}

.focus\:u-caret-greys-100:focus {
    caret-color: var(--color-greys-100)
}

.focus\:u-caret-greys-200:focus {
    caret-color: var(--color-greys-200)
}

.focus\:u-caret-greys-300:focus {
    caret-color: var(--color-greys-300)
}

.focus\:u-caret-greys-400:focus {
    caret-color: var(--color-greys-400)
}

.focus\:u-caret-greys-50:focus {
    caret-color: var(--color-greys-50)
}

.focus\:u-caret-greys-500:focus {
    caret-color: var(--color-greys-500)
}

.focus\:u-caret-greys-600:focus {
    caret-color: var(--color-greys-600)
}

.focus\:u-caret-greys-700:focus {
    caret-color: var(--color-greys-700)
}

.focus\:u-caret-greys-800:focus {
    caret-color: var(--color-greys-800)
}

.focus\:u-caret-greys-900:focus {
    caret-color: var(--color-greys-900)
}

.focus\:u-caret-secondary-100:focus {
    caret-color: var(--color-secondary-100)
}

.focus\:u-caret-secondary-200:focus {
    caret-color: var(--color-secondary-200)
}

.focus\:u-caret-secondary-300:focus {
    caret-color: var(--color-secondary-300)
}

.focus\:u-caret-secondary-400:focus {
    caret-color: var(--color-secondary-400)
}

.focus\:u-caret-secondary-50:focus {
    caret-color: var(--color-secondary-50)
}

.focus\:u-caret-secondary-500:focus {
    caret-color: var(--color-secondary-500)
}

.focus\:u-caret-secondary-600:focus {
    caret-color: var(--color-secondary-600)
}

.focus\:u-caret-secondary-700:focus {
    caret-color: var(--color-secondary-700)
}

.focus\:u-caret-secondary-800:focus {
    caret-color: var(--color-secondary-800)
}

.focus\:u-caret-secondary-900:focus {
    caret-color: var(--color-secondary-900)
}

.focus\:u-caret-success-300:focus {
    caret-color: var(--color-success-300)
}

.focus\:u-caret-success-500:focus {
    caret-color: var(--color-success-500)
}

.focus\:u-caret-success-700:focus {
    caret-color: var(--color-success-700)
}

.focus\:u-caret-tertiary-100:focus {
    caret-color: var(--color-tertiary-100)
}

.focus\:u-caret-tertiary-200:focus {
    caret-color: var(--color-tertiary-200)
}

.focus\:u-caret-tertiary-300:focus {
    caret-color: var(--color-tertiary-300)
}

.focus\:u-caret-tertiary-400:focus {
    caret-color: var(--color-tertiary-400)
}

.focus\:u-caret-tertiary-50:focus {
    caret-color: var(--color-tertiary-50)
}

.focus\:u-caret-tertiary-500:focus {
    caret-color: var(--color-tertiary-500)
}

.focus\:u-caret-tertiary-600:focus {
    caret-color: var(--color-tertiary-600)
}

.focus\:u-caret-tertiary-700:focus {
    caret-color: var(--color-tertiary-700)
}

.focus\:u-caret-tertiary-800:focus {
    caret-color: var(--color-tertiary-800)
}

.focus\:u-caret-tertiary-900:focus {
    caret-color: var(--color-tertiary-900)
}

.focus\:u-caret-warning-300:focus {
    caret-color: var(--color-warning-300)
}

.focus\:u-caret-warning-500:focus {
    caret-color: var(--color-warning-500)
}

.focus\:u-caret-warning-700:focus {
    caret-color: var(--color-warning-700)
}

.focus\:u-accent-error-300:focus {
    accent-color: var(--color-error-300)
}

.focus\:u-accent-error-500:focus {
    accent-color: var(--color-error-500)
}

.focus\:u-accent-error-700:focus {
    accent-color: var(--color-error-700)
}

.focus\:u-accent-greys-100:focus {
    accent-color: var(--color-greys-100)
}

.focus\:u-accent-greys-200:focus {
    accent-color: var(--color-greys-200)
}

.focus\:u-accent-greys-300:focus {
    accent-color: var(--color-greys-300)
}

.focus\:u-accent-greys-400:focus {
    accent-color: var(--color-greys-400)
}

.focus\:u-accent-greys-50:focus {
    accent-color: var(--color-greys-50)
}

.focus\:u-accent-greys-500:focus {
    accent-color: var(--color-greys-500)
}

.focus\:u-accent-greys-600:focus {
    accent-color: var(--color-greys-600)
}

.focus\:u-accent-greys-700:focus {
    accent-color: var(--color-greys-700)
}

.focus\:u-accent-greys-800:focus {
    accent-color: var(--color-greys-800)
}

.focus\:u-accent-greys-900:focus {
    accent-color: var(--color-greys-900)
}

.focus\:u-accent-secondary-100:focus {
    accent-color: var(--color-secondary-100)
}

.focus\:u-accent-secondary-200:focus {
    accent-color: var(--color-secondary-200)
}

.focus\:u-accent-secondary-300:focus {
    accent-color: var(--color-secondary-300)
}

.focus\:u-accent-secondary-400:focus {
    accent-color: var(--color-secondary-400)
}

.focus\:u-accent-secondary-50:focus {
    accent-color: var(--color-secondary-50)
}

.focus\:u-accent-secondary-500:focus {
    accent-color: var(--color-secondary-500)
}

.focus\:u-accent-secondary-600:focus {
    accent-color: var(--color-secondary-600)
}

.focus\:u-accent-secondary-700:focus {
    accent-color: var(--color-secondary-700)
}

.focus\:u-accent-secondary-800:focus {
    accent-color: var(--color-secondary-800)
}

.focus\:u-accent-secondary-900:focus {
    accent-color: var(--color-secondary-900)
}

.focus\:u-accent-success-300:focus {
    accent-color: var(--color-success-300)
}

.focus\:u-accent-success-500:focus {
    accent-color: var(--color-success-500)
}

.focus\:u-accent-success-700:focus {
    accent-color: var(--color-success-700)
}

.focus\:u-accent-tertiary-100:focus {
    accent-color: var(--color-tertiary-100)
}

.focus\:u-accent-tertiary-200:focus {
    accent-color: var(--color-tertiary-200)
}

.focus\:u-accent-tertiary-300:focus {
    accent-color: var(--color-tertiary-300)
}

.focus\:u-accent-tertiary-400:focus {
    accent-color: var(--color-tertiary-400)
}

.focus\:u-accent-tertiary-50:focus {
    accent-color: var(--color-tertiary-50)
}

.focus\:u-accent-tertiary-500:focus {
    accent-color: var(--color-tertiary-500)
}

.focus\:u-accent-tertiary-600:focus {
    accent-color: var(--color-tertiary-600)
}

.focus\:u-accent-tertiary-700:focus {
    accent-color: var(--color-tertiary-700)
}

.focus\:u-accent-tertiary-800:focus {
    accent-color: var(--color-tertiary-800)
}

.focus\:u-accent-tertiary-900:focus {
    accent-color: var(--color-tertiary-900)
}

.focus\:u-accent-warning-300:focus {
    accent-color: var(--color-warning-300)
}

.focus\:u-accent-warning-500:focus {
    accent-color: var(--color-warning-500)
}

.focus\:u-accent-warning-700:focus {
    accent-color: var(--color-warning-700)
}

.focus\:u-shadow-error-300:focus {
    --tw-shadow-color: var(--color-error-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-error-500:focus {
    --tw-shadow-color: var(--color-error-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-error-700:focus {
    --tw-shadow-color: var(--color-error-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-100:focus {
    --tw-shadow-color: var(--color-greys-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-200:focus {
    --tw-shadow-color: var(--color-greys-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-300:focus {
    --tw-shadow-color: var(--color-greys-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-400:focus {
    --tw-shadow-color: var(--color-greys-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-50:focus {
    --tw-shadow-color: var(--color-greys-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-500:focus {
    --tw-shadow-color: var(--color-greys-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-600:focus {
    --tw-shadow-color: var(--color-greys-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-700:focus {
    --tw-shadow-color: var(--color-greys-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-800:focus {
    --tw-shadow-color: var(--color-greys-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-greys-900:focus {
    --tw-shadow-color: var(--color-greys-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-100:focus {
    --tw-shadow-color: var(--color-secondary-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-200:focus {
    --tw-shadow-color: var(--color-secondary-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-300:focus {
    --tw-shadow-color: var(--color-secondary-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-400:focus {
    --tw-shadow-color: var(--color-secondary-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-50:focus {
    --tw-shadow-color: var(--color-secondary-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-500:focus {
    --tw-shadow-color: var(--color-secondary-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-600:focus {
    --tw-shadow-color: var(--color-secondary-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-700:focus {
    --tw-shadow-color: var(--color-secondary-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-800:focus {
    --tw-shadow-color: var(--color-secondary-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-secondary-900:focus {
    --tw-shadow-color: var(--color-secondary-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-success-300:focus {
    --tw-shadow-color: var(--color-success-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-success-500:focus {
    --tw-shadow-color: var(--color-success-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-success-700:focus {
    --tw-shadow-color: var(--color-success-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-100:focus {
    --tw-shadow-color: var(--color-tertiary-100);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-200:focus {
    --tw-shadow-color: var(--color-tertiary-200);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-300:focus {
    --tw-shadow-color: var(--color-tertiary-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-400:focus {
    --tw-shadow-color: var(--color-tertiary-400);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-50:focus {
    --tw-shadow-color: var(--color-tertiary-50);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-500:focus {
    --tw-shadow-color: var(--color-tertiary-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-600:focus {
    --tw-shadow-color: var(--color-tertiary-600);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-700:focus {
    --tw-shadow-color: var(--color-tertiary-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-800:focus {
    --tw-shadow-color: var(--color-tertiary-800);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-tertiary-900:focus {
    --tw-shadow-color: var(--color-tertiary-900);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-warning-300:focus {
    --tw-shadow-color: var(--color-warning-300);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-warning-500:focus {
    --tw-shadow-color: var(--color-warning-500);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-shadow-warning-700:focus {
    --tw-shadow-color: var(--color-warning-700);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:u-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:u-outline-error-300:focus {
    outline-color: var(--color-error-300)
}

.focus\:u-outline-error-500:focus {
    outline-color: var(--color-error-500)
}

.focus\:u-outline-error-700:focus {
    outline-color: var(--color-error-700)
}

.focus\:u-outline-greys-100:focus {
    outline-color: var(--color-greys-100)
}

.focus\:u-outline-greys-200:focus {
    outline-color: var(--color-greys-200)
}

.focus\:u-outline-greys-300:focus {
    outline-color: var(--color-greys-300)
}

.focus\:u-outline-greys-400:focus {
    outline-color: var(--color-greys-400)
}

.focus\:u-outline-greys-50:focus {
    outline-color: var(--color-greys-50)
}

.focus\:u-outline-greys-500:focus {
    outline-color: var(--color-greys-500)
}

.focus\:u-outline-greys-600:focus {
    outline-color: var(--color-greys-600)
}

.focus\:u-outline-greys-700:focus {
    outline-color: var(--color-greys-700)
}

.focus\:u-outline-greys-800:focus {
    outline-color: var(--color-greys-800)
}

.focus\:u-outline-greys-900:focus {
    outline-color: var(--color-greys-900)
}

.focus\:u-outline-secondary-100:focus {
    outline-color: var(--color-secondary-100)
}

.focus\:u-outline-secondary-200:focus {
    outline-color: var(--color-secondary-200)
}

.focus\:u-outline-secondary-300:focus {
    outline-color: var(--color-secondary-300)
}

.focus\:u-outline-secondary-400:focus {
    outline-color: var(--color-secondary-400)
}

.focus\:u-outline-secondary-50:focus {
    outline-color: var(--color-secondary-50)
}

.focus\:u-outline-secondary-500:focus {
    outline-color: var(--color-secondary-500)
}

.focus\:u-outline-secondary-600:focus {
    outline-color: var(--color-secondary-600)
}

.focus\:u-outline-secondary-700:focus {
    outline-color: var(--color-secondary-700)
}

.focus\:u-outline-secondary-800:focus {
    outline-color: var(--color-secondary-800)
}

.focus\:u-outline-secondary-900:focus {
    outline-color: var(--color-secondary-900)
}

.focus\:u-outline-success-300:focus {
    outline-color: var(--color-success-300)
}

.focus\:u-outline-success-500:focus {
    outline-color: var(--color-success-500)
}

.focus\:u-outline-success-700:focus {
    outline-color: var(--color-success-700)
}

.focus\:u-outline-tertiary-100:focus {
    outline-color: var(--color-tertiary-100)
}

.focus\:u-outline-tertiary-200:focus {
    outline-color: var(--color-tertiary-200)
}

.focus\:u-outline-tertiary-300:focus {
    outline-color: var(--color-tertiary-300)
}

.focus\:u-outline-tertiary-400:focus {
    outline-color: var(--color-tertiary-400)
}

.focus\:u-outline-tertiary-50:focus {
    outline-color: var(--color-tertiary-50)
}

.focus\:u-outline-tertiary-500:focus {
    outline-color: var(--color-tertiary-500)
}

.focus\:u-outline-tertiary-600:focus {
    outline-color: var(--color-tertiary-600)
}

.focus\:u-outline-tertiary-700:focus {
    outline-color: var(--color-tertiary-700)
}

.focus\:u-outline-tertiary-800:focus {
    outline-color: var(--color-tertiary-800)
}

.focus\:u-outline-tertiary-900:focus {
    outline-color: var(--color-tertiary-900)
}

.focus\:u-outline-warning-300:focus {
    outline-color: var(--color-warning-300)
}

.focus\:u-outline-warning-500:focus {
    outline-color: var(--color-warning-500)
}

.focus\:u-outline-warning-700:focus {
    outline-color: var(--color-warning-700)
}

.focus\:u-ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:u-ring-error-300:focus {
    --tw-ring-color: var(--color-error-300)
}

.focus\:u-ring-error-500:focus {
    --tw-ring-color: var(--color-error-500)
}

.focus\:u-ring-error-700:focus {
    --tw-ring-color: var(--color-error-700)
}

.focus\:u-ring-greys-100:focus {
    --tw-ring-color: var(--color-greys-100)
}

.focus\:u-ring-greys-200:focus {
    --tw-ring-color: var(--color-greys-200)
}

.focus\:u-ring-greys-300:focus {
    --tw-ring-color: var(--color-greys-300)
}

.focus\:u-ring-greys-400:focus {
    --tw-ring-color: var(--color-greys-400)
}

.focus\:u-ring-greys-50:focus {
    --tw-ring-color: var(--color-greys-50)
}

.focus\:u-ring-greys-500:focus {
    --tw-ring-color: var(--color-greys-500)
}

.focus\:u-ring-greys-600:focus {
    --tw-ring-color: var(--color-greys-600)
}

.focus\:u-ring-greys-700:focus {
    --tw-ring-color: var(--color-greys-700)
}

.focus\:u-ring-greys-800:focus {
    --tw-ring-color: var(--color-greys-800)
}

.focus\:u-ring-greys-900:focus {
    --tw-ring-color: var(--color-greys-900)
}

.focus\:u-ring-secondary-100:focus {
    --tw-ring-color: var(--color-secondary-100)
}

.focus\:u-ring-secondary-200:focus {
    --tw-ring-color: var(--color-secondary-200)
}

.focus\:u-ring-secondary-300:focus {
    --tw-ring-color: var(--color-secondary-300)
}

.focus\:u-ring-secondary-400:focus {
    --tw-ring-color: var(--color-secondary-400)
}

.focus\:u-ring-secondary-50:focus {
    --tw-ring-color: var(--color-secondary-50)
}

.focus\:u-ring-secondary-500:focus {
    --tw-ring-color: var(--color-secondary-500)
}

.focus\:u-ring-secondary-600:focus {
    --tw-ring-color: var(--color-secondary-600)
}

.focus\:u-ring-secondary-700:focus {
    --tw-ring-color: var(--color-secondary-700)
}

.focus\:u-ring-secondary-800:focus {
    --tw-ring-color: var(--color-secondary-800)
}

.focus\:u-ring-secondary-900:focus {
    --tw-ring-color: var(--color-secondary-900)
}

.focus\:u-ring-success-300:focus {
    --tw-ring-color: var(--color-success-300)
}

.focus\:u-ring-success-500:focus {
    --tw-ring-color: var(--color-success-500)
}

.focus\:u-ring-success-700:focus {
    --tw-ring-color: var(--color-success-700)
}

.focus\:u-ring-tertiary-100:focus {
    --tw-ring-color: var(--color-tertiary-100)
}

.focus\:u-ring-tertiary-200:focus {
    --tw-ring-color: var(--color-tertiary-200)
}

.focus\:u-ring-tertiary-300:focus {
    --tw-ring-color: var(--color-tertiary-300)
}

.focus\:u-ring-tertiary-400:focus {
    --tw-ring-color: var(--color-tertiary-400)
}

.focus\:u-ring-tertiary-50:focus {
    --tw-ring-color: var(--color-tertiary-50)
}

.focus\:u-ring-tertiary-500:focus {
    --tw-ring-color: var(--color-tertiary-500)
}

.focus\:u-ring-tertiary-600:focus {
    --tw-ring-color: var(--color-tertiary-600)
}

.focus\:u-ring-tertiary-700:focus {
    --tw-ring-color: var(--color-tertiary-700)
}

.focus\:u-ring-tertiary-800:focus {
    --tw-ring-color: var(--color-tertiary-800)
}

.focus\:u-ring-tertiary-900:focus {
    --tw-ring-color: var(--color-tertiary-900)
}

.focus\:u-ring-warning-300:focus {
    --tw-ring-color: var(--color-warning-300)
}

.focus\:u-ring-warning-500:focus {
    --tw-ring-color: var(--color-warning-500)
}

.focus\:u-ring-warning-700:focus {
    --tw-ring-color: var(--color-warning-700)
}

.focus\:u-ring-offset-error-300:focus {
    --tw-ring-offset-color: var(--color-error-300)
}

.focus\:u-ring-offset-error-500:focus {
    --tw-ring-offset-color: var(--color-error-500)
}

.focus\:u-ring-offset-error-700:focus {
    --tw-ring-offset-color: var(--color-error-700)
}

.focus\:u-ring-offset-greys-100:focus {
    --tw-ring-offset-color: var(--color-greys-100)
}

.focus\:u-ring-offset-greys-200:focus {
    --tw-ring-offset-color: var(--color-greys-200)
}

.focus\:u-ring-offset-greys-300:focus {
    --tw-ring-offset-color: var(--color-greys-300)
}

.focus\:u-ring-offset-greys-400:focus {
    --tw-ring-offset-color: var(--color-greys-400)
}

.focus\:u-ring-offset-greys-50:focus {
    --tw-ring-offset-color: var(--color-greys-50)
}

.focus\:u-ring-offset-greys-500:focus {
    --tw-ring-offset-color: var(--color-greys-500)
}

.focus\:u-ring-offset-greys-600:focus {
    --tw-ring-offset-color: var(--color-greys-600)
}

.focus\:u-ring-offset-greys-700:focus {
    --tw-ring-offset-color: var(--color-greys-700)
}

.focus\:u-ring-offset-greys-800:focus {
    --tw-ring-offset-color: var(--color-greys-800)
}

.focus\:u-ring-offset-greys-900:focus {
    --tw-ring-offset-color: var(--color-greys-900)
}

.focus\:u-ring-offset-secondary-100:focus {
    --tw-ring-offset-color: var(--color-secondary-100)
}

.focus\:u-ring-offset-secondary-200:focus {
    --tw-ring-offset-color: var(--color-secondary-200)
}

.focus\:u-ring-offset-secondary-300:focus {
    --tw-ring-offset-color: var(--color-secondary-300)
}

.focus\:u-ring-offset-secondary-400:focus {
    --tw-ring-offset-color: var(--color-secondary-400)
}

.focus\:u-ring-offset-secondary-50:focus {
    --tw-ring-offset-color: var(--color-secondary-50)
}

.focus\:u-ring-offset-secondary-500:focus {
    --tw-ring-offset-color: var(--color-secondary-500)
}

.focus\:u-ring-offset-secondary-600:focus {
    --tw-ring-offset-color: var(--color-secondary-600)
}

.focus\:u-ring-offset-secondary-700:focus {
    --tw-ring-offset-color: var(--color-secondary-700)
}

.focus\:u-ring-offset-secondary-800:focus {
    --tw-ring-offset-color: var(--color-secondary-800)
}

.focus\:u-ring-offset-secondary-900:focus {
    --tw-ring-offset-color: var(--color-secondary-900)
}

.focus\:u-ring-offset-success-300:focus {
    --tw-ring-offset-color: var(--color-success-300)
}

.focus\:u-ring-offset-success-500:focus {
    --tw-ring-offset-color: var(--color-success-500)
}

.focus\:u-ring-offset-success-700:focus {
    --tw-ring-offset-color: var(--color-success-700)
}

.focus\:u-ring-offset-tertiary-100:focus {
    --tw-ring-offset-color: var(--color-tertiary-100)
}

.focus\:u-ring-offset-tertiary-200:focus {
    --tw-ring-offset-color: var(--color-tertiary-200)
}

.focus\:u-ring-offset-tertiary-300:focus {
    --tw-ring-offset-color: var(--color-tertiary-300)
}

.focus\:u-ring-offset-tertiary-400:focus {
    --tw-ring-offset-color: var(--color-tertiary-400)
}

.focus\:u-ring-offset-tertiary-50:focus {
    --tw-ring-offset-color: var(--color-tertiary-50)
}

.focus\:u-ring-offset-tertiary-500:focus {
    --tw-ring-offset-color: var(--color-tertiary-500)
}

.focus\:u-ring-offset-tertiary-600:focus {
    --tw-ring-offset-color: var(--color-tertiary-600)
}

.focus\:u-ring-offset-tertiary-700:focus {
    --tw-ring-offset-color: var(--color-tertiary-700)
}

.focus\:u-ring-offset-tertiary-800:focus {
    --tw-ring-offset-color: var(--color-tertiary-800)
}

.focus\:u-ring-offset-tertiary-900:focus {
    --tw-ring-offset-color: var(--color-tertiary-900)
}

.focus\:u-ring-offset-warning-300:focus {
    --tw-ring-offset-color: var(--color-warning-300)
}

.focus\:u-ring-offset-warning-500:focus {
    --tw-ring-offset-color: var(--color-warning-500)
}

.focus\:u-ring-offset-warning-700:focus {
    --tw-ring-offset-color: var(--color-warning-700)
}

.focus-visible\:u-outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:u-ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.active\:u-border-white:active {
    border-color: var(--color-root-white)
}

.active\:u-bg-white:active {
    background-color: var(--color-root-white)
}

.active\:u-text-secondary-900:active {
    color: var(--color-secondary-900)
}

.disabled\:u-cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:u-opacity-50:disabled {
    opacity: .5
}

.u-group:hover .group-hover\:u-border-primary-900 {
    border-color: var(--color-primary-900)
}

.u-group:hover .group-hover\:u-border-white {
    border-color: var(--color-root-white)
}

.u-group:hover .group-hover\:u-bg-primary-900 {
    background-color: var(--color-primary-900)
}

.u-group:hover .group-hover\:u-bg-white {
    background-color: var(--color-root-white)
}

.u-group:hover .group-hover\:u-fill-tertiary-500 {
    fill: var(--color-tertiary-500)
}

.u-group:hover .group-hover\:u-text-secondary-500 {
    color: var(--color-secondary-500)
}

.u-group:hover .group-hover\:u-text-tertiary-500 {
    color: var(--color-tertiary-500)
}

.u-group:hover .group-hover\:u-text-white {
    color: var(--color-root-white)
}

.data-\[state\=checked\]\:u-bg-secondary-500[data-state=checked] {
    background-color: var(--color-secondary-500)
}

.data-\[state\=unchecked\]\:u-bg-greys-50[data-state=unchecked] {
    background-color: var(--color-greys-50)
}

@media (min-width: 30em) {
    .xs\:u-scroll-py-1 {
        scroll-padding-bottom: .25rem;
        scroll-padding-top: .25rem
    }

    .xs\:u-scroll-py-1\.5 {
        scroll-padding-bottom: .375rem;
        scroll-padding-top: .375rem
    }

    .xs\:u-scroll-py-10 {
        scroll-padding-bottom: 2.5rem;
        scroll-padding-top: 2.5rem
    }

    .xs\:u-scroll-py-11 {
        scroll-padding-bottom: 2.75rem;
        scroll-padding-top: 2.75rem
    }

    .xs\:u-scroll-py-12 {
        scroll-padding-bottom: 3rem;
        scroll-padding-top: 3rem
    }

    .xs\:u-scroll-py-14 {
        scroll-padding-bottom: 3.5rem;
        scroll-padding-top: 3.5rem
    }

    .xs\:u-scroll-py-16 {
        scroll-padding-bottom: 4rem;
        scroll-padding-top: 4rem
    }

    .xs\:u-scroll-py-2 {
        scroll-padding-bottom: .5rem;
        scroll-padding-top: .5rem
    }

    .xs\:u-scroll-py-2\.5 {
        scroll-padding-bottom: .625rem;
        scroll-padding-top: .625rem
    }

    .xs\:u-scroll-py-20 {
        scroll-padding-bottom: 5rem;
        scroll-padding-top: 5rem
    }

    .xs\:u-scroll-py-24 {
        scroll-padding-bottom: 6rem;
        scroll-padding-top: 6rem
    }

    .xs\:u-scroll-py-28 {
        scroll-padding-bottom: 7rem;
        scroll-padding-top: 7rem
    }

    .xs\:u-scroll-py-3 {
        scroll-padding-bottom: .75rem;
        scroll-padding-top: .75rem
    }

    .xs\:u-scroll-py-3\.5 {
        scroll-padding-bottom: .875rem;
        scroll-padding-top: .875rem
    }

    .xs\:u-scroll-py-32 {
        scroll-padding-bottom: 8rem;
        scroll-padding-top: 8rem
    }

    .xs\:u-scroll-py-36 {
        scroll-padding-bottom: 9rem;
        scroll-padding-top: 9rem
    }

    .xs\:u-scroll-py-4 {
        scroll-padding-bottom: 1rem;
        scroll-padding-top: 1rem
    }

    .xs\:u-scroll-py-40 {
        scroll-padding-bottom: 10rem;
        scroll-padding-top: 10rem
    }

    .xs\:u-scroll-py-44 {
        scroll-padding-bottom: 11rem;
        scroll-padding-top: 11rem
    }

    .xs\:u-scroll-py-48 {
        scroll-padding-bottom: 12rem;
        scroll-padding-top: 12rem
    }

    .xs\:u-scroll-py-5 {
        scroll-padding-bottom: 1.25rem;
        scroll-padding-top: 1.25rem
    }

    .xs\:u-scroll-py-52 {
        scroll-padding-bottom: 13rem;
        scroll-padding-top: 13rem
    }

    .xs\:u-scroll-py-56 {
        scroll-padding-bottom: 14rem;
        scroll-padding-top: 14rem
    }

    .xs\:u-scroll-py-6 {
        scroll-padding-bottom: 1.5rem;
        scroll-padding-top: 1.5rem
    }

    .xs\:u-scroll-py-60 {
        scroll-padding-bottom: 15rem;
        scroll-padding-top: 15rem
    }

    .xs\:u-scroll-py-64 {
        scroll-padding-bottom: 16rem;
        scroll-padding-top: 16rem
    }

    .xs\:u-scroll-py-7 {
        scroll-padding-bottom: 1.75rem;
        scroll-padding-top: 1.75rem
    }

    .xs\:u-scroll-py-72 {
        scroll-padding-bottom: 18rem;
        scroll-padding-top: 18rem
    }

    .xs\:u-scroll-py-8 {
        scroll-padding-bottom: 2rem;
        scroll-padding-top: 2rem
    }

    .xs\:u-scroll-py-80 {
        scroll-padding-bottom: 20rem;
        scroll-padding-top: 20rem
    }

    .xs\:u-scroll-py-9 {
        scroll-padding-bottom: 2.25rem;
        scroll-padding-top: 2.25rem
    }

    .xs\:u-scroll-py-96 {
        scroll-padding-bottom: 24rem;
        scroll-padding-top: 24rem
    }

    .xs\:u-grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .xs\:u-grid-cols-10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .xs\:u-grid-cols-11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

    .xs\:u-grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .xs\:u-grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .xs\:u-grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .xs\:u-grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .xs\:u-grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .xs\:u-grid-cols-6 {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }

    .xs\:u-place-items-end {
        place-items: end
    }

    .xs\:u-place-items-center {
        place-items: center
    }

    .xs\:u-items-end {
        align-items: flex-end
    }

    .xs\:u-items-center {
        align-items: center
    }

    .xs\:u-justify-items-end {
        justify-items: end
    }

    .xs\:u-justify-items-center {
        justify-items: center
    }

    .xs\:u-py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .xs\:u-py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .xs\:u-py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .xs\:u-py-11 {
        padding-bottom: 2.75rem;
        padding-top: 2.75rem
    }

    .xs\:u-py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .xs\:u-py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .xs\:u-py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .xs\:u-py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .xs\:u-py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .xs\:u-py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .xs\:u-py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .xs\:u-py-28 {
        padding-bottom: 7rem;
        padding-top: 7rem
    }

    .xs\:u-py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .xs\:u-py-3\.5 {
        padding-bottom: .875rem;
        padding-top: .875rem
    }

    .xs\:u-py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .xs\:u-py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

    .xs\:u-py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .xs\:u-py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .xs\:u-py-44 {
        padding-bottom: 11rem;
        padding-top: 11rem
    }

    .xs\:u-py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .xs\:u-py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .xs\:u-py-52 {
        padding-bottom: 13rem;
        padding-top: 13rem
    }

    .xs\:u-py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }

    .xs\:u-py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .xs\:u-py-60 {
        padding-bottom: 15rem;
        padding-top: 15rem
    }

    .xs\:u-py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }

    .xs\:u-py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }

    .xs\:u-py-72 {
        padding-bottom: 18rem;
        padding-top: 18rem
    }

    .xs\:u-py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .xs\:u-py-80 {
        padding-bottom: 20rem;
        padding-top: 20rem
    }

    .xs\:u-py-9 {
        padding-bottom: 2.25rem;
        padding-top: 2.25rem
    }

    .xs\:u-py-96 {
        padding-bottom: 24rem;
        padding-top: 24rem
    }
}

@media (min-width: 37.5em) {
    .sm\:u-order-1 {
        order: 1
    }

    .sm\:u-order-2 {
        order: 2
    }

    .sm\:u-col-span-10 {
        grid-column: span 10/span 10
    }

    .sm\:u-col-span-4 {
        grid-column: span 4/span 4
    }

    .sm\:u-col-span-8 {
        grid-column: span 8/span 8
    }

    .sm\:u-col-start-2 {
        grid-column-start: 2
    }

    .sm\:u-mt-20 {
        margin-top: 5rem
    }

    .sm\:u-flex {
        display: flex
    }

    .sm\:u-hidden {
        display: none
    }

    .sm\:u-w-max {
        width: max-content
    }

    .sm\:u-scroll-py-1 {
        scroll-padding-bottom: .25rem;
        scroll-padding-top: .25rem
    }

    .sm\:u-scroll-py-1\.5 {
        scroll-padding-bottom: .375rem;
        scroll-padding-top: .375rem
    }

    .sm\:u-scroll-py-10 {
        scroll-padding-bottom: 2.5rem;
        scroll-padding-top: 2.5rem
    }

    .sm\:u-scroll-py-11 {
        scroll-padding-bottom: 2.75rem;
        scroll-padding-top: 2.75rem
    }

    .sm\:u-scroll-py-12 {
        scroll-padding-bottom: 3rem;
        scroll-padding-top: 3rem
    }

    .sm\:u-scroll-py-14 {
        scroll-padding-bottom: 3.5rem;
        scroll-padding-top: 3.5rem
    }

    .sm\:u-scroll-py-16 {
        scroll-padding-bottom: 4rem;
        scroll-padding-top: 4rem
    }

    .sm\:u-scroll-py-2 {
        scroll-padding-bottom: .5rem;
        scroll-padding-top: .5rem
    }

    .sm\:u-scroll-py-2\.5 {
        scroll-padding-bottom: .625rem;
        scroll-padding-top: .625rem
    }

    .sm\:u-scroll-py-20 {
        scroll-padding-bottom: 5rem;
        scroll-padding-top: 5rem
    }

    .sm\:u-scroll-py-24 {
        scroll-padding-bottom: 6rem;
        scroll-padding-top: 6rem
    }

    .sm\:u-scroll-py-28 {
        scroll-padding-bottom: 7rem;
        scroll-padding-top: 7rem
    }

    .sm\:u-scroll-py-3 {
        scroll-padding-bottom: .75rem;
        scroll-padding-top: .75rem
    }

    .sm\:u-scroll-py-3\.5 {
        scroll-padding-bottom: .875rem;
        scroll-padding-top: .875rem
    }

    .sm\:u-scroll-py-32 {
        scroll-padding-bottom: 8rem;
        scroll-padding-top: 8rem
    }

    .sm\:u-scroll-py-36 {
        scroll-padding-bottom: 9rem;
        scroll-padding-top: 9rem
    }

    .sm\:u-scroll-py-4 {
        scroll-padding-bottom: 1rem;
        scroll-padding-top: 1rem
    }

    .sm\:u-scroll-py-40 {
        scroll-padding-bottom: 10rem;
        scroll-padding-top: 10rem
    }

    .sm\:u-scroll-py-44 {
        scroll-padding-bottom: 11rem;
        scroll-padding-top: 11rem
    }

    .sm\:u-scroll-py-48 {
        scroll-padding-bottom: 12rem;
        scroll-padding-top: 12rem
    }

    .sm\:u-scroll-py-5 {
        scroll-padding-bottom: 1.25rem;
        scroll-padding-top: 1.25rem
    }

    .sm\:u-scroll-py-52 {
        scroll-padding-bottom: 13rem;
        scroll-padding-top: 13rem
    }

    .sm\:u-scroll-py-56 {
        scroll-padding-bottom: 14rem;
        scroll-padding-top: 14rem
    }

    .sm\:u-scroll-py-6 {
        scroll-padding-bottom: 1.5rem;
        scroll-padding-top: 1.5rem
    }

    .sm\:u-scroll-py-60 {
        scroll-padding-bottom: 15rem;
        scroll-padding-top: 15rem
    }

    .sm\:u-scroll-py-64 {
        scroll-padding-bottom: 16rem;
        scroll-padding-top: 16rem
    }

    .sm\:u-scroll-py-7 {
        scroll-padding-bottom: 1.75rem;
        scroll-padding-top: 1.75rem
    }

    .sm\:u-scroll-py-72 {
        scroll-padding-bottom: 18rem;
        scroll-padding-top: 18rem
    }

    .sm\:u-scroll-py-8 {
        scroll-padding-bottom: 2rem;
        scroll-padding-top: 2rem
    }

    .sm\:u-scroll-py-80 {
        scroll-padding-bottom: 20rem;
        scroll-padding-top: 20rem
    }

    .sm\:u-scroll-py-9 {
        scroll-padding-bottom: 2.25rem;
        scroll-padding-top: 2.25rem
    }

    .sm\:u-scroll-py-96 {
        scroll-padding-bottom: 24rem;
        scroll-padding-top: 24rem
    }

    .sm\:u-grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .sm\:u-grid-cols-10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .sm\:u-grid-cols-11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

    .sm\:u-grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .sm\:u-grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sm\:u-grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .sm\:u-grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .sm\:u-grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .sm\:u-grid-cols-6 {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }

    .sm\:u-flex-row {
        flex-direction: row
    }

    .sm\:u-place-items-end {
        place-items: end
    }

    .sm\:u-place-items-center {
        place-items: center
    }

    .sm\:u-items-end {
        align-items: flex-end
    }

    .sm\:u-items-center {
        align-items: center
    }

    .sm\:u-justify-items-end {
        justify-items: end
    }

    .sm\:u-justify-items-center {
        justify-items: center
    }

    .sm\:u-gap-3 {
        gap: .75rem
    }

    .sm\:u-rounded-media {
        border-radius: 50px
    }

    .sm\:u-px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .sm\:u-py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .sm\:u-py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .sm\:u-py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .sm\:u-py-11 {
        padding-bottom: 2.75rem;
        padding-top: 2.75rem
    }

    .sm\:u-py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:u-py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .sm\:u-py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .sm\:u-py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .sm\:u-py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .sm\:u-py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .sm\:u-py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .sm\:u-py-28 {
        padding-bottom: 7rem;
        padding-top: 7rem
    }

    .sm\:u-py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .sm\:u-py-3\.5 {
        padding-bottom: .875rem;
        padding-top: .875rem
    }

    .sm\:u-py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .sm\:u-py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

    .sm\:u-py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .sm\:u-py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .sm\:u-py-44 {
        padding-bottom: 11rem;
        padding-top: 11rem
    }

    .sm\:u-py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .sm\:u-py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .sm\:u-py-52 {
        padding-bottom: 13rem;
        padding-top: 13rem
    }

    .sm\:u-py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }

    .sm\:u-py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .sm\:u-py-60 {
        padding-bottom: 15rem;
        padding-top: 15rem
    }

    .sm\:u-py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }

    .sm\:u-py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }

    .sm\:u-py-72 {
        padding-bottom: 18rem;
        padding-top: 18rem
    }

    .sm\:u-py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .sm\:u-py-80 {
        padding-bottom: 20rem;
        padding-top: 20rem
    }

    .sm\:u-py-9 {
        padding-bottom: 2.25rem;
        padding-top: 2.25rem
    }

    .sm\:u-py-96 {
        padding-bottom: 24rem;
        padding-top: 24rem
    }

    .sm\:u-pb-6 {
        padding-bottom: 1.5rem
    }

    .sm\:u-pb-8 {
        padding-bottom: 2rem
    }

    .sm\:u-pt-8 {
        padding-top: 2rem
    }
}

@media (min-width: 60em) {
    .md\:u-order-3 {
        order: 3
    }

    .md\:u-col-span-10 {
        grid-column: span 10/span 10
    }

    .md\:u-col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:u-col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:u-col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:u-col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:u-col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:u-col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:u-col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:u-col-start-1 {
        grid-column-start: 1
    }

    .md\:u-col-start-2 {
        grid-column-start: 2
    }

    .md\:u-col-start-3 {
        grid-column-start: 3
    }

    .md\:u-col-start-7 {
        grid-column-start: 7
    }

    .md\:u-col-start-8 {
        grid-column-start: 8
    }

    .md\:u-row-start-1 {
        grid-row-start: 1
    }

    .md\:u--mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .md\:-u-mt-3 {
        margin-top: -.75rem
    }

    .md\:u-mt-0 {
        margin-top: 0
    }

    .md\:u-mt-10 {
        margin-top: 2.5rem
    }

    .md\:u-mt-24 {
        margin-top: 6rem
    }

    .md\:u-flex {
        display: flex
    }

    .md\:u-hidden {
        display: none
    }

    .md\:u-aspect-\[1280\/530\] {
        aspect-ratio: 1280/530
    }

    .md\:u-w-3\/4 {
        width: 75%
    }

    .md\:u-w-80 {
        width: 20rem
    }

    .md\:u-scroll-py-1 {
        scroll-padding-bottom: .25rem;
        scroll-padding-top: .25rem
    }

    .md\:u-scroll-py-1\.5 {
        scroll-padding-bottom: .375rem;
        scroll-padding-top: .375rem
    }

    .md\:u-scroll-py-10 {
        scroll-padding-bottom: 2.5rem;
        scroll-padding-top: 2.5rem
    }

    .md\:u-scroll-py-11 {
        scroll-padding-bottom: 2.75rem;
        scroll-padding-top: 2.75rem
    }

    .md\:u-scroll-py-12 {
        scroll-padding-bottom: 3rem;
        scroll-padding-top: 3rem
    }

    .md\:u-scroll-py-14 {
        scroll-padding-bottom: 3.5rem;
        scroll-padding-top: 3.5rem
    }

    .md\:u-scroll-py-16 {
        scroll-padding-bottom: 4rem;
        scroll-padding-top: 4rem
    }

    .md\:u-scroll-py-2 {
        scroll-padding-bottom: .5rem;
        scroll-padding-top: .5rem
    }

    .md\:u-scroll-py-2\.5 {
        scroll-padding-bottom: .625rem;
        scroll-padding-top: .625rem
    }

    .md\:u-scroll-py-20 {
        scroll-padding-bottom: 5rem;
        scroll-padding-top: 5rem
    }

    .md\:u-scroll-py-24 {
        scroll-padding-bottom: 6rem;
        scroll-padding-top: 6rem
    }

    .md\:u-scroll-py-28 {
        scroll-padding-bottom: 7rem;
        scroll-padding-top: 7rem
    }

    .md\:u-scroll-py-3 {
        scroll-padding-bottom: .75rem;
        scroll-padding-top: .75rem
    }

    .md\:u-scroll-py-3\.5 {
        scroll-padding-bottom: .875rem;
        scroll-padding-top: .875rem
    }

    .md\:u-scroll-py-32 {
        scroll-padding-bottom: 8rem;
        scroll-padding-top: 8rem
    }

    .md\:u-scroll-py-36 {
        scroll-padding-bottom: 9rem;
        scroll-padding-top: 9rem
    }

    .md\:u-scroll-py-4 {
        scroll-padding-bottom: 1rem;
        scroll-padding-top: 1rem
    }

    .md\:u-scroll-py-40 {
        scroll-padding-bottom: 10rem;
        scroll-padding-top: 10rem
    }

    .md\:u-scroll-py-44 {
        scroll-padding-bottom: 11rem;
        scroll-padding-top: 11rem
    }

    .md\:u-scroll-py-48 {
        scroll-padding-bottom: 12rem;
        scroll-padding-top: 12rem
    }

    .md\:u-scroll-py-5 {
        scroll-padding-bottom: 1.25rem;
        scroll-padding-top: 1.25rem
    }

    .md\:u-scroll-py-52 {
        scroll-padding-bottom: 13rem;
        scroll-padding-top: 13rem
    }

    .md\:u-scroll-py-56 {
        scroll-padding-bottom: 14rem;
        scroll-padding-top: 14rem
    }

    .md\:u-scroll-py-6 {
        scroll-padding-bottom: 1.5rem;
        scroll-padding-top: 1.5rem
    }

    .md\:u-scroll-py-60 {
        scroll-padding-bottom: 15rem;
        scroll-padding-top: 15rem
    }

    .md\:u-scroll-py-64 {
        scroll-padding-bottom: 16rem;
        scroll-padding-top: 16rem
    }

    .md\:u-scroll-py-7 {
        scroll-padding-bottom: 1.75rem;
        scroll-padding-top: 1.75rem
    }

    .md\:u-scroll-py-72 {
        scroll-padding-bottom: 18rem;
        scroll-padding-top: 18rem
    }

    .md\:u-scroll-py-8 {
        scroll-padding-bottom: 2rem;
        scroll-padding-top: 2rem
    }

    .md\:u-scroll-py-80 {
        scroll-padding-bottom: 20rem;
        scroll-padding-top: 20rem
    }

    .md\:u-scroll-py-9 {
        scroll-padding-bottom: 2.25rem;
        scroll-padding-top: 2.25rem
    }

    .md\:u-scroll-py-96 {
        scroll-padding-bottom: 24rem;
        scroll-padding-top: 24rem
    }

    .md\:u-grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .md\:u-grid-cols-10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .md\:u-grid-cols-11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

    .md\:u-grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .md\:u-grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:u-grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:u-grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .md\:u-grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .md\:u-grid-cols-6 {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }

    .md\:u-flex-row {
        flex-direction: row
    }

    .md\:u-flex-col {
        flex-direction: column
    }

    .md\:u-place-items-end {
        place-items: end
    }

    .md\:u-place-items-center {
        place-items: center
    }

    .md\:u-items-end {
        align-items: flex-end
    }

    .md\:u-items-center {
        align-items: center
    }

    .md\:u-justify-end {
        justify-content: flex-end
    }

    .md\:u-justify-between {
        justify-content: space-between
    }

    .md\:u-justify-items-end {
        justify-items: end
    }

    .md\:u-justify-items-center {
        justify-items: center
    }

    .md\:u-gap-10 {
        gap: 2.5rem
    }

    .md\:u-gap-4 {
        gap: 1rem
    }

    .md\:u-gap-y-0 {
        row-gap: 0
    }

    .md\:u-gap-y-4 {
        row-gap: 1rem
    }

    .md\:u-p-10 {
        padding: 2.5rem
    }

    .md\:u-px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:u-py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .md\:u-py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .md\:u-py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .md\:u-py-11 {
        padding-bottom: 2.75rem;
        padding-top: 2.75rem
    }

    .md\:u-py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .md\:u-py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .md\:u-py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .md\:u-py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .md\:u-py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .md\:u-py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .md\:u-py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .md\:u-py-28 {
        padding-bottom: 7rem;
        padding-top: 7rem
    }

    .md\:u-py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .md\:u-py-3\.5 {
        padding-bottom: .875rem;
        padding-top: .875rem
    }

    .md\:u-py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .md\:u-py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

    .md\:u-py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .md\:u-py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .md\:u-py-44 {
        padding-bottom: 11rem;
        padding-top: 11rem
    }

    .md\:u-py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .md\:u-py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .md\:u-py-52 {
        padding-bottom: 13rem;
        padding-top: 13rem
    }

    .md\:u-py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }

    .md\:u-py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .md\:u-py-60 {
        padding-bottom: 15rem;
        padding-top: 15rem
    }

    .md\:u-py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }

    .md\:u-py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }

    .md\:u-py-72 {
        padding-bottom: 18rem;
        padding-top: 18rem
    }

    .md\:u-py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .md\:u-py-80 {
        padding-bottom: 20rem;
        padding-top: 20rem
    }

    .md\:u-py-9 {
        padding-bottom: 2.25rem;
        padding-top: 2.25rem
    }

    .md\:u-py-96 {
        padding-bottom: 24rem;
        padding-top: 24rem
    }

    .md\:u-pb-0 {
        padding-bottom: 0
    }

    .md\:u-pb-20 {
        padding-bottom: 5rem
    }

    .md\:u-pb-28 {
        padding-bottom: 7rem
    }

    .md\:u-pr-10 {
        padding-right: 2.5rem
    }

    .md\:u-pt-24 {
        padding-top: 6rem
    }

    .md\:u-pt-8 {
        padding-top: 2rem
    }
}

@media (min-width: 80em) {
    .lg\:u-col-span-10 {
        grid-column: span 10/span 10
    }

    .lg\:u-col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:u-col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:u-col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:u-col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:u-col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:u-col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:u-col-start-1 {
        grid-column-start: 1
    }

    .lg\:u-col-start-2 {
        grid-column-start: 2
    }

    .lg\:u-col-start-3 {
        grid-column-start: 3
    }

    .lg\:u-col-start-4 {
        grid-column-start: 4
    }

    .lg\:u-col-start-7 {
        grid-column-start: 7
    }

    .lg\:u-col-start-8 {
        grid-column-start: 8
    }

    .lg\:u-col-start-9 {
        grid-column-start: 9
    }

    .lg\:u-row-start-1 {
        grid-row-start: 1
    }

    .lg\:-u-mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .lg\:u-mb-20 {
        margin-bottom: 5rem
    }

    .lg\:u-flex {
        display: flex
    }

    .lg\:u-hidden {
        display: none
    }

    .lg\:u-w-3\/5 {
        width: 60%
    }

    .lg\:u-w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .lg\:u-max-w-3xl {
        max-width: 48rem
    }

    .lg\:u-grow {
        flex-grow: 1
    }

    .lg\:u-scroll-py-1 {
        scroll-padding-bottom: .25rem;
        scroll-padding-top: .25rem
    }

    .lg\:u-scroll-py-1\.5 {
        scroll-padding-bottom: .375rem;
        scroll-padding-top: .375rem
    }

    .lg\:u-scroll-py-10 {
        scroll-padding-bottom: 2.5rem;
        scroll-padding-top: 2.5rem
    }

    .lg\:u-scroll-py-11 {
        scroll-padding-bottom: 2.75rem;
        scroll-padding-top: 2.75rem
    }

    .lg\:u-scroll-py-12 {
        scroll-padding-bottom: 3rem;
        scroll-padding-top: 3rem
    }

    .lg\:u-scroll-py-14 {
        scroll-padding-bottom: 3.5rem;
        scroll-padding-top: 3.5rem
    }

    .lg\:u-scroll-py-16 {
        scroll-padding-bottom: 4rem;
        scroll-padding-top: 4rem
    }

    .lg\:u-scroll-py-2 {
        scroll-padding-bottom: .5rem;
        scroll-padding-top: .5rem
    }

    .lg\:u-scroll-py-2\.5 {
        scroll-padding-bottom: .625rem;
        scroll-padding-top: .625rem
    }

    .lg\:u-scroll-py-20 {
        scroll-padding-bottom: 5rem;
        scroll-padding-top: 5rem
    }

    .lg\:u-scroll-py-24 {
        scroll-padding-bottom: 6rem;
        scroll-padding-top: 6rem
    }

    .lg\:u-scroll-py-28 {
        scroll-padding-bottom: 7rem;
        scroll-padding-top: 7rem
    }

    .lg\:u-scroll-py-3 {
        scroll-padding-bottom: .75rem;
        scroll-padding-top: .75rem
    }

    .lg\:u-scroll-py-3\.5 {
        scroll-padding-bottom: .875rem;
        scroll-padding-top: .875rem
    }

    .lg\:u-scroll-py-32 {
        scroll-padding-bottom: 8rem;
        scroll-padding-top: 8rem
    }

    .lg\:u-scroll-py-36 {
        scroll-padding-bottom: 9rem;
        scroll-padding-top: 9rem
    }

    .lg\:u-scroll-py-4 {
        scroll-padding-bottom: 1rem;
        scroll-padding-top: 1rem
    }

    .lg\:u-scroll-py-40 {
        scroll-padding-bottom: 10rem;
        scroll-padding-top: 10rem
    }

    .lg\:u-scroll-py-44 {
        scroll-padding-bottom: 11rem;
        scroll-padding-top: 11rem
    }

    .lg\:u-scroll-py-48 {
        scroll-padding-bottom: 12rem;
        scroll-padding-top: 12rem
    }

    .lg\:u-scroll-py-5 {
        scroll-padding-bottom: 1.25rem;
        scroll-padding-top: 1.25rem
    }

    .lg\:u-scroll-py-52 {
        scroll-padding-bottom: 13rem;
        scroll-padding-top: 13rem
    }

    .lg\:u-scroll-py-56 {
        scroll-padding-bottom: 14rem;
        scroll-padding-top: 14rem
    }

    .lg\:u-scroll-py-6 {
        scroll-padding-bottom: 1.5rem;
        scroll-padding-top: 1.5rem
    }

    .lg\:u-scroll-py-60 {
        scroll-padding-bottom: 15rem;
        scroll-padding-top: 15rem
    }

    .lg\:u-scroll-py-64 {
        scroll-padding-bottom: 16rem;
        scroll-padding-top: 16rem
    }

    .lg\:u-scroll-py-7 {
        scroll-padding-bottom: 1.75rem;
        scroll-padding-top: 1.75rem
    }

    .lg\:u-scroll-py-72 {
        scroll-padding-bottom: 18rem;
        scroll-padding-top: 18rem
    }

    .lg\:u-scroll-py-8 {
        scroll-padding-bottom: 2rem;
        scroll-padding-top: 2rem
    }

    .lg\:u-scroll-py-80 {
        scroll-padding-bottom: 20rem;
        scroll-padding-top: 20rem
    }

    .lg\:u-scroll-py-9 {
        scroll-padding-bottom: 2.25rem;
        scroll-padding-top: 2.25rem
    }

    .lg\:u-scroll-py-96 {
        scroll-padding-bottom: 24rem;
        scroll-padding-top: 24rem
    }

    .lg\:u-grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .lg\:u-grid-cols-10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .lg\:u-grid-cols-11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

    .lg\:u-grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .lg\:u-grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:u-grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:u-grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .lg\:u-grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .lg\:u-grid-cols-6 {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }

    .lg\:u-place-items-end {
        place-items: end
    }

    .lg\:u-place-items-center {
        place-items: center
    }

    .lg\:u-items-end {
        align-items: flex-end
    }

    .lg\:u-items-center {
        align-items: center
    }

    .lg\:u-justify-end {
        justify-content: flex-end
    }

    .lg\:u-justify-items-end {
        justify-items: end
    }

    .lg\:u-justify-items-center {
        justify-items: center
    }

    .lg\:u-py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .lg\:u-py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .lg\:u-py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .lg\:u-py-11 {
        padding-bottom: 2.75rem;
        padding-top: 2.75rem
    }

    .lg\:u-py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .lg\:u-py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .lg\:u-py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .lg\:u-py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .lg\:u-py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .lg\:u-py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .lg\:u-py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:u-py-28 {
        padding-bottom: 7rem;
        padding-top: 7rem
    }

    .lg\:u-py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .lg\:u-py-3\.5 {
        padding-bottom: .875rem;
        padding-top: .875rem
    }

    .lg\:u-py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .lg\:u-py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

    .lg\:u-py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .lg\:u-py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .lg\:u-py-44 {
        padding-bottom: 11rem;
        padding-top: 11rem
    }

    .lg\:u-py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .lg\:u-py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .lg\:u-py-52 {
        padding-bottom: 13rem;
        padding-top: 13rem
    }

    .lg\:u-py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }

    .lg\:u-py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .lg\:u-py-60 {
        padding-bottom: 15rem;
        padding-top: 15rem
    }

    .lg\:u-py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }

    .lg\:u-py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }

    .lg\:u-py-72 {
        padding-bottom: 18rem;
        padding-top: 18rem
    }

    .lg\:u-py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .lg\:u-py-80 {
        padding-bottom: 20rem;
        padding-top: 20rem
    }

    .lg\:u-py-9 {
        padding-bottom: 2.25rem;
        padding-top: 2.25rem
    }

    .lg\:u-py-96 {
        padding-bottom: 24rem;
        padding-top: 24rem
    }
}

@media (min-width: 120em) {
    .xl\:u-col-span-5 {
        grid-column: span 5/span 5
    }

    .xl\:u-col-start-8 {
        grid-column-start: 8
    }

    .xl\:u-flex {
        display: flex
    }

    .xl\:u-max-w-3xl {
        max-width: 48rem
    }

    .xl\:u-scroll-py-1 {
        scroll-padding-bottom: .25rem;
        scroll-padding-top: .25rem
    }

    .xl\:u-scroll-py-1\.5 {
        scroll-padding-bottom: .375rem;
        scroll-padding-top: .375rem
    }

    .xl\:u-scroll-py-10 {
        scroll-padding-bottom: 2.5rem;
        scroll-padding-top: 2.5rem
    }

    .xl\:u-scroll-py-11 {
        scroll-padding-bottom: 2.75rem;
        scroll-padding-top: 2.75rem
    }

    .xl\:u-scroll-py-12 {
        scroll-padding-bottom: 3rem;
        scroll-padding-top: 3rem
    }

    .xl\:u-scroll-py-14 {
        scroll-padding-bottom: 3.5rem;
        scroll-padding-top: 3.5rem
    }

    .xl\:u-scroll-py-16 {
        scroll-padding-bottom: 4rem;
        scroll-padding-top: 4rem
    }

    .xl\:u-scroll-py-2 {
        scroll-padding-bottom: .5rem;
        scroll-padding-top: .5rem
    }

    .xl\:u-scroll-py-2\.5 {
        scroll-padding-bottom: .625rem;
        scroll-padding-top: .625rem
    }

    .xl\:u-scroll-py-20 {
        scroll-padding-bottom: 5rem;
        scroll-padding-top: 5rem
    }

    .xl\:u-scroll-py-24 {
        scroll-padding-bottom: 6rem;
        scroll-padding-top: 6rem
    }

    .xl\:u-scroll-py-28 {
        scroll-padding-bottom: 7rem;
        scroll-padding-top: 7rem
    }

    .xl\:u-scroll-py-3 {
        scroll-padding-bottom: .75rem;
        scroll-padding-top: .75rem
    }

    .xl\:u-scroll-py-3\.5 {
        scroll-padding-bottom: .875rem;
        scroll-padding-top: .875rem
    }

    .xl\:u-scroll-py-32 {
        scroll-padding-bottom: 8rem;
        scroll-padding-top: 8rem
    }

    .xl\:u-scroll-py-36 {
        scroll-padding-bottom: 9rem;
        scroll-padding-top: 9rem
    }

    .xl\:u-scroll-py-4 {
        scroll-padding-bottom: 1rem;
        scroll-padding-top: 1rem
    }

    .xl\:u-scroll-py-40 {
        scroll-padding-bottom: 10rem;
        scroll-padding-top: 10rem
    }

    .xl\:u-scroll-py-44 {
        scroll-padding-bottom: 11rem;
        scroll-padding-top: 11rem
    }

    .xl\:u-scroll-py-48 {
        scroll-padding-bottom: 12rem;
        scroll-padding-top: 12rem
    }

    .xl\:u-scroll-py-5 {
        scroll-padding-bottom: 1.25rem;
        scroll-padding-top: 1.25rem
    }

    .xl\:u-scroll-py-52 {
        scroll-padding-bottom: 13rem;
        scroll-padding-top: 13rem
    }

    .xl\:u-scroll-py-56 {
        scroll-padding-bottom: 14rem;
        scroll-padding-top: 14rem
    }

    .xl\:u-scroll-py-6 {
        scroll-padding-bottom: 1.5rem;
        scroll-padding-top: 1.5rem
    }

    .xl\:u-scroll-py-60 {
        scroll-padding-bottom: 15rem;
        scroll-padding-top: 15rem
    }

    .xl\:u-scroll-py-64 {
        scroll-padding-bottom: 16rem;
        scroll-padding-top: 16rem
    }

    .xl\:u-scroll-py-7 {
        scroll-padding-bottom: 1.75rem;
        scroll-padding-top: 1.75rem
    }

    .xl\:u-scroll-py-72 {
        scroll-padding-bottom: 18rem;
        scroll-padding-top: 18rem
    }

    .xl\:u-scroll-py-8 {
        scroll-padding-bottom: 2rem;
        scroll-padding-top: 2rem
    }

    .xl\:u-scroll-py-80 {
        scroll-padding-bottom: 20rem;
        scroll-padding-top: 20rem
    }

    .xl\:u-scroll-py-9 {
        scroll-padding-bottom: 2.25rem;
        scroll-padding-top: 2.25rem
    }

    .xl\:u-scroll-py-96 {
        scroll-padding-bottom: 24rem;
        scroll-padding-top: 24rem
    }

    .xl\:u-grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .xl\:u-grid-cols-10 {
        grid-template-columns: repeat(10,minmax(0,1fr))
    }

    .xl\:u-grid-cols-11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

    .xl\:u-grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .xl\:u-grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .xl\:u-grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .xl\:u-grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .xl\:u-grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .xl\:u-grid-cols-6 {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }

    .xl\:u-flex-row {
        flex-direction: row
    }

    .xl\:u-place-items-end {
        place-items: end
    }

    .xl\:u-place-items-center {
        place-items: center
    }

    .xl\:u-items-end {
        align-items: flex-end
    }

    .xl\:u-items-center {
        align-items: center
    }

    .xl\:u-justify-items-end {
        justify-items: end
    }

    .xl\:u-justify-items-center {
        justify-items: center
    }

    .xl\:u-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:u-py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .xl\:u-py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .xl\:u-py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .xl\:u-py-11 {
        padding-bottom: 2.75rem;
        padding-top: 2.75rem
    }

    .xl\:u-py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .xl\:u-py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .xl\:u-py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .xl\:u-py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .xl\:u-py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .xl\:u-py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .xl\:u-py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .xl\:u-py-28 {
        padding-bottom: 7rem;
        padding-top: 7rem
    }

    .xl\:u-py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .xl\:u-py-3\.5 {
        padding-bottom: .875rem;
        padding-top: .875rem
    }

    .xl\:u-py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .xl\:u-py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

    .xl\:u-py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .xl\:u-py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .xl\:u-py-44 {
        padding-bottom: 11rem;
        padding-top: 11rem
    }

    .xl\:u-py-48 {
        padding-bottom: 12rem;
        padding-top: 12rem
    }

    .xl\:u-py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .xl\:u-py-52 {
        padding-bottom: 13rem;
        padding-top: 13rem
    }

    .xl\:u-py-56 {
        padding-bottom: 14rem;
        padding-top: 14rem
    }

    .xl\:u-py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .xl\:u-py-60 {
        padding-bottom: 15rem;
        padding-top: 15rem
    }

    .xl\:u-py-64 {
        padding-bottom: 16rem;
        padding-top: 16rem
    }

    .xl\:u-py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
    }

    .xl\:u-py-72 {
        padding-bottom: 18rem;
        padding-top: 18rem
    }

    .xl\:u-py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .xl\:u-py-80 {
        padding-bottom: 20rem;
        padding-top: 20rem
    }

    .xl\:u-py-9 {
        padding-bottom: 2.25rem;
        padding-top: 2.25rem
    }

    .xl\:u-py-96 {
        padding-bottom: 24rem;
        padding-top: 24rem
    }

    .xl\:u-pl-12 {
        padding-left: 3rem
    }

    .xl\:u-pr-12 {
        padding-right: 3rem
    }
}