@charset "UTF-8";
/************************************************************************************************************
Grid styles
************************************************************************************************************/
/******************************************************
Grid variables
******************************************************/
:root {
  --UX-GridGutter: 1.5rem;
}
@media screen and (min-width: 64em) {
  :root {
    --UX-GridGutter: 2rem;
  }
}

/******************************************************
Rows
******************************************************/
[class*=UX-Row] {
  display: flex;
  flex-wrap: wrap;
}

/* 
UX-Row, UX-Row--WideGutter, UX-Row--XWideGutter, and UX-Row--NoGutter are depreciated. 
Use UX-Row--Default.
*/
.UX-Row--Default {
  width: calc(100% + var(--UX-GridGutter));
}

.UX-Row {
  width: calc(100% + 16px);
}

.UX-Row--WideGutter {
  width: calc(100% + 20px);
}

.UX-Row--XWideGutter {
  width: calc(100% + 24px);
}

.UX-Row--NoGutter {
  width: 100%;
}

/******************************************************
Gutters
******************************************************/
.UX-Row--Default > [class*=xs-],
.UX-Row--Default > [class*=sm-],
.UX-Row--Default > [class*=md-],
.UX-Row--Default > [class*=lg-],
.UX-Row--Default > [class*=xl-],
.UX-Row--Default > .FluidColumn {
  padding: 0 var(--UX-GridGutter) var(--UX-GridGutter) 0;
}

.UX-Row > [class*=xs-],
.UX-Row > [class*=sm-],
.UX-Row > [class*=md-],
.UX-Row > [class*=lg-],
.UX-Row > [class*=xl-],
.UX-Row > .FluidColumn {
  padding: 0 16px 16px 0;
}

.UX-Row--WideGutter > [class*=xs-],
.UX-Row--WideGutter > [class*=sm-],
.UX-Row--WideGutter > [class*=md-],
.UX-Row--WideGutter > [class*=lg-],
.UX-Row--WideGutter > [class*=xl-],
.UX-Row--WideGutter > .FluidColumn {
  padding: 0 20px 20px 0;
}

.UX-Row--XWideGutter > [class*=xs-],
.UX-Row--XWideGutter > [class*=sm-],
.UX-Row--XWideGutter > [class*=md-],
.UX-Row--XWideGutter > [class*=lg-],
.UX-Row--XWideGutter > [class*=xl-],
.UX-Row--XWideGutter > .FluidColumn {
  padding: 0 24px 24px 0;
}

@media screen and (min-width: 48em) {
  .UX-Row {
    width: calc(100% + 20px);
  }
  .UX-Row > [class*=xs-],
  .UX-Row > [class*=sm-],
  .UX-Row > [class*=md-],
  .UX-Row > [class*=lg-],
  .UX-Row > [class*=xl-],
  .UX-Row > .FluidColumn {
    padding: 0 20px 20px 0;
  }
  .UX-Row--WideGutter {
    width: calc(100% + 32px);
  }
  .UX-Row--WideGutter > [class*=xs-],
  .UX-Row--WideGutter > [class*=sm-],
  .UX-Row--WideGutter > [class*=md-],
  .UX-Row--WideGutter > [class*=lg-],
  .UX-Row--WideGutter > [class*=xl-],
  .UX-Row--WideGutter > .FluidColumn {
    padding: 0 32px 32px 0;
  }
  .UX-Row--XWideGutter {
    width: calc(100% + 48px);
  }
  .UX-Row--XWideGutter > [class*=xs-],
  .UX-Row--XWideGutter > [class*=sm-],
  .UX-Row--XWideGutter > [class*=md-],
  .UX-Row--XWideGutter > [class*=lg-],
  .UX-Row--XWideGutter > [class*=xl-],
  .UX-Row--XWideGutter > .FluidColumn {
    padding: 0 48px 48px 0;
  }
}
[class*=xs-]:has([class*=UX-Row]),
[class*=sm-]:has([class*=UX-Row]),
[class*=md-]:has([class*=UX-Row]),
[class*=lg-]:has([class*=UX-Row]),
[class*=xl-]:has([class*=UX-Row]),
.FluidColumn:has([class*=UX-Row]) {
  padding-bottom: 0;
}

/******************************************************
Responsive top padding for rows
******************************************************/
.ResponsiveTopPadding:has(.UX-Row),
.UX-Row.ResponsiveTopPadding {
  padding-top: 1rem;
}

.ResponsiveTopPadding:has(.UX-Row--WideGutter),
.UX-Row--WideGutter.ResponsiveTopPadding {
  padding-top: 1.25rem;
}

.ResponsiveTopPadding:has(.UX-Row--XWideGutter),
.UX-Row--XWideGutter.ResponsiveTopPadding {
  padding-top: 1.5rem;
}

@media (min-width: 48em) {
  .ResponsiveTopPadding:has(.UX-Row),
  .UX-Row.ResponsiveTopPadding {
    padding-top: 1.25rem;
  }
  .ResponsiveTopPadding:has(.UX-Row--WideGutter),
  .UX-Row--WideGutter.ResponsiveTopPadding {
    padding-top: 2rem;
  }
  .ResponsiveTopPadding:has(.UX-Row--XWideGutter),
  .UX-Row--XWideGutter.ResponsiveTopPadding {
    padding-top: 3rem;
  }
}
/******************************************************
Column widths
******************************************************/
.FluidColumn {
  flex: 1;
}

.xs-1 {
  flex: 0 0 25%;
}
.xs-2 {
  flex: 0 0 50%;
}
.xs-3 {
  flex: 0 0 75.00001875%;
}
.xs-4 {
  flex: 0 0 100%;
}

@media (min-width: 31.25em) {
  .sm-1 {
    flex: 0 0 25%;
  }
  .sm-2 {
    flex: 0 0 50%;
  }
  .sm-3 {
    flex: 0 0 75.00001875%;
  }
  .sm-4 {
    flex: 0 0 100%;
  }
}
@media (min-width: 48em) {
  .md-1 {
    flex: 0 0 12.5%;
  }
  .md-2 {
    flex: 0 0 25%;
  }
  .md-3 {
    flex: 0 0 37.500009375%;
  }
  .md-4 {
    flex: 0 0 50%;
  }
  .md-5 {
    flex: 0 0 62.5%;
  }
  .md-6 {
    flex: 0 0 75.00001875%;
  }
  .md-7 {
    flex: 0 0 87.5000109375%;
  }
  .md-8 {
    flex: 0 0 100%;
  }
}
@media (min-width: 64em) {
  .lg-1 {
    flex: 0 0 8.3333333333%;
  }
  .lg-2 {
    flex: 0 0 16.6666666667%;
  }
  .lg-3 {
    flex: 0 0 25%;
  }
  .lg-4 {
    flex: 0 0 33.3333333333%;
  }
  .lg-5 {
    flex: 0 0 41.6666666667%;
  }
  .lg-6 {
    flex: 0 0 50%;
  }
  .lg-7 {
    flex: 0 0 58.3333576389%;
  }
  .lg-8 {
    flex: 0 0 66.6666666667%;
  }
  .lg-9 {
    flex: 0 0 75.00001875%;
  }
  .lg-10 {
    flex: 0 0 83.3333333333%;
  }
  .lg-11 {
    flex: 0 0 91.6666743056%;
  }
  .lg-12 {
    flex: 0 0 100%;
  }
}
@media (min-width: 75em) {
  .xl-1 {
    flex: 0 0 8.3333333333%;
  }
  .xl-2 {
    flex: 0 0 16.6666666667%;
  }
  .xl-3 {
    flex: 0 0 25%;
  }
  .xl-4 {
    flex: 0 0 33.3333333333%;
  }
  .xl-5 {
    flex: 0 0 41.6666666667%;
  }
  .xl-6 {
    flex: 0 0 50%;
  }
  .xl-7 {
    flex: 0 0 58.3333576389%;
  }
  .xl-8 {
    flex: 0 0 66.6666666667%;
  }
  .xl-9 {
    flex: 0 0 75.00001875%;
  }
  .xl-10 {
    flex: 0 0 83.3333333333%;
  }
  .xl-11 {
    flex: 0 0 91.6666743056%;
  }
  .xl-12 {
    flex: 0 0 100%;
  }
}
/******************************************************
Misc. grid
******************************************************/
[class*=xs-] > p:last-child,
[class*=xs-] > .blog-para:last-child,
[class*=xs-] > ul:last-child,
[class*=xs-] > li:last-child,
[class*=sm-] > p:last-child,
[class*=sm-] > .blog-para:last-child,
[class*=sm-] > ul:last-child,
[class*=sm-] > li:last-child,
[class*=md-] > p:last-child,
[class*=md-] > .blog-para:last-child,
[class*=md-] > ul:last-child,
[class*=md-] > li:last-child,
[class*=lg-] > p:last-child,
[class*=lg-] > .blog-para:last-child,
[class*=lg-] > ul:last-child,
[class*=lg-] > li:last-child,
[class*=xl-] > p:last-child,
[class*=xl-] > .blog-para:last-child,
[class*=xl-] > ul:last-child,
[class*=xl-] > li:last-child {
  margin-bottom: 0;
}

.UX-FillBox {
  width: 100%;
  height: 100%;
}

/************************************************************************************************************
Non-grid styles
************************************************************************************************************/
/******************************************************
Variables
******************************************************/
:root {
  --Link-Light-Default: #0660D7;
  --Link-Light-Hover: #043F8D;
  --White: #FFFFFF;
  --Gray-10: #F9F9F9;
  --Gray-20: #F2F2F2;
  --Gray-30: #e3e3e3;
  --Gray-40: #cccccc;
  --Gray-50: #ABABAB;
  --Gray-60: #999999;
  --Gray-70: #666666;
  --Gray-80: #333333;
  --Black: #000000;
  --BradyBlue-00: #F4F6FA;
  --BradyBlue-0: #F0F5FF;
  --BradyBlue-5: #E2EBF9;
  --BradyBlue-20: #C2D5F4;
  --BradyBlue-30: #A1BBE8;
  --BradyBlue-40: #7598D1;
  --BradyBlue-50: #4476C1;
  --BradyBlue-70: #043F8D;
  --BradyBlue-80: #0A2D59;
  --BradyBlue-90: #071A33;
  --Blue-70: #6CACE4;
  --Yellow-70: #FFC72C;
  --Purple-70: #614B79;
  --Corporate-Blue: #002D72;
  --Corporate-LtBlue: #6CACE4;
  --Corporate-Purple: #614B79;
  --Corporate-Green: #006f7e;
  --Corporate-LtGreen: #4a8f98;
  --G10-White: linear-gradient(180.12deg, rgba(249, 249, 249, 1.0) 10%, rgba(255, 255, 255, 1.0) 90%);
  --B70-BB70-P70: linear-gradient(149.92deg, rgb(27, 110, 182) 0%, rgba(4, 63, 141, 1.0) 48%, rgba(97, 75, 121, 1.0) 86%);
  --B70-BB70-P70-Light: linear-gradient(149.92deg, rgb(33, 114, 186) 50%, rgb(7, 74, 162) 100%);
  --B70-Purple: linear-gradient(149.92deg, rgb(59, 144, 218, 1.0) 0%, rgba(4, 63, 141, 1.0) 48%, rgba(97, 75, 121, 1.0) 86%);
  --Green-BB70: linear-gradient(149.92deg, rgb(60, 118, 134) 0%, rgba(18, 71, 125, 1.0) 70%, rgba(4, 55, 123, 1.0) 86%);
  --Font-XSmall: 0.75rem;
  --Font-Small: 0.875rem;
  --Font-Medium: 1rem;
  --Font-Large: 1.125rem;
  --Font-XLarge: 1.375rem;
  --Font-H1: 2rem;
  --Font-H2: 1.625rem;
  --Font-H3: 1.375rem;
  --Font-H4: 1.25rem;
  --Font-H5: 1.125rem;
  --Font-H6: 1rem;
}

/******************************************************
General colors
******************************************************/
.UX-Color--White {
  color: var(--White);
}
.UX-Color--Gray-10 {
  color: var(--Gray-10);
}
.UX-Color--Gray-20 {
  color: var(--Gray-20);
}
.UX-Color--Gray-30 {
  color: var(--Gray-30);
}
.UX-Color--Gray-40 {
  color: var(--Gray-40);
}
.UX-Color--Gray-50 {
  color: var(--Gray-50);
}
.UX-Color--Gray-60 {
  color: var(--Gray-60);
}
.UX-Color--Gray-70 {
  color: var(--Gray-70);
}
.UX-Color--Gray-80 {
  color: var(--Gray-80);
}
.UX-Color--Black {
  color: var(--Black);
}
.UX-Color--BradyBlue-0 {
  color: var(--BradyBlue-0);
}
.UX-Color--BradyBlue-5 {
  color: var(--BradyBlue-5);
}
.UX-Color--BradyBlue-20 {
  color: var(--BradyBlue-20);
}
.UX-Color--BradyBlue-30 {
  color: var(--BradyBlue-30);
}
.UX-Color--BradyBlue-40 {
  color: var(--BradyBlue-40);
}
.UX-Color--BradyBlue-50 {
  color: var(--BradyBlue-50);
}
.UX-Color--BradyBlue-70 {
  color: var(--BradyBlue-70);
}
.UX-Color--BradyBlue-80 {
  color: var(--BradyBlue-80);
}

/******************************************************
Text-specific colors
******************************************************/
.UX-BgColor--B70-BB70-P70 [class*=xs-] > p,
.UX-BgColor--B70-BB70-P70 [class*=xs-] > h1,
.UX-BgColor--B70-BB70-P70 [class*=xs-] > h2,
.UX-BgColor--B70-BB70-P70 [class*=xs-] > h3,
.UX-BgColor--B70-BB70-P70 [class*=xs-] > h4,
.UX-BgColor--B70-BB70-P70 [class*=xs-] > h5,
.UX-BgColor--B70-BB70-P70 [class*=xs-] > h6,
.UX-BgColor--B70-BB70-P70 [class*=sm-] > p,
.UX-BgColor--B70-BB70-P70 [class*=sm-] > h1,
.UX-BgColor--B70-BB70-P70 [class*=sm-] > h2,
.UX-BgColor--B70-BB70-P70 [class*=sm-] > h3,
.UX-BgColor--B70-BB70-P70 [class*=sm-] > h4,
.UX-BgColor--B70-BB70-P70 [class*=sm-] > h5,
.UX-BgColor--B70-BB70-P70 [class*=sm-] > h6,
.UX-BgColor--B70-BB70-P70 [class*=md-] > p,
.UX-BgColor--B70-BB70-P70 [class*=md-] > h1,
.UX-BgColor--B70-BB70-P70 [class*=md-] > h2,
.UX-BgColor--B70-BB70-P70 [class*=md-] > h3,
.UX-BgColor--B70-BB70-P70 [class*=md-] > h4,
.UX-BgColor--B70-BB70-P70 [class*=md-] > h5,
.UX-BgColor--B70-BB70-P70 [class*=md-] > h6,
.UX-BgColor--B70-BB70-P70 [class*=lg-] > p,
.UX-BgColor--B70-BB70-P70 [class*=lg-] > h1,
.UX-BgColor--B70-BB70-P70 [class*=lg-] > h2,
.UX-BgColor--B70-BB70-P70 [class*=lg-] > h3,
.UX-BgColor--B70-BB70-P70 [class*=lg-] > h4,
.UX-BgColor--B70-BB70-P70 [class*=lg-] > h5,
.UX-BgColor--B70-BB70-P70 [class*=lg-] > h6,
.UX-BgColor--B70-BB70-P70 [class*=xl-] > p,
.UX-BgColor--B70-BB70-P70 [class*=xl-] > h1,
.UX-BgColor--B70-BB70-P70 [class*=xl-] > h2,
.UX-BgColor--B70-BB70-P70 [class*=xl-] > h3,
.UX-BgColor--B70-BB70-P70 [class*=xl-] > h4,
.UX-BgColor--B70-BB70-P70 [class*=xl-] > h5,
.UX-BgColor--B70-BB70-P70 [class*=xl-] > h6 {
  color: white;
  font-weight: 500;
  text-shadow: 0.5px 0.5px 40px #03387e;
}

/******************************************************
Background colors
******************************************************/
.UX-BgColor--White {
  background-color: var(--White);
}
.UX-BgColor--Gray-10 {
  background-color: var(--Gray-10);
}
.UX-BgColor--Gray-20 {
  background-color: var(--Gray-20);
}
.UX-BgColor--Gray-30 {
  background-color: var(--Gray-30);
}
.UX-BgColor--Gray-40 {
  background-color: var(--Gray-40);
}
.UX-BgColor--Gray-50 {
  background-color: var(--Gray-50);
}
.UX-BgColor--Gray-60 {
  background-color: var(--Gray-60);
}
.UX-BgColor--Gray-70 {
  background-color: var(--Gray-70);
}
.UX-BgColor--Gray-80 {
  background-color: var(--Gray-80);
}
.UX-BgColor--Black {
  background-color: var(--Black);
}
.UX-BgColor--BradyBlue-0 {
  background-color: var(--BradyBlue-0);
}
.UX-BgColor--BradyBlue-5 {
  background-color: var(--BradyBlue-5);
}
.UX-BgColor--BradyBlue-20 {
  background-color: var(--BradyBlue-20);
}
.UX-BgColor--BradyBlue-30 {
  background-color: var(--BradyBlue-30);
}
.UX-BgColor--BradyBlue-40 {
  background-color: var(--BradyBlue-40);
}
.UX-BgColor--BradyBlue-50 {
  background-color: var(--BradyBlue-50);
}
.UX-BgColor--BradyBlue-70 {
  background-color: var(--BradyBlue-70);
}
.UX-BgColor--BradyBlue-80 {
  background-color: var(--BradyBlue-80);
}
.UX-BgColor--G10-White {
  background: var(--G10-White);
}
.UX-BgColor--B70-BB70-P70 {
  background: var(--B70-BB70-P70);
}
.UX-BgColor--B70-BB70-P70-Light {
  background: var(--B70-BB70-P700-Light);
}
.UX-BgColor--B70-Purple {
  background: var(--B70-Purple);
}
.UX-BgColor--Green-BB70 {
  background: var(--Green-BB70);
}

/******************************************************
Utility
******************************************************/
.UX-Center--H {
  margin-left: auto;
  margin-right: auto;
}
.UX-Center--V {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.UX-Display--TrueInline {
  display: inline;
}

.UX-Display--Block {
  display: block;
}

:root {
  --UX-TextConstraint: 1024px;
}

.UX-TextConstraint {
  max-width: var(--UX-TextConstraint);
}

.UX-BorderRadius {
  border-radius: 0.5rem;
}
.UX-BorderRadius--Small {
  border-radius: 0.25rem;
}

.HiddenLinkOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

/******************************************************
Lists
******************************************************/
.UX-List--NoStyle {
  margin-left: 0;
  margin-bottom: 0;
}
.UX-List--NoStyle > li {
  list-style-type: none;
  margin: 0;
}

/******************************************************
Icons
******************************************************/
.UX-Icon,
.UX-Icon--Inline {
  width: 20px;
  height: 20px;
}

.UX-Icon--Inline {
  display: inline;
  margin: 0 2px;
}

/******************************************************
Width/Height
******************************************************/
.UX-Width--100 {
  width: 100%;
}
.UX-Width--FitContent {
  width: fit-content;
}

.UX-MaxWidth--100px {
  max-width: 100px;
}
.UX-MaxWidth--150px {
  max-width: 150px;
}
.UX-MaxWidth--200px {
  max-width: 200px;
}
.UX-MaxWidth--250px {
  max-width: 250px;
}
.UX-MaxWidth--300px {
  max-width: 300px;
}
.UX-MaxWidth--400px {
  max-width: 400px;
}
.UX-MaxWidth--500px {
  max-width: 500px;
}

.UX-Height--0 {
  height: 0;
}
.UX-Height--100 {
  height: 100%;
}

/******************************************************
Flex
******************************************************/
.BR-Flex__Justify__Center {
  justify-content: center;
}
.BR-Flex__Justify__Right {
  justify-content: flex-end;
}

/******************************************************
Margins
******************************************************/
.BR-MarginTop--24 {
  margin-top: 1.5rem;
}
.BR-MarginTop--48 {
  margin-top: 3rem;
}
.BR-MarginTop--56 {
  margin-top: 3.5rem;
}

.BR-MarginBottom--24 {
  margin-bottom: 1.5rem;
}
.BR-MarginBottom--48 {
  margin-bottom: 3rem;
}
.BR-MarginBottom--56 {
  margin-bottom: 3.5rem;
}

/******************************************************
Padding
******************************************************/
.BR-PaddingTop--24 {
  padding-top: 1.5rem;
}
.BR-PaddingTop--48 {
  padding-top: 3rem;
}

.BR-PaddingBottom--24 {
  padding-bottom: 1.5rem;
}
.BR-PaddingBottom--48 {
  padding-bottom: 3rem;
}

/******************************************************
Text
******************************************************/
p {
  text-wrap: pretty;
}

.UX-MediaCaption {
  color: var(--Gray-70);
  margin: 0.5em 0 1em;
}
.UX-MediaCaption--Center {
  text-align: center;
  margin: 0.5em auto 1em;
}

.BR-Font__Align--Center {
  text-align: center;
}
.BR-Font__Style--Uppercase {
  text-transform: uppercase;
}

.Quote--Plain {
  font-style: italic;
}
.Quote--Plain p:nth-last-child(2) {
  margin-bottom: 0.25rem;
}
.Quote--Plain p:last-child {
  font-style: normal;
  text-align: right;
}

/*************************************************
Accordions - don't forget to add the script
*************************************************/
.UXAccordion {
  width: 100%;
  margin: 0;
  padding: 0;
}
.UXAccordion:focus-within {
  border-color: #0660D7;
}
.UXAccordion__Trigger {
  display: block;
  position: relative;
  width: 100%;
  box-shadow: none;
  background: none;
  outline: none;
  text-align: left;
  padding: 1rem;
  margin: -1px 0 0;
  background: #E2EBF9;
}
.UXAccordion__Trigger[aria-expanded=false] {
  background: transparent;
  border-top: 1px solid var(--Gray-30);
  border-right: 1px solid transparent;
  border-bottom: 1px solid var(--Gray-30);
  border-left: 1px solid transparent;
}
.UXAccordion__Trigger:focus, .UXAccordion__Trigger:hover {
  background: #E2EBF9;
}
.UXAccordion__Trigger:focus {
  outline: 2px solid #0660D7;
  outline-offset: -3px;
}
.UXAccordion__Trigger[aria-expanded=true] {
  background: #FBFBFB;
  border-top: 1px solid var(--Gray-30);
  border-right: 1px solid var(--Gray-30);
  border-bottom: 1px solid transparent;
  border-left: 1px solid var(--Gray-30);
}
.UXAccordion__Trigger[aria-expanded=true] .SectionHeader__Text {
  color: #043F8D;
}
.UXAccordion__Trigger[aria-expanded=true] .SectionHeader__Icon {
  transform-origin: center;
  transform: rotate(-135deg);
}
.UXAccordion__Details {
  overflow: auto;
  border-top: 0;
  border-left: 1px solid var(--Gray-30);
  border-right: 1px solid var(--Gray-30);
  border-bottom: 1px solid var(--Gray-30);
  background: #FBFBFB;
  padding: 0.75rem;
  margin: 0;
  /* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
}
.UXAccordion__Details[hidden] {
  display: none;
}
.UXAccordion__Details .UXAccordion__Trigger {
  background: #FBFBFB;
}
.UXAccordion__Details .UXAccordion__Trigger[aria-expanded=true] {
  background: #F2f2f2;
}
.UXAccordion__Details .UXAccordion__Trigger[aria-expanded=true]:focus, .UXAccordion__Details .UXAccordion__Trigger[aria-expanded=true]:hover {
  background: #E2EBF9;
}
.UXAccordion__Details .UXAccordion__Details {
  background: #F2f2f2;
}
.UXAccordion__Details .UXAccordion__Details .UXAccordion__Trigger {
  background: #F2f2f2;
}
.UXAccordion__Details .UXAccordion__Details .UXAccordion__Trigger[aria-expanded=true] {
  background: #F2f2f2;
}
.UXAccordion__Details .UXAccordion__Details .UXAccordion__Trigger[aria-expanded=true]:focus, .UXAccordion__Details .UXAccordion__Details .UXAccordion__Trigger[aria-expanded=true]:hover {
  background: #E2EBF9;
}
.UXAccordion__Details p:last-child {
  margin-bottom: 0;
}
.UXAccordion button::-moz-focus-inner {
  border: 0;
}
.UXAccordion .SectionHeader__Text {
  display: block;
  pointer-events: none;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: none;
  color: #0660D7;
  padding-left: 2rem;
}
.UXAccordion h2,
.UXAccordion h3,
.UXAccordion h4,
.UXAccordion h5,
.UXAccordion h6 {
  padding: 0;
  margin: 0;
}
.UXAccordion .SectionHeader__Icon {
  position: absolute;
  left: 1.25rem;
  top: calc(50% - 3px);
  transform: translateY(-60%) rotate(45deg);
  width: 0.75rem;
  height: 0.75rem;
  border: solid currentcolor;
  border-width: 0 3px 3px 0;
  pointer-events: none;
  margin: 0;
}
.UXAccordion ul {
  margin-left: 0.25rem;
}

/*************************************************
Disclosures (improved accordions. doesn't need a script.)
*************************************************/
[class*=UX-Disclosure--] {
  cursor: pointer;
  height: fit-content;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Summary {
  width: 100%;
  display: inline-flex;
  align-items: center;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Summary::-webkit-details-marker {
  display: none;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Summary .SummaryPhrase {
  font-size: 1rem;
  line-height: 1.4;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Summary h2, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h3, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h4, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h5, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h6, [class*=UX-Disclosure--] > .UX-Disclosure__Summary .SummaryPhrase {
  color: var(--Gray-80);
  font-weight: 400;
  width: 100%;
  display: flex;
  gap: 0.5em;
  text-transform: none;
  margin: 0;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Summary h2::before, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h2::after, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h3::before, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h3::after, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h4::before, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h4::after, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h5::before, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h5::after, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h6::before, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h6::after, [class*=UX-Disclosure--] > .UX-Disclosure__Summary .SummaryPhrase::before, [class*=UX-Disclosure--] > .UX-Disclosure__Summary .SummaryPhrase::after {
  display: inline-block;
  flex-shrink: 0;
  height: 0.4em;
  width: 0.625em;
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.59 8.58'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:1.7px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='15.01 .62 7.8 7.42 .58 .62'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  margin-top: 0.45em;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Summary h2 {
  padding: 1rem 0;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Summary h3 {
  padding: 0.875rem 0;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Summary h4, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h5, [class*=UX-Disclosure--] > .UX-Disclosure__Summary h6, [class*=UX-Disclosure--] > .UX-Disclosure__Summary .SummaryPhrase {
  padding: 0.75rem 0;
}
[class*=UX-Disclosure--] > .UX-Disclosure__Details {
  padding: 0 0 1em;
  color: var(--Gray-80);
}
[class*=UX-Disclosure--] > .UX-Disclosure__Details p:last-child {
  margin-bottom: 0;
}

.UX-Disclosure--WithBorder {
  border: 1px solid var(--Gray-30);
  border-radius: 2px;
  margin: 8px 0;
  padding: 0 1em;
}

.UX-Disclosure--FloatLeftCaret > .UX-Disclosure__Summary h2::after, .UX-Disclosure--FloatLeftCaret > .UX-Disclosure__Summary h3::after, .UX-Disclosure--FloatLeftCaret > .UX-Disclosure__Summary h4::after, .UX-Disclosure--FloatLeftCaret > .UX-Disclosure__Summary h5::after, .UX-Disclosure--FloatLeftCaret > .UX-Disclosure__Summary h6::after, .UX-Disclosure--FloatLeftCaret > .UX-Disclosure__Summary .SummaryPhrase::after {
  display: none;
}
.UX-Disclosure--FloatLeftCaret > .UX-Disclosure__Details {
  padding: 0 1em 1em;
}
.UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h2, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h3, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h4, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h5, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h6, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary .SummaryPhrase {
  justify-content: space-between;
}
.UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h2::before, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h3::before, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h4::before, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h5::before, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary h6::before, .UX-Disclosure--FloatRightCaret > .UX-Disclosure__Summary .SummaryPhrase::before {
  display: none;
}
.UX-Disclosure--InlineRightCaret > .UX-Disclosure__Summary h2::before, .UX-Disclosure--InlineRightCaret > .UX-Disclosure__Summary h3::before, .UX-Disclosure--InlineRightCaret > .UX-Disclosure__Summary h4::before, .UX-Disclosure--InlineRightCaret > .UX-Disclosure__Summary h5::before, .UX-Disclosure--InlineRightCaret > .UX-Disclosure__Summary h6::before, .UX-Disclosure--InlineRightCaret > .UX-Disclosure__Summary .SummaryPhrase::before {
  display: none;
}

.UX-Disclosure__Summary h2::before, .UX-Disclosure__Summary h2::after, .UX-Disclosure__Summary h3::before, .UX-Disclosure__Summary h3::after, .UX-Disclosure__Summary h4::before, .UX-Disclosure__Summary h4::after, .UX-Disclosure__Summary h5::before, .UX-Disclosure__Summary h5::after, .UX-Disclosure__Summary h6::before, .UX-Disclosure__Summary h6::after, .UX-Disclosure__Summary .SummaryPhrase::before, .UX-Disclosure__Summary .SummaryPhrase::after {
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  transform-origin: center;
}

[class*=UX-Disclosure][open] > .UX-Disclosure__Summary h2, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h3, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h4, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h5, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h6, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary .SummaryPhrase {
  font-weight: 500;
}
[class*=UX-Disclosure][open] > .UX-Disclosure__Summary h2::before, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h2::after, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h3::before, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h3::after, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h4::before, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h4::after, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h5::before, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h5::after, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h6::before, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary h6::after, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary .SummaryPhrase::before, [class*=UX-Disclosure][open] > .UX-Disclosure__Summary .SummaryPhrase::after {
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
  .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h2, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h3, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h4, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h5, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h6, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary .SummaryPhrase {
    justify-content: flex-start;
  }
  .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h2::after, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h3::after, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h4::after, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h5::after, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h6::after, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary .SummaryPhrase::after {
    display: none;
  }
  .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h2::before, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h3::before, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h4::before, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h5::before, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary h6::before, .FloatCaretLeftAt--768px > .UX-Disclosure__Summary .SummaryPhrase::before {
    display: inline-block;
  }
}

/*************************************************
Pill shaped tabs - don't forget to add script
*************************************************/
.UX-PillTabs__Tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 2rem;
}
.UX-PillTabs button {
  text-transform: none;
  font-weight: 500;
  color: var(--Gray-80);
  background: var(--Gray-10);
  border: 1px solid transparent;
  box-shadow: none;
  float: none;
  border-radius: 2em;
  padding: 0.75em 1.5em;
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}
.UX-PillTabs button.selected {
  border: 1px solid var(--Black);
}

/*************************************************
Resource cards - make images 380 x 220
*************************************************/
.Resources--2across,
.Resources--3across,
.Resources--4across {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.Resources--2across .Card,
.Resources--3across .Card,
.Resources--4across .Card {
  display: flex;
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  transition: border 0.25s;
  border-radius: 0.25rem;
  width: 100%;
  flex-direction: column;
  max-width: 380px;
}
.Resources--2across .Card [class^=Card__Media],
.Resources--3across .Card [class^=Card__Media],
.Resources--4across .Card [class^=Card__Media] {
  object-fit: cover;
  border-radius: 0.25rem 0.25rem 0 0;
  width: 100%;
  overflow: clip;
}
.Resources--2across .Card [class^=Card__Media] .video,
.Resources--3across .Card [class^=Card__Media] .video,
.Resources--4across .Card [class^=Card__Media] .video {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
}
.Resources--2across .Card [class^=Card__Media] .video iframe,
.Resources--3across .Card [class^=Card__Media] .video iframe,
.Resources--4across .Card [class^=Card__Media] .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Resources--2across .Card__Media--Yellow,
.Resources--3across .Card__Media--Yellow,
.Resources--4across .Card__Media--Yellow {
  border-bottom: 10px solid #FFC72C;
}
.Resources--2across .Card__Media--Blue,
.Resources--3across .Card__Media--Blue,
.Resources--4across .Card__Media--Blue {
  border-bottom: 10px solid #6CACE4;
}
.Resources--2across .Card__Media--Purple,
.Resources--3across .Card__Media--Purple,
.Resources--4across .Card__Media--Purple {
  border-bottom: 10px solid #614B79;
}
.Resources--2across .Card__Media--Green,
.Resources--3across .Card__Media--Green,
.Resources--4across .Card__Media--Green {
  border-bottom: 10px solid #4F868E;
}
.Resources--2across .Card__Link,
.Resources--3across .Card__Link,
.Resources--4across .Card__Link {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.Resources--2across .Card__CTA,
.Resources--3across .Card__CTA,
.Resources--4across .Card__CTA {
  font-weight: 500;
  text-transform: uppercase;
  color: #043F8D;
  background-color: #fff;
}
.Resources--2across .Card__TextArea,
.Resources--3across .Card__TextArea,
.Resources--4across .Card__TextArea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  flex-grow: 1;
}
.Resources--2across .Card__TextArea [class^=Title],
.Resources--3across .Card__TextArea [class^=Title],
.Resources--4across .Card__TextArea [class^=Title] {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  color: #000;
}
.Resources--2across .Card__TextArea .Title,
.Resources--3across .Card__TextArea .Title,
.Resources--4across .Card__TextArea .Title {
  margin: 0 0 1rem;
}
.Resources--2across .Card__TextArea .Title--WithByline,
.Resources--3across .Card__TextArea .Title--WithByline,
.Resources--4across .Card__TextArea .Title--WithByline {
  margin: 0 0 0.5rem;
}
.Resources--2across .Card__TextArea h3,
.Resources--3across .Card__TextArea h3,
.Resources--4across .Card__TextArea h3 {
  margin: 0 0 1rem;
}
.Resources--2across .Card__TextArea .Description .Byline,
.Resources--3across .Card__TextArea .Description .Byline,
.Resources--4across .Card__TextArea .Description .Byline {
  font-size: 0.875rem;
  margin: 0 0 1.5rem 0;
}
.Resources--2across .Card:hover,
.Resources--3across .Card:hover,
.Resources--4across .Card:hover {
  border: 1px solid #0660D7;
}
.Resources--2across .Card:hover .Card__CTA,
.Resources--3across .Card:hover .Card__CTA,
.Resources--4across .Card:hover .Card__CTA {
  color: #0660D7;
}
.Resources--2across .Card:hover .TextArea__Title,
.Resources--2across .Card:hover .TextArea__Title--WithByline,
.Resources--3across .Card:hover .TextArea__Title,
.Resources--3across .Card:hover .TextArea__Title--WithByline,
.Resources--4across .Card:hover .TextArea__Title,
.Resources--4across .Card:hover .TextArea__Title--WithByline {
  text-decoration: underline;
}

@media screen and (min-width: 40em) {
  .Resources--2across .Card {
    flex-direction: row;
    max-width: 620px;
  }
  .Resources--2across .Card [class^=Card__Media],
  .Resources--2across .Card .video {
    border-radius: 0.25rem 0 0 0.25rem;
    width: 40%;
  }
  .Resources--2across .Card__Media--Yellow {
    border-right: 10px solid #FFC72C;
    border-bottom: none;
  }
  .Resources--2across .Card__Media--Blue {
    border-right: 10px solid #6CACE4;
    border-bottom: none;
  }
  .Resources--2across .Card__Media--Purple {
    border-right: 10px solid #614B79;
    border-bottom: none;
  }
  .Resources--2across .Card__Media--Green {
    border-right: 10px solid #4F868E;
    border-bottom: none;
  }
  .Resources--2across .Card__TextArea {
    width: 60%;
  }
}
@media screen and (min-width: 64em) {
  .Resources--2across .Card {
    flex-direction: column;
    width: calc(50% - 0.5rem);
    max-width: none;
  }
  .Resources--2across .Card [class^=Card__Media],
  .Resources--2across .Card .video {
    border-radius: 0.25rem 0.25rem 0 0;
    width: 100%;
  }
  .Resources--2across .Card__Media--Yellow {
    border-right: none;
    border-bottom: 10px solid #FFC72C;
  }
  .Resources--2across .Card__Media--Blue {
    border-right: none;
    border-bottom: 10px solid #6CACE4;
  }
  .Resources--2across .Card__Media--Purple {
    border-right: none;
    border-bottom: 10px solid #614B79;
  }
  .Resources--2across .Card__Media--Green {
    border-right: none;
    border-bottom: 10px solid #4F868E;
  }
  .Resources--2across .Card__TextArea {
    width: 100%;
  }
}

@media screen and (min-width: 40em) {
  .Resources--3across .Card {
    flex-direction: row;
    max-width: 620px;
  }
  .Resources--3across .Card [class^=Card__Media],
  .Resources--3across .Card .video {
    border-radius: 0.25rem 0 0 0.25rem;
    width: 40%;
  }
  .Resources--3across .Card__Media--Yellow {
    border-right: 10px solid #FFC72C;
    border-bottom: none;
  }
  .Resources--3across .Card__Media--Blue {
    border-right: 10px solid #6CACE4;
    border-bottom: none;
  }
  .Resources--3across .Card__Media--Purple {
    border-right: 10px solid #614B79;
    border-bottom: none;
  }
  .Resources--3across .Card__Media--Green {
    border-right: 10px solid #4F868E;
    border-bottom: none;
  }
  .Resources--3across .Card__TextArea {
    width: 60%;
  }
}
@media screen and (min-width: 48em) {
  .Resources--3across .Card {
    flex-direction: column;
    width: calc(33.33% - 0.67rem);
    max-width: none;
  }
  .Resources--3across .Card [class^=Card__Media],
  .Resources--3across .Card .video {
    border-radius: 0.25rem 0.25rem 0 0;
    width: 100%;
  }
  .Resources--3across .Card__Media--Yellow {
    border-right: none;
    border-bottom: 10px solid #FFC72C;
  }
  .Resources--3across .Card__Media--Blue {
    border-right: none;
    border-bottom: 10px solid #6CACE4;
  }
  .Resources--3across .Card__Media--Purple {
    border-right: none;
    border-bottom: 10px solid #614B79;
  }
  .Resources--3across .Card__Media--Green {
    border-right: none;
    border-bottom: 10px solid #4F868E;
  }
  .Resources--3across .Card__TextArea {
    width: 100%;
  }
}

@media screen and (min-width: 40em) {
  .Resources--4across .Card {
    flex-direction: row;
    max-width: 620px;
  }
  .Resources--4across .Card [class^=Card__Media],
  .Resources--4across .Card .video {
    border-radius: 0.25rem 0 0 0.25rem;
    width: 40%;
  }
  .Resources--4across .Card__Media--Yellow {
    border-right: 10px solid #FFC72C;
    border-bottom: none;
  }
  .Resources--4across .Card__Media--Blue {
    border-right: 10px solid #6CACE4;
    border-bottom: none;
  }
  .Resources--4across .Card__Media--Purple {
    border-right: 10px solid #614B79;
    border-bottom: none;
  }
  .Resources--4across .Card__Media--Green {
    border-right: 10px solid #4F868E;
    border-bottom: none;
  }
  .Resources--4across .Card__TextArea {
    width: 60%;
  }
}
@media screen and (min-width: 64em) {
  .Resources--4across .Card {
    flex-direction: column;
    width: calc(25% - 0.75rem);
    max-width: none;
  }
  .Resources--4across .Card [class^=Card__Media],
  .Resources--4across .Card .video {
    border-radius: 0.25rem 0 0;
    width: 100%;
  }
  .Resources--4across .Card__Media--Yellow {
    border-right: none;
    border-bottom: 10px solid #FFC72C;
  }
  .Resources--4across .Card__Media--Blue {
    border-right: none;
    border-bottom: 10px solid #6CACE4;
  }
  .Resources--4across .Card__Media--Purple {
    border-right: none;
    border-bottom: 10px solid #614B79;
  }
  .Resources--4across .Card__Media--Green {
    border-right: none;
    border-bottom: 10px solid #4F868E;
  }
  .Resources--4across .Card__TextArea {
    width: 100%;
  }
}

/*************************************************
UX-Supercards (improved resource cards)
*************************************************/
[class*=Supercards] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--UX-GridGutter);
}

.UX-Supercards--4across .UX-Supercard, .UX-Supercards--3across .UX-Supercard {
  width: 100%;
}
@media screen and (min-width: 35em) {
  .UX-Supercards--4across .UX-Supercard, .UX-Supercards--3across .UX-Supercard {
    width: calc(50% - var(--UX-GridGutter) / 2);
  }
}
@media screen and (min-width: 64em) {
  .UX-Supercards--3across .UX-Supercard {
    width: calc(33.33% - 2 * var(--UX-GridGutter) / 3);
  }
  .UX-Supercards--4across .UX-Supercard {
    width: calc(25% - 3 * var(--UX-GridGutter) / 4);
  }
}

.UX-Supercard {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--Gray-20);
  border-radius: 6px;
  overflow: clip;
  width: 100%;
  height: auto;
  margin: 0;
}
.UX-Supercard__HiddenCTA {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.UX-Supercard__Image, .UX-Supercard__Image--ExtraTall {
  border-radius: 0.25rem 0.25rem 0 0;
  object-fit: cover;
  overflow: clip;
  width: 100%;
}
.UX-Supercard__Image img, .UX-Supercard__Image--ExtraTall img {
  transition: transform 0.8s ease-in-out;
  transform-origin: center;
  width: 100%;
  height: 100%;
}
.UX-Supercard__Image .UX-Supercard__Video, .UX-Supercard__Image--ExtraTall .UX-Supercard__Video {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
}
.UX-Supercard__Image iframe, .UX-Supercard__Image--ExtraTall iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.UX-Supercard__Image {
  aspect-ratio: 16/9;
}
.UX-Supercard__Image--ExtraTall {
  aspect-ratio: 6/5;
}
.UX-Supercard__TextArea {
  padding: 16px 16px 0;
}
.UX-Supercard__TextArea .TextArea__Heading, .UX-Supercard__TextArea h2, .UX-Supercard__TextArea h3, .UX-Supercard__TextArea h4, .UX-Supercard__TextArea h5, .UX-Supercard__TextArea h6 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--Gray-80);
  margin-top: 0;
  margin-bottom: 16px;
}
.UX-Supercard__TextArea .TextArea__Description {
  font-size: 1rem;
  line-height: 1.625;
  color: var(--Gray-80);
}
.UX-Supercard__TextArea .TextArea__Description p:last-child {
  margin-bottom: 0;
}
.UX-Supercard__VisibleCTA {
  padding: 16px;
  position: relative;
  display: block;
  z-index: 2;
}
.UX-Supercard__VisibleCTA:hover {
  text-decoration: none;
}
.UX-Supercard__VisibleCTA:hover::after {
  transition: transform 0.2s ease;
  transform: translateX(6px);
}
.UX-Supercard__VisibleCTA:focus-visible {
  outline: none;
}
.UX-Supercard:hover {
  cursor: pointer;
}
.UX-Supercard:hover [class^=UX-Supercard__Image] img {
  transform: scale(1.1);
}
.UX-Supercard:hover .TextArea__Heading, .UX-Supercard:hover h2, .UX-Supercard:hover h3, .UX-Supercard:hover h4, .UX-Supercard:hover h5, .UX-Supercard:hover h6 {
  text-decoration: underline;
}
.UX-Supercard:focus-within {
  outline: 2px solid var(--Link-Light-Default);
}
.UX-Supercard:focus-within .UX-Supercard__Image img {
  transform: scale(1.1);
}
.UX-Supercard:focus-within .TextArea__Heading, .UX-Supercard:focus-within h2, .UX-Supercard:focus-within h3, .UX-Supercard:focus-within h4, .UX-Supercard:focus-within h5, .UX-Supercard:focus-within h6 {
  text-decoration: underline;
}

[class^=UX-Row] .UX-Supercard {
  height: 100%;
}

/* Remove default list styles */
li:has(.UX-Supercard) {
  list-style-type: none;
  margin: 0;
}

ul:has(.UX-Supercard),
ol:has(.UX-Supercard) {
  margin: 0;
}

/*************************************************
Temp link styles until the dev team implements these
*************************************************/
/* Copy this to test them all
<a href="#">Plain a tag with no class</a> <br>
<hr> 
<a href="#" class="BR-Link">BR-Link</a> <br>
<a href="#" class="BR-Link--Document">BR-Link--Document</a> <br> 
<a href="#" class="BR-Link--External">BR-Link--External</a> <br>
<a href="#" class="BR-Link--Help">BR-Link--Help</a> <br> 
<a href="#" class="BR-Link--Phone">BR-Link--Phone</a> <br> 
<a href="#" class="BR-Link--Software">BR-Link--Software</a> <br> 
<a href="#" class="BR-Link--Arrow">BR-Link--Arrow</a> <br>
<a href="#" class="BR-Link--SmallArrow">BR-Link--SmallArrow</a> <br>
<a href="#" class="BR-Link--Caret">BR-Link--Caret</a> <br>
<a href="#" class="BR-Link--Download">BR-Link--Download</a> <br> 
<a href="#" class="BR-Link--Printer">BR-Link--Printer</a> <br> 
<hr> 
<a href="#" class="BR-Link__Dark">BR-Link__Dark</a> <br>
<a href="#" class="BR-Link__Dark--Document">BR-Link__Dark--Document</a> <br> 
<a href="#" class="BR-Link__Dark--External">BR-Link__Dark--External</a> <br>
<a href="#" class="BR-Link__Dark--Help">BR-Link__Dark--Help</a> <br> 
<a href="#" class="BR-Link__Dark--Phone">BR-Link__Dark--Phone</a> <br> 
<a href="#" class="BR-Link__Dark--Software">BR-Link__Dark--Software</a> <br> 
<a href="#" class="BR-Link__Dark--Arrow">BR-Link__Dark--Arrow</a> <br>
<a href="#" class="BR-Link__Dark--SmallArrow">BR-Link__Dark--SmallArrow</a> <br>
<a href="#" class="BR-Link__Dark--Caret">BR-Link__Dark--Caret</a> <br> 
<a href="#" class="BR-Link__Dark--Download">BR-Link__Dark--Download</a> <br> 
<a href="#" class="BR-Link__Dark--Printer">BR-Link__Dark--Printer</a> <br> 
*/
a:hover,
[class*=BR-Link]:hover {
  cursor: pointer;
  text-decoration: underline;
}
a:focus,
[class*=BR-Link]:focus {
  cursor: pointer;
  text-decoration: underline;
}
a:active,
[class*=BR-Link]:active {
  cursor: pointer;
  text-decoration: underline;
}
a:visited,
[class*=BR-Link]:visited {
  text-decoration: none;
}

[class*=BR-Link][class*="--Standalone"],
[class*=BR-Link][class*="--Arrow"],
[class*=BR-Link][class*="--SmallArrow"],
[class*=BR-Link][class*="--Caret"],
[class*=BR-Link][class*="--External"],
[class*=BR-Link][class*="--Document"],
[class*=BR-Link][class*="--Help"],
[class*=BR-Link][class*="--Phone"],
[class*=BR-Link][class*="--Software"],
[class*=BR-Link][class*="--Download"],
[class*=BR-Link][class*="--Printer"] {
  text-decoration: none;
}

.BR-Main [class*=BR-Link]:visited {
  color: #800080;
}
.BR-Main [class*=BR-Link][class*="--Standalone"]:visited,
.BR-Main [class*=BR-Link][class*="--Arrow"]:visited,
.BR-Main [class*=BR-Link][class*="--SmallArrow"]:visited,
.BR-Main [class*=BR-Link][class*="--Caret"]:visited,
.BR-Main [class*=BR-Link][class*="--External"]:visited,
.BR-Main [class*=BR-Link][class*="--Document"]:visited,
.BR-Main [class*=BR-Link][class*="--Help"]:visited,
.BR-Main [class*=BR-Link][class*="--Phone"]:visited,
.BR-Main [class*=BR-Link][class*="--Software"]:visited,
.BR-Main [class*=BR-Link][class*="--Download"]:visited,
.BR-Main [class*=BR-Link][class*="--Printer"]:visited {
  color: #0660D7;
}
.BR-Main [class*=BR-Link],
.BR-Main [class*=BR-Link][class*="--Standalone"],
.BR-Main [class*=BR-Link][class*="--Arrow"],
.BR-Main [class*=BR-Link][class*="--SmallArrow"],
.BR-Main [class*=BR-Link][class*="--Caret"],
.BR-Main [class*=BR-Link][class*="--External"],
.BR-Main [class*=BR-Link][class*="--Document"],
.BR-Main [class*=BR-Link][class*="--Help"],
.BR-Main [class*=BR-Link][class*="--Phone"],
.BR-Main [class*=BR-Link][class*="--Software"],
.BR-Main [class*=BR-Link][class*="--Download"],
.BR-Main [class*=BR-Link][class*="--Printer"] {
  color: #0660D7;
}
.BR-Main [class*=BR-Link]:hover,
.BR-Main [class*=BR-Link][class*="--Standalone"]:hover,
.BR-Main [class*=BR-Link][class*="--Arrow"]:hover,
.BR-Main [class*=BR-Link][class*="--SmallArrow"]:hover,
.BR-Main [class*=BR-Link][class*="--Caret"]:hover,
.BR-Main [class*=BR-Link][class*="--External"]:hover,
.BR-Main [class*=BR-Link][class*="--Document"]:hover,
.BR-Main [class*=BR-Link][class*="--Help"]:hover,
.BR-Main [class*=BR-Link][class*="--Phone"]:hover,
.BR-Main [class*=BR-Link][class*="--Software"]:hover,
.BR-Main [class*=BR-Link][class*="--Download"]:hover,
.BR-Main [class*=BR-Link][class*="--Printer"]:hover {
  color: #043F8D;
}
.BR-Main [class*=BR-Link]:focus,
.BR-Main [class*=BR-Link][class*="--Standalone"]:focus,
.BR-Main [class*=BR-Link][class*="--Arrow"]:focus,
.BR-Main [class*=BR-Link][class*="--SmallArrow"]:focus,
.BR-Main [class*=BR-Link][class*="--Caret"]:focus,
.BR-Main [class*=BR-Link][class*="--External"]:focus,
.BR-Main [class*=BR-Link][class*="--Document"]:focus,
.BR-Main [class*=BR-Link][class*="--Help"]:focus,
.BR-Main [class*=BR-Link][class*="--Phone"]:focus,
.BR-Main [class*=BR-Link][class*="--Software"]:focus,
.BR-Main [class*=BR-Link][class*="--Download"]:focus,
.BR-Main [class*=BR-Link][class*="--Printer"]:focus {
  color: #043F8D;
}
.BR-Main [class*=BR-Link]:active,
.BR-Main [class*=BR-Link][class*="--Standalone"]:active,
.BR-Main [class*=BR-Link][class*="--Arrow"]:active,
.BR-Main [class*=BR-Link][class*="--SmallArrow"]:active,
.BR-Main [class*=BR-Link][class*="--Caret"]:active,
.BR-Main [class*=BR-Link][class*="--External"]:active,
.BR-Main [class*=BR-Link][class*="--Document"]:active,
.BR-Main [class*=BR-Link][class*="--Help"]:active,
.BR-Main [class*=BR-Link][class*="--Phone"]:active,
.BR-Main [class*=BR-Link][class*="--Software"]:active,
.BR-Main [class*=BR-Link][class*="--Download"]:active,
.BR-Main [class*=BR-Link][class*="--Printer"]:active {
  color: #043F8D;
}

.BR-Main [class*=BR-Link__Dark]:visited {
  color: #FFC72C;
}
.BR-Main [class*=BR-Link__Dark][class*="--Standalone"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--Arrow"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--SmallArrow"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--Caret"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--External"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--Document"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--Help"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--Phone"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--Software"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--Download"]:visited,
.BR-Main [class*=BR-Link__Dark][class*="--Printer"]:visited {
  color: #94B8F5;
}
.BR-Main [class*=BR-Link__Dark],
.BR-Main [class*=BR-Link__Dark][class*="--Standalone"],
.BR-Main [class*=BR-Link__Dark][class*="--Arrow"],
.BR-Main [class*=BR-Link__Dark][class*="--SmallArrow"],
.BR-Main [class*=BR-Link__Dark][class*="--Caret"],
.BR-Main [class*=BR-Link__Dark][class*="--External"],
.BR-Main [class*=BR-Link__Dark][class*="--Document"],
.BR-Main [class*=BR-Link__Dark][class*="--Help"],
.BR-Main [class*=BR-Link__Dark][class*="--Phone"],
.BR-Main [class*=BR-Link__Dark][class*="--Software"],
.BR-Main [class*=BR-Link__Dark][class*="--Download"],
.BR-Main [class*=BR-Link__Dark][class*="--Printer"] {
  color: #94B8F5;
}
.BR-Main [class*=BR-Link__Dark]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Standalone"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Arrow"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--SmallArrow"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Caret"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--External"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Document"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Help"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Phone"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Software"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Download"]:hover,
.BR-Main [class*=BR-Link__Dark][class*="--Printer"]:hover {
  color: #C1E9FF;
}
.BR-Main [class*=BR-Link__Dark]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Standalone"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Arrow"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--SmallArrow"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Caret"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--External"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Document"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Help"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Phone"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Software"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Download"]:focus,
.BR-Main [class*=BR-Link__Dark][class*="--Printer"]:focus {
  color: #C1E9FF;
}
.BR-Main [class*=BR-Link__Dark]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Standalone"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Arrow"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--SmallArrow"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Caret"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--External"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Document"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Help"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Phone"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Software"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Download"]:active,
.BR-Main [class*=BR-Link__Dark][class*="--Printer"]:active {
  color: #C1E9FF;
}

[class*=BR-Link][class*="--Arrow"]::before,
[class*=BR-Link][class*="--SmallArrow"]::after,
[class*=BR-Link][class*="--Caret"]::after,
[class*=BR-Link][class*="--External"]::after,
[class*=BR-Link][class*="--Document"]::before,
[class*=BR-Link][class*="--Help"]::before,
[class*=BR-Link][class*="--Phone"]::before,
[class*=BR-Link][class*="--Software"]::before,
[class*=BR-Link][class*="--Download"]::before,
[class*=BR-Link][class*="--Printer"]::before {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  filter: invert(22%) sepia(76%) saturate(5450%) hue-rotate(208deg) brightness(93%) contrast(95%);
}

[class*=BR-Link__Dark][class*="--Arrow"]::before,
[class*=BR-Link__Dark][class*="--SmallArrow"]::after,
[class*=BR-Link__Dark][class*="--Caret"]::after,
[class*=BR-Link__Dark][class*="--External"]::after,
[class*=BR-Link__Dark][class*="--Document"]::before,
[class*=BR-Link__Dark][class*="--Help"]::before,
[class*=BR-Link__Dark][class*="--Phone"]::before,
[class*=BR-Link__Dark][class*="--Software"]::before,
[class*=BR-Link__Dark][class*="--Download"]::before,
[class*=BR-Link__Dark][class*="--Printer"]::before {
  filter: invert(72%) sepia(7%) saturate(2378%) hue-rotate(182deg) brightness(100%) contrast(93%);
}

[class*=BR-Link]:hover::after,
[class*=BR-Link]:focus::after,
[class*=BR-Link]:active::after,
[class*=BR-Link]:hover::before,
[class*=BR-Link]:focus::before,
[class*=BR-Link]:active::before {
  filter: invert(14%) sepia(76%) saturate(2914%) hue-rotate(206deg) brightness(99%) contrast(97%);
}

[class*=BR-Link__Dark]:hover::after,
[class*=BR-Link__Dark]:focus::after,
[class*=BR-Link__Dark]:active::after,
[class*=BR-Link__Dark]:hover::before,
[class*=BR-Link__Dark]:focus::before,
[class*=BR-Link__Dark]:active::before {
  filter: invert(85%) sepia(6%) saturate(1874%) hue-rotate(177deg) brightness(102%) contrast(105%);
}

[class*=BR-Link][class*="--Document"]::before {
  width: 1em;
  height: 1em;
  margin: 0 0.125em -0.125em 0.125em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M5.3,0L0,5.3v10.7h12V0s-6.7,0-6.7,0ZM5,1.7v3.3H1.7l3.3-3.3ZM11,15H1V6h5V1h5v14Z'/%3E%3Cpath class='cls-1' d='M3,8h6v1H3v-1ZM3,11h3v1h-3v-1Z'/%3E%3C/svg%3E");
}

[class*=BR-Link][class*="--External"]::after {
  width: 0.875em;
  height: 0.875em;
  margin-left: 0.375em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cpath d='M15,8v6.5c0,0.1-0.1,0.3-0.1,0.4c-0.1,0.1-0.2,0.1-0.4,0.1h-13c-0.1,0-0.3-0.1-0.4-0.1C1.1,14.7,1,14.6,1,14.5v-13 c0-0.1,0.1-0.3,0.1-0.4S1.4,1,1.5,1H8V0H1.5C1.1,0,0.7,0.2,0.4,0.4S0,1.1,0,1.5v13c0,0.4,0.2,0.8,0.4,1.1S1.1,16,1.5,16h13 c0.4,0,0.8-0.2,1.1-0.4s0.4-0.7,0.4-1.1V8H15z'/%3E%3Cpath d='M7.1,8.1l0.7,0.7L15,1.7V5h1V0h-5v1h3.3L7.1,8.1z'/%3E%3C/svg%3E%0A");
}

[class*=BR-Link][class*="--Help"]::before {
  width: 1em;
  height: 1em;
  margin: 0 0.25em -0.125em 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cpath d='M8,0C6.4,0,4.9,0.5,3.6,1.3S1.2,3.5,0.6,4.9S-0.2,8,0.2,9.6c0.3,1.6,1.1,3,2.2,4.1c1.1,1.1,2.5,1.9,4.1,2.2s3.2,0.2,4.6-0.5 c1.5-0.6,2.7-1.6,3.6-2.9C15.5,11.1,16,9.6,16,8c0-2.1-0.8-4.2-2.3-5.7C12.2,0.8,10.1,0,8,0z M8,15c-1.4,0-2.7-0.4-3.9-1.2 c-1.2-0.8-2-1.9-2.6-3.1C1,9.4,0.9,8,1.1,6.6C1.4,5.3,2.1,4,3.1,3.1c1-1,2.2-1.6,3.6-1.9C8,0.9,9.4,1,10.7,1.5 C12,2.1,13.1,3,13.8,4.1C14.6,5.3,15,6.6,15,8c0,1.9-0.7,3.6-2.1,4.9C11.6,14.3,9.9,15,8,15z'/%3E%3Cpath d='M5.3,5.4C5.1,5.8,5.1,6.2,5,6.6h1.8c0-0.3,0-0.6,0.1-0.8c0.1-0.3,0.3-0.5,0.5-0.6C7.7,5,7.8,4.9,8.1,4.9 c0.2,0,0.4,0,0.6,0.2C8.8,5.2,8.9,5.4,9,5.5c0.1,0.2,0.1,0.4,0.1,0.6c0,0.6-0.4,1-0.9,1.3C7.9,7.6,7.6,7.9,7.5,8.3 C7.3,8.6,7.2,8.9,7.2,9.3v0.5h1.6V9.4c0.2-1.2,1.7-1.3,2-2.5C12,3.5,6.3,2.3,5.3,5.4z M7,10.5h1.9v1.9H7V10.5z'/%3E%3C/svg%3E%0A");
}

[class*=BR-Link][class*="--Phone"]::before {
  width: 1em;
  height: 1em;
  margin: 0 0.25em -0.125em 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.03 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M10.9,16h-2.4c-.79,0-1.57-.2-2.27-.58-.7-.38-1.29-.92-1.73-1.58L.64,8.1C.13,7.33-.09,6.4.03,5.49v-.19C.13,3.94.32,1.4,1.87.36,2.25.08,2.72-.04,3.18.01c.46.05.89.28,1.2.63l1.65,1.83c.24.3.36.69.34,1.07-.02.39-.18.75-.46,1.03l-1.24,1.13c-.09.1-.15.22-.16.35-.01.13.02.27.09.38l3.12,4.67c.05.07.11.13.19.18s.16.07.24.08c.09.01.17,0,.26-.03.08-.03.16-.08.22-.14l.58-.51c.17-.16.38-.29.6-.36.23-.07.47-.1.7-.07.24.03.46.11.66.24.2.13.37.3.49.51l1.07,1.77c.19.32.29.69.3,1.07,0,.38-.09.75-.28,1.08-.19.33-.45.6-.78.79-.32.19-.69.29-1.07.29ZM3.03,1c-.22,0-.43.07-.62.18-1.15.82-1.32,3-1.38,4.19v.2c-.1.7.07,1.42.48,2l3.83,5.75c.35.52.82.94,1.37,1.23.55.29,1.16.45,1.79.45h2.4c.2,0,.4-.04.58-.14.18-.1.32-.24.43-.42.1-.17.16-.37.15-.58,0-.2-.06-.4-.16-.57l-1.06-1.77c-.05-.08-.11-.14-.18-.19-.08-.05-.16-.08-.25-.09-.09-.01-.18,0-.26.03-.08.03-.16.08-.22.14l-.58.51c-.17.16-.37.29-.59.36s-.45.1-.68.08c-.23-.02-.45-.1-.65-.22-.2-.12-.37-.28-.5-.48l-3.15-4.66c-.2-.31-.29-.67-.26-1.04.04-.36.2-.71.46-.96l1.19-1.15c.09-.1.14-.24.14-.38s-.05-.27-.14-.38l-1.57-1.83c-.07-.09-.15-.16-.25-.2-.1-.05-.2-.07-.31-.07Z'/%3E%3C/svg%3E");
}

[class*=BR-Link][class*="--Software"]::before {
  vertical-align: baseline;
  width: 1em;
  height: 0.75em;
  margin: 0 0.25em 0 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 12' style='enable-background:new 0 0 16 12;' xml:space='preserve'%3E%3Cpath d='M15,10V1.5c0-0.4-0.2-0.8-0.4-1.1S13.9,0,13.5,0h-11C2.1,0,1.7,0.2,1.4,0.4S1,1.1,1,1.5V10H0v1c0,0.3,0.1,0.5,0.3,0.7 C0.5,11.9,0.7,12,1,12h14c0.3,0,0.5-0.1,0.7-0.3S16,11.3,16,11v-1H15z M9,11H7c-0.4-0.3-0.9-1.1-1.4-1H2V1.5c0-0.1,0.1-0.3,0.1-0.4 C2.2,1.1,2.4,1,2.5,1h11c0.1,0,0.3,0.1,0.4,0.1C13.9,1.2,14,1.4,14,1.5V10h-3.6C9.9,10,9.4,10.7,9,11z'/%3E%3C/svg%3E%0A");
}

[class*=BR-Link][class*="--Arrow"] {
  font-weight: 500;
}
[class*=BR-Link][class*="--Arrow"]::before {
  vertical-align: middle;
  width: 1.25em;
  height: 1.25em;
  margin: -2px 0.375em 0 0;
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12,3.6c4.63,0,8.4,3.77,8.4,8.4s-3.77,8.4-8.4,8.4S3.6,16.63,3.6,12,7.37,3.6,12,3.6m0-3.6C5.37,0,0,5.37,0,12s5.37,12,12,12,12-5.37,12-12S18.63,0,12,0h0Z"/><path d="m5.99,12v2h6.05l.04,3.33c0,.31.38.46.6.24l5.63-5.57-5.63-5.57c-.22-.22-.59-.06-.6.24l-.04,3.33h-6.05v2Z"/></svg>');
}

[class*=BR-Link][class*=SmallArrow]::after {
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin: 0.125em 0 0 0.5em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.71 10.79'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-linecap:square;%7D.cls-1,.cls-2%7Bfill:none;stroke:%23000;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M10.31.71l4.69,4.69'/%3E%3Cpath class='cls-2' d='M0,5.4h15'/%3E%3Cpath class='cls-1' d='M10.31,10.09l4.69-4.69'/%3E%3C/svg%3E");
}

[class*=BR-Link][class*="--Caret"] {
  font-weight: 500;
}
[class*=BR-Link][class*="--Caret"]::after {
  vertical-align: middle;
  width: 0.75em;
  height: 0.75em;
  margin: -2px 0 0 0.375em;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.36 15.32'%3E%3Cpath d='m8.36,7.66L.7,15.32l-.7-.71,6.95-6.95L0,.71l.7-.71,7.66,7.66Z'/%3E%3C/svg%3E");
}

[class*=BR-Link][class*="--Download"]::before {
  vertical-align: baseline;
  width: 1em;
  height: 0.75em;
  margin: 0 0.25em 0 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13.43,7.43l-.71-.71-4.22,4.23V0h-1v10.95L3.28,6.72l-.71.71,5.43,5.43,5.43-5.43Z'/%3E%3Cpath d='M15,12v3H1v-3H0v4h16v-4h-1Z'/%3E%3C/svg%3E");
}

[class*=BR-Link][class*="--Printer"]::before {
  vertical-align: baseline;
  width: 1em;
  height: 0.875em;
  margin: 0 0.3em -0.1em 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14.5,4h-1.5V0H3v4h-1.5c-.4,0-.78.16-1.06.44-.28.28-.44.66-.44,1.06v7c0,.4.16.78.44,1.06.28.28.66.44,1.06.44h1.5v2h10v-2h1.5c.4,0,.78-.16,1.06-.44.28-.28.44-.66.44-1.06v-7c0-.4-.16-.78-.44-1.06s-.66-.44-1.06-.44ZM4,1h8v3H4V1ZM12,15H4v-3h8v3ZM15,12.5c0,.13-.05.26-.15.35-.09.09-.22.15-.35.15h-1.5v-2H3v2h-1.5c-.13,0-.26-.05-.35-.15-.09-.09-.15-.22-.15-.35v-7c0-.13.05-.26.15-.35.09-.09.22-.15.35-.15h13c.13,0,.26.05.35.15.09.09.15.22.15.35v7Z'/%3E%3Cpath d='M12,9c.55,0,1-.45,1-1s-.45-1-1-1-1,.45-1,1,.45,1,1,1Z'/%3E%3C/svg%3E");
}

.ReadTime {
  color: var(--Gray-70);
}

/*************************************************
Pill buttons
*************************************************/
[class^=UX-Btn] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.03em;
  text-align: center;
}

.UX-Btn--Center {
  margin-left: auto;
  margin-right: auto;
}
.UX-Btn--Primary, .UX-Btn--Secondary {
  border-radius: 4em;
  padding: 0.67em 1.5em;
}
.UX-Btn--Tertiary {
  display: inline-flex;
  padding: 0 0.5em;
}
.UX-Btn--Small {
  font-size: var(--Font-Small);
}
.UX-Btn--Medium {
  font-size: var(--Font-Medium);
}
.UX-Btn--Large {
  font-size: var(--Font-Large);
}
.UX-Btn--XLarge {
  font-size: var(--Font-XLarge);
}
.UX-Btn__Icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: calc(1rem + 4px);
  height: calc(1rem + 4px);
  content: "";
  padding: 2px;
}
.UX-Btn__Icon path {
  fill: currentColor;
}
.UX-Btn:hover {
  text-decoration: none;
}

.UX-Btn--Blue.UX-Btn--Primary {
  color: var(--White);
  background: var(--Link-Light-Default);
  box-shadow: inset 0 0 0 2px var(--Link-Light-Default);
}
.UX-Btn--Blue.UX-Btn--Primary:hover {
  background: var(--BradyBlue-50);
  box-shadow: inset 0 0 0 2px var(--BradyBlue-50);
}
.UX-Btn--Blue.UX-Btn--Secondary {
  color: var(--Link-Light-Default);
  background: transparent;
  box-shadow: inset 0 0 0 2px var(--Link-Light-Default);
}
.UX-Btn--Blue.UX-Btn--Secondary:hover {
  color: var(--BradyBlue-50);
  box-shadow: inset 0 0 0 2px var(--BradyBlue-50);
}
.UX-Btn--Blue.UX-Btn--Tertiary {
  color: var(--Link-Light-Default);
}
.UX-Btn--Blue.UX-Btn--Tertiary:hover {
  color: var(--BradyBlue-50);
}

.UX-Btn--White.UX-Btn--Primary {
  color: var(--Black);
  background: var(--White);
  box-shadow: inset 0 0 0 2px var(--White);
}
.UX-Btn--White.UX-Btn--Primary:hover {
  background: var(--Gray-30);
  box-shadow: inset 0 0 0 2px var(--Gray-30);
}
.UX-Btn--White.UX-Btn--Secondary {
  color: var(--White);
  background: transparent;
  box-shadow: inset 0 0 0 2px var(--White);
}
.UX-Btn--White.UX-Btn--Secondary:hover {
  color: var(--Gray-30);
  box-shadow: inset 0 0 0 2px var(--Gray-30);
}
.UX-Btn--White.UX-Btn--Tertiary {
  color: var(--White);
}
.UX-Btn--White.UX-Btn--Tertiary:hover {
  color: var(--Gray-30);
}

.UX-Btn--Black.UX-Btn--Primary {
  color: var(--White);
  background: var(--Black);
  box-shadow: inset 0 0 0 2px var(--Black);
}
.UX-Btn--Black.UX-Btn--Primary:hover {
  background: var(--Gray-70);
  box-shadow: inset 0 0 0 2px var(--Gray-70);
}
.UX-Btn--Black.UX-Btn--Secondary {
  color: var(--Black);
  background: transparent;
  box-shadow: inset 0 0 0 2px var(--Black);
}
.UX-Btn--Black.UX-Btn--Secondary:hover {
  color: var(--Gray-70);
  box-shadow: inset 0 0 0 2px var(--Gray-70);
}
.UX-Btn--Black.UX-Btn--Tertiary {
  color: var(--Black);
}
.UX-Btn--Black.UX-Btn--Tertiary:hover {
  color: var(--Gray-70);
}

/* Example of a button with an icon. Make sure that either the icon is all one compound path, or make sure fill="currentColor" is added to all paths within the svg.
<a class="UX-Btn--Primary UX-Btn--Blue UX-Btn--Large" href="">
  <span class="UX-Btn__Icon">
    <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.43,7.43l-.71-.71-4.22,4.23V0h-1v10.95L3.28,6.72l-.71.71,5.43,5.43,5.43-5.43ZM15,12v3H1v-3H0v4h16v-4h-1Z" fill="currentColor"/></svg>
  </span>
  Button text
</a>
*/
/*************************************************
Display text
*************************************************/
h1.UX-DisplayText {
  font-size: clamp(2.5rem, 4.5vw, 3.75rem);
}
h1.UX-DisplayText--Large {
  font-size: clamp(2.5rem, 5.5vw, 5rem);
}

h2.UX-DisplayText {
  font-size: clamp(1.875rem, 4vw, 2.813rem);
}
h2.UX-DisplayText--Large {
  font-size: clamp(1.875rem, 5vw, 3.75rem);
}

h3.UX-DisplayText {
  font-size: clamp(1.375rem, 3.5vw, 2.063rem);
}
h3.UX-DisplayText--Large {
  font-size: clamp(1.375rem, 4.5vw, 2.75rem);
}

h4.UX-DisplayText {
  font-size: clamp(1.25rem, 3vw, 1.875rem);
}
h4.UX-DisplayText--Large {
  font-size: clamp(1.25rem, 4vw, 2.5rem);
}

h5.UX-DisplayText {
  font-size: clamp(1.125rem, 2.5vw, 1.688rem);
}
h5.UX-DisplayText--Large {
  font-size: clamp(1.125rem, 3.5vw, 2.25rem);
}

h6.UX-DisplayText {
  font-size: clamp(1rem, 2vw, 1.5rem);
}
h6.UX-DisplayText--Large {
  font-size: clamp(1rem, 3vw, 2rem);
}

p.UX-DisplayText {
  font-size: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.5;
}
p.UX-DisplayText--Large {
  font-size: clamp(1rem, 3vw, 2rem);
  line-height: 1.5;
}

/*************************************************
Value props
*************************************************/
.UX-ValueProp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
  margin: 0 0 1rem 0;
  max-width: 300px;
}
.UX-ValueProp__Image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 0.25rem;
}
.UX-ValueProp__Image--Small {
  width: 50px;
  height: 50px;
}
.UX-ValueProp__Image img {
  width: auto;
  height: 90%;
  margin: 0 auto;
}
.UX-ValueProp__Heading {
  font-size: 1.125rem;
  margin: 0;
}
.UX-ValueProp__Description {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}

[class^=UX-ValueProps] {
  margin-left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--UX-GridGutter);
  container-type: inline-size;
  width: 100%;
}

/* Responsiveness */
.UX-ValueProps--3Across {
  container-name: ux-value-props-3-across;
}

.UX-ValueProps--4Across {
  container-name: ux-value-props-4-across;
}

.UX-ValueProps--5Across {
  container-name: ux-value-props-5-across;
}

.UX-ValueProps--6Across {
  container-name: ux-value-props-6-across;
}

@container (min-width: 500px) {
  .UX-ValueProp {
    width: calc(50% - var(--UX-GridGutter) / 2);
    max-width: none;
  }
}
@container ux-value-props-3-across (min-width: 640px) {
  .UX-ValueProp {
    width: calc(33.33% - 2 * (var(--UX-GridGutter)) / 3);
  }
}
@container ux-value-props-4-across (min-width: 768px) {
  .UX-ValueProp {
    width: calc(25% - 3 * (var(--UX-GridGutter)) / 4);
  }
}
@container ux-value-props-5-across (min-width: 640px) {
  .UX-ValueProp {
    width: calc(33.33% - 2 * (var(--UX-GridGutter)) / 3);
  }
}
@container ux-value-props-5-across (min-width: 1024px) {
  .UX-ValueProp {
    width: calc(20% - 4 * (var(--UX-GridGutter)) / 5);
  }
}
@container ux-value-props-6-across (min-width: 640px) {
  .UX-ValueProp {
    width: calc(33.33% - 2 * (var(--UX-GridGutter)) / 3);
  }
}
@container ux-value-props-6-across (min-width: 1200px) {
  .UX-ValueProp {
    width: calc(16.66% - 5 * (var(--UX-GridGutter)) / 6);
  }
}

/*************************************************
Category cards
*************************************************/
.UX-CategoryCards {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--UX-GridGutter);
  margin-left: 0;
  container-type: inline-size;
  container-name: ux-category-cards;
  width: 100%;
}
.UX-CategoryCards--Center {
  justify-content: center;
}
.UX-CategoryCards--Square .UX-CategoryCard__Image {
  border-radius: 0.25rem;
}

/* Set up the individual list items */
.UX-CategoryCard {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.375rem;
  text-align: center;
  line-height: 1.4;
  width: 100%;
  padding: 2px;
  margin: 0;
  /* Responsive widths */
}
.UX-CategoryCard__Top {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  border-radius: 0.25rem;
}
.UX-CategoryCard__Top:hover .UX-CategoryCard__WhiteTint {
  display: none;
}
.UX-CategoryCard__Top:focus-within {
  outline: 2px solid var(--Link-Light-Default);
  outline-offset: 2px;
}
.UX-CategoryCard__Image {
  position: relative;
  border-radius: 50%;
  overflow: clip;
  margin: 0 auto;
  max-width: 144px;
  aspect-ratio: 1/1;
}
.UX-CategoryCard__Image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.UX-CategoryCard__WhiteTint {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.UX-CategoryCard__Paragraph {
  margin: 0;
  font-size: 0.875rem;
}
.UX-CategoryCard a {
  color: var(--Link-Light-Default);
}
@container ux-category-cards (min-width: 18em) {
  .UX-CategoryCard {
    width: calc(50% - var(--UX-GridGutter) / 2);
  }
}
@container ux-category-cards (min-width: 30em) {
  .UX-CategoryCard {
    width: calc(33.33% - 2 * var(--UX-GridGutter) / 3);
  }
}
@container ux-category-cards (min-width: 40em) {
  .UX-CategoryCard {
    width: calc(25% - 3 * var(--UX-GridGutter) / 4);
  }
}
@container ux-category-cards (min-width: 64em) {
  .UX-CategoryCard {
    width: calc(16.66% - 5 * var(--UX-GridGutter) / 6);
  }
}

/* Focus and hover styles */
.UX-CategoryCard:hover .UX-CategoryCard__Image img {
  transform: scale(1.1);
  transition: 0.8s ease-in-out;
}

/* Focus and hover styles for links */
.UX-CategoryCard__Top:hover .UX-CategoryCard__VisibleLink,
.UX-CategoryCard .UX-CategoryCard__VisibleLink:focus {
  outline: none;
  text-decoration: none;
  color: var(--Link-Light-Hover);
}

/* Remove tint on hover */
.UX-CategoryCard__Top:hover .UX-CategoryCard__WhiteTint {
  display: none;
}

/*************************************************
Simple card links
*************************************************/
.UX-SimpleCardLinks--Center .UX-SimpleCardLink {
  text-align: center;
}
.UX-SimpleCardLinks--Center .UX-SimpleCardLink__Image {
  margin: 0 auto;
}

/* Set up the individual list items */
.UX-SimpleCardLink {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  line-height: 1.4;
  width: 100%;
  margin: 0;
}
.UX-SimpleCardLink__Top {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  border-radius: 0.25rem;
}
.UX-SimpleCardLink__Top:focus-within {
  outline: 2px solid var(--Link-Light-Default);
  outline-offset: 2px;
}
.UX-SimpleCardLink__Image {
  border-radius: 0.25rem;
  overflow: clip;
  width: 100%;
  height: auto;
}
.UX-SimpleCardLink__Image img {
  width: 100%;
  height: 100%;
}
.UX-SimpleCardLink__Paragraph {
  margin: 0;
}
.UX-SimpleCardLink__VisibleLink {
  color: var(--Link-Light-Default);
}

/* Focus and hover styles for links */
.UX-SimpleCardLink .UX-SimpleCardLink__VisibleLink:focus,
.UX-SimpleCardLink__VisibleLink:focus-visible {
  outline: none;
  text-decoration: none;
  color: var(--Link-Light-Hover);
}

/*************************************************
Panels for breaking up content into chunks
*************************************************/
[class^=UX-Panel] {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  padding-top: clamp(2rem, 4vw, 3rem);
  padding-bottom: clamp(2rem, 4vw, 3rem);
  padding-left: clamp(1rem, 3vw, 2rem);
  padding-right: clamp(1rem, 3vw, 2rem);
  container-type: inline-size;
  width: 100%;
}

.UX-Panel--White {
  background: white;
}
.UX-Panel--Small {
  border-radius: 0.25rem;
  padding-top: clamp(1rem, 3vw, 1.5rem);
  padding-bottom: clamp(1rem, 3vw, 1.5rem);
  padding-left: clamp(0.75rem, 2vw, 1.5rem);
  padding-right: clamp(0.75rem, 2vw, 1.5rem);
}

/*************************************************
Modal
*************************************************/
.UX-Modal {
  display: none;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
.UX-Modal--Show {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .UX-Modal--Show {
    align-items: center;
    justify-content: center;
  }
}
.UX-Modal__Content {
  position: relative;
  background: white;
  width: 100%;
  min-height: 50vh;
  max-height: 80vh;
  margin: 0 auto;
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .UX-Modal__Content {
    border-radius: 0.5rem;
    width: 90%;
    max-width: 64em;
  }
}
.UX-Modal__InnerContent {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 1rem;
}
@media screen and (min-width: 600px) {
  .UX-Modal__InnerContent {
    padding: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .UX-Modal__InnerContent {
    padding: 2rem 3rem;
  }
}
.UX-Modal__InnerContent h2:first-child, .UX-Modal__InnerContent h3:first-child, .UX-Modal__InnerContent h4:first-child, .UX-Modal__InnerContent h5:first-child, .UX-Modal__InnerContent h6:first-child {
  margin-top: 0;
}
.UX-Modal__CloseButton {
  display: block;
  float: right;
  position: sticky;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 50%;
  box-shadow: none;
  color: black;
  font: 1.5rem/1.5rem Roboto, sans-serif;
  padding: 0.625rem 0.75rem;
  margin: 0.5rem;
}
.UX-Modal__CloseButton::before {
  content: "✕";
}
.UX-Modal__CloseButton:hover, .UX-Modal__CloseButton:focus {
  color: black;
}
.UX-Modal__CloseButton:hover {
  background: var(--BradyBlue-5);
}
.UX-Modal__CloseButton:focus {
  border: 2px solid var(--Link-Light-Default);
}

/* Example modal
<button data-modal-trigger='1' class='UX-Modal__OpenButton'>Open the example modal</button>

<div data-modal='1' class='UX-Modal UX-Modal--Destructive' role='dialog' aria-label='Example modal'>
  <div class='UX-Modal__Content'>
    <button data-modal-close-button class='UX-Modal__CloseButton' aria-label='Close'></button> 
    <div class='UX-Modal__InnerContent'>
      <h2>Example modal</h2>
      <p>Thank you for opening the modal.</p>
      <a href="#">test link</a>
    </div>
  </div>
</div>
*/

/*# sourceMappingURL=ux-styles.css.map */