body:has(.search-backdrop.slds-backdrop:not(.slds-hide)) {
  overflow: hidden;
}

svg[data-key="logout"] {
  fill: white;
}
.contentArea{
    padding-top: 20px;
    display: flex;
    justify-content: space-around;
    min-height: 400px;
}
.contentHeader{
    padding-top: 30px;
    display: flex;
    justify-content: space-around;
}

.contentHeader > c-site-breadcrumb {
    width: 82%;
    max-width: 67.5rem;
    padding-left: 15px;
}
.contentHeader h1{
 font-family: FrauncesRegular !important;
}

.siteforceContentArea{
    width: 82%;
    max-width: 67.5rem;
}
.search-icon .slds-button{
    width: 44px;
    height: 44px;
    background-color: #abc1a4;
    border-radius: 0px;
    border: none;
    margin-left: 1px;
}
.search-overlay .search-icon .slds-button{
    width: 64px !important;
    height: 64px !important;
    background-color: #abc1a4;
    border-radius: 0px;
    border: none;
}
.search-icon .slds-button:hover{
    background-color: #c3d2c0;
}

.search-icon .slds-button .slds-button__icon{
    width: 30px;
    height: 18px;
    color: #000B34;
}

.search-overlay .search-icon .slds-button .slds-button__icon{
    width: 32px;
    height: 26px;
    color: #000B34;
}
.search-overlay .slds-form-element__label{
 display: none;
}

.search-overlay .slds-input{
 height: 64px;
 width: 340px;
 border-radius: 0;
 font-size: 1.46rem;
 border: none;
}

.search-overlay-mobile .search-icon .slds-button .slds-button__icon{
    width: 30px;
    height: 18px;
    color: #000B34;
}
.search-overlay-mobile .slds-form-element__label{
 display: none;
}

.search-overlay-mobile .slds-input{
 height: 44px;
 width: 100%;
 border-radius: 0;
 font-size: 1rem;
 border: none;
}

.search-backdrop{
    background-color: #000f46 !important;
}
.search-overlay{
    margin-top: 1rem;
    margin-right: 0.2rem;
    display: flex;
    justify-content: flex-end;
}

.search-overlay-mobile{
    display: flex;
    /* margin-top: 10px; */
    padding-bottom: 10px;
    border-bottom: 1px solid #656C8B;
}
.search-overlay-mobile .search-input-mobile{
    flex: 1 1 auto !important;
}



.search-overlay .close-button-container{
    width: 60px;
    margin: unset;
    flex-direction: column;
}

.search-overlay .close-button-container .slds-button{
    color: #fff;
}
.search-overlay .close-button-container .slds-button svg{
    height: 28px;
    width: 28px;
}

.search-overlay .close-button-container .slds-button:hover{
    color: #46C8F0;
}

.search-overlay .close-button-container .button-text{
    color: #fff;
}

.search-overlay .close-button-container .button-text:hover, .close-button-container:hover .button-text,.close-button-container:hover .slds-button {
    color: #46C8F0;
    text-decoration: underline;
}



.outer-container {
    margin: 0 auto;
    width: 100%;
    min-height: 96px;
    max-height: 160px;
  }
  
  .topnav {
    background-color: #000F46;
    overflow: visible;
    /* padding-left: calc(2VW);
    padding-right: calc(2VW); */

    display: flex;
    height: 100%;
    min-height: 96px;
  }
  
  .slds-icon-action-user {
    background-color: #46C8F0 !important;
  }
  .menuIcon {
    --sds-c-icon-color-foreground-default: white;
    --sds-c-icon-color-background: #000F46;
  }

  /* Style the links inside the navigation bar */
  .topnav a {
    color: #f2f2f2;
    text-align: center;
    padding: 8px 8px;
    text-decoration: none;
    font-size: 1.125rem;
    display: inline-block;
    align-self: flex-end;
  }
  
  /* Change the color of links on hover */
  .topnav a.desktop-link:hover {
    background-color: #031866;
    color: white;
  }

  .topnav a.vertical-menu-link {
    width: -webkit-fill-available;
    width: 100%;
  }
  .topnav a.vertical-menu-link:hover {
    background-color: #031866;
    color: white;
    cursor: pointer;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }

  .icon-menu {
    display: flex;
    width: 100%;
    flex-direction: row;
  }

  .icon-menu:hover {
    background-color: #031866;
    color: white;
    cursor: pointer;
  }
.logo-container .logo{
    width: 85px !important;
    max-width: 124px !important;
}
  .logo {

    height: auto !important;

    min-width: 80px;
    --logo-src: var(--footer-logo); /*url("/student/s/resource/PortalResource/icons/logo.svg");*/
    --logo-width: var(--logo-size-sm);
    --logo-multiplier: 1.145;
    display: inline-flex;
    width: var(--logo-width);
    aspect-ratio: 1;
    background-color: var(--col-bg-primary);
    background-size: contain !important;
    vertical-align: middle;
    margin: 5px;
  }
  
  .icon .bar {
    height: 3px;
    width: 30px;
    background-color: white;
    transition: all 100ms ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 7px;
  }

  .icon .mobile-menu-open.isOpen {
    display: inline;
    transition: all 100ms ease-in-out;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
  }
  
  .icon .mobile-menu-open {
    display: none;
  }

  .icon .mobile-menu-close {
    display: none;
  }

  .icon .mobile-menu-close.isOpen {
    display: inline;
    transition: all 100ms ease-in-out;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
  }
  
  .icon:hover {
    cursor: pointer;
  }
  
  .x:nth-of-type(1) {
    transition: all 100ms ease-in-out;
    transform: rotate(45deg);
    transform-origin: top left;
    width: 30px !important;
  }
  
  .x:nth-of-type(2) {
    transition: all 100ms ease-in-out;
    transform-origin: center;
    width: 0 !important;
  }
  
  .x:nth-of-type(3) {
    transition: all 100ms ease-in-out;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    width: 30px !important;
  }

  .profile-menu-container {
    display: inline-block;
    align-self: flex-end;
    margin-left: auto;
  }

  .profile-menu-container .slds-icon_container {
    cursor: pointer;
  }

  .profile-menu {
    background-color: #000F46;
    overflow: visible;
    position: relative;
  }
.profile-menu .slds-popover{
    top:51px !important;
}
  .open.profile-menu {
    background-color: #000F46;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    right: 0;
    justify-content: space-between;
    margin-top: 12px;
    z-index: 9999;
  }

  .open.profile-menu a {
    width: 100%;
    text-align: left;
    display: block !important;
    min-width: 150px;
  }

  .topnav .desktop-menu {
    width: 100%;
  }

  .topnav .mobile-menu {
    display: none;
  }

  .mobile-breadcrumb{
    display: none;
  }

  .vertical-menu-sub .profile-sub {
    display: none;
    transition: 0.5s;
  }

  .icon-menu .profile-link-icon {
    display: none !important;
  }

  .icon-menu .profile-link-icon.isOpen {
    display: block !important;
  }
  
  .slds-button_icon-border-filled, .profile-button_icon button{
    background: #46C8F0;
    border-radius: 2rem;
    color: white;
    border: none;
    padding: 1.3rem;
  }
  /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
  @media screen and (max-width: 800px) {
      .topnav a:not(:first-child) {display: none;}
      .topnav a.icon {
        display: block;
        position: absolute;
        right: 0;
      }
      .topnav div.icon {
        display: block;
        right: 0;
        position: absolute;
        top: 16px;
        color: white;
        text-align: center;
        padding: 8px;
        width: 75px;
      }
      .topnav div.icon div.bars {
        display: block;
        width: 100%;
        position: relative;
        padding-left: 8px;
      }
      .topnav .desktop-menu {
        display: none;
      }
      .desktop-breadcrumb{
           display: none !important;
      }
    }

    .sfdc-header {
    background-color: #001f5b; /* University's primary dark blue */
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    z-index: 1001;
}


.engage-text {
    color: white;
    font-weight: 600;
    margin-left: 1rem;
    font-size: 1rem;
}
.engage-text a{
    color: #fff !important;
    text-decoration: none !important;
}

.engage-text a:hover{
    color: #47C8F0 !important;
    text-decoration: underline !important;
}
.portal-menu-container c-portal-menu{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-right: 30px;
}
/* Hide the desktop menu container on smaller screens */
.slds-col.slds-size_2-of-3 {
    display: block;
}

/* Mobile Menu Styles */
.mobile-menu {
  position: fixed;
  top: 110px;
  right: 0;
  background-color: #000b34;
  padding: 1rem;
  border-top: 1px solid #212e5d;
  z-index: 999;
  height: calc(100vh - 110px); 
  width: 100%;
  overflow-y: auto; 
  -webkit-overflow-scrolling: touch;
}


.desktop-menu .profile-menu .slds-popover ul li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.desktop-menu .profile-menu .slds-popover ul{
    margin-top: 6px;
}

.mobile-menu .profile-menu .menu-dropdown ul li {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.mobile-menu .profile-menu .menu-dropdown ul{
    margin-top: 6px;
}

.mobile-menu .profile-menu {
    background-color: #000b34 !important;
 }

.mobile-menu li, .mobile-menu .profile-button, .mobile-menu .portal-menu-item{
    font-weight: 700;
    font-size: 1.125rem !important;
}

.mobile-menu .slds-nav-vertical li{
    font-weight: 700;
    font-size: 0.875rem !important;
}
.mobile-menu .slds-nav-vertical li a{
    color: #abc1a4 !important;
    padding-left: 16px;
}

.mobile-menu .slds-nav-vertical li a:hover{
    text-decoration: underline;
    color: #47C8F0 !important;
}

.topnav .mobile-view{
 display: none !important;
}

@media (max-width: 800px) {
    .slds-col.slds-size_2-of-3 {
        display: none; /* Hide desktop menus on mobile */
    }
}

@media (max-width: 640px) {
    .slds-card .slds-grid {
        justify-content: left !important;
 
    }

}

@media (min-width: 800px) {
    .slds-medium-hide.slds-large-hide {
        display: none; /* Hide hamburger on desktop */
    }
    .mobile-menu, .mobile-breadcrumb {
        display: none !important;
    }
}



    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

    @media screen and (max-width: 800px) {
        /* .outer-container::before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.5); 
            z-index: 990; 
            pointer-events: none; 
           }*/

           
        .siteforceContentArea{
         width: 100% !important;
        }
      .engage-text{
        display: none !important;
      }
      .topnav .mobile-view{
            display: block !important;
        }
      .topnav{
        z-index: 998;
        position: fixed;
        width: 100%;
        height: 110px;
        align-items: center;
      } 
      .topnav.responsive {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        display: block;
        z-index: 998;
        height: calc(100VH);

      }
      .topnav.responsive .mobile-view {
            top: 34px;
            position: absolute;
            left: 112px;
      }
      .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 16px;
      }
      .topnav.responsive div.icon {
        display: block;
        right: 0;
        position: absolute;
        top: 16px;
        color: white;
        text-align: center;
        padding: 8px;
        width: 75px;
      }
      .topnav.responsive div.icon div.bars {
        display: block;
        width: 100%;
        position: relative;
        padding-left: 12px;
      }
      .topnav.responsive a.logolink {
        width: fit-content;
      }
      .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
      }
      .topnav.responsive .mobile-menu {
        display: block;
        padding-top: 1rem;
      }
 .contentHeader,
    .mobile-breadcrumb {
        display: flex;
        justify-content: left;
    }
    .custom-dropdown-menu-container .slds-dropdown-trigger .slds-button {
        margin-bottom: 0 !important;
    }
    .custom-dropdown-menu-container .slds-dropdown {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }
    .custom-dropdown-menu-container .slds-dropdown .slds-icon {
        display: none;
    }

      .topnav.responsive .mobile-menu .vertical-menu-sub .profile-sub {
        padding-left: 2.5rem;
      }
      .vertical-menu-sub .profile-sub.isOpen {
        display: block;
        transition: 0.5s;
      }
      .profile-link-icon.active {
        color: #46C8F0;
        display: none !important;
      }
      .profile-link-icon.active.isOpen {
        color: #46C8F0;
        display: block !important;
      }
      .profile-link-icon.active.isOpen:hover {
        color: #46C8F0 !important;
      }
    }
/* portalMenu.css */

/*
 * DESKTOP STYLES
 * Styles for the main portal menu container and items on larger screens.
 */
.portal-menu {
margin-top: 5px;
margin-bottom: 5px;
}

/* Base styling for menu items and the user profile button */
.portal-menu-item, .profile-button {
    color: white !important;
    line-height: 1em;
    background: none;
    border: none;
    font-size: 1rem !important;
    font-weight: 700;
    padding: 16px 14px !important;
    letter-spacing: -0.01em;
    margin: 0 4px;
    border-radius: 4px; /* Slightly rounded corners */
    cursor: pointer;
    transition: background-color 0.2s ease-in-out; /* Smooth hover effect */
    display: inline-flex; /* Aligns icon and text */
    align-items: center;
    border-radius: 0 !important;
}
.portal-menu .profile-button::after {
    content: "";
    position: absolute;
    left: -25px;
    height: 100%;
    border-left: 1px solid #212e5d;
}
.profile-button {
    margin-left: 30px;
    position: relative;
}
.mobile-menu .portal-menu-item {
    border-top: 1px solid #656C8B;
}
.mobile-menu .slds-nav-vertical{
    padding-top: 1rem;
    border-top: 1px solid #656C8B;
}

.slds-icon_container_circle.slds-icon-action-user.slds-icon_container{

  width: 20px;
  height: 20px;
  background-color: #656C8B !important;
  position: relative;
}
.slds-icon_container_circle.slds-icon-action-user.slds-icon_container svg {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 25%;
  left: 20%;
  margin: 0;
}

/* Hover state for menu items and profile button */
.portal-menu-item:hover, .profile-button:hover{
    background-color: #a3e4f7;
    color: #000f46 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    fill: #000f46 !important;
}
.portal-menu-item:hover svg, .portal-menu-mobile .portal-menu-item:hover svg, .portal-menu-mobile .profile-button:hover svg[data-key="chevrondown"], .portal-menu-mobile .profile-button:hover svg[data-key="chevronup"], .profile-button:hover svg[data-key="chevrondown"] , .profile-button:hover svg[data-key="chevronup"] {
    color: #000f46 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    fill: #000f46 !important;
}

/* Styling for all icons within the menu items and profile button */
.portal-menu-item .slds-icon, .profile-button .slds-icon {
    --sds-c-icon-color-foreground-default: white; /* Ensures icons are white */
    margin-left: 8px; /* Space between text and dropdown arrow */
}

/* Each menu item is a list item, positioned to anchor its dropdown */
li {
    position: relative;
    list-style: none;
}

/*
 * DROPDOWN MENU STYLES (POPOVER)
 * Styles for the dropdown menus that appear on hover.
 */
.slds-popover::before {
  content: "";
  position: absolute;
  top: 10px; /* moves it 5px down */
  left: 0;
  width: 100%;
  height: 0;
  border-top: 2px solid #47C8F0;
}


.slds-popover {
    position: absolute !important;
    top: 50px; 
    left: 50%;
    display: block; 
    transform: translateX(-50%);
    /* max-width: 300px !important; */
    margin-top: 0px; 
    border: none !important;
    /*border-top: 2px solid #47C8F0 !important; */
    background-color: #000B34 !important;
    color: #fff !important; 
     z-index: 1002; 
    border-radius: 0 !important;
    
}

.slds-nav-vertical__item:hover:before{
background-color: #000B34 !important;
}
 /* .slds-popover {
  position: absolute !important;
  top: 100%;
  inset-inline-start: clamp(10px, 50%, calc(100vw - 260px));
  transform: none;
  width: 250px !important;
  margin-top: 5px;
  border: none !important;
  border-top: 2px solid #47C8F0 !important;
  background-color: #000B34 !important;
  color: #fff !important;
  z-index: 1002;
  border-radius: 0 !important;
  overflow-x: hidden;
} */

li[data-menu="Apply"] {
  position: relative; 
}
.slds-popover a {
    color:#fff !important;
    text-align: left;
}
.slds-popover a:hover,.slds-popover a:focus, .portal-menu-mobile .slds-nav-vertical__action a:hover,.portal-menu-mobile .slds-nav-vertical__action a:focus{
    color: #47C8F0 !important;
    background-color: #000b34;
}
.portal-menu-item:hover{
    background-color: #a3e4f7 !important;
    color:#000b34 !important;
}
.slds-popover a:hover svg, .portal-menu-mobile a:hover svg {
    fill: #47C8F0 !important;
} 
.portal-menu-mobile .slds-text-heading_small {
    display: none;
}

.slds-icon use {
  transform: translate(6px, 10px); 
}

li.slds-nav-vertical__item ul li a {
  font-weight: normal !important;
  padding-left: 20px !important;
  margin-bottom: 15px !important;
}

li.slds-nav-vertical__item ul li ul li a {
  font-weight: normal !important;
  padding-left: 40px !important;
  margin-bottom: 15px !important;
}

i.slds-nav-vertical__item ul li ul li ul li a {
  font-weight: normal !important;
  padding-left: 60px !important;
  margin-bottom: 15px !important;
}

i.slds-nav-vertical__item ul li ul li ul li ul li a {
  font-weight: normal !important;
  padding-left: 80px !important;
  margin-bottom: 15px !important;
}

i.slds-nav-vertical__item ul li ul li ul li ul li ul li a {
  font-weight: normal !important;
  padding-left: 100px !important;
  margin-bottom: 15px !important;
}

i.slds-nav-vertical__item ul li ul li ul li ul li ul li ul li a {
  font-weight: normal !important;
  padding-left: 120px !important;
  margin-bottom: 15px !important;
}



.slds-text-heading_small{
    border-bottom: 1px solid #212e5d;
    padding-bottom: 10px;

}
.slds-popover h3{
    font-family: FrauncesRegular;
    font-weight: 400 !important;
    font-size: 1.75rem !important;
    color: white;
}

.slds-popover h3:not(:has(a)) {

  margin-top: 10px;
  padding-bottom: 18px;

}

.slds-text-heading_small a{
    font-family: FrauncesRegular;
    font-weight: 400 !important;
    font-size: 1.75rem !important;
}

.slds-p-left_medium, .slds-p-left--medium {
    padding-left: 0 !important;
}

/* Styling for links within the dropdown */
.menu-dropdown a {
    color: #001f5b;
    text-decoration: none;
    display: block; /* Makes the entire area clickable */
}

.menu-dropdown a:hover {
    text-decoration: underline;
    color: #47C8F0 !important;
}
/* Assign areas */
.portal-menu-mobile nav {
  grid-area: nav;
}
.portal-menu-mobile > .slds-no-flex {
  grid-area: content;
}

.portal-menu-mobile > .profile-menu {
  grid-area: search;
}
.portal-menu-mobile {
    display: grid;
 grid-template-areas:
    "search"
    "content"
    "nav";
}
.portal-menu-mobile .profile-menu{
    /* border-bottom: 1px solid #656C8B; */
}

/* Styling for icons (e.g., lock, logout) inside the dropdown */
.menu-dropdown .slds-icon {
     --sds-c-icon-color-foreground-default: #001f5b; /* Match the dark blue text color */
}


/*
 * MOBILE RESPONSIVE STYLES
 * These styles apply when the component is in mobile view.
 */

/* Vertical layout for menu items on mobile */
.portal-menu-mobile .portal-menu-item, 
.portal-menu-mobile .profile-button {
    width: 100%;
    justify-content: space-between; 
    padding: 0.75rem 0;
    color: white;
    margin-left: 0px;
}

.portal-menu-mobile .profile-button {
  display: flex;
  align-items: center;
}

.portal-menu-mobile .username-container{
  margin-right: auto; 
}
.portal-menu-mobile .profile-button .slds-icon-utility-chevrondown {
  margin-left: auto; /* Pushes this span to the far right */
}
.portal-menu-mobile .profile-button .slds-icon-utility-chevronup {
  margin-left: auto; /* Pushes this span to the far right */
}




/* On mobile, the dropdowns are not popovers but are displayed inline */
.portal-menu-mobile .slds-popover {
    position: static; /* Remove absolute positioning */
    transform: none;
    width: 100%;
    box-shadow: none; /* No shadow needed for inline display */
    background: transparent; /* Transparent background */
    color: white;
}

/* Styling for links and headings within the mobile dropdowns */
.portal-menu-mobile .menu-dropdown a, 
.portal-menu-mobile .menu-dropdown h3 {
    color: white;
    padding-left: 1rem; /* Indent sub-items for hierarchy */
}

/* Ensure icons in mobile dropdowns are white */
.portal-menu-mobile .menu-dropdown .slds-icon {
    --sds-c-icon-color-foreground-default: white;
}
/* globalMenu.css */
.global-nav {
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #212e5d;
    /* padding-bottom: 8px;
    padding-right: 1rem; */

}

.global-nav a {
    color: #abc1a4 !important; /* Lighter blue for inactive links */
    text-decoration: none;
    font-weight: 400;
    padding: 0 12px;
    line-height: 140%;
    transition: color 0.2s ease-in-out;
    font-size: 0.938rem !important;
    margin-top: 12px;
    margin-bottom: 6px;

}
.slds-nav-vertical__action:hover{
    box-shadow:none !important;
    background-color: var(--col-bg-secondary) !important;
}
.slds-nav-vertical__action:active, .slds-nav-vertical__action:hover, .slds-nav-vertical__action:focus {
    color: #47C8F0 !important;
    background-color: var(--col-bg-secondary) !important;
}
.global-nav a:hover {
    text-decoration: underline;
}
.global-menu-container {
    background-color: var(--col-bg-secondary) !important;

}

/* Styles for vertical mobile menu */
.slds-nav-vertical__action {
    color: white;
    padding: 0.75rem 0;
}

/* Footer CSS */
:root {
    --base-heritage: 0 15 70;
    --col-heritage-100: rgb(var(--base-heritage));
    --col-heritage-100-o-95: rgb(var(--base-heritage) / 95%);
    --col-heritage-100-o-90: rgb(var(--base-heritage) / 90%);
    --col-heritage-100-o-85: rgb(var(--base-heritage) / 85%);
    --col-heritage-100-o-80: rgb(var(--base-heritage) / 80%);
    --col-heritage-100-o-75: rgb(var(--base-heritage) / 75%);
    --col-heritage-100-o-70: rgb(var(--base-heritage) / 70%);
    --col-heritage-100-o-65: rgb(var(--base-heritage) / 65%);
    --col-heritage-100-o-60: rgb(var(--base-heritage) / 60%);
    --col-heritage-100-o-55: rgb(var(--base-heritage) / 55%);
    --col-heritage-100-o-50: rgb(var(--base-heritage) / 50%);
    --col-heritage-100-o-45: rgb(var(--base-heritage) / 45%);
    --col-heritage-100-o-40: rgb(var(--base-heritage) / 40%);
    --col-heritage-100-o-35: rgb(var(--base-heritage) / 35%);
    --col-heritage-100-o-30: rgb(var(--base-heritage) / 30%);
    --col-heritage-100-o-25: rgb(var(--base-heritage) / 25%);
    --col-heritage-100-o-20: rgb(var(--base-heritage) / 20%);
    --col-heritage-100-o-15: rgb(var(--base-heritage) / 15%);
    --col-heritage-100-o-10: rgb(var(--base-heritage) / 10%);
    --col-heritage-100-o-5: rgb(var(--base-heritage) / 5%);
    --col-heritage-75: rgb(64 75 116);
    --col-heritage-50: rgb(128 135 162);
    --col-heritage-25: rgb(191 195 209);
    --base-heritage-dark: 0 11 52;
    --col-heritage-dark-100: rgb(var(--base-heritage-dark));
    --col-heritage-dark-100-o-95: rgb(var(--base-heritage-dark) / 95%);
    --col-heritage-dark-100-o-90: rgb(var(--base-heritage-dark) / 90%);
    --col-heritage-dark-100-o-85: rgb(var(--base-heritage-dark) / 85%);
    --col-heritage-dark-100-o-80: rgb(var(--base-heritage-dark) / 80%);
    --col-heritage-dark-100-o-75: rgb(var(--base-heritage-dark) / 75%);
    --col-heritage-dark-100-o-70: rgb(var(--base-heritage-dark) / 70%);
    --col-heritage-dark-100-o-65: rgb(var(--base-heritage-dark) / 65%);
    --col-heritage-dark-100-o-60: rgb(var(--base-heritage-dark) / 60%);
    --col-heritage-dark-100-o-55: rgb(var(--base-heritage-dark) / 55%);
    --col-heritage-dark-100-o-50: rgb(var(--base-heritage-dark) / 50%);
    --col-heritage-dark-100-o-45: rgb(var(--base-heritage-dark) / 45%);
    --col-heritage-dark-100-o-40: rgb(var(--base-heritage-dark) / 40%);
    --col-heritage-dark-100-o-35: rgb(var(--base-heritage-dark) / 35%);
    --col-heritage-dark-100-o-30: rgb(var(--base-heritage-dark) / 30%);
    --col-heritage-dark-100-o-25: rgb(var(--base-heritage-dark) / 25%);
    --col-heritage-dark-100-o-20: rgb(var(--base-heritage-dark) / 20%);
    --col-heritage-dark-100-o-15: rgb(var(--base-heritage-dark) / 15%);
    --col-heritage-dark-100-o-10: rgb(var(--base-heritage-dark) / 10%);
    --col-heritage-dark-100-o-5: rgb(var(--base-heritage-dark) / 5%);
    --col-blue-light-100: rgb(70 200 240);
    --col-blue-light-75: rgb(116 214 244);
    --col-blue-light-50: rgb(163 228 247);
    --col-blue-light-25: rgb(209 241 251);
    --col-blue-dark-100: rgb(0 60 85);
    --col-blue-dark-75: rgb(64 109 128);
    --col-blue-dark-50: rgb(128 157 170);
    --col-blue-dark-25: rgb(191 206 213);
    --base-white: 255 255 255;
    --col-white-100: rgb(var(--base-white));
    --col-white-100-o-95: rgb(var(--base-white) / 95%);
    --col-white-100-o-90: rgb(var(--base-white) / 90%);
    --col-white-100-o-85: rgb(var(--base-white) / 85%);
    --col-white-100-o-80: rgb(var(--base-white) / 80%);
    --col-white-100-o-75: rgb(var(--base-white) / 75%);
    --col-white-100-o-70: rgb(var(--base-white) / 70%);
    --col-white-100-o-65: rgb(var(--base-white) / 65%);
    --col-white-100-o-60: rgb(var(--base-white) / 60%);
    --col-white-100-o-55: rgb(var(--base-white) / 55%);
    --col-white-100-o-50: rgb(var(--base-white) / 50%);
    --col-white-100-o-45: rgb(var(--base-white) / 45%);
    --col-white-100-o-40: rgb(var(--base-white) / 40%);
    --col-white-100-o-35: rgb(var(--base-white) / 35%);
    --col-white-100-o-30: rgb(var(--base-white) / 30%);
    --col-white-100-o-25: rgb(var(--base-white) / 25%);
    --col-white-100-o-20: rgb(var(--base-white) / 20%);
    --col-white-100-o-15: rgb(var(--base-white) / 15%);
    --col-white-100-o-10: rgb(var(--base-white) / 10%);
    --col-white-100-o-5: rgb(var(--base-white) / 5%);
    --base-black: 0 0 0;
    --col-black-100: rgb(var(--base-black));
    --col-black-100-o-95: rgb(var(--base-black) / 95%);
    --col-black-100-o-90: rgb(var(--base-black) / 90%);
    --col-black-100-o-85: rgb(var(--base-black) / 85%);
    --col-black-100-o-80: rgb(var(--base-black) / 80%);
    --col-black-100-o-75: rgb(var(--base-black) / 75%);
    --col-black-100-o-70: rgb(var(--base-black) / 70%);
    --col-black-100-o-65: rgb(var(--base-black) / 65%);
    --col-black-100-o-60: rgb(var(--base-black) / 60%);
    --col-black-100-o-55: rgb(var(--base-black) / 55%);
    --col-black-100-o-50: rgb(var(--base-black) / 50%);
    --col-black-100-o-45: rgb(var(--base-black) / 45%);
    --col-black-100-o-40: rgb(var(--base-black) / 40%);
    --col-black-100-o-35: rgb(var(--base-black) / 35%);
    --col-black-100-o-30: rgb(var(--base-black) / 30%);
    --col-black-100-o-25: rgb(var(--base-black) / 25%);
    --col-black-100-o-20: rgb(var(--base-black) / 20%);
    --col-black-100-o-15: rgb(var(--base-black) / 15%);
    --col-black-100-o-10: rgb(var(--base-black) / 10%);
    --col-black-100-o-5: rgb(var(--base-black) / 5%);
    --col-sage-light-100: rgb(171 193 167);
    --col-sage-light-75: rgb(192 208 189);
    --col-sage-light-50: rgb(213 224 211);
    --col-sage-light-25: rgb(234 239 233);
    --col-sage-dark-100: rgb(68 74 64);
    --col-sage-dark-75: rgb(115 119 112);
    --col-sage-dark-50: rgb(162 164 159);
    --col-sage-dark-25: rgb(208 210 207);
    --col-grey-light-100: rgb(200 200 200);
    --col-grey-light-75: rgb(214 214 214);
    --col-grey-light-50: rgb(228 228 228);
    --col-grey-light-25: rgb(241 241 241);
    --col-grey-dark-100: rgb(45 45 45);
    --col-grey-dark-75: rgb(97 97 97);
    --col-grey-dark-50: rgb(150 150 150);
    --col-grey-dark-25: rgb(202 202 202);
    --col-pink-100: rgb(235 123 190);
    --col-pink-75: rgb(240 156 206);
    --col-pink-50: rgb(245 189 223);
    --col-pink-25: rgb(250 222 239);
    --col-maroon-100: rgb(115 35 75);
    --col-maroon-75: rgb(150 90 120);
    --col-maroon-50: rgb(185 145 165);
    --col-maroon-25: rgb(220 200 210);
    --col-red-light-100: rgb(255 45 60);
    --col-red-light-75: rgb(255 97 109);
    --col-red-light-50: rgb(255 150 157);
    --col-red-light-25: rgb(255 202 206);
    --col-red-dark-100: rgb(120 0 13);
    --col-red-dark-75: rgb(154 64 73);
    --col-red-dark-50: rgb(187 128 134);
    --col-red-dark-25: rgb(221 191 194);
    --col-yellow-100: rgb(255 214 41);
    --col-yellow-75: rgb(255 224 94);
    --col-yellow-50: rgb(255 234 148);
    --col-yellow-25: rgb(255 245 201);
    --col-brown-100: rgb(168 69 0);
    --col-brown-75: rgb(190 116 64);
    --col-brown-50: rgb(212 162 128);
    --col-brown-25: rgb(233 209 191);
    --col-green-light-100: rgb(159 184 37);
    --col-green-light-75: rgb(183 202 91);
    --col-green-light-50: rgb(207 220 146);
    --col-green-light-25: rgb(231 237 200);
    --col-green-dark-100: rgb(44 66 29);
    --col-green-dark-75: rgb(97 113 86);
    --col-green-dark-50: rgb(149 160 142);
    --col-green-dark-25: rgb(202 208 198);
    --col-link-100: rgb(8 57 115);
    --col-text-primary: var(--col-heritage-100);
    --col-text-secondary: var(--col-grey-dark-100);
    --col-text-tertiary: var(--col-blue-light-100);
    --col-text-light: var(--col-white-100);
    --col-text-dark: var(--col-black-100);
    --col-text-success: var(--col-green-dark-75);
    --col-text-info: var(--col-blue-dark-75);
    --col-text-warning: var(--col-yellow-75);
    --col-text-danger: var(--col-red-dark-100);
    --col-text-invalid: var(--col-red-dark-75);
    --col-text-invalid-light: var(--col-red-light-75);
    --col-text-disabled: var(--col-grey-dark-75);
    --col-text-disabled-light: var(--col-blue-dark-50);
    --col-bg-primary: var(--col-heritage-100);
    --col-bg-primary-25: var(--col-heritage-25);
    --col-bg-primary-50: var(--col-heritage-50);
    --col-bg-primary-75: var(--col-heritage-75);
    --col-bg-secondary: var(--col-heritage-dark-100);
    --col-bg-tertiary: var(--col-blue-light-100);
    --col-bg-tertiary-25: var(--col-blue-light-25);
    --col-bg-tertiary-50: var(--col-blue-light-50);
    --col-bg-tertiary-75: var(--col-blue-light-75);
    --col-bg-alt: var(--col-grey-light-100);
    --col-bg-alt-25: var(--col-grey-light-25);
    --col-bg-alt-50: var(--col-grey-light-50);
    --col-bg-alt-75: var(--col-grey-light-75);
    --col-bg-highlight: var(--col-sage-light-100);
    --col-bg-highlight-25: var(--col-sage-light-25);
    --col-bg-highlight-50: var(--col-sage-light-50);
    --col-bg-highlight-75: var(--col-sage-light-75);
    --col-bg-accent: var(--col-blue-dark-100);
    --col-bg-accent-25: var(--col-blue-dark-25);
    --col-bg-accent-50: var(--col-blue-dark-50);
    --col-bg-accent-75: var(--col-blue-dark-75);
    --col-bg-light: var(--col-white-100);
    --col-bg-dark: var(--col-black-100);
    --col-bg-primary-o-95: var(--col-heritage-100-o-95);
    --col-bg-primary-o-90: var(--col-heritage-100-o-90);
    --col-bg-primary-o-85: var(--col-heritage-100-o-85);
    --col-bg-primary-o-80: var(--col-heritage-100-o-80);
    --col-bg-primary-o-75: var(--col-heritage-100-o-75);
    --col-bg-primary-o-70: var(--col-heritage-100-o-70);
    --col-bg-primary-o-65: var(--col-heritage-100-o-65);
    --col-bg-primary-o-60: var(--col-heritage-100-o-60);
    --col-bg-primary-o-55: var(--col-heritage-100-o-55);
    --col-bg-primary-o-50: var(--col-heritage-100-o-50);
    --col-bg-primary-o-45: var(--col-heritage-100-o-45);
    --col-bg-primary-o-40: var(--col-heritage-100-o-40);
    --col-bg-primary-o-35: var(--col-heritage-100-o-35);
    --col-bg-primary-o-30: var(--col-heritage-100-o-30);
    --col-bg-primary-o-25: var(--col-heritage-100-o-25);
    --col-bg-primary-o-20: var(--col-heritage-100-o-20);
    --col-bg-primary-o-15: var(--col-heritage-100-o-15);
    --col-bg-primary-o-10: var(--col-heritage-100-o-10);
    --col-bg-primary-o-5: var(--col-heritage-100-o-5);
    --col-bg-secondary-o-95: var(--col-heritage-dark-100-o-95);
    --col-bg-secondary-o-90: var(--col-heritage-dark-100-o-90);
    --col-bg-secondary-o-85: var(--col-heritage-dark-100-o-85);
    --col-bg-secondary-o-80: var(--col-heritage-dark-100-o-80);
    --col-bg-secondary-o-75: var(--col-heritage-dark-100-o-75);
    --col-bg-secondary-o-70: var(--col-heritage-dark-100-o-70);
    --col-bg-secondary-o-65: var(--col-heritage-dark-100-o-65);
    --col-bg-secondary-o-60: var(--col-heritage-dark-100-o-60);
    --col-bg-secondary-o-55: var(--col-heritage-dark-100-o-55);
    --col-bg-secondary-o-50: var(--col-heritage-dark-100-o-50);
    --col-bg-secondary-o-45: var(--col-heritage-dark-100-o-45);
    --col-bg-secondary-o-40: var(--col-heritage-dark-100-o-40);
    --col-bg-secondary-o-35: var(--col-heritage-dark-100-o-35);
    --col-bg-secondary-o-30: var(--col-heritage-dark-100-o-30);
    --col-bg-secondary-o-25: var(--col-heritage-dark-100-o-25);
    --col-bg-secondary-o-20: var(--col-heritage-dark-100-o-20);
    --col-bg-secondary-o-15: var(--col-heritage-dark-100-o-15);
    --col-bg-secondary-o-10: var(--col-heritage-dark-100-o-10);
    --col-bg-secondary-o-5: var(--col-heritage-dark-100-o-5);
    --col-bg-light-o-95: var(--col-white-100-o-95);
    --col-bg-light-o-90: var(--col-white-100-o-90);
    --col-bg-light-o-85: var(--col-white-100-o-85);
    --col-bg-light-o-80: var(--col-white-100-o-80);
    --col-bg-light-o-75: var(--col-white-100-o-75);
    --col-bg-light-o-70: var(--col-white-100-o-70);
    --col-bg-light-o-65: var(--col-white-100-o-65);
    --col-bg-light-o-60: var(--col-white-100-o-60);
    --col-bg-light-o-55: var(--col-white-100-o-55);
    --col-bg-light-o-50: var(--col-white-100-o-50);
    --col-bg-light-o-45: var(--col-white-100-o-45);
    --col-bg-light-o-40: var(--col-white-100-o-40);
    --col-bg-light-o-35: var(--col-white-100-o-35);
    --col-bg-light-o-30: var(--col-white-100-o-30);
    --col-bg-light-o-25: var(--col-white-100-o-25);
    --col-bg-light-o-20: var(--col-white-100-o-20);
    --col-bg-light-o-15: var(--col-white-100-o-15);
    --col-bg-light-o-10: var(--col-white-100-o-10);
    --col-bg-light-o-5: var(--col-white-100-o-5);
    --col-bg-dark-o-95: var(--col-black-100-o-95);
    --col-bg-dark-o-90: var(--col-black-100-o-90);
    --col-bg-dark-o-85: var(--col-black-100-o-85);
    --col-bg-dark-o-80: var(--col-black-100-o-80);
    --col-bg-dark-o-75: var(--col-black-100-o-75);
    --col-bg-dark-o-70: var(--col-black-100-o-70);
    --col-bg-dark-o-65: var(--col-black-100-o-65);
    --col-bg-dark-o-60: var(--col-black-100-o-60);
    --col-bg-dark-o-55: var(--col-black-100-o-55);
    --col-bg-dark-o-50: var(--col-black-100-o-50);
    --col-bg-dark-o-45: var(--col-black-100-o-45);
    --col-bg-dark-o-40: var(--col-black-100-o-40);
    --col-bg-dark-o-35: var(--col-black-100-o-35);
    --col-bg-dark-o-30: var(--col-black-100-o-30);
    --col-bg-dark-o-25: var(--col-black-100-o-25);
    --col-bg-dark-o-20: var(--col-black-100-o-20);
    --col-bg-dark-o-15: var(--col-black-100-o-15);
    --col-bg-dark-o-10: var(--col-black-100-o-10);
    --col-bg-dark-o-5: var(--col-black-100-o-5);
    --col-bg-success: var(--col-green-light-50);
    --col-bg-info: var(--col-blue-light-50);
    --col-bg-warning: var(--col-yellow-50);
    --col-bg-danger: var(--col-red-light-25);
    --col-bg-invalid: var(--col-red-dark-100);
    --col-bg-disabled: var(--col-grey-light-50);
    --col-outline-primary: var(--col-heritage-100);
    --col-outline-primary-25: var(--col-heritage-25);
    --col-outline-primary-50: var(--col-heritage-50);
    --col-outline-primary-75: var(--col-heritage-75);
    --col-outline-secondary: var(--col-heritage-dark-100);
    --col-outline-tertiary: var(--col-blue-light-100);
    --col-outline-tertiary-25: var(--col-blue-light-25);
    --col-outline-tertiary-50: var(--col-blue-light-50);
    --col-outline-tertiary-75: var(--col-blue-light-75);
    --col-outline-alt: var(--col-grey-light-100);
    --col-outline-alt-25: var(--col-grey-light-25);
    --col-outline-alt-50: var(--col-grey-light-50);
    --col-outline-alt-75: var(--col-grey-light-75);
    --col-outline-highlight: var(--col-sage-light-100);
    --col-outline-highlight-25: var(--col-sage-light-25);
    --col-outline-highlight-50: var(--col-sage-light-50);
    --col-outline-highlight-75: var(--col-sage-light-75);
    --col-outline-accent: var(--col-blue-dark-100);
    --col-outline-accent-25: var(--col-blue-dark-25);
    --col-outline-accent-50: var(--col-blue-dark-50);
    --col-outline-accent-75: var(--col-blue-dark-75);
    --col-outline-light: var(--col-white-100);
    --col-outline-dark: var(--col-black-100);
    --col-outline-primary-o-95: var(--col-heritage-100-o-95);
    --col-outline-primary-o-90: var(--col-heritage-100-o-90);
    --col-outline-primary-o-85: var(--col-heritage-100-o-85);
    --col-outline-primary-o-80: var(--col-heritage-100-o-80);
    --col-outline-primary-o-75: var(--col-heritage-100-o-75);
    --col-outline-primary-o-70: var(--col-heritage-100-o-70);
    --col-outline-primary-o-65: var(--col-heritage-100-o-65);
    --col-outline-primary-o-60: var(--col-heritage-100-o-60);
    --col-outline-primary-o-55: var(--col-heritage-100-o-55);
    --col-outline-primary-o-50: var(--col-heritage-100-o-50);
    --col-outline-primary-o-45: var(--col-heritage-100-o-45);
    --col-outline-primary-o-40: var(--col-heritage-100-o-40);
    --col-outline-primary-o-35: var(--col-heritage-100-o-35);
    --col-outline-primary-o-30: var(--col-heritage-100-o-30);
    --col-outline-primary-o-25: var(--col-heritage-100-o-25);
    --col-outline-primary-o-20: var(--col-heritage-100-o-20);
    --col-outline-primary-o-15: var(--col-heritage-100-o-15);
    --col-outline-primary-o-10: var(--col-heritage-100-o-10);
    --col-outline-primary-o-5: var(--col-heritage-100-o-5);
    --col-outline-secondary-o-95: var(--col-heritage-dark-100-o-95);
    --col-outline-secondary-o-90: var(--col-heritage-dark-100-o-90);
    --col-outline-secondary-o-85: var(--col-heritage-dark-100-o-85);
    --col-outline-secondary-o-80: var(--col-heritage-dark-100-o-80);
    --col-outline-secondary-o-75: var(--col-heritage-dark-100-o-75);
    --col-outline-secondary-o-70: var(--col-heritage-dark-100-o-70);
    --col-outline-secondary-o-65: var(--col-heritage-dark-100-o-65);
    --col-outline-secondary-o-60: var(--col-heritage-dark-100-o-60);
    --col-outline-secondary-o-55: var(--col-heritage-dark-100-o-55);
    --col-outline-secondary-o-50: var(--col-heritage-dark-100-o-50);
    --col-outline-secondary-o-45: var(--col-heritage-dark-100-o-45);
    --col-outline-secondary-o-40: var(--col-heritage-dark-100-o-40);
    --col-outline-secondary-o-35: var(--col-heritage-dark-100-o-35);
    --col-outline-secondary-o-30: var(--col-heritage-dark-100-o-30);
    --col-outline-secondary-o-25: var(--col-heritage-dark-100-o-25);
    --col-outline-secondary-o-20: var(--col-heritage-dark-100-o-20);
    --col-outline-secondary-o-15: var(--col-heritage-dark-100-o-15);
    --col-outline-secondary-o-10: var(--col-heritage-dark-100-o-10);
    --col-outline-secondary-o-5: var(--col-heritage-dark-100-o-5);
    --col-outline-light-o-95: var(--col-white-100-o-95);
    --col-outline-light-o-90: var(--col-white-100-o-90);
    --col-outline-light-o-85: var(--col-white-100-o-85);
    --col-outline-light-o-80: var(--col-white-100-o-80);
    --col-outline-light-o-75: var(--col-white-100-o-75);
    --col-outline-light-o-70: var(--col-white-100-o-70);
    --col-outline-light-o-65: var(--col-white-100-o-65);
    --col-outline-light-o-60: var(--col-white-100-o-60);
    --col-outline-light-o-55: var(--col-white-100-o-55);
    --col-outline-light-o-50: var(--col-white-100-o-50);
    --col-outline-light-o-45: var(--col-white-100-o-45);
    --col-outline-light-o-40: var(--col-white-100-o-40);
    --col-outline-light-o-35: var(--col-white-100-o-35);
    --col-outline-light-o-30: var(--col-white-100-o-30);
    --col-outline-light-o-25: var(--col-white-100-o-25);
    --col-outline-light-o-20: var(--col-white-100-o-20);
    --col-outline-light-o-15: var(--col-white-100-o-15);
    --col-outline-light-o-10: var(--col-white-100-o-10);
    --col-outline-light-o-5: var(--col-white-100-o-5);
    --col-outline-dark-o-95: var(--col-black-100-o-95);
    --col-outline-dark-o-90: var(--col-black-100-o-90);
    --col-outline-dark-o-85: var(--col-black-100-o-85);
    --col-outline-dark-o-80: var(--col-black-100-o-80);
    --col-outline-dark-o-75: var(--col-black-100-o-75);
    --col-outline-dark-o-70: var(--col-black-100-o-70);
    --col-outline-dark-o-65: var(--col-black-100-o-65);
    --col-outline-dark-o-60: var(--col-black-100-o-60);
    --col-outline-dark-o-55: var(--col-black-100-o-55);
    --col-outline-dark-o-50: var(--col-black-100-o-50);
    --col-outline-dark-o-45: var(--col-black-100-o-45);
    --col-outline-dark-o-40: var(--col-black-100-o-40);
    --col-outline-dark-o-35: var(--col-black-100-o-35);
    --col-outline-dark-o-30: var(--col-black-100-o-30);
    --col-outline-dark-o-25: var(--col-black-100-o-25);
    --col-outline-dark-o-20: var(--col-black-100-o-20);
    --col-outline-dark-o-15: var(--col-black-100-o-15);
    --col-outline-dark-o-10: var(--col-black-100-o-10);
    --col-outline-dark-o-5: var(--col-black-100-o-5);
    --col-outline-success: var(--col-green-dark-100);
    --col-outline-info: var(--col-blue-light-25);
    --col-outline-warning: var(--col-yellow-25);
    --col-outline-invalid: var(--col-red-dark-75);
    --col-outline-danger: var(--col-red-dark-100);
    --col-outline-disabled: var(--col-grey-dark-25);
    --col-outline-focus: var(--col-heritage-100);
    --col-link-default: var(--col-link-100);
    --col-link-default-active: var(--col-heritage-100);
    --col-link-default-visited: var(--col-blue-dark-100);
    --col-link-alt: var(--col-blue-light-100);
    --col-link-alt-active: var(--col-white-100);
    --col-link-alt-visited: var(--col-blue-light-100);
    --col-link-highlight: var(--col-sage-light-100);
    --col-link-highlight-active: var(--col-sage-light-50);
    --col-link-highlight-visited: var(--col-sage-light-100);
    --col-link-light: var(--col-white-100);
    --col-link-light-active: var(--col-blue-light-100);
    --col-link-light-visited: var(--col-white-100);
    --col-btn-primary-text: var(--col-text-primary);
    --col-btn-primary-text-hover: var(--col-btn-primary-text);
    --col-btn-primary-text-active: var(--col-btn-primary-text);
    --col-btn-primary-text-disabled: var(--col-blue-dark-100);
    --col-btn-primary-bg: var(--col-blue-light-100);
    --col-btn-primary-bg-hover: var(--col-blue-light-25);
    --col-btn-primary-bg-active: var(--col-blue-light-75);
    --col-btn-primary-bg-disabled: var(--col-blue-dark-50);
    --col-btn-primary-outline: transparent;
    --col-btn-secondary-text: var(--col-text-primary);
    --col-btn-secondary-text-hover: var(--col-btn-secondary-text);
    --col-btn-secondary-text-active: var(--col-btn-secondary-text);
    --col-btn-secondary-text-disabled: var(--col-blue-dark-100);
    --col-btn-secondary-bg: var(--col-sage-light-100);
    --col-btn-secondary-bg-hover: var(--col-sage-light-50);
    --col-btn-secondary-bg-active: var(--col-sage-light-75);
    --col-btn-secondary-bg-disabled: var(--col-grey-light-100);
    --col-btn-secondary-outline: transparent;
    --col-btn-tertiary-text: var(--col-text-primary);
    --col-btn-tertiary-text-hover: var(--col-btn-tertiary-text);
    --col-btn-tertiary-text-active: var(--col-btn-tertiary-text);
    --col-btn-tertiary-text-disabled: var(--col-grey-dark-75);
    --col-btn-tertiary-bg: transparent;
    --col-btn-tertiary-bg-hover: var(--col-blue-light-25);
    --col-btn-tertiary-bg-active: var(--col-grey-light-25);
    --col-btn-tertiary-bg-disabled: transparent;
    --col-btn-tertiary-outline: var(--col-heritage-100);
    --col-btn-tertiary-outline-hover: var(--col-btn-tertiary-outline);
    --col-btn-tertiary-outline-active: var(--col-btn-tertiary-outline);
    --col-btn-tertiary-outline-disabled: var(--col-grey-dark-75);
    --col-btn-inverted-text: var(--col-text-light);
    --col-btn-inverted-text-hover: var(--col-blue-light-100);
    --col-btn-inverted-text-active: var(--col-blue-light-100);
    --col-btn-inverted-text-disabled: var(--col-grey-light-100);
    --col-btn-inverted-bg: transparent;
    --col-btn-inverted-bg-hover: transparent;
    --col-btn-inverted-bg-active: transparent;
    --col-btn-inverted-bg-disabled: transparent;
    --col-btn-inverted-outline: var(--col-white-100);
    --col-btn-inverted-outline-hover: var(--col-blue-light-100);
    --col-btn-inverted-outline-active: var(--col-blue-light-25);
    --col-btn-inverted-outline-disabled: var(--col-grey-light-100);
    --col-btn-text-text: var(--col-link-default);
    --col-btn-text-text-hover: var(--col-link-default-active);
    --col-btn-text-text-active: var(--col-link-default-active);
    --col-btn-text-text-disabled: var(--col-text-disabled);
    --col-btn-text-bg: transparent;
    --col-btn-text-bg-hover: transparent;
    --col-btn-text-bg-active: transparent;
    --col-btn-text-bg-disabled: transparent;
    --col-btn-text-outline: transparent;
    --col-form-label-text: var(--col-text-primary);
    --col-form-label-text-dark: var(--col-text-secondary);
    --col-form-invalid-text: var(--col-text-invalid);
    --col-form-invalid-text-light: var(--col-text-invalid-light);
    --col-form-required-text: var(--col-text-primary);
    --col-form-input-text: var(--col-text-secondary);
    --col-form-input-text-disabled: var(--col-grey-dark-75);
    --col-form-input-text-placeholder: var(--col-grey-dark-75);
    --col-form-input-bg: var(--col-bg-light);
    --col-form-input-bg-hover: var(--col-bg-tertiary-25);
    --col-form-input-bg-disabled: var(--col-bg-disabled);
    --col-form-input-outline: var(--col-outline-primary);
    --col-form-input-outline-invalid: var(--col-outline-invalid);
    --col-form-input-outline-disabled: var(--col-outline-disabled);
    --col-form-checkbox-icon: var(--col-bg-primary);
    --col-form-checkbox-hover: var(--col-bg-tertiary-25);
    --col-form-checkbox-selected: var(--col-bg-tertiary);
    --col-form-radio-icon: var(--col-bg-primary);
    --col-form-radio-outline: var(--col-form-input-outline);
    --col-form-radio-hover: var(--col-bg-tertiary-25);
    --col-code: var(--col-heritage-100);
    --col-code-attribute: var(--col-green-dark-100);
    --col-code-comment: var(--col-grey-dark-50);
    --col-staff-dial-1: var(--col-grey-dark-75);
    --col-staff-dial-2: var(--col-green-dark-75);
    --col-staff-dial-3: var(--col-brown-100);
    --col-staff-dial-4: var(--col-maroon-100);
    --col-staff-dial-5: var(--col-sage-dark-100);
    --col-staff-dial-6: var(--col-blue-dark-75);
    --col-staff-dial-7: var(--col-brown-75);
    --col-listing-1-bg: var(--col-sage-light-25);
    --col-listing-2-bg: var(--col-grey-light-50);
    --col-listing-3-bg: var(--col-blue-light-25);
    --col-listing-4-bg: var(--col-pink-25);
    --col-listing-5-bg: var(--col-yellow-25);
    --col-listing-1-bg-hover: var(--col-sage-light-50);
    --col-listing-2-bg-hover: var(--col-grey-light-75);
    --col-listing-3-bg-hover: var(--col-blue-light-50);
    --col-listing-4-bg-hover: var(--col-pink-50);
    --col-listing-5-bg-hover: var(--col-yellow-50);
    --col-tags-bg: var(--col-bg-highlight-25);
    --col-tags-bg-active: var(--col-bg-highlight-50);
    --col-tags-bg-hover: var(--col-bg-highlight-75);
    --col-tags-bg-inverted: transparent;
    --col-tags-text: var(--col-grey-dark-100);
    --col-tags-text-active: var(--col-link-default);
    --col-tags-link: var(--col-link-default);
    --col-tags-link-hover: var(--col-link-default);
    --col-tags-link-inverted: var(--col-link-default);
    --col-tags-outline: transparent;
    --col-tags-outline-inverted: var(--col-outline-primary)
}

:root {
    --w-mid: 67.5rem;
    --w-lge: 77.5rem;
    --w-text: min(calc(100vw - var(--page-gutter)*2), 55rem);
    --sp-1: .5rem;
    --sp-2: calc(var(--sp-1)*2);
    --sp-3: calc(var(--sp-1)*3);
    --sp-4: calc(var(--sp-1)*4);
    --sp-5: calc(var(--sp-1)*5);
    --sp-6: calc(var(--sp-1)*6);
    --sp-7: calc(var(--sp-1)*7);
    --sp-8: calc(var(--sp-1)*8);
    --sp-9: calc(var(--sp-1)*9);
    --sp-10: calc(var(--sp-1)*10);
    --sp-layout: var(--sp-6);
    --ff-normal: "Source Sans Pro", "Gill Sans", "Trebuchet MS", "Arial", "sans-serif";
    --ff-fixed: "sfmono-regular", "consolas", "liberation mono", "menlo", "courier", "monospace";
    --ff-lead: "Fraunces Variable", "serif";
    --fs-base: 16;
    --fs-level-8: calc(14/var(--fs-base)*1rem);
    --fs-level-7: calc(16/var(--fs-base)*1rem);
    --fs-level-6: calc(18/var(--fs-base)*1rem);
    --fs-level-5: calc(20/var(--fs-base)*1rem);
    --fs-level-4: calc(24/var(--fs-base)*1rem);
    --fs-level-3: calc(30/var(--fs-base)*1rem);
    --fs-level-2: calc(36/var(--fs-base)*1rem);
    --fs-level-1: calc(48/var(--fs-base)*1rem);
    --fs-level-0: calc(72/var(--fs-base)*1rem);
    --fw-light: 300;
    --fw-light-310: 310;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --lh-base: 1;
    --lh-0: 0;
    --lh-100: var(--lh-base);
    --lh-110: calc(var(--lh-base)*1.1);
    --lh-120: calc(var(--lh-base)*1.2);
    --lh-140: calc(var(--lh-base)*1.4);
    --lh-150: calc(var(--lh-base)*1.5);
    --ls-base: -.0075em;
    --ls-base-uppercase: .07em;
    --ls-1: calc(var(--ls-base)*1);
    --ls-2: calc(var(--ls-base)*2);
    --ls-3: calc(var(--ls-base)*3);
    --ls-uppercase-1: calc(var(--ls-base-uppercase)*1);
    --fm-level-0: var(--sp-3);
    --fm-level-1: var(--sp-3);
    --fm-level-2: 1.25rem;
    --fm-level-3: 1.25rem;
    --fm-level-4: 1.125rem;
    --fm-level-5: var(--sp-2);
    --fm-level-6: .75rem;
    --fm-level-7: .75rem;
    --fm-level-8: .5rem;
    --logo-size-sm: calc(80/var(--fs-base)*1rem);
    --logo-size-md: calc(96/var(--fs-base)*1rem);
    --logo-size-lg: calc(108/var(--fs-base)*1rem);
    --logo-size-xl: calc(140/var(--fs-base)*1rem);
    --icon-size-xs: 1rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.5rem;
    --icon-size-lg: 2rem;
    --icon-size-xl: 3.75rem;
    --icon-size-xxl: 6.25rem;
    --icon-width: var(--icon-size-xl);
    --icon-aspect-ratio: 1;
    --icon-gap: .5rem;
    --tr-speed-fast: .15s;
    --tr-speed-normal: .3s;
    --tr-transform: transform var(--tr-speed-normal) ease;
    --z-below: -1;
    --z-default: 1;
    --z-navigation: 100;
    --z-overlay: 500;
    --z-modal: 1000;
    --z-apex: 10000;
    --page-gutter: 1rem;
    --gap: 1rem;
    --sitenav-width: 18.75rem;
    --sitenav-opened: 0%;
    --sitenav-closed: 100%;
    --sitenav-padding: 1.25rem;
    --sitenav-padding-sm: 1.5rem;
    --sitenav-padding-md: 6.5rem;
    --sitenav-padding-lg: 7.25rem;
    --footer-logo: 'logo.png';
    --indi-flag: 'indi.png';
    --torres-flag: 'torres.png';
    --facebook-logo: 'facebook.png';
    --insta-logo: 'insta.png';
    --linkedin-logo: 'linked.png';
    --x-logo: 'x.png';
    --right-arrow: 'right.png';
    --sans-400: 'sans400.woff2';
    --sans-600: 'sans600.woff2';
    --sans-700: 'sans700.woff2';
    --fraunces-font: 'fraunces.woff2';
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-display: var(--fontsource-display, swap);
    font-weight: 400;
    src: var(--sans-400) format("woff2");
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-display: var(--fontsource-display, swap);
    font-weight: 600;
    src: var(--sans-600) format("woff2");
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-display: var(--fontsource-display, swap);
    font-weight: 700;
    src: var(--sans-700) format("woff2");
    unicode-range: U+1F00-1FFF
}

.page-footer__inner {
    max-width: 1240px;
}

.bg-primary * {
    --col-text-primary: var(--col-text-light);
    --col-text-secondary: var(--col-text-light);
    --col-text-dark: var(--col-text-light);
    --col-text-success: var(--col-green-light-100);
    --col-text-info: var(--col-blue-light-100);
    --col-text-warning: var(--col-brown-100);
    --col-text-danger: var(--col-red-light-100);
    --col-text-invalid: var(--col-red-light-100);
    --col-text-invalid-light: var(--col-red-light-100);
    --col-text-disabled: var(--col-blue-dark-50);
    --col-text-disabled-light: var(--col-blue-dark-25);
    --col-bg-tertiary-25: var(--col-blue-dark-100);
    --col-bg-tertiary-50: var(--col-blue-dark-75);
    --col-bg-tertiary-75: var(--col-blue-dark-100);
    --col-bg-alt: var(--col-heritage-dark-100);
    --col-bg-alt-25: var(--col-heritage-dark-100);
    --col-bg-alt-50: var(--col-heritage-dark-100);
    --col-bg-alt-75: var(--col-heritage-dark-100);
    --col-bg-highlight: var(--col-heritage-75);
    --col-bg-highlight-25: var(--col-heritage-75);
    --col-bg-highlight-50: var(--col-blue-dark-100);
    --col-bg-highlight-75: var(--col-blue-dark-100);
    --col-bg-accent-25: var(--col-blue-dark-100);
    --col-bg-accent-50: var(--col-blue-dark-100);
    --col-bg-accent-75: var(--col-blue-dark-100);
    --col-bg-light: var(--col-heritage-100);
    --col-bg-light-o-95: var(--col-heritage-100-o-95);
    --col-bg-light-o-90: var(--col-heritage-100-o-90);
    --col-bg-light-o-85: var(--col-heritage-100-o-85);
    --col-bg-light-o-80: var(--col-heritage-100-o-80);
    --col-bg-light-o-75: var(--col-heritage-100-o-75);
    --col-bg-light-o-70: var(--col-heritage-100-o-70);
    --col-bg-light-o-65: var(--col-heritage-100-o-65);
    --col-bg-light-o-60: var(--col-heritage-100-o-60);
    --col-bg-light-o-55: var(--col-heritage-100-o-55);
    --col-bg-light-o-50: var(--col-heritage-100-o-50);
    --col-bg-light-o-45: var(--col-heritage-100-o-45);
    --col-bg-light-o-40: var(--col-heritage-100-o-40);
    --col-bg-light-o-35: var(--col-heritage-100-o-35);
    --col-bg-light-o-30: var(--col-heritage-100-o-30);
    --col-bg-light-o-25: var(--col-heritage-100-o-25);
    --col-bg-light-o-20: var(--col-heritage-100-o-20);
    --col-bg-light-o-15: var(--col-heritage-100-o-15);
    --col-bg-light-o-10: var(--col-heritage-100-o-10);
    --col-bg-light-o-5: var(--col-heritage-100-o-5);
    --col-bg-success: var(--col-green-dark-75);
    --col-bg-info: var(--col-blue-dark-75);
    --col-bg-warning: var(--col-brown-100);
    --col-bg-danger: var(--col-red-dark-100);
    --col-outline-primary: var(--col-blue-dark-75);
    --col-outline-secondary: var(--col-blue-dark-75);
    --col-outline-secondary-o-95: var(--col-blue-dark-75);
    --col-outline-secondary-o-90: var(--col-blue-dark-75);
    --col-outline-secondary-o-85: var(--col-blue-dark-75);
    --col-outline-secondary-o-80: var(--col-blue-dark-75);
    --col-outline-secondary-o-75: var(--col-blue-dark-75);
    --col-outline-secondary-o-70: var(--col-blue-dark-75);
    --col-outline-secondary-o-65: var(--col-blue-dark-75);
    --col-outline-secondary-o-60: var(--col-blue-dark-75);
    --col-outline-secondary-o-55: var(--col-blue-dark-75);
    --col-outline-secondary-o-50: var(--col-blue-dark-75);
    --col-outline-secondary-o-45: var(--col-blue-dark-75);
    --col-outline-secondary-o-40: var(--col-blue-dark-75);
    --col-outline-secondary-o-35: var(--col-blue-dark-75);
    --col-outline-secondary-o-30: var(--col-blue-dark-75);
    --col-outline-secondary-o-25: var(--col-blue-dark-75);
    --col-outline-secondary-o-20: var(--col-blue-dark-75);
    --col-outline-secondary-o-15: var(--col-blue-dark-75);
    --col-outline-secondary-o-10: var(--col-blue-dark-75);
    --col-outline-secondary-o-5: var(--col-blue-dark-75);
    --col-outline-alt: var(--col-blue-dark-75);
    --col-outline-alt-25: var(--col-blue-dark-75);
    --col-outline-alt-50: var(--col-blue-dark-75);
    --col-outline-alt-75: var(--col-blue-dark-75);
    --col-outline-highlight: var(--col-blue-dark-75);
    --col-outline-highlight-25: var(--col-blue-dark-75);
    --col-outline-highlight-50: var(--col-blue-dark-75);
    --col-outline-highlight-75: var(--col-blue-dark-75);
    --col-outline-accent: var(--col-blue-dark-75);
    --col-outline-accent-25: var(--col-blue-dark-75);
    --col-outline-accent-50: var(--col-blue-dark-75);
    --col-outline-success: var(--col-green-light-100);
    --col-outline-info: var(--col-blue-dark-75);
    --col-outline-warning: var(--col-brown-100);
    --col-outline-danger: var(--col-red-light-100);
    --col-outline-disabled: var(--col-grey-light-50);
    --col-outline-focus: var(--col-blue-light-100);
    --col-link-default: var(--col-link-light);
    --col-link-default-active: var(--col-link-light-active);
    --col-link-default-visited: var(--col-link-light-visited);
    --col-btn-tertiary-text: var(--col-text-light);
    --col-btn-tertiary-text-disabled: var(--col-grey-light-100);
    --col-btn-tertiary-outline: var(--col-outline-light);
    --col-btn-tertiary-outline-disabled: var(--col-grey-light-100);
    --col-btn-text-icon: var(--col-blue-light-100);
    --col-btn-text-text: var(--col-link-default);
    --col-btn-text-text-hover: var(--col-link-default-active);
    --col-btn-text-text-active: var(--col-link-default-active);
    --col-btn-text-text-disabled: var(--col-text-disabled);
    --col-form-label-text: var(--col-text-light);
    --col-form-label-text-dark: var(--col-text-light);
    --col-form-invalid-text: var(--col-text-invalid);
    --col-form-invalid-text-light: var(--col-text-invalid-light);
    --col-form-input-outline: var(--col-blue-dark-75);
    --col-form-required-text: var(--col-text-light);
    --col-form-radio-icon: var(--col-blue-light-100);
    --col-form-radio-outline: var(--col-white-100);
    --col-code: var(--col-white-100);
    --col-code-attribute: var(--col-green-dark-50);
    --col-code-comment: var(--col-grey-light-50);
    --col-listing-1-bg: var(--col-blue-dark-75);
    --col-listing-2-bg: var(--col-maroon-75);
    --col-listing-3-bg: var(--col-red-dark-75);
    --col-listing-4-bg: var(--col-grey-dark-75);
    --col-listing-5-bg: var(--col-green-dark-75);
    --col-listing-1-bg-hover: var(--col-blue-dark-100);
    --col-listing-2-bg-hover: var(--col-maroon-100);
    --col-listing-3-bg-hover: var(--col-red-dark-100);
    --col-listing-4-bg-hover: var(--col-grey-dark-100);
    --col-listing-5-bg-hover: var(--col-green-dark-100);
    --col-loading: var(--col-loading-light);
    --col-tags-bg: var(--col-heritage-75);
    --col-tags-bg-active: var(--col-sage-light-75);
    --col-tags-bg-hover: var(--col-sage-light-25);
    --col-tags-text: var(--col-white-100);
    --col-tags-text-active: var(--col-heritage-100);
    --col-tags-link: var(--col-blue-light-75);
    --col-tags-link-inverted: var(--col-blue-light-50);
    --col-tags-outline: transparent;
    --col-tags-outline-inverted: var(--col-white-100)
}

[data-jump-navigation-content] .bg-primary:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.bg-primary {
    display: flow-root;
    color: var(--col-text-light)!important;
    background-color: var(--col-bg-primary)!important
}

.bg-primary-25 * {
    --col-bg-highlight: var(--col-grey-light-25);
    --col-bg-highlight-25: var(--col-grey-light-25);
    --col-bg-highlight-50: var(--col-grey-light-25);
    --col-bg-highlight-75: var(--col-grey-light-25);
    --col-bg-accent-25: var(--col-grey-light-50);
    --col-outline-alt: var(--col-grey-light-50);
    --col-outline-alt-25: var(--col-grey-light-50);
    --col-outline-accent-25: var(--col-grey-light-50);
    --col-outline-light: var(--col-grey-light-50);
    --col-btn-secondary-bg-disabled: var(--col-grey-light-75)
}

[data-jump-navigation-content] .bg-primary-25:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.bg-primary-25 {
    display: flow-root;
    background-color: var(--col-bg-primary-25)!important
}

.bg-primary-75 * {
    --col-text-primary: var(--col-text-light);
    --col-text-secondary: var(--col-text-light);
    --col-text-dark: var(--col-text-light);
    --col-text-success: var(--col-green-light-100);
    --col-text-info: var(--col-blue-light-100);
    --col-text-warning: var(--col-brown-100);
    --col-text-danger: var(--col-red-light-100);
    --col-text-invalid: var(--col-red-light-100);
    --col-text-invalid-light: var(--col-red-light-100);
    --col-text-disabled: var(--col-blue-dark-50);
    --col-text-disabled-light: var(--col-blue-dark-25);
    --col-bg-tertiary-25: var(--col-blue-dark-100);
    --col-bg-tertiary-50: var(--col-blue-dark-75);
    --col-bg-tertiary-75: var(--col-blue-dark-100);
    --col-bg-alt: var(--col-heritage-dark-100);
    --col-bg-alt-25: var(--col-heritage-dark-100);
    --col-bg-alt-50: var(--col-heritage-dark-100);
    --col-bg-alt-75: var(--col-heritage-dark-100);
    --col-bg-highlight: var(--col-heritage-75);
    --col-bg-highlight-25: var(--col-heritage-75);
    --col-bg-highlight-50: var(--col-blue-dark-100);
    --col-bg-highlight-75: var(--col-blue-dark-100);
    --col-bg-accent-25: var(--col-blue-dark-100);
    --col-bg-accent-50: var(--col-blue-dark-100);
    --col-bg-accent-75: var(--col-blue-dark-100);
    --col-bg-light: var(--col-heritage-100);
    --col-bg-light-o-95: var(--col-heritage-100-o-95);
    --col-bg-light-o-90: var(--col-heritage-100-o-90);
    --col-bg-light-o-85: var(--col-heritage-100-o-85);
    --col-bg-light-o-80: var(--col-heritage-100-o-80);
    --col-bg-light-o-75: var(--col-heritage-100-o-75);
    --col-bg-light-o-70: var(--col-heritage-100-o-70);
    --col-bg-light-o-65: var(--col-heritage-100-o-65);
    --col-bg-light-o-60: var(--col-heritage-100-o-60);
    --col-bg-light-o-55: var(--col-heritage-100-o-55);
    --col-bg-light-o-50: var(--col-heritage-100-o-50);
    --col-bg-light-o-45: var(--col-heritage-100-o-45);
    --col-bg-light-o-40: var(--col-heritage-100-o-40);
    --col-bg-light-o-35: var(--col-heritage-100-o-35);
    --col-bg-light-o-30: var(--col-heritage-100-o-30);
    --col-bg-light-o-25: var(--col-heritage-100-o-25);
    --col-bg-light-o-20: var(--col-heritage-100-o-20);
    --col-bg-light-o-15: var(--col-heritage-100-o-15);
    --col-bg-light-o-10: var(--col-heritage-100-o-10);
    --col-bg-light-o-5: var(--col-heritage-100-o-5);
    --col-bg-success: var(--col-green-dark-75);
    --col-bg-info: var(--col-blue-dark-75);
    --col-bg-warning: var(--col-brown-100);
    --col-bg-danger: var(--col-red-dark-100);
    --col-outline-primary: var(--col-blue-dark-75);
    --col-outline-secondary: var(--col-blue-dark-75);
    --col-outline-secondary-o-95: var(--col-blue-dark-75);
    --col-outline-secondary-o-90: var(--col-blue-dark-75);
    --col-outline-secondary-o-85: var(--col-blue-dark-75);
    --col-outline-secondary-o-80: var(--col-blue-dark-75);
    --col-outline-secondary-o-75: var(--col-blue-dark-75);
    --col-outline-secondary-o-70: var(--col-blue-dark-75);
    --col-outline-secondary-o-65: var(--col-blue-dark-75);
    --col-outline-secondary-o-60: var(--col-blue-dark-75);
    --col-outline-secondary-o-55: var(--col-blue-dark-75);
    --col-outline-secondary-o-50: var(--col-blue-dark-75);
    --col-outline-secondary-o-45: var(--col-blue-dark-75);
    --col-outline-secondary-o-40: var(--col-blue-dark-75);
    --col-outline-secondary-o-35: var(--col-blue-dark-75);
    --col-outline-secondary-o-30: var(--col-blue-dark-75);
    --col-outline-secondary-o-25: var(--col-blue-dark-75);
    --col-outline-secondary-o-20: var(--col-blue-dark-75);
    --col-outline-secondary-o-15: var(--col-blue-dark-75);
    --col-outline-secondary-o-10: var(--col-blue-dark-75);
    --col-outline-secondary-o-5: var(--col-blue-dark-75);
    --col-outline-alt: var(--col-blue-dark-75);
    --col-outline-alt-25: var(--col-blue-dark-75);
    --col-outline-alt-50: var(--col-blue-dark-75);
    --col-outline-alt-75: var(--col-blue-dark-75);
    --col-outline-highlight: var(--col-blue-dark-75);
    --col-outline-highlight-25: var(--col-blue-dark-75);
    --col-outline-highlight-50: var(--col-blue-dark-75);
    --col-outline-highlight-75: var(--col-blue-dark-75);
    --col-outline-accent: var(--col-blue-dark-75);
    --col-outline-accent-25: var(--col-blue-dark-75);
    --col-outline-accent-50: var(--col-blue-dark-75);
    --col-outline-success: var(--col-green-light-100);
    --col-outline-info: var(--col-blue-dark-75);
    --col-outline-warning: var(--col-brown-100);
    --col-outline-danger: var(--col-red-light-100);
    --col-outline-disabled: var(--col-grey-light-50);
    --col-outline-focus: var(--col-blue-light-100);
    --col-link-default: var(--col-link-light);
    --col-link-default-active: var(--col-link-light-active);
    --col-link-default-visited: var(--col-link-light-visited);
    --col-btn-tertiary-text: var(--col-text-light);
    --col-btn-tertiary-text-disabled: var(--col-grey-light-100);
    --col-btn-tertiary-outline: var(--col-outline-light);
    --col-btn-tertiary-outline-disabled: var(--col-grey-light-100);
    --col-btn-text-icon: var(--col-blue-light-100);
    --col-btn-text-text: var(--col-link-default);
    --col-btn-text-text-hover: var(--col-link-default-active);
    --col-btn-text-text-active: var(--col-link-default-active);
    --col-btn-text-text-disabled: var(--col-text-disabled);
    --col-form-label-text: var(--col-text-light);
    --col-form-label-text-dark: var(--col-text-light);
    --col-form-invalid-text: var(--col-text-invalid);
    --col-form-invalid-text-light: var(--col-text-invalid-light);
    --col-form-input-outline: var(--col-blue-dark-75);
    --col-form-required-text: var(--col-text-light);
    --col-form-radio-icon: var(--col-blue-light-100);
    --col-form-radio-outline: var(--col-white-100);
    --col-code: var(--col-white-100);
    --col-code-attribute: var(--col-green-dark-50);
    --col-code-comment: var(--col-grey-light-50);
    --col-listing-1-bg: var(--col-blue-dark-75);
    --col-listing-2-bg: var(--col-maroon-75);
    --col-listing-3-bg: var(--col-red-dark-75);
    --col-listing-4-bg: var(--col-grey-dark-75);
    --col-listing-5-bg: var(--col-green-dark-75);
    --col-listing-1-bg-hover: var(--col-blue-dark-100);
    --col-listing-2-bg-hover: var(--col-maroon-100);
    --col-listing-3-bg-hover: var(--col-red-dark-100);
    --col-listing-4-bg-hover: var(--col-grey-dark-100);
    --col-listing-5-bg-hover: var(--col-green-dark-100);
    --col-loading: var(--col-loading-light);
    --col-tags-bg: var(--col-heritage-75);
    --col-tags-bg-active: var(--col-sage-light-75);
    --col-tags-bg-hover: var(--col-sage-light-25);
    --col-tags-text: var(--col-white-100);
    --col-tags-text-active: var(--col-heritage-100);
    --col-tags-link: var(--col-blue-light-75);
    --col-tags-link-inverted: var(--col-blue-light-50);
    --col-tags-outline: transparent;
    --col-tags-outline-inverted: var(--col-white-100);
    --col-text-danger: var(--col-red-light-50);
    --col-text-invalid: var(--col-red-light-50);
    --col-text-invalid-light: var(--col-red-light-50);
    --col-bg-alt-25: var(--col-blue-dark-75);
    --col-bg-highlight-25: var(--col-blue-dark-75);
    --col-bg-accent: var(--col-heritage-50);
    --col-bg-accent-25: var(--col-heritage-50);
    --col-bg-accent-50: var(--col-heritage-50);
    --col-bg-accent-75: var(--col-heritage-50);
    --col-bg-light: var(--col-heritage-75);
    --col-bg-light-o-95: var(--col-heritage-75);
    --col-bg-light-o-90: var(--col-heritage-75);
    --col-bg-light-o-85: var(--col-heritage-75);
    --col-bg-light-o-80: var(--col-heritage-75);
    --col-bg-light-o-75: var(--col-heritage-75);
    --col-bg-light-o-70: var(--col-heritage-75);
    --col-bg-light-o-65: var(--col-heritage-75);
    --col-bg-light-o-60: var(--col-heritage-75);
    --col-bg-light-o-55: var(--col-heritage-75);
    --col-bg-light-o-50: var(--col-heritage-75);
    --col-bg-light-o-45: var(--col-heritage-75);
    --col-bg-light-o-40: var(--col-heritage-75);
    --col-bg-light-o-35: var(--col-heritage-75);
    --col-bg-light-o-30: var(--col-heritage-75);
    --col-bg-light-o-25: var(--col-heritage-75);
    --col-bg-light-o-20: var(--col-heritage-75);
    --col-bg-light-o-15: var(--col-heritage-75);
    --col-bg-light-o-10: var(--col-heritage-75);
    --col-bg-light-o-5: var(--col-heritage-75);
    --col-outline-primary: var(--col-heritage-50);
    --col-outline-secondary: inherit;
    --col-outline-secondary-o-95: inherit;
    --col-outline-secondary-o-90: inherit;
    --col-outline-secondary-o-85: inherit;
    --col-outline-secondary-o-80: inherit;
    --col-outline-secondary-o-75: inherit;
    --col-outline-secondary-o-70: inherit;
    --col-outline-secondary-o-65: inherit;
    --col-outline-secondary-o-60: inherit;
    --col-outline-secondary-o-55: inherit;
    --col-outline-secondary-o-50: inherit;
    --col-outline-secondary-o-45: inherit;
    --col-outline-secondary-o-40: inherit;
    --col-outline-secondary-o-35: inherit;
    --col-outline-secondary-o-30: inherit;
    --col-outline-secondary-o-25: inherit;
    --col-outline-secondary-o-20: inherit;
    --col-outline-secondary-o-15: inherit;
    --col-outline-secondary-o-10: inherit;
    --col-outline-secondary-o-5: inherit;
    --col-outline-alt: var(--col-heritage-50);
    --col-outline-alt-25: var(--col-heritage-50);
    --col-outline-alt-50: var(--col-heritage-50);
    --col-outline-alt-75: var(--col-heritage-50);
    --col-outline-highlight: var(--col-heritage-50);
    --col-outline-highlight-25: var(--col-heritage-50);
    --col-outline-highlight-50: var(--col-heritage-50);
    --col-outline-highlight-75: var(--col-heritage-50);
    --col-outline-accent: var(--col-heritage-50);
    --col-outline-accent-25: var(--col-heritage-50);
    --col-outline-accent-50: var(--col-heritage-50);
    --col-outline-danger: var(--col-red-light-50);
    --col-outline-invalid: var(--col-red-light-25);
    --col-link-light-active: var(--col-link-light);
    --col-btn-text-icon: var(--col-text-light);
    --col-form-input-outline: inherit;
    --col-form-input-outline-invalid: var(--col-red-light-25);
    --col-code-attribute: var(--col-white-100);
    --col-code-comment: var(--col-white-100);
    --col-listing-1-bg: var(--col-heritage-100);
    --col-listing-1-bg-hover: var(--col-heritage-dark-100);
    --col-tags-bg: var(--col-heritage-100);
    --col-tags-link: var(--col-link-light);
    --col-tags-link-inverted: var(--col-link-light);
    --col-tags-outline-inverted: var(--col-outline-primary)
}

[data-jump-navigation-content] .bg-primary-75:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.bg-primary-75 {
    display: flow-root;
    color: var(--col-text-light)!important;
    background-color: var(--col-bg-primary-75)!important
}

.bg-secondary * {
    --col-text-primary: var(--col-text-light);
    --col-text-secondary: var(--col-text-light);
    --col-text-dark: var(--col-text-light);
    --col-text-success: var(--col-green-light-100);
    --col-text-info: var(--col-blue-light-100);
    --col-text-warning: var(--col-brown-100);
    --col-text-danger: var(--col-red-light-100);
    --col-text-invalid: var(--col-red-light-100);
    --col-text-invalid-light: var(--col-red-light-100);
    --col-text-disabled: var(--col-blue-dark-50);
    --col-text-disabled-light: var(--col-blue-dark-25);
    --col-bg-tertiary-25: var(--col-blue-dark-100);
    --col-bg-tertiary-50: var(--col-blue-dark-75);
    --col-bg-tertiary-75: var(--col-blue-dark-100);
    --col-bg-alt: var(--col-heritage-dark-100);
    --col-bg-alt-25: var(--col-heritage-dark-100);
    --col-bg-alt-50: var(--col-heritage-dark-100);
    --col-bg-alt-75: var(--col-heritage-dark-100);
    --col-bg-highlight: var(--col-heritage-75);
    --col-bg-highlight-25: var(--col-heritage-75);
    --col-bg-highlight-50: var(--col-blue-dark-100);
    --col-bg-highlight-75: var(--col-blue-dark-100);
    --col-bg-accent-25: var(--col-blue-dark-100);
    --col-bg-accent-50: var(--col-blue-dark-100);
    --col-bg-accent-75: var(--col-blue-dark-100);
    --col-bg-light: var(--col-heritage-100);
    --col-bg-light-o-95: var(--col-heritage-100-o-95);
    --col-bg-light-o-90: var(--col-heritage-100-o-90);
    --col-bg-light-o-85: var(--col-heritage-100-o-85);
    --col-bg-light-o-80: var(--col-heritage-100-o-80);
    --col-bg-light-o-75: var(--col-heritage-100-o-75);
    --col-bg-light-o-70: var(--col-heritage-100-o-70);
    --col-bg-light-o-65: var(--col-heritage-100-o-65);
    --col-bg-light-o-60: var(--col-heritage-100-o-60);
    --col-bg-light-o-55: var(--col-heritage-100-o-55);
    --col-bg-light-o-50: var(--col-heritage-100-o-50);
    --col-bg-light-o-45: var(--col-heritage-100-o-45);
    --col-bg-light-o-40: var(--col-heritage-100-o-40);
    --col-bg-light-o-35: var(--col-heritage-100-o-35);
    --col-bg-light-o-30: var(--col-heritage-100-o-30);
    --col-bg-light-o-25: var(--col-heritage-100-o-25);
    --col-bg-light-o-20: var(--col-heritage-100-o-20);
    --col-bg-light-o-15: var(--col-heritage-100-o-15);
    --col-bg-light-o-10: var(--col-heritage-100-o-10);
    --col-bg-light-o-5: var(--col-heritage-100-o-5);
    --col-bg-success: var(--col-green-dark-75);
    --col-bg-info: var(--col-blue-dark-75);
    --col-bg-warning: var(--col-brown-100);
    --col-bg-danger: var(--col-red-dark-100);
    --col-outline-primary: var(--col-blue-dark-75);
    --col-outline-secondary: var(--col-blue-dark-75);
    --col-outline-secondary-o-95: var(--col-blue-dark-75);
    --col-outline-secondary-o-90: var(--col-blue-dark-75);
    --col-outline-secondary-o-85: var(--col-blue-dark-75);
    --col-outline-secondary-o-80: var(--col-blue-dark-75);
    --col-outline-secondary-o-75: var(--col-blue-dark-75);
    --col-outline-secondary-o-70: var(--col-blue-dark-75);
    --col-outline-secondary-o-65: var(--col-blue-dark-75);
    --col-outline-secondary-o-60: var(--col-blue-dark-75);
    --col-outline-secondary-o-55: var(--col-blue-dark-75);
    --col-outline-secondary-o-50: var(--col-blue-dark-75);
    --col-outline-secondary-o-45: var(--col-blue-dark-75);
    --col-outline-secondary-o-40: var(--col-blue-dark-75);
    --col-outline-secondary-o-35: var(--col-blue-dark-75);
    --col-outline-secondary-o-30: var(--col-blue-dark-75);
    --col-outline-secondary-o-25: var(--col-blue-dark-75);
    --col-outline-secondary-o-20: var(--col-blue-dark-75);
    --col-outline-secondary-o-15: var(--col-blue-dark-75);
    --col-outline-secondary-o-10: var(--col-blue-dark-75);
    --col-outline-secondary-o-5: var(--col-blue-dark-75);
    --col-outline-alt: var(--col-blue-dark-75);
    --col-outline-alt-25: var(--col-blue-dark-75);
    --col-outline-alt-50: var(--col-blue-dark-75);
    --col-outline-alt-75: var(--col-blue-dark-75);
    --col-outline-highlight: var(--col-blue-dark-75);
    --col-outline-highlight-25: var(--col-blue-dark-75);
    --col-outline-highlight-50: var(--col-blue-dark-75);
    --col-outline-highlight-75: var(--col-blue-dark-75);
    --col-outline-accent: var(--col-blue-dark-75);
    --col-outline-accent-25: var(--col-blue-dark-75);
    --col-outline-accent-50: var(--col-blue-dark-75);
    --col-outline-success: var(--col-green-light-100);
    --col-outline-info: var(--col-blue-dark-75);
    --col-outline-warning: var(--col-brown-100);
    --col-outline-danger: var(--col-red-light-100);
    --col-outline-disabled: var(--col-grey-light-50);
    --col-outline-focus: var(--col-blue-light-100);
    --col-link-default: var(--col-link-light);
    --col-link-default-active: var(--col-link-light-active);
    --col-link-default-visited: var(--col-link-light-visited);
    --col-btn-tertiary-text: var(--col-text-light);
    --col-btn-tertiary-text-disabled: var(--col-grey-light-100);
    --col-btn-tertiary-outline: var(--col-outline-light);
    --col-btn-tertiary-outline-disabled: var(--col-grey-light-100);
    --col-btn-text-icon: var(--col-blue-light-100);
    --col-btn-text-text: var(--col-link-default);
    --col-btn-text-text-hover: var(--col-link-default-active);
    --col-btn-text-text-active: var(--col-link-default-active);
    --col-btn-text-text-disabled: var(--col-text-disabled);
    --col-form-label-text: var(--col-text-light);
    --col-form-label-text-dark: var(--col-text-light);
    --col-form-invalid-text: var(--col-text-invalid);
    --col-form-invalid-text-light: var(--col-text-invalid-light);
    --col-form-input-outline: var(--col-blue-dark-75);
    --col-form-required-text: var(--col-text-light);
    --col-form-radio-icon: var(--col-blue-light-100);
    --col-form-radio-outline: var(--col-white-100);
    --col-code: var(--col-white-100);
    --col-code-attribute: var(--col-green-dark-50);
    --col-code-comment: var(--col-grey-light-50);
    --col-listing-1-bg: var(--col-blue-dark-75);
    --col-listing-2-bg: var(--col-maroon-75);
    --col-listing-3-bg: var(--col-red-dark-75);
    --col-listing-4-bg: var(--col-grey-dark-75);
    --col-listing-5-bg: var(--col-green-dark-75);
    --col-listing-1-bg-hover: var(--col-blue-dark-100);
    --col-listing-2-bg-hover: var(--col-maroon-100);
    --col-listing-3-bg-hover: var(--col-red-dark-100);
    --col-listing-4-bg-hover: var(--col-grey-dark-100);
    --col-listing-5-bg-hover: var(--col-green-dark-100);
    --col-loading: var(--col-loading-light);
    --col-tags-bg: var(--col-heritage-75);
    --col-tags-bg-active: var(--col-sage-light-75);
    --col-tags-bg-hover: var(--col-sage-light-25);
    --col-tags-text: var(--col-white-100);
    --col-tags-text-active: var(--col-heritage-100);
    --col-tags-link: var(--col-blue-light-75);
    --col-tags-link-inverted: var(--col-blue-light-50);
    --col-tags-outline: transparent;
    --col-tags-outline-inverted: var(--col-white-100);
    --col-bg-alt-25: var(--col-heritage-100)
}

[data-jump-navigation-content] .bg-secondary:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.bg-secondary {
    display: flow-root;
    color: var(--col-text-light)!important;
    background-color: var(--col-bg-secondary)!important
}

.bg-alt * {
    --col-bg-alt-25: var(--col-white-100);
    --col-bg-highlight-25: var(--col-white-100);
    --col-bg-accent-25: var(--col-blue-dark-50);
    --col-outline-alt: var(--col-grey-light-75);
    --col-outline-alt-25: var(--col-grey-light-75);
    --col-outline-alt-50: var(--col-grey-light-75);
    --col-outline-alt-75: var(--col-grey-light-75);
    --col-outline-accent-25: var(--col-blue-dark-50);
    --col-outline-light: var(--col-grey-dark-50);
    --col-listing-1-bg: var(--col-sage-light-50);
    --col-listing-1-bg-hover: var(--col-sage-light-75);
    --col-listing-2-bg: var(--col-grey-light-75);
    --col-listing-2-bg-hover: var(--col-grey-light-100);
    --col-listing-5-bg: var(--col-yellow-50);
    --col-listing-5-bg-hover: var(--col-yellow-75);
    --col-tags-bg: var(--col-sage-light-50);
    --col-tags-bg-active: var(--col-sage-light-100);
    --col-tags-bg-hover: var(--col-sage-light-75);
    --col-tags-text-active: var(--col-link-100)
}

[data-jump-navigation-content] .bg-alt:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.bg-alt {
    display: flow-root;
    background-color: var(--col-bg-alt-25)!important
}

.bg-highlight * {
    --col-bg-alt-25: var(--col-white-100);
    --col-bg-highlight-25: var(--col-white-100);
    --col-bg-accent-25: var(--col-blue-dark-50);
    --col-outline-alt: var(--col-grey-light-75);
    --col-outline-alt-25: var(--col-grey-light-75);
    --col-outline-alt-50: var(--col-grey-light-75);
    --col-outline-alt-75: var(--col-grey-light-75);
    --col-outline-accent-25: var(--col-blue-dark-50);
    --col-outline-light: var(--col-grey-dark-50);
    --col-listing-1-bg: var(--col-sage-light-50);
    --col-listing-1-bg-hover: var(--col-sage-light-75);
    --col-listing-2-bg: var(--col-grey-light-75);
    --col-listing-2-bg-hover: var(--col-grey-light-100);
    --col-listing-5-bg: var(--col-yellow-50);
    --col-listing-5-bg-hover: var(--col-yellow-75);
    --col-tags-bg: var(--col-sage-light-50);
    --col-tags-bg-active: var(--col-sage-light-100);
    --col-tags-bg-hover: var(--col-sage-light-75);
    --col-tags-text-active: var(--col-link-100);
    --col-bg-tertiary-25: var(--col-blue-light-50);
    --col-bg-tertiary-50: var(--col-blue-light-75);
    --col-tags-bg: var(--col-sage-dark-25)
}

[data-jump-navigation-content] .bg-highlight:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.bg-highlight {
    display: flow-root;
    background-color: var(--col-bg-highlight-25)!important
}

.bg-accent * {
    --col-text-primary: var(--col-text-light);
    --col-text-secondary: var(--col-text-light);
    --col-text-dark: var(--col-text-light);
    --col-text-success: var(--col-green-light-100);
    --col-text-info: var(--col-blue-light-100);
    --col-text-warning: var(--col-brown-100);
    --col-text-danger: var(--col-red-light-100);
    --col-text-invalid: var(--col-red-light-100);
    --col-text-invalid-light: var(--col-red-light-100);
    --col-text-disabled: var(--col-blue-dark-50);
    --col-text-disabled-light: var(--col-blue-dark-25);
    --col-bg-tertiary-25: var(--col-blue-dark-100);
    --col-bg-tertiary-50: var(--col-blue-dark-75);
    --col-bg-tertiary-75: var(--col-blue-dark-100);
    --col-bg-alt: var(--col-heritage-dark-100);
    --col-bg-alt-25: var(--col-heritage-dark-100);
    --col-bg-alt-50: var(--col-heritage-dark-100);
    --col-bg-alt-75: var(--col-heritage-dark-100);
    --col-bg-highlight: var(--col-heritage-75);
    --col-bg-highlight-25: var(--col-heritage-75);
    --col-bg-highlight-50: var(--col-blue-dark-100);
    --col-bg-highlight-75: var(--col-blue-dark-100);
    --col-bg-accent-25: var(--col-blue-dark-100);
    --col-bg-accent-50: var(--col-blue-dark-100);
    --col-bg-accent-75: var(--col-blue-dark-100);
    --col-bg-light: var(--col-heritage-100);
    --col-bg-light-o-95: var(--col-heritage-100-o-95);
    --col-bg-light-o-90: var(--col-heritage-100-o-90);
    --col-bg-light-o-85: var(--col-heritage-100-o-85);
    --col-bg-light-o-80: var(--col-heritage-100-o-80);
    --col-bg-light-o-75: var(--col-heritage-100-o-75);
    --col-bg-light-o-70: var(--col-heritage-100-o-70);
    --col-bg-light-o-65: var(--col-heritage-100-o-65);
    --col-bg-light-o-60: var(--col-heritage-100-o-60);
    --col-bg-light-o-55: var(--col-heritage-100-o-55);
    --col-bg-light-o-50: var(--col-heritage-100-o-50);
    --col-bg-light-o-45: var(--col-heritage-100-o-45);
    --col-bg-light-o-40: var(--col-heritage-100-o-40);
    --col-bg-light-o-35: var(--col-heritage-100-o-35);
    --col-bg-light-o-30: var(--col-heritage-100-o-30);
    --col-bg-light-o-25: var(--col-heritage-100-o-25);
    --col-bg-light-o-20: var(--col-heritage-100-o-20);
    --col-bg-light-o-15: var(--col-heritage-100-o-15);
    --col-bg-light-o-10: var(--col-heritage-100-o-10);
    --col-bg-light-o-5: var(--col-heritage-100-o-5);
    --col-bg-success: var(--col-green-dark-75);
    --col-bg-info: var(--col-blue-dark-75);
    --col-bg-warning: var(--col-brown-100);
    --col-bg-danger: var(--col-red-dark-100);
    --col-outline-primary: var(--col-blue-dark-75);
    --col-outline-secondary: var(--col-blue-dark-75);
    --col-outline-secondary-o-95: var(--col-blue-dark-75);
    --col-outline-secondary-o-90: var(--col-blue-dark-75);
    --col-outline-secondary-o-85: var(--col-blue-dark-75);
    --col-outline-secondary-o-80: var(--col-blue-dark-75);
    --col-outline-secondary-o-75: var(--col-blue-dark-75);
    --col-outline-secondary-o-70: var(--col-blue-dark-75);
    --col-outline-secondary-o-65: var(--col-blue-dark-75);
    --col-outline-secondary-o-60: var(--col-blue-dark-75);
    --col-outline-secondary-o-55: var(--col-blue-dark-75);
    --col-outline-secondary-o-50: var(--col-blue-dark-75);
    --col-outline-secondary-o-45: var(--col-blue-dark-75);
    --col-outline-secondary-o-40: var(--col-blue-dark-75);
    --col-outline-secondary-o-35: var(--col-blue-dark-75);
    --col-outline-secondary-o-30: var(--col-blue-dark-75);
    --col-outline-secondary-o-25: var(--col-blue-dark-75);
    --col-outline-secondary-o-20: var(--col-blue-dark-75);
    --col-outline-secondary-o-15: var(--col-blue-dark-75);
    --col-outline-secondary-o-10: var(--col-blue-dark-75);
    --col-outline-secondary-o-5: var(--col-blue-dark-75);
    --col-outline-alt: var(--col-blue-dark-75);
    --col-outline-alt-25: var(--col-blue-dark-75);
    --col-outline-alt-50: var(--col-blue-dark-75);
    --col-outline-alt-75: var(--col-blue-dark-75);
    --col-outline-highlight: var(--col-blue-dark-75);
    --col-outline-highlight-25: var(--col-blue-dark-75);
    --col-outline-highlight-50: var(--col-blue-dark-75);
    --col-outline-highlight-75: var(--col-blue-dark-75);
    --col-outline-accent: var(--col-blue-dark-75);
    --col-outline-accent-25: var(--col-blue-dark-75);
    --col-outline-accent-50: var(--col-blue-dark-75);
    --col-outline-success: var(--col-green-light-100);
    --col-outline-info: var(--col-blue-dark-75);
    --col-outline-warning: var(--col-brown-100);
    --col-outline-danger: var(--col-red-light-100);
    --col-outline-disabled: var(--col-grey-light-50);
    --col-outline-focus: var(--col-blue-light-100);
    --col-link-default: var(--col-link-light);
    --col-link-default-active: var(--col-link-light-active);
    --col-link-default-visited: var(--col-link-light-visited);
    --col-btn-tertiary-text: var(--col-text-light);
    --col-btn-tertiary-text-disabled: var(--col-grey-light-100);
    --col-btn-tertiary-outline: var(--col-outline-light);
    --col-btn-tertiary-outline-disabled: var(--col-grey-light-100);
    --col-btn-text-icon: var(--col-blue-light-100);
    --col-btn-text-text: var(--col-link-default);
    --col-btn-text-text-hover: var(--col-link-default-active);
    --col-btn-text-text-active: var(--col-link-default-active);
    --col-btn-text-text-disabled: var(--col-text-disabled);
    --col-form-label-text: var(--col-text-light);
    --col-form-label-text-dark: var(--col-text-light);
    --col-form-invalid-text: var(--col-text-invalid);
    --col-form-invalid-text-light: var(--col-text-invalid-light);
    --col-form-input-outline: var(--col-blue-dark-75);
    --col-form-required-text: var(--col-text-light);
    --col-form-radio-icon: var(--col-blue-light-100);
    --col-form-radio-outline: var(--col-white-100);
    --col-code: var(--col-white-100);
    --col-code-attribute: var(--col-green-dark-50);
    --col-code-comment: var(--col-grey-light-50);
    --col-listing-1-bg: var(--col-blue-dark-75);
    --col-listing-2-bg: var(--col-maroon-75);
    --col-listing-3-bg: var(--col-red-dark-75);
    --col-listing-4-bg: var(--col-grey-dark-75);
    --col-listing-5-bg: var(--col-green-dark-75);
    --col-listing-1-bg-hover: var(--col-blue-dark-100);
    --col-listing-2-bg-hover: var(--col-maroon-100);
    --col-listing-3-bg-hover: var(--col-red-dark-100);
    --col-listing-4-bg-hover: var(--col-grey-dark-100);
    --col-listing-5-bg-hover: var(--col-green-dark-100);
    --col-loading: var(--col-loading-light);
    --col-tags-bg: var(--col-heritage-75);
    --col-tags-bg-active: var(--col-sage-light-75);
    --col-tags-bg-hover: var(--col-sage-light-25);
    --col-tags-text: var(--col-white-100);
    --col-tags-text-active: var(--col-heritage-100);
    --col-tags-link: var(--col-blue-light-75);
    --col-tags-link-inverted: var(--col-blue-light-50);
    --col-tags-outline: transparent;
    --col-tags-outline-inverted: var(--col-white-100);
    --col-bg-tertiary-25: var(--col-blue-dark-75);
    --col-bg-tertiary-50: var(--col-heritage-75);
    --col-bg-tertiary-75: var(--col-blue-dark-75);
    --col-bg-highlight-50: var(--col-heritage-75);
    --col-bg-accent: inherit;
    --col-bg-accent-25: inherit;
    --col-bg-accent-50: inherit;
    --col-bg-accent-75: inherit;
    --col-outline-accent: inherit;
    --col-outline-accent-25: inherit;
    --col-outline-accent-50: inherit;
    --col-outline-accent-75: inherit;
    --col-tags-bg: var(--col-heritage-100)
}

[data-jump-navigation-content] .bg-accent:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.bg-accent {
    display: flow-root;
    color: var(--col-text-light)!important;
    background-color: var(--col-bg-accent)!important
}

[data-jump-navigation-content] .bg-light:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.bg-light {
    display: flow-root;
    background-color: var(--col-bg-light)!important
}

.alt * {
    --col-bg-alt-25: var(--col-white-100);
    --col-bg-highlight-25: var(--col-white-100);
    --col-bg-accent-25: var(--col-blue-dark-50);
    --col-outline-alt: var(--col-grey-light-75);
    --col-outline-alt-25: var(--col-grey-light-75);
    --col-outline-alt-50: var(--col-grey-light-75);
    --col-outline-alt-75: var(--col-grey-light-75);
    --col-outline-accent-25: var(--col-blue-dark-50);
    --col-outline-light: var(--col-grey-dark-50);
    --col-listing-1-bg: var(--col-sage-light-50);
    --col-listing-1-bg-hover: var(--col-sage-light-75);
    --col-listing-2-bg: var(--col-grey-light-75);
    --col-listing-2-bg-hover: var(--col-grey-light-100);
    --col-listing-5-bg: var(--col-yellow-50);
    --col-listing-5-bg-hover: var(--col-yellow-75);
    --col-tags-bg: var(--col-sage-light-50);
    --col-tags-bg-active: var(--col-sage-light-100);
    --col-tags-bg-hover: var(--col-sage-light-75);
    --col-tags-text-active: var(--col-link-100)
}

[data-jump-navigation-content] .alt:not(select,.styled-select) {
    padding-inline:var(--gap)!important}

.alt {
    display: flow-root;
    background-color: var(--col-bg-alt-25)!important
}

/*

.js-has-pseudo .logo:not([csstools-has-1m-2w-2p-37-14-2x-31-2v-15]:not(does-not-exist)) {
    background-image: var(--logo-src)
}*/

.logo:not(:has(img)) {
    background-image: var(--logo-src)
}

@supports (width: round(down,1px,1px)) {
    .logo {
        width:round(down,var(--logo-width),.0625rem)
    }
}

@media (min-width: 1099px) {
    .logo {
        --logo-width: calc(var(--logo-size-sm)*var(--logo-multiplier))
    }
}

.logo--md:not(.does-not-exist):not(.does-not-exist) {
    --logo-width: var(--logo-size-md)
}

.logo--md,.logo:has([class*=--md]) {
    --logo-width: var(--logo-size-md)
}

@media (min-width: 1099px) {
    .logo--md:not(.does-not-exist):not(.does-not-exist) {
        --logo-width: calc(var(--logo-size-md)*var(--logo-multiplier))
    }

    .logo--md,.logo:has([class*=--md]) {
        --logo-width: calc(var(--logo-size-md)*var(--logo-multiplier))
    }
}

.logo--lg:not(.does-not-exist):not(.does-not-exist) {
    --logo-width: var(--logo-size-lg)
}

.logo--lg,.logo:has([class*=--lg]) {
    --logo-width: var(--logo-size-lg)
}

@media (min-width: 1099px) {
    .logo--lg:not(.does-not-exist):not(.does-not-exist) {
        --logo-width: calc(var(--logo-size-lg)*var(--logo-multiplier))
    }

    .logo--lg,.logo:has([class*=--lg]) {
        --logo-width: calc(var(--logo-size-lg)*var(--logo-multiplier))
    }
}

.logo--xl:not(.does-not-exist):not(.does-not-exist) {
    --logo-width: var(--logo-size-xl)
}

.logo--xl,.logo:has([class*=--xl]) {
    --logo-width: var(--logo-size-xl)
}

@media (min-width: 1099px) {
    .logo--xl:not(.does-not-exist):not(.does-not-exist) {
        --logo-width: calc(var(--logo-size-xl)*var(--logo-multiplier))
    }

    .logo--xl,.logo:has([class*=--xl]) {
        --logo-width: calc(var(--logo-size-xl)*var(--logo-multiplier))
    }
}

.logo--alt {
    --logo-src: var(--footer-logo);
    background: transparent center/130%
}

.logo--unhoused {
    background: transparent center/130%
}

.logo-indigenous {
    display: inline-flex;
    background-image: var(--indi-flag);
    width: 3.3125rem;
    height: 2rem
}

.logo-torres {
    display: inline-flex;
    background-image: var(--torres-flag);
    width: 2.9375rem;
    height: 2rem
}

[role=main] .section:not(.alt,.bg-alt,.bg-primary) {
    margin-block:var(--sp-layout)}

[role=main] .section__inner {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    [role=main] .section__inner {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    [role=main] .section__inner {
        max-width:var(--w-lge)
    }
}

[role=main] .section__inner {
    margin-block:var(--sp-layout)}

.grid {
    --columns: 12;
    --columns-multiplier: 1;
    --fill-columns: calc(var(--columns) - 1);
    --span-columns: var(--columns);
    display: grid;
    grid-template-columns: repeat(var(--columns),1fr);
    gap: var(--gap);
    width: 100%;
    padding: 0
}

.grid>* {
    width: 100%;
    grid-column-end: span var(--span-columns);
    margin: 0;
    padding: 0
}

.grid+.grid {
    margin-top: var(--gap)
}

.grid--cols-4 {
    --columns: 12;
    --columns-multiplier: 1;
    --fill-columns: calc(var(--columns) - 1);
    --span-columns: var(--columns);
    display: grid;
    grid-template-columns: repeat(var(--columns),1fr);
    gap: var(--gap);
    width: 100%;
    padding: 0
}

.grid--cols-4>* {
    width: 100%;
    grid-column-end: span var(--span-columns);
    margin: 0;
    padding: 0
}

.grid--cols-4 {
    --columns-multiplier: 12
}

@media screen and (min-width: 769px) {
    .grid--cols-4 {
        --span-columns: 3;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-3 {
    --columns: 12;
    --columns-multiplier: 1;
    --fill-columns: calc(var(--columns) - 1);
    --span-columns: var(--columns);
    display: grid;
    grid-template-columns: repeat(var(--columns),1fr);
    gap: var(--gap);
    width: 100%;
    padding: 0
}

.grid--cols-3>* {
    width: 100%;
    grid-column-end: span var(--span-columns);
    margin: 0;
    padding: 0
}

.grid--cols-3 {
    --columns-multiplier: 12
}

@media screen and (min-width: 769px) {
    .grid--cols-3 {
        --span-columns: 4;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-2 {
    --columns: 12;
    --columns-multiplier: 1;
    --fill-columns: calc(var(--columns) - 1);
    --span-columns: var(--columns);
    display: grid;
    grid-template-columns: repeat(var(--columns),1fr);
    gap: var(--gap);
    width: 100%;
    padding: 0
}

.grid--cols-2>* {
    width: 100%;
    grid-column-end: span var(--span-columns);
    margin: 0;
    padding: 0
}

.grid--cols-2 {
    --columns-multiplier: 12
}

@media screen and (min-width: 769px) {
    .grid--cols-2 {
        --span-columns: 6;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-xs-4 {
    --columns-multiplier: 12
}

@media screen and (min-width: 481px) {
    .grid--cols-xs-4 {
        --span-columns: 3;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-xs-3 {
    --columns-multiplier: 12
}

@media screen and (min-width: 481px) {
    .grid--cols-xs-3 {
        --span-columns: 4;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-xs-2 {
    --columns-multiplier: 12
}

@media screen and (min-width: 481px) {
    .grid--cols-xs-2 {
        --span-columns: 6;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-sm-4 {
    --columns-multiplier: 12
}

@media screen and (min-width: 769px) {
    .grid--cols-sm-4 {
        --span-columns: 3;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-sm-3 {
    --columns-multiplier: 12
}

@media screen and (min-width: 769px) {
    .grid--cols-sm-3 {
        --span-columns: 4;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-sm-2 {
    --columns-multiplier: 12
}

@media screen and (min-width: 769px) {
    .grid--cols-sm-2 {
        --span-columns: 6;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-md-4 {
    --columns-multiplier: 12
}

@media screen and (min-width: 1099px) {
    .grid--cols-md-4 {
        --span-columns: 3;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-md-3 {
    --columns-multiplier: 12
}

@media screen and (min-width: 1099px) {
    .grid--cols-md-3 {
        --span-columns: 4;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-md-2 {
    --columns-multiplier: 12
}

@media screen and (min-width: 1099px) {
    .grid--cols-md-2 {
        --span-columns: 6;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-lg-4 {
    --columns-multiplier: 12
}

@media screen and (min-width: 1440px) {
    .grid--cols-lg-4 {
        --span-columns: 3;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-lg-3 {
    --columns-multiplier: 12
}

@media screen and (min-width: 1440px) {
    .grid--cols-lg-3 {
        --span-columns: 4;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-lg-2 {
    --columns-multiplier: 12
}

@media screen and (min-width: 1440px) {
    .grid--cols-lg-2 {
        --span-columns: 6;
        --columns-multiplier: var(--span-columns)
    }
}

.grid--cols-center {
    align-items: center
}

.grid--cols-end {
    align-items: end
}

.grid--center {
    grid-template-columns: repeat(auto-fit,calc((100% - var(--gap)*(var(--columns) - 1))/var(--columns)));
    justify-content: center
}

.grid--swap {
    transform: rotate(180deg)
}

@media screen and (min-width: 481px) {
    .grid--swap {
        transform:unset
    }
}

.grid--swap>* {
    direction: ltr;
    transform: rotate(180deg)
}

@media screen and (min-width: 481px) {
    .grid--swap>* {
        transform:unset
    }
}

.grid--collapsed {
    --gap: 0rem
}

.grid__col-1 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*1), var(--columns) )
}

.grid__col-2 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*2), var(--columns) )
}

.grid__col-3 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*3), var(--columns) )
}

.grid__col-4 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*4), var(--columns) )
}

.grid__col-5 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*5), var(--columns) )
}

.grid__col-6 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*6), var(--columns) )
}

.grid__col-7 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*7), var(--columns) )
}

.grid__col-8 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*8), var(--columns) )
}

.grid__col-9 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*9), var(--columns) )
}

.grid__col-10 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*10), var(--columns) )
}

.grid__col-11 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*11), var(--columns) )
}

.grid__col-12 {
    --span-columns: min( calc(var(--columns-multiplier, 1)*12), var(--columns) )
}

@media screen and (min-width: 481px) {
    .grid__col-xs-12 {
        --span-columns: 12
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-11 {
        --span-columns: 11
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-10 {
        --span-columns: 10
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-9 {
        --span-columns: 9
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-8 {
        --span-columns: 8
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-7 {
        --span-columns: 7
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-6 {
        --span-columns: 6
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-5 {
        --span-columns: 5
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-4 {
        --span-columns: 4
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-3 {
        --span-columns: 3
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-2 {
        --span-columns: 2
    }
}

@media screen and (min-width: 481px) {
    .grid__col-xs-1 {
        --span-columns: 1
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-12 {
        --span-columns: 12
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-11 {
        --span-columns: 11
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-10 {
        --span-columns: 10
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-9 {
        --span-columns: 9
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-8 {
        --span-columns: 8
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-7 {
        --span-columns: 7
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-6 {
        --span-columns: 6
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-5 {
        --span-columns: 5
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-4 {
        --span-columns: 4
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-3 {
        --span-columns: 3
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-2 {
        --span-columns: 2
    }
}

@media screen and (min-width: 769px) {
    .grid__col-sm-1 {
        --span-columns: 1
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-12 {
        --span-columns: 12
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-11 {
        --span-columns: 11
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-10 {
        --span-columns: 10
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-9 {
        --span-columns: 9
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-8 {
        --span-columns: 8
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-7 {
        --span-columns: 7
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-6 {
        --span-columns: 6
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-5 {
        --span-columns: 5
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-4 {
        --span-columns: 4
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-3 {
        --span-columns: 3
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-2 {
        --span-columns: 2
    }
}

@media screen and (min-width: 1099px) {
    .grid__col-md-1 {
        --span-columns: 1
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-12 {
        --span-columns: 12
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-11 {
        --span-columns: 11
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-10 {
        --span-columns: 10
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-9 {
        --span-columns: 9
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-8 {
        --span-columns: 8
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-7 {
        --span-columns: 7
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-6 {
        --span-columns: 6
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-5 {
        --span-columns: 5
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-4 {
        --span-columns: 4
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-3 {
        --span-columns: 3
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-2 {
        --span-columns: 2
    }
}

@media screen and (min-width: 1440px) {
    .grid__col-lg-1 {
        --span-columns: 1
    }
}

.button,.button-small {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7);
    --fw: var(--fw-regular);
    --fm: var(--sp-3)
}

@media screen and (min-width: 769px) {
    .button,.button-small {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6);
        --fw: var(--fw-regular);
        --fm: var(--sp-3)
    }
}

.button,.button-small {
    --fs: var(--fs-level-6);
    --fw: var(--fw-semibold);
    --fm: 0
}

.button,.button-small {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    align-items: flex-start;
    background-color: var(--btn-col-bg);
    border: 0;
    box-shadow: inset 0 0 0 1px var(--btn-col-outline);
    color: var(--btn-col-text);
    cursor: pointer;
    display: flex;
    font-style: normal;
    gap: .25rem;
    padding: .75rem 1rem .75rem .75rem;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: border-color var(--tr-speed-fast) ease-in-out,color var(--tr-speed-fast) ease-in-out,background-color var(--tr-speed-fast) ease-in-out;
    width: 100%
}

@media (min-width: 481px) {
    .button,.button-small {
        display:inline-flex;
        width: auto
    }
}

.button:visited,.button-small:visited {
    color: var(--btn-col-text)
}

.button:hover,.button-small:hover {
    background-color: var(--btn-col-bg-hover);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-hover, transparent);
    color: var(--btn-col-text-hover)
}

.button:focus,.button-small:focus {
    color: var(--btn-col-text)
}

.button:active,.button-small:active {
    background-color: var(--btn-col-bg-active);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-active, transparent);
    color: var(--btn-col-text-active)
}

.button:disabled,.button[disabled],.button.disabled,.button-small:disabled,.button-small[disabled],.button-small.disabled {
    --btn-col-icon: inherit;
    color: var(--btn-col-text-disabled);
    background-color: var(--btn-col-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-disabled, transparent);
    pointer-events: none;
    cursor: not-allowed
}

.button:not(:has([data-icon])):before,.button-small:not(:has([data-icon])):before {
    content: "";
    background-color: currentcolor;
    display: inline-block;
    aspect-ratio: 1;
    -webkit-mask: var(--right-arrow);
    mask: var(--right-arrow);
    width: var(--icon-size-sm);
    flex-shrink: 0;
    translate: 0 .2rem;
    color: var(--btn-col-icon, inherit)
}

.button [data-icon],.button-small [data-icon] {
    --icon-width: var(--icon-size-sm);
    order: -1;
    translate: 0 .2rem;
    color: var(--btn-col-icon, inherit)
}

.button,.button-small {
    --btn-col-text: var(--col-btn-primary-text);
    --btn-col-text-hover: var(--col-btn-primary-text-hover);
    --btn-col-text-active: var(--col-btn-primary-text-active);
    --btn-col-text-disabled: var(--col-btn-primary-text-disabled);
    --btn-col-bg: var(--col-btn-primary-bg);
    --btn-col-bg-hover: var(--col-btn-primary-bg-hover);
    --btn-col-bg-active: var(--col-btn-primary-bg-active);
    --btn-col-bg-disabled: var(--col-btn-primary-bg-disabled);
    --btn-col-outline: var(--col-btn-primary-outline)
}

.button.soft,.button-small.soft {
    --btn-col-text: var(--col-btn-secondary-text);
    --btn-col-text-hover: var(--col-btn-secondary-text-hover);
    --btn-col-text-active: var(--col-btn-secondary-text-active);
    --btn-col-text-disabled: var(--col-btn-secondary-text-disabled);
    --btn-col-bg: var(--col-btn-secondary-bg);
    --btn-col-bg-hover: var(--col-btn-secondary-bg-hover);
    --btn-col-bg-active: var(--col-btn-secondary-bg-active);
    --btn-col-bg-disabled: var(--col-btn-secondary-bg-disabled);
    --btn-col-outline: var(--col-btn-secondary-outline)
}

:nth-last-child(n+2 of[class*=button]) {
    margin-bottom: var(--sp-2)
}

@media (min-width: 481px) {
    :nth-last-child(n+2 of[class*=button]) {
        margin-right:var(--sp-2);
        margin-bottom: 0
    }
}

.button--secondary {
    --btn-col-text: var(--col-btn-secondary-text);
    --btn-col-text-hover: var(--col-btn-secondary-text-hover);
    --btn-col-text-active: var(--col-btn-secondary-text-active);
    --btn-col-text-disabled: var(--col-btn-secondary-text-disabled);
    --btn-col-bg: var(--col-btn-secondary-bg);
    --btn-col-bg-hover: var(--col-btn-secondary-bg-hover);
    --btn-col-bg-active: var(--col-btn-secondary-bg-active);
    --btn-col-bg-disabled: var(--col-btn-secondary-bg-disabled);
    --btn-col-outline: var(--col-btn-secondary-outline)
}

.button--tertiary {
    --btn-col-text: var(--col-btn-tertiary-text);
    --btn-col-text-hover: var(--col-btn-tertiary-text-hover);
    --btn-col-text-active: var(--col-btn-tertiary-text-active);
    --btn-col-text-disabled: var(--col-btn-tertiary-text-disabled);
    --btn-col-bg: var(--col-btn-tertiary-bg);
    --btn-col-bg-hover: var(--col-btn-tertiary-bg-hover);
    --btn-col-bg-active: var(--col-btn-tertiary-bg-active);
    --btn-col-bg-disabled: var(--col-btn-tertiary-bg-disabled);
    --btn-col-outline: var(--col-btn-tertiary-outline);
    --btn-col-outline-hover: var(--col-btn-tertiary-outline-hover);
    --btn-col-outline-active: var(--col-btn-tertiary-outline-active);
    --btn-col-outline-disabled: var(--col-btn-tertiary-outline-disabled)
}

.button--inverted {
    --btn-col-text: var(--col-btn-inverted-text);
    --btn-col-text-hover: var(--col-btn-inverted-text-hover);
    --btn-col-text-active: var(--col-btn-inverted-text-active);
    --btn-col-text-disabled: var(--col-btn-inverted-text-disabled);
    --btn-col-bg: var(--col-btn-inverted-bg);
    --btn-col-bg-hover: var(--col-btn-inverted-bg-hover);
    --btn-col-bg-active: var(--col-btn-inverted-bg-active);
    --btn-col-bg-disabled: var(--col-btn-inverted-bg-disabled);
    --btn-col-outline: var(--col-btn-inverted-outline);
    --btn-col-outline-hover: var(--col-btn-inverted-outline-hover);
    --btn-col-outline-active: var(--col-btn-inverted-outline-active);
    --btn-col-outline-disabled: var(--col-btn-inverted-outline-disabled)
}

.button--text {
    --btn-col-text: var(--col-btn-text-text);
    --btn-col-text-hover: var(--col-btn-text-text-hover);
    --btn-col-text-active: var(--col-btn-text-text-active);
    --btn-col-text-disabled: var(--col-btn-text-text-disabled);
    --btn-col-bg: var(--col-btn-text-bg);
    --btn-col-bg-hover: var(--col-btn-text-bg-hover);
    --btn-col-bg-active: var(--col-btn-text-bg-active);
    --btn-col-bg-disabled: var(--col-btn-text-bg-disabled);
    --btn-col-outline: var(--col-btn-text-outline);
    --btn-col-icon: var(--col-btn-text-icon);
    padding: 0
}

.button--text:visited {
    --btn-col-text: var(--col-link-default-visited)
}

.button--text:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.button-card {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 100%;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: 1px solid var(--col-outline-alt-25)
}

.button-card:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.button-card:hover .button-card__icon {
    transform: scale(1.1)
}

.button-card:active .button-card__icon {
    transform: scale(.9)
}

@media (min-width: 600px) {
    .button-card {
        height:16.25rem
    }

}

.button-card--white {
    background-color: var(--col-bg-light)
}

.button-card--blue {
    background-color: var(--col-bg-primary)
}

.button-card--blue:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-color: var(--col-text-light)
}

.button-card--blue .button-card__label {
    color: var(--col-text-light)
}

.button-card__inner {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .875rem;
    height: 100%
}

@media (min-width: 600px) {
    .button-card__inner {
        flex-direction:column;
        align-items: flex-start;
        padding: 2rem 1rem 2.375rem
    }
}

.button-card__label {
    font-weight: var(--fw-semibold);
    color: var(--col-text-primary);
    flex: 1 1 auto;
    max-width: 100%
}

.button-card__icon {
    display: flex;
    padding: .5rem;
    border-radius: 50%;
    background-color: var(--col-bg-alt-25);
    transition: transform .1s ease-out;
    transform: scale(1);
    border: 1px solid var(--col-outline-alt-25)
}

.button-card__icon:is(svg) {
    width: 3.125rem;
    aspect-ratio: 1
}

.button-hero {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7);
    --fw: var(--fw-regular);
    --fm: var(--sp-3)
}

@media screen and (min-width: 769px) {
    .button-hero {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6);
        --fw: var(--fw-regular);
        --fm: var(--sp-3)
    }
}

.button-hero {
    --fs: var(--fs-level-6);
    --fw: var(--fw-semibold);
    --fm: 0
}

.button-hero {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    align-items: flex-start;
    background-color: var(--btn-col-bg);
    border: 0;
    box-shadow: inset 0 0 0 1px var(--btn-col-outline);
    color: var(--btn-col-text);
    cursor: pointer;
    display: flex;
    font-style: normal;
    gap: .25rem;
    padding: .75rem 1rem .75rem .75rem;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: border-color var(--tr-speed-fast) ease-in-out,color var(--tr-speed-fast) ease-in-out,background-color var(--tr-speed-fast) ease-in-out;
    width: 100%
}

@media (min-width: 481px) {
    .button-hero {
        display:inline-flex;
        width: auto
    }
}

.button-hero:visited {
    color: var(--btn-col-text)
}

.button-hero:hover {
    background-color: var(--btn-col-bg-hover);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-hover, transparent);
    color: var(--btn-col-text-hover)
}

.button-hero:focus {
    color: var(--btn-col-text)
}

.button-hero:active {
    background-color: var(--btn-col-bg-active);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-active, transparent);
    color: var(--btn-col-text-active)
}

.button-hero:disabled,.button-hero[disabled],.button-hero.disabled {
    --btn-col-icon: inherit;
    color: var(--btn-col-text-disabled);
    background-color: var(--btn-col-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-disabled, transparent);
    pointer-events: none;
    cursor: not-allowed
}

.js-has-pseudo .button-hero:not([csstools-has-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-2x-2r-33-32-2l-15]):before {
    content: "";
    background-color: currentcolor;
    display: inline-block;
    aspect-ratio: 1;
    -webkit-mask: var(--right-arrow);
    mask: var(--right-arrow);
    width: var(--icon-size-sm);
    flex-shrink: 0;
    translate: 0 .2rem;
    color: var(--btn-col-icon, inherit)
}

svg {
    border: 0;
    fill: currentcolor;
    width: 100%
}

[data-icon] {
    display: inline-flex;
    flex-direction: column;
    vertical-align: middle;
    gap: var(--icon-gap);
    width: var(--icon-container-width, auto)
}

.js-has-pseudo [csstools-has-1a-39-33-31-2r-33-32-38-2t-32-38-w-2j-2s-2p-38-2p-19-2x-2r-33-32-2l-1m-2w-2p-37-14-1a-2x-2r-33-32-19-30-2p-2q-2t-30-15]:not(.does-not-exist):not(.does-not-exist) {
    align-items: center
}

[data-icon]:has(.icon-label) {
    align-items: center
}

[data-icon]:where(.small) {
    --icon-width: var(--icon-size-md);
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[data-icon]:where(.large) {
    --icon-width: var(--icon-size-xxl)
}

[data-icon]:where(.fill) {
    --icon-width: 100%;
    --icon-aspect-ratio: auto;
    --icon-container-width: 100%
}

[data-icon]:where([data-size=xs]) {
    --icon-width: var(--icon-size-xs);
    --icon-gap: .25rem;
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[data-icon]:where([data-size=sm]) {
    --icon-width: var(--icon-size-sm);
    --icon-gap: .25rem;
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[data-icon]:where([data-size=md]) {
    --icon-width: var(--icon-size-md);
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[data-icon]:where([data-size=lg]) {
    --icon-width: var(--icon-size-lg);
    --icon-gap: 0
}

[data-icon]:where([data-size=xl]) {
    --icon-width: var(--icon-size-xl);
    --icon-gap: 0
}

[data-icon]:where([data-size=xxl]) {
    --icon-width: var(--icon-size-xxl);
    --icon-gap: 0
}

[data-icon]:where([data-label-size=sm]) {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[data-icon]:where([data-label-size=md]) {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7);
    --fw: var(--fw-regular);
    --fm: var(--sp-3)
}

@media screen and (min-width: 769px) {
    [data-icon]:where([data-label-size=md]) {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6);
        --fw: var(--fw-regular);
        --fm: var(--sp-3)
    }
}

[data-icon]:where([data-label-size=md]) {
    --fm: 0
}

[data-icon]:where([data-label-size=md]) {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[data-icon]:where([data-label-size=lg]) {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-6);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-6)
}

@media screen and (min-width: 769px) {
    [data-icon]:where([data-label-size=lg]) {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-5);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-5)
    }
}

[data-icon]:where([data-label-size=lg]) {
    --fm: 0
}

[data-icon]:where([data-label-size=lg]) {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[data-icon]:where([data-fill=true]) {
    --icon-width: 100%;
    --icon-container-width: 100%
}

[data-icon]:where([data-hide-label=true]) .icon-label {
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    overflow: hidden!important;
    position: absolute!important;
    white-space: nowrap!important;
    height: .0625rem!important;
    width: .0625rem!important
}

.icon {
    width: var(--icon-width);
    aspect-ratio: var(--icon-aspect-ratio)
}

.icon--hide-label {
    overflow: hidden;
    position: relative
}

.icon--hide-label>.icon-label {
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    overflow: hidden!important;
    position: absolute!important;
    white-space: nowrap!important;
    height: .0625rem!important;
    width: .0625rem!important
}

.icon-label {
    text-align: center
}

p [data-icon] {
    --icon-width: var(--icon-size-xs)
}

[role=main] .notice--success {
    background-color: var(--col-bg-success)
}

[role=main] .notice--info {
    background-color: var(--col-bg-info)
}

[role=main] .notice--warning {
    background-color: var(--col-bg-warning)
}

[role=main] .notice--danger {
    background-color: var(--col-bg-danger)
}

.flash {
    padding: var(--gap);
    margin: var(--sp-4) var(--page-gutter)
}

.flash--success {
    background-color: var(--col-bg-success)
}

.flash--info {
    background-color: var(--col-bg-info)
}

.flash--warning {
    background-color: var(--col-bg-warning)
}

.flash--danger {
    background-color: var(--col-bg-danger)
}

.flash--center {
    --flash-content-margin: auto
}

@media screen and (min-width: 769px) {
    .flash--center {
        text-align:center
    }
}

.flash--keep-left {
    --flash-margin: 0 auto
}

.flash__inner {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    .flash__inner {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    .flash__inner {
        max-width:var(--w-lge)
    }
}

.flash__inner {
    margin-inline:var(--flash-margin, auto)}

.flash__inner p {
    margin-inline: var(--flash-content-margin, 0);
    margin-bottom: 0
}

.title:is(h1,h2,h3) {
    text-align: center;
    margin-block:var(--sp-layout) var(--sp-4);margin-inline: auto
}

h1.aligned-title {
    margin-top: var(--sp-4)
}

@media screen and (min-width: 769px) {
    h1.aligned-title {
        margin-top:var(--sp-6)
    }
}

.feature {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-6);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-6)
}

@media screen and (min-width: 769px) {
    .feature {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-5);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-5)
    }
}

.feature {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

@keyframes hue {
    0% {
        filter: hue-rotate(0deg)
    }

    to {
        filter: hue-rotate(-360deg)
    }
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    color: var(--col-text-primary)
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    font-weight: inherit
}

.slds-rich-text-editor__output h1{
    font-size: 3rem !important;
}

h1 {
    --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
    --lh: var(--lh-110);
    --ls: var(--ls-3);
    --fm: var(--fm-level-2)
}

.custom-section-title h2{
    font-size: 2rem !important;
}
.custom-section-link .slds-action_text{
    font-size: 1.125rem !important;
}

@media screen and (min-width: 769px) {
    h1 {
        font-size: 3rem;
        --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-3);
        --fm: var(--fm-level-1)
    }
}

@media screen and (max-width: 768px) {


  h1 {
    font-size: 2.25rem !important;
  }
    .slds-rich-text-editor__output h1{
        font-size: 2.25rem !important;
    }
    .custom-section-title h2{
        font-size: 1.5rem !important;
    }
    .custom-section-link .slds-action_text{
        font-size: 1rem !important;
    }
}

h1 {
    font-family: FrauncesRegular !important;
    font-size: 3rem;
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: -2.25% !important;
    margin-bottom: var(--fm);
    color:#000F46;
}

h2 {
    --ff: var(--ff-lead);
    --fs: var(--fs-level-3);
    --fw: var(--fw-medium);
    --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
    --lh: var(--lh-110);
    --ls: var(--ls-2);
    --fm: var(--fm-level-3)
}

@media screen and (min-width: 769px) {
    h2 {
        --ff: var(--ff-lead);
        --fs: var(--fs-level-2);
        --fw: var(--fw-regular);
        --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-3);
        --fm: var(--fm-level-2)
    }
}

h2 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    clear: left
}

h3 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-4);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-120);
    --ls: var(--ls-1);
    --fm: var(--fm-level-4)
}

@media screen and (min-width: 769px) {
    h3 {
        --ff: var(--ff-lead);
        --fs: var(--fs-level-3);
        --fw: var(--fw-medium);
        --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-2);
        --fm: var(--fm-level-3)
    }
}

h3 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

h4 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-5);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-5)
}

@media screen and (min-width: 769px) {
    h4 {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-4);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-120);
        --ls: var(--ls-1);
        --fm: var(--fm-level-4)
    }
}

h4 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

h5 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-6);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-6)
}

@media screen and (min-width: 769px) {
    h5 {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-5);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-5)
    }
}

h5 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

h6 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7)
}

@media screen and (min-width: 769px) {
    h6 {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6)
    }
}

h6 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

p {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7);
    --fw: var(--fw-regular);
    --fm: var(--sp-3)
}

@media screen and (min-width: 769px) {
    p {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6);
        --fw: var(--fw-regular);
        --fm: var(--sp-3)
    }
}

p {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    max-width: var(--w-text);
    margin-top: 0
}

hr {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    hr {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    hr {
        max-width:var(--w-lge)
    }
}

hr {
    border: 0;
    border-bottom: 1px solid var(--col-outline-alt-50);
    clear: both;
    margin-block:var(--sp-5);width: 100%
}

a:where([href]) {
    color: var(--col-link-default);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    font-weight: var(--fw-semibold)
}

a:where([href]):visited {
    color: var(--col-link-default-visited)
}

a:where([href]):hover,a:where([href]):focus {
    color: var(--col-link-default-active);
    -webkit-text-decoration: none;
    text-decoration: none
}

a:where([href^="mailto:"]) {
    display: inline-block;
    line-height: var(--lh-100);
    word-break: break-word
}

strong {
    font-weight: var(--fw-bold)
}

.box>*:first-child {
    margin-top: 0!important
}

.box>*:last-child {
    margin-bottom: 0!important
}

.small {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.text-center {
    text-align: center!important;
    margin-inline:auto!important}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-italic {
    font-style: italic!important
}

.text-bold {
    font-weight: var(--fw-bold)!important
}

.text-semibold {
    font-weight: var(--fw-semibold)!important
}

.text-uppercase {
    text-transform: uppercase!important;
    letter-spacing: var(--ls-uppercase-1)!important
}

.text-spaced {
    margin-block:var(--sp-3)}

.text-wrapper {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    .text-wrapper {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    .text-wrapper {
        max-width:var(--w-lge)
    }
}

.text-wrapper>* {
    margin-inline:0}

.text-level-0 {
    --ff: var(--ff-lead);
    --fs: var(--fs-level-1);
    --fw: var(--fw-regular);
    --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
    --lh: var(--lh-110);
    --ls: var(--ls-3);
    --fm: var(--fm-level-1)
}

@media screen and (min-width: 769px) {
    .text-level-0 {
        --ff: var(--ff-lead);
        --fs: var(--fs-level-0);
        --fw: var(--fw-light-310);
        --fvs: "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-3);
        --fm: var(--fm-level-0)
    }
}

.text-level-0 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.text-level-1 {
    --ff: var(--ff-lead);
    --fs: var(--fs-level-2);
    --fw: var(--fw-regular);
    --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
    --lh: var(--lh-110);
    --ls: var(--ls-3);
    --fm: var(--fm-level-2)
}

@media screen and (min-width: 769px) {
    .text-level-1 {
        --ff: var(--ff-lead);
        --fs: var(--fs-level-1);
        --fw: var(--fw-regular);
        --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-3);
        --fm: var(--fm-level-1)
    }
}

.text-level-1 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.text-level-2 {
    --ff: var(--ff-lead);
    --fs: var(--fs-level-3);
    --fw: var(--fw-medium);
    --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
    --lh: var(--lh-110);
    --ls: var(--ls-2);
    --fm: var(--fm-level-3)
}

@media screen and (min-width: 769px) {
    .text-level-2 {
        --ff: var(--ff-lead);
        --fs: var(--fs-level-2);
        --fw: var(--fw-regular);
        --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-3);
        --fm: var(--fm-level-2)
    }
}

.text-level-2 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.text-level-3 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-4);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-120);
    --ls: var(--ls-1);
    --fm: var(--fm-level-4)
}

@media screen and (min-width: 769px) {
    .text-level-3 {
        --ff: var(--ff-lead);
        --fs: var(--fs-level-3);
        --fw: var(--fw-medium);
        --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-2);
        --fm: var(--fm-level-3)
    }
}

.text-level-3 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.text-level-4 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-5);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-5)
}

@media screen and (min-width: 769px) {
    .text-level-4 {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-4);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-120);
        --ls: var(--ls-1);
        --fm: var(--fm-level-4)
    }
}

.text-level-4 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.text-level-5 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-6);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-6)
}

@media screen and (min-width: 769px) {
    .text-level-5 {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-5);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-5)
    }
}

.text-level-5 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.text-level-6 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7)
}

@media screen and (min-width: 769px) {
    .text-level-6 {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6)
    }
}

.text-level-6 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.text-level-7 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

body {
    color: var(--col-text-secondary);
    overflow: visible;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
}

body:before {
    content: "";
    background-color: var(--col-bg-primary);
    position: absolute;
    height: 18.75rem;
    top: -18.75rem;
    left: 0;
    right: 0;
    width: 100%;
    z-index: calc(var(--z-modal) - 1)
}

@media screen and (min-width: 769px) {
    body {
        --page-gutter: 2rem;
        --gap: var(--sp-3);
        --sp-layout: var(--sp-8)
    }
}

.clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.screenreaders-only {
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    overflow: hidden!important;
    position: absolute!important;
    white-space: nowrap!important;
    height: .0625rem!important;
    width: .0625rem!important
}

[role=main] .hide-from-all {
    display: none;
    visibility: hidden
}

[role=main] .aside {
    color: var(--col-text-secondary);
    float: right;
    clear: both;
    width: 100%
}

[role=main] .aside.layout-sidebar__side {
    float: none
}

[role=main] .aside section {
    margin-left: 0
}

[role=main] .aside dt {
    padding-bottom: .375rem;
    font-weight: var(--fw-semibold);
    margin-left: 0;
    text-transform: uppercase;
    width: 100%
}

[role=main] .aside dd {
    margin-left: 0;
    width: 100%
}

@media screen and (min-width: 769px) {
    [role=main] .aside {
        display:inline-block;
        float: none;
        width: 25%
    }
}

[role=main] fieldset {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    [role=main] fieldset {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    [role=main] fieldset {
        max-width:var(--w-lge)
    }
}

[role=main] section.links {
    padding-top: 0
}

[role=main] section.links h2 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fw: var(--fw-semibold);
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    text-transform: uppercase!important;
    letter-spacing: var(--ls-uppercase-1)!important
}

[role=main] section.links ul {
    margin-inline:auto;padding-left: 0;
    padding-right: 0
}

[role=main] section.links li {
    list-style-type: none;
    margin-left: 0
}

@media screen and (min-width: 1440px) {
    [role=main] section+.video {
        margin-inline:auto;
        padding-bottom: 34.375rem
    }
}

[role=main] .overview {
    margin-inline:auto;position: relative;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 769px) {
    [role=main] .overview {
        width:50.875rem
    }
}

[role=main] .overview img {
    border: 1px solid var(--col-outline-alt-50);
    display: inline;
    margin-right: var(--sp-1);
    vertical-align: top
}

[role=main] .overview img.last {
    margin-right: 0
}

[role=main] .overview .block {
    background-color: var(--col-bg-dark-o-70);
    color: var(--col-text-light);
    font-weight: var(--fw-semibold);
    left: 50%;
    margin-left: -25.375rem;
    position: absolute;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 12.5rem
}

[role=main] .overview .block:hover {
    background-color: var(--col-bg-warning);
    color: var(--col-text-dark)
}

[role=main] .overview .block.desktop {
    margin-left: -12.125rem;
    width: 37.5625rem
}

[role=main] .fifth {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    [role=main] .fifth {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    [role=main] .fifth {
        max-width:var(--w-lge)
    }
}

[role=main] .fifth {
    margin-bottom: var(--sp-2)
}

@media screen and (min-width: 1099px) {
    [role=main] .fifth .col {
        margin:0 1%;
        float: left;
        text-align: center;
        width: 18%
    }
}

@media screen and (min-width: 1099px) {
    [role=main] .fifth {
        margin-bottom:var(--sp-2)
    }
}

ol,ul {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    ol,ul {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    ol,ul {
        max-width:var(--w-lge)
    }
}

ol,ul {
    padding-inline:1rem;margin-block:0 var(--sp-4);list-style-position: outside
}

ol li,ul li {
    /* margin-bottom: var(--sp-1); */
    /* margin-left: var(--sp-2); */
    display: list-item;
    max-width: var(--w-text)
}

ol li:last-child,ul li:last-child {
    margin-bottom: 0
}

ol li.no-li,ul li.no-li {
    list-style-type: none
}

ol li.no-li:before,ul li.no-li:before {
    display: none
}

@media screen and (min-width: 769px) {
    ol.nobullet,ul.nobullet {
        padding-left:0
    }
}

ol.nobullet li,ul.nobullet li {
    list-style-type: none;
    margin-left: 0
}

ol ol,ol ul,ul ol,ul ul {
    margin-block:var(--sp-1) 0}

ol.steps {
    counter-reset: steps;
    padding-left: 0;
    margin-block:var(--sp-layout)}

ol.steps>li {
    counter-increment: steps;
    list-style-type: none;
    margin-left: 0
}

ol.steps>li>ol,ol.steps>li>ul {
    margin-block:0 var(--sp-3)}

ol.steps>li>p :first-child {
    padding-top:1.5rem
}

ol.steps h2 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-4);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-120);
    --ls: var(--ls-1);
    --fm: var(--fm-level-4)
}

@media screen and (min-width: 769px) {
    ol.steps h2 {
        --ff: var(--ff-lead);
        --fs: var(--fs-level-3);
        --fw: var(--fw-medium);
        --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-2);
        --fm: var(--fm-level-3)
    }
}

ol.steps h2 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

ol.steps h2:before {
    content: counter(steps);
    margin-right: var(--sp-3)
}

ol.nested {
    counter-reset: section;
    list-style-type: none
}

ol.nested ol {
    counter-reset: section;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0
}

ol.nested ol li:before {
    content: counters(section,".") " "
}

ol.nested ol[type=a],ol.nested ol[type=i] {
    padding-left: 2.625rem;
    counter-reset: revert
}

ol.nested ol[type=a] li:before,ol.nested ol[type=i] li:before {
    display: none
}

ol.nested ol[type=a] li {
    list-style-type: lower-latin
}

ol.nested ol[type=i] li {
    list-style-type: lower-roman
}

ol.nested li {
    margin-left: 0
}

ol.nested li:before {
    counter-increment: section;
    content: counters(section,".") ". ";
    padding-right: .4em
}

ol.brackets {
    counter-reset: list1
}

ol.brackets li {
    list-style: none;
    position: relative
}

ol.brackets[type=a] {
    counter-reset: lista
}

ol.brackets[type=a] li:before {
    content: "(" counter(lista,lower-alpha) ") ";
    counter-increment: lista
}

ol.brackets[type=i] {
    counter-reset: listi
}

ol.brackets[type=i] li:before {
    content: "(" counter(listi,lower-roman) ") ";
    counter-increment: listi
}

ol.brackets li:before {
    content: "(" counter(list1,decimal) ") ";
    counter-increment: list1;
    left: -3.4em;
    position: absolute;
    text-align: right;
    width: 3em
}

dl {
    padding: 1.5rem 1rem
}

dl dt {
    width: 7.5rem;
    clear: left;
    float: left
}

dl.bside dt {
    margin: 0;
    text-align: left;
    width: 15%
}

@media screen and (min-width: 769px) {
    dl.bside dt {
        text-align:right
    }
}

dl.bside dd {
    float: left;
    margin: 0 0 0 5%;
    width: 80%
}

@media screen and (min-width: 769px) {
    dl.bside dd {
        margin:0 0 0 2%;
        width: 83%
    }
}

dl.bside span {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-5);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-5)
}

@media screen and (min-width: 769px) {
    dl.bside span {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-4);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-120);
        --ls: var(--ls-1);
        --fm: var(--fm-level-4)
    }
}

dl.bside span {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

@media screen and (min-width: 769px) {
    dl.bside {
        padding:.625rem 1.875rem;
        display: inline-block;
        width: 75%
    }
}

.page-footer-alt {
    position: relative;
    color: var(--col-text-light);
    border-top: 1px solid var(--col-outline-primary)
}

.page-footer-alt__top {
    padding-block:var(--sp-layout);background-color: var(--col-bg-primary)
}

.page-footer-alt__bottom {
    background-color: var(--col-bg-secondary);
    padding: 2rem 0
}

.page-footer-alt__inner {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    .page-footer-alt__inner {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    .page-footer-alt__inner {
        max-width:var(--w-lge)
    }
}

.page-footer-alt__content {
    margin-top: 0;
    margin-bottom: 0
}

.page-footer-alt__reconciliation {
    margin-bottom: var(--sp-5);
    max-width: 26rem
}

@media (min-width: 1099px) {
    .page-footer-alt__reconciliation {
        margin-bottom:var(--sp-8)
    }
}

.page-footer-alt__heading {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-5);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-5)
}

@media screen and (min-width: 769px) {
    .page-footer-alt__heading {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-4);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-120);
        --ls: var(--ls-1);
        --fm: var(--fm-level-4)
    }
}

.page-footer-alt__heading {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    color: var(--col-text-light);
    width: 100%
}

.page-footer-alt__link {
    display: flex;
    align-items: center;
    gap: .5rem;
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7)
}

@media screen and (min-width: 769px) {
    .page-footer-alt__link {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6)
    }
}

.page-footer-alt__link {
    --fw: var(--fw-bold);
    --fm: 0
}

.page-footer-alt__link {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: transparent;
    color: var(--col-link-light)
}

@media (min-width: 481px) {
    .page-footer-alt__link {
        gap:.75rem
    }
}

.page-footer-alt__link:visited {
    color: var(--col-link-light)
}

.page-footer-alt__link:hover,.page-footer-alt__link:focus {
    background-color: transparent;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--col-link-light-active)
}

.page-footer-alt__primary-links {
    display: grid;
    gap: .5rem;
    align-content: space-between;
    padding-inline:0;list-style-type: none
}

@media (min-width: 769px) {
    .page-footer-alt__primary-links {
        height:100%
    }
}

.page-footer-alt__primary-links-item {
    margin-left: 0
}

.page-footer-alt__secondary-links {
    display: flex;
    gap: 1rem;
    flex-flow: column wrap;
    padding-inline:0;list-style-type: none;
    max-width: 100%;
    margin-bottom: var(--sp-3)
}

@media (min-width: 481px) {
    .page-footer-alt__secondary-links {
        flex-direction:row
    }
}

.page-footer-alt__secondary-links-item {
    width: auto;
    margin: 0
}

.page-footer-alt__secondary-links-link {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fw: var(--fw-bold);
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    color: var(--col-link-light)
}

.page-footer-alt__secondary-links-link:visited {
    color: var(--col-link-light)
}

.page-footer-alt__secondary-links-link:hover,.page-footer-alt__secondary-links-link:focus {
    color: var(--col-link-light-active)
}

.page-footer-alt__def-list {
    display: flex;
    flex-flow: column wrap;
    flex-direction: row;
    justify-content: start;
    padding: 0;
    gap: 1rem
}

@media (min-width: 481px) and (max-width: 768px) {
    .page-footer-alt__def-list {
        flex-direction:column;
        align-items: flex-start
    }
}

.page-footer-alt__def-list-item {
    display: flex;
    flex-wrap: wrap;
    margin-block:0;padding: 0
}

.page-footer-alt__def-list dl {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

.page-footer-alt__def-list dt {
    width: max-content
}

.page-footer-alt__def-list dd {
    margin-left: .2rem;
    display: inline;
    white-space: nowrap;
    font-weight: var(--fw-regular)
}

.page-footer-alt__brand {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (min-width: 769px) {
    .page-footer-alt__brand {
        justify-content:flex-start;
        align-items: flex-end;
        margin-top: 0
    }
}

.page-footer-alt__brand-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.page-footer-alt__social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-block:var(--sp-2) 0;padding-inline: 0;
    list-style-type: none
}

.page-footer-alt__social-item {
    margin-bottom: 0;
    margin-left: 0
}

.page-footer-alt__social-link {
    display: block;
    color: var(--col-link-light);
    padding: .25rem;
    transition: opacity .15s ease
}

.page-footer-alt__social-link:visited {
    color: var(--col-link-light)
}

.page-footer-alt__social-link:hover {
    color: var(--col-link-light-active)
}

.page-footer-alt__social-link:after {
    display: none!important
}

.page-footer-alt__contact {
    margin-bottom: var(--sp-5)
}

@media (min-width: 769px) {
    .page-footer-alt__contact {
        margin-bottom:0
    }
}

.page-footer-alt__contact-heading {
    font-weight: var(--fw-semibold)
}

.page-footer-alt__contact-details {
    width: 100%
}

.sidebar-tabs__panels {
    outline: 0
}

.sidebar-tabs__panels:is(:first-child) {
    order: 1
}

@media (min-width: 900px) {
    .sidebar-tabs__panels:is(:first-child) {
        order:unset
    }
}

.sidebar-tabs__list {
    display: block;
    padding-inline:0}

.sidebar-tabs__list>li {
    list-style-type: none;
    margin: 0
}

.sidebar-tabs__tab {
    display: block;
    padding: var(--sp-2)
}

.sidebar-tabs__tab[aria-selected=true] {
    background-color: var(--col-bg-primary);
    color: var(--col-link-alt);
    -webkit-text-decoration: none;
    text-decoration: none
}

.sidebar-tabs__tab:hover:not([aria-selected=true]) {
    background-color: var(--col-bg-tertiary-25);
    color: var(--col-link-default-active);
    -webkit-text-decoration: none;
    text-decoration: none
}

[role=main] footer {
    clear: both;
}

[role=main] footer a.social {
    --icon-width: var(--icon-size-md);
    display: inline-flex;
    line-height: var(--lh-100);
    margin: var(--sp-2) var(--sp-1)
}

[role=main] footer.cta,[role=main] footer.alt {
    text-align: center;
    padding-block:var(--sp-5);padding-inline: var(--page-gutter)
}

@media screen and (min-width: 481px) {
    [role=main] footer.cta,[role=main] footer.alt {
        padding-block:var(--sp-6)
    }
}

@media screen and (min-width: 769px) {
    [role=main] footer.cta,[role=main] footer.alt {
        padding-block:var(--sp-7)
    }
}

[role=main] footer.cta>*,[role=main] footer.alt>* {
    margin-inline:auto}

[role=main] footer.cta>:first-child,[role=main] footer.alt>:first-child {
    margin-top: 0
}

[role=main] footer.cta>:last-child,[role=main] footer.alt>:last-child {
    margin-bottom: 0
}

[role=main] footer.cta h2,[role=main] footer.alt h2 {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-4);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-120);
    --ls: var(--ls-1);
    --fm: var(--fm-level-4)
}

@media screen and (min-width: 769px) {
    [role=main] footer.cta h2,[role=main] footer.alt h2 {
        --ff: var(--ff-lead);
        --fs: var(--fs-level-3);
        --fw: var(--fw-medium);
        --fvs: "opsz" 72, "SOFT" 50, "WONK" 0;
        --lh: var(--lh-110);
        --ls: var(--ls-2);
        --fm: var(--fm-level-3)
    }
}

[role=main] footer.cta h2,[role=main] footer.alt h2 {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[role=main] footer.cta p,[role=main] footer.alt p {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7);
    --fw: var(--fw-regular);
    --fm: var(--sp-3)
}

@media screen and (min-width: 769px) {
    [role=main] footer.cta p,[role=main] footer.alt p {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6);
        --fw: var(--fw-regular);
        --fm: var(--sp-3)
    }
}

[role=main] footer.cta p,[role=main] footer.alt p {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

[role=main] footer.cta ul,[role=main] footer.alt ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    padding: 0
}

[role=main] footer.cta ul.social-links,[role=main] footer.alt ul.social-links {
    gap: 2rem
}

@media screen and (min-width: 769px) {
    [role=main] footer.cta ul.social-links,[role=main] footer.alt ul.social-links {
        gap:5rem
    }
}

[role=main] footer.cta ul li,[role=main] footer.alt ul li {
    max-width: -moz-fit-content;
    max-width: fit-content;
    list-style-type: none;
    margin: 0
}

[role=main] footer.cta ul a:not([class*=button]),[role=main] footer.alt ul a:not([class*=button]) {
    display: flex;
    gap: .5rem;
    align-items: center
}

[role=main] footer.cta ul img,[role=main] footer.alt ul img {
    margin-right: var(--sp-1);
    max-width: 1.625rem;
    vertical-align: middle
}

[role=main] footer.cta {
    background-color: var(--col-bg-secondary);
    color: var(--col-text-light)
}

[role=main] footer.cta :is(h1,h2,h3,h4,h5,h6) {
    color: var(--col-text-light)
}

[role=main] footer.cta a:not([class*=button]) {
    color: var(--col-link-light)
}

[role=main] footer.cta a:not([class*=button]):hover {
    color: var(--col-link-light-active)
}

[role=main] footer.cta hr {
    border-bottom-color: var(--col-outline-light-o-15)
}

.page-footer__acknowledgement {
    padding-block:var(--sp-4)}

@media (min-width: 481px) {
    .page-footer__acknowledgement {
        padding-block:var(--sp-5)
    }
}

.page-footer__acknowledgement-title {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-6);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-6)
}

@media screen and (min-width: 769px) {
    .page-footer__acknowledgement-title {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-5);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-5)
    }
}

.page-footer__acknowledgement-title {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm)
}

@media (min-width: 1099px) {
    .page-footer__acknowledgement-title {
        max-width:65%
    }
}

.page-footer__content {
    padding-block:var(--sp-5);background-color: var(--col-bg-primary)
}

@media (min-width: 1099px) {
    .page-footer__content {
        padding-block:var(--sp-7)
    }
}

.page-footer__disclaimer {
    padding: var(--sp-4) 0
}

@media (min-width: 769px) {
    .page-footer__disclaimer {
        padding-block:var(--sp-3)
    }
}

@media (min-width: 1099px) {
    .page-footer__disclaimer {
        padding-block:var(--sp-4)
    }
}

.page-footer__inner {
    max-width: calc(100vw - var(--page-gutter)*2);
    margin-inline:auto}

@media screen and (min-width: 1280px) {
    .page-footer__inner {
        max-width:var(--w-mid)
    }
}

@media screen and (min-width: 1440px) {
    .page-footer__inner {
        max-width:var(--w-lge)
    }
}

.page-footer__logo {
    display: flex
}

@media (min-width: 769px) and (max-width: 1098px) {
    .page-footer__logo {
        width:var(--logo-size-lg)
    }
}

@media (min-width: 1099px) {
    .page-footer__logo {
        justify-content:end
    }
}

.page-footer__flags {
    display: flex;
    gap: .75rem
}

.page-footer__links {
    display: grid;
    gap: .75rem;
    align-content: space-between;
    padding-inline:0;list-style-type: none
}

.page-footer__links-item {
    margin: 0
}

.page-footer__social {
    display: inline-flex;
    gap: 1rem;
    padding-inline:0;list-style-type: none;
    margin-left: -.125rem;
    margin-bottom: var(--sp-5);
    margin-top: -.125rem
}

@media (min-width: 769px) {
    .page-footer__social {
        margin-bottom:var(--sp-3)
    }
}

@media (min-width: 1099px) {
    .page-footer__social {
        gap:1rem;
    }
}

.page-footer__social-item {
    margin: 0
}

.page-footer__social-item span:nth-child(2) {
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 24px;
    height: 24px;
}

.page-footer__address {
    display: block;
}

.page-footer__address-head {
    margin-block-start: 0;
    margin-block-end: 0;
}

.page-footer__address-body {
    margin-block-start: 0;
}

.page-footer__social-item span[data-icon="facebook"] {
    -webkit-mask: var(--facebook-logo);
    mask: var(--facebook-logo);
    background: white;
    width: 24px;
    height: 24px;
}

.page-footer__social-item span[data-icon="facebook"]:hover {
    -webkit-mask: var(--facebook-logo);
    mask: var(--facebook-logo);
    background: var(--col-link-light-active);
    width: 24px;
    height: 24px;
}

.page-footer__social-item span[data-icon="twitter"] {
    -webkit-mask: var(--x-logo);
    mask: var(--x-logo);
    background: white;
    width: 22px;
    height: 23px;
    margin-block-start: 2px;
}

.page-footer__social-item span[data-icon="twitter"]:hover {
    -webkit-mask: var(--x-logo);
    mask: var(--x-logo);
    background: var(--col-link-light-active);
    width: 22px;
    height: 23px;
    margin-block-start: 2px;
}

.page-footer__social-item span[data-icon="instagram"] {
    -webkit-mask: var(--insta-logo);
    mask: var(--insta-logo);
    background: white;
    width: 26px;
    height: 25px;
}

.page-footer__social-item span[data-icon="instagram"]:hover {
    -webkit-mask: var(--insta-logo);
    mask: var(--insta-logo);
    background: var(--col-link-light-active);
    width: 26px;
    height: 25px;
}

.page-footer__social-item span[data-icon="linkedin"] {
    -webkit-mask: var(--linkedin-logo);
    mask: var(--linkedin-logo);
    background: white;
    width: 26px;
    height: 26px;
}

.page-footer__social-item span[data-icon="linkedin"]:hover {
    -webkit-mask: var(--linkedin-logo);
    mask: var(--linkedin-logo);
    background: var(--col-link-light-active);
    width: 26px;
    height: 26px;
}

.page-footer__contact {
    display: grid;
    gap: 1rem;
    justify-content: start;
}

.page-footer__contact-social {
    justify-self: center;
}

.page-footer__logo-container {
    display: flex;
    justify-content: center;
}

@media (max-width: 769px) {
    .page-footer__contact-social {
        justify-content:start;
        justify-self: left;
    }
    .page-footer__logo-container {
        justify-content:start
    }

    .custom-status-container{
        padding-left: 0 !important;
    }

}

@media (min-width: 1099px) {
    .page-footer__contact {
        gap:1.5rem
    }
}

.page-footer__contact-heading {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    text-transform: uppercase!important;
    letter-spacing: var(--ls-uppercase-1)!important
}

.page-footer__contact-details {
    display: flex;
    flex-direction: column;
    gap: .5rem
}
.page-footer__contact-details a, .page-footer__legal-item a{
 color: #fff !important;
 text-decoration: underline;
}
.page-footer__contact-details a:hover, .page-footer__legal-item a:hover{
 color: #46c8f0 !important;
 text-decoration: none;
}

.page-footer__contact-details div {
    display: flex;
    font-size: calc(18 / 16* 1rem);
    font-weight: 600;
    align-content: space-between;
    flex-direction: row;
    gap: .3rem;
    text-wrap-mode: nowrap;
    white-space: nowrap;
}

.page-footer__legal {
    display: flex;
    flex-flow: column wrap;
    gap: .75rem;
    padding-inline:0;margin-inline:0;margin-bottom: 1rem;
    list-style-type: none
}

@media (min-width: 769px) {
    .page-footer__legal {
        gap:1rem;
        flex-direction: row;
        margin-bottom: 0
    }
}

.page-footer__legal-item {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fw: var(--fw-bold);
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    margin: 0
}

.page-footer__important {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: .25rem;
    list-style-type: none;
    text-wrap: balance;
    justify-content:flex-end;
}

@media (min-width: 900px) {
    .page-footer__important {
        flex-direction:row;
        gap: .75rem
    }
}

@media (max-width: 1220px) {
    .page-footer__important {
        justify-content:flex-start;
    }
}

/* @media (max-width: 1099px) {
    .page-footer__important {
        justify-content:flex-end
    }
} */

.page-footer__important-item {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    margin-inline:0;padding: 0;
    display: flex !important;
    flex-direction: row;
    gap: .3rem;
    white-space: nowrap;
    flex-wrap: nowrap;
    text-wrap-mode: nowrap;
}

body {
    overflow-x: hidden
}

.skip-link {
    display: flex;
    justify-content: center;
    position: fixed;
    background-color: var(--col-bg-secondary-o-80);
    z-index: var(--z-apex);
    transform: translateY(-150%);
    transition: var(--tr-transform);
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: .75rem
}

.skip-link:focus-within {
    transform: translateY(0)
}

.skip-link .skip-link__anchor {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7);
    --fw: var(--fw-regular);
    --fm: var(--sp-3)
}

@media screen and (min-width: 769px) {
    .skip-link .skip-link__anchor {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6);
        --fw: var(--fw-regular);
        --fm: var(--sp-3)
    }
}

.skip-link .skip-link__anchor {
    --fs: var(--fs-level-6);
    --fw: var(--fw-semibold);
    --fm: 0
}

.skip-link .skip-link__anchor {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    align-items: flex-start;
    background-color: var(--btn-col-bg);
    border: 0;
    box-shadow: inset 0 0 0 1px var(--btn-col-outline);
    color: var(--btn-col-text);
    cursor: pointer;
    display: flex;
    font-style: normal;
    gap: .25rem;
    padding: .75rem 1rem .75rem .75rem;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: border-color var(--tr-speed-fast) ease-in-out,color var(--tr-speed-fast) ease-in-out,background-color var(--tr-speed-fast) ease-in-out;
    width: 100%
}

@media (min-width: 481px) {
    .skip-link .skip-link__anchor {
        display:inline-flex;
        width: auto
    }
}

.skip-link .skip-link__anchor:visited {
    color: var(--btn-col-text)
}

.skip-link .skip-link__anchor:hover {
    background-color: var(--btn-col-bg-hover);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-hover, transparent);
    color: var(--btn-col-text-hover)
}

.skip-link .skip-link__anchor:focus {
    color: var(--btn-col-text)
}

.skip-link .skip-link__anchor:active {
    background-color: var(--btn-col-bg-active);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-active, transparent);
    color: var(--btn-col-text-active)
}

.skip-link .skip-link__anchor:disabled,.skip-link .skip-link__anchor[disabled],.skip-link .skip-link__anchor.disabled {
    --btn-col-icon: inherit;
    color: var(--btn-col-text-disabled);
    background-color: var(--btn-col-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--btn-col-outline-disabled, transparent);
    pointer-events: none;
    cursor: not-allowed
}

.js-has-pseudo .skip-link .skip-link__anchor:not([csstools-has-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-2x-2r-33-32-2l-15]):before {
    content: "";
    background-color: currentcolor;
    display: inline-block;
    aspect-ratio: 1;
    -webkit-mask: var(--right-arrow);
    mask: var(--right-arrow);
    width: var(--icon-size-sm);
    flex-shrink: 0;
    translate: 0 .2rem;
    color: var(--btn-col-icon, inherit)
}

.skip-link .skip-link__anchor:not(:has([data-icon])):before {
    content: "";
    background-color: currentcolor;
    display: inline-block;
    aspect-ratio: 1;
    -webkit-mask: var(--right-arrow);
    mask: var(--right-arrow);
    width: var(--icon-size-sm);
    flex-shrink: 0;
    translate: 0 .2rem;
    color: var(--btn-col-icon, inherit)
}

.skip-link .skip-link__anchor [data-icon] {
    --icon-width: var(--icon-size-sm);
    order: -1;
    translate: 0 .2rem;
    color: var(--btn-col-icon, inherit)
}

.skip-link .skip-link__anchor {
    --btn-col-text: var(--col-btn-secondary-text);
    --btn-col-text-hover: var(--col-btn-secondary-text-hover);
    --btn-col-text-active: var(--col-btn-secondary-text-active);
    --btn-col-text-disabled: var(--col-btn-secondary-text-disabled);
    --btn-col-bg: var(--col-btn-secondary-bg);
    --btn-col-bg-hover: var(--col-btn-secondary-bg-hover);
    --btn-col-bg-active: var(--col-btn-secondary-bg-active);
    --btn-col-bg-disabled: var(--col-btn-secondary-bg-disabled);
    --btn-col-outline: var(--col-btn-secondary-outline)
}

.localnav {
    position: fixed;
    z-index: calc(var(--z-navigation) + 5)
}

.localnav__panel {
    background-color: var(--col-bg-primary);
    height: 100%;
    overflow: hidden auto;
    right: 0;
    top: 0;
    width: var(--sitenav-width);
    transform: translate(var(--sitenav-closed));
    transition: var(--tr-transform)
}

.localnav__panel--nested {
    position: absolute;
    z-index: var(--z-navigation)
}

.localnav__panel--nested-open {
    overflow: hidden
}

.localnav__panel--open {
    transform: translate(var(--sitenav-opened))
}

.localnav__btn {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-7);
    --fw: var(--fw-semibold);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-7);
    --fw: var(--fw-regular);
    --fm: var(--sp-3)
}

@media screen and (min-width: 769px) {
    .localnav__btn {
        --ff: var(--ff-normal);
        --fs: var(--fs-level-6);
        --fw: var(--fw-semibold);
        --fvs: unset;
        --lh: var(--lh-140);
        --ls: var(--ls-1);
        --fm: var(--fm-level-6);
        --fw: var(--fw-regular);
        --fm: var(--sp-3)
    }
}

.localnav__btn {
    --fm: 0
}

.localnav__btn {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: 1.75rem var(--sitenav-padding);
    color: var(--col-link-light);
    background: var(--col-bg-secondary);
    width: 100%;
    border: 0
}

.localnav__btn:hover,.localnav__btn:focus {
    color: var(--col-link-light-active)
}

.localnav__nested-trigger {
    align-items: center;
    justify-content: space-between
}

.localnav__list,.localnav__meta {
    max-width: none
}

.localnav__list>li,.localnav__meta>li {
    display: block;
    list-style-type: none;
    margin: 0;
    max-width: none;
    width: auto
}

.localnav__list a,.localnav__meta a {
    display: flex;
    outline-offset: -1px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.localnav__list a:hover,.localnav__meta a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.localnav__list {
    padding-inline:0}

.localnav__list>li {
    border-bottom: 1px solid var(--col-outline-accent)
}

.localnav__list a {
    padding: .75rem var(--sitenav-padding);
    color: var(--col-link-light)
}

.localnav__list a:hover,.localnav__list a:focus {
    color: var(--col-link-light-active)
}

.localnav__meta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 var(--sitenav-padding)
}

.localnav__meta a {
    --ff: var(--ff-normal);
    --fs: var(--fs-level-8);
    --fw: var(--fw-regular);
    --fvs: unset;
    --lh: var(--lh-140);
    --ls: var(--ls-1);
    --fm: var(--fm-level-8);
    --fm: 0;
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
    text-transform: uppercase!important;
    letter-spacing: var(--ls-uppercase-1)!important;
    color: var(--col-link-highlight)
}

.localnav__meta a:hover {
    color: var(--col-link-highlight-active)
}

.localnav.active {
    transform: translate(var(--sitenav-opened))
}

@media screen and (min-width: 481px) {
    .localnav.active {
        box-shadow:1px 0 12px 3px var(--col-outline-dark-o-60)
    }
}

@media print {
    body {
        background-color: var(--col-bg-light)
    }

    body .um\:mega-menu-spacer,body .um\:mega-menu,body .skip-link {
        display: none!important
    }

    body {
        background-color: var(--col-bg-light)!important;
        color: var(--col-text-dark)!important;
        font-weight: var(--fw-regular);
        border-color: var(--col-outline-dark)!important;
        margin: 0 auto;
        max-width: 43.75rem
    }

    body * {
        background-color: var(--col-bg-light)!important;
        color: var(--col-text-dark)!important;
        font-weight: var(--fw-regular);
        border-color: var(--col-outline-dark)!important
    }

    body * :before,body * :after {
        color: var(--col-text-dark)!important
    }

    body [role=main]:after {
        content: "Copyright https://www.unimelb.edu.au/";
        display: block;
        text-align: center
    }

    body footer,body .button-hero,body .button-hero-reverse,body .button-hero-inverse,body .video,body footer.cta,body .filtered-listing-wrapper,body form.course-select .right,body hr,body .styled-select svg.icon,body ul.jump-navigation,body ul.accordion>li:before,body [data-tabbed].tabbed nav,body .sidebar-tabs__list,body video,body .simple-listing__img,body [class^=loading] {
        display: none!important
    }

    body h1,body h2,body p {
        text-shadow: none!important
    }

    body [role=main] header.image {
        min-height: -moz-fit-content!important;
        min-height: fit-content!important;
        padding: 0
    }

    body [role=main] header.banner {
        min-height: -moz-fit-content!important;
        min-height: fit-content!important
    }

    body header {
        background-image: none!important;
        padding: 0!important
    }

    body header h1 {
        margin-top: 0!important
    }

    body .navigation-text-listing a {
        padding-bottom: 0!important
    }

    body .block-listing li {
        border-bottom-width: 1px!important
    }

    body .pathfinder-2 a,body .pathfinder-3 a,body .pathfinder-4 a,body .pathfinder-5 a {
        margin: 0!important
    }

    body .pathfinder-2 .button-small,body .pathfinder-3 .button-small,body .pathfinder-4 .button-small,body .pathfinder-5 .button-small {
        display: none!important
    }

    body figure svg,body .figure svg {
        display: none!important
    }

    body div,body li {
        background-image: none!important
    }

    body .image-gallery * {
        background-color: transparent!important
    }

    body .image-gallery li {
        border: none!important
    }

    body section {
        background-image: none!important;
        padding-top: 0!important;
        padding-bottom: 0!important;
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    body table,body svg {
        page-break-inside: avoid;
        break-inside: avoid
    }

    body pre,body code {
        font-family: Courier New,Courier,fixed!important;
        overflow: visible;
        white-space: pre-wrap
    }

    body code {
        border: 0 none
    }

    body article footer,body article header {
        display: block!important;
        background-image: none!important;
        min-height: min-content!important
    }

    body ul.ticked-list>li:before {
        border-color: var(--col-outline-dark)
    }

    body .news-hero a {
        padding-top: 0
    }

    body .news {
        padding: 0
    }

    body .mobile-wrap {
        max-width: 100%!important
    }

    body a[data-current] {
        border-color: var(--col-outline-alt-50)!important
    }

    body .filtered-listing-section h2,body .filtered-listing-section p {
        margin-left: 0
    }

    body input,body input[type="*"],body li {
        box-shadow: none!important
    }

    body .fullwidth {
        height: 0;
        overflow: unset
    }

    body .fullwidth section {
        padding-top: 0;
        position: unset
    }

    body .fullwidth section p {
        padding-top: 0
    }

    body .button,body .button-small,body .inline-button {
        border: 2px solid var(--col-outline-dark)!important
    }

    body iframe {
        max-width: 43.75rem;
        max-height: 25rem
    }
}

@media (min-width: 481px) {
    .page-footer__acknowledgement {
        padding-block: calc(.5rem*5);
    }
}

.page-footer__acknowledgement {
    padding-block: calc(.5rem*4);
}
.bg-primary-75 {
    display: flow-root;
    color: white !important;
    background-color: rgb(64,75,116) !important;
}
.page-footer__inner {
    max-width: calc(100vw - 2rem*2);
    margin-inline: auto;
}
.grid {
    --columns: 12;
    --columns-multiplier: 1;
    --fill-columns: calc(12 - 1);
    --span-columns: 12;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: calc(.5rem*4);
    width: 100%;
    padding: 0;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
@media (min-width: 1099px) {
    .page-footer__acknowledgement-title {
        max-width: 65%;
    }
}
.page-footer__acknowledgement-title {
    font-family: var(--lwc-fontFamily, SourceSansRegular);
    font-size: var(--fs);
    font-weight: var(--fw);
    font-variation-settings: var(--fvs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    margin-bottom: var(--fm);
}

.logo-section{
    border-right: 1px solid #212e5d;
}

.page-footer__inner{
    width: 80%;
    max-width: 67.5rem;
}
.page-footer__important-item{
    font-size: clamp(0.7rem, 2.5vw, 0.82rem);
    word-wrap: break-word;    
    padding-top: 2px;
}


/*BUTTONS*/

.slds-button_brand{
    border-radius: 0 !important;
    font-size: 1.125rem;
    background-color: #47C8F0 !important;
    color: #000F46 !important;
    font-weight: 600;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    border: none !important;
}

/* Hover state */
.slds-button_brand:hover {
    background-color: #81DAF5 !important;
}

/* Pressed (active) state */
.slds-button_brand:active {
    background-color: #2F95B7 !important;
}

/* Focus state */
.slds-button_brand:focus {
    background-color: #47C8F0 !important;
    outline: 2px solid #0D6CDD !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

/* Visited state */
.slds-button_brand:visited {
    background-color: #2F95B7 !important;
}

.slds-button_secondary{
    border-radius: 0 !important;
    font-size: 1.125rem;
    background-color: #ABC1A7 !important;
    color: #000F46 !important;
    font-weight: 600;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    border: none !important;
}

/* Hover state */
.slds-button_secondary:hover {
    background-color: #C3D2C0 !important;
}

/* Pressed (active) state */
.slds-button_secondary:active {
    background-color: #81927C !important;
}

/* Focus state */
.slds-button_secondary:focus {
    background-color: #ABC1A7 !important;
    outline: 2px solid #0D6CDD !important;
    outline-offset: 2px;
    box-shadow: none !important;

}

/* Visited state */
.slds-button_secondary:visited {
    background-color: #81927C !important;
}

.slds-breadcrumb .slds-list__item:before, .slds-breadcrumb .slds-breadcrumb__item:before {
    content: '\003E';
    position: absolute;
    left: -.25rem;
}


.slds-button_neutral, .custom-dropdown-menu .slds-button{
    border-radius: 0 !important;
    font-size: 1.125rem;
    background-color: #fff !important;
    color: #000F46 !important;
    font-weight: 600;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    border: 0px solid #8C8C8C !important;
    box-shadow: inset 0 0 0 1px #8C8C8C !important;
}

/* Hover state */
.slds-button_neutral:hover, .custom-dropdown-menu .slds-button:hover {
    background-color: #B1E8F8 !important;
}

/* Pressed (active) state */
.slds-button_neutral:active, .custom-dropdown-menu .slds-button:active {
    background-color: #81DAF5 !important;
}

/* Focus state */
.slds-button_neutral:focus, .custom-dropdown-menu .slds-button:focus {
    background-color: #FFFFFF !important;
    outline: 2px solid #0D6CDD !important;
    outline-offset: 2px;
    box-shadow: inset 0 0 0 1px #8C8C8C !important;
}

/* Visited state */
.slds-button_neutral:visited, .custom-dropdown-menu .slds-button:visited {
    background-color: #FFFFFF !important;
}
.forceCommunityRichText h1 { font-size: 3rem !important; }  

@media (max-width: 767px) {
.forceCommunityRichText h1 { font-size: 2.25rem !important; }   
.custom-status-container .custom-status > *{
    justify-content: start !important;
}
    .slds-button_brand, .slds-button_neutral, .slds-button_secondary, .custom-dropdown-menu .slds-button {
        width: 100% !important;
        margin-bottom: 20px;
        box-sizing: border-box; 
    }
    .custom-dropdown-menu .slds-dropdown-trigger{
        width: 100% !important;
    }

}



/*BUTTONS*/



/* @media (max-width: 70em) and (min-width: 40em) {
  .slds-card .slds-large-size_6-of-12 {
    width: 25% !important;
  }
} */


/* BREADCRUMBS */


.slds-breadcrumb .slds-list__item:first-child:before, .slds-breadcrumb .slds-breadcrumb__item:first-child:before {
    content: '' !important;
    background-image: none !important;
}
.slds-breadcrumb .slds-breadcrumb__item:before {
  content: '' !important;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.9457%2011.9999L8.3457%207.39994L9.39945%206.34619L15.0532%2011.9999L9.39945%2017.6537L8.3457%2016.5999L12.9457%2011.9999Z%22%20fill%3D%22%23222222%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -10px !important;
  top:2px;
}


.desktop-breadcrumb{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.slds-breadcrumb .slds-breadcrumb__item{
    padding-left: 10px;
    margin-right: 10px;
    font-size: 1.125rem !important;
}

.slds-breadcrumb .slds-breadcrumb__item a{
  color: #000F46 !important;
  text-decoration: underline;
}


.slds-breadcrumb .slds-breadcrumb__item a:hover,
.slds-breadcrumb .slds-breadcrumb__item a:focus,
.slds-breadcrumb .slds-breadcrumb__item a:focus-visible,
.slds-breadcrumb .slds-breadcrumb__item a:active {
  color: #003F8B !important;
  text-decoration-color: #003F8B !important;
}

.slds-breadcrumb .slds-breadcrumb__item a:visited{
  color: #000F46;
  text-decoration-color: #000F46;
}

.slds-breadcrumb .slds-text-link{
  color: #000F46 !important;
  text-decoration: underline;
}

.slds-breadcrumb .slds-text-link:hover,
.slds-breadcrumb .slds-text-link:focus,
.slds-breadcrumb .slds-text-link:active {
  color: #003F8B !important;
  text-decoration-color: #003F8B !important;
}
.slds-breadcrumb .slds-text-link:visited{
  color: #000F46;
  text-decoration-color: #000F46;
}
.slds-breadcrumb .current-page-text a {
  font-weight: normal !important;
  color: #222222 !important;
  text-decoration: none !important;
  cursor: text !important;
}
.slds-breadcrumb .current-page-text a:hover {
  font-weight: normal !important;
  color: #222222 !important;
  text-decoration: none !important;
  cursor: text !important;
}

.mobile-breadcrumb .back-link .back-icon{
    margin-left: 10px;
    margin-right: 10px;
}
.mobile-breadcrumb .back-link{
  display: flex;
  align-items: center;
  font-size: 1.125rem !important;
  color: #000F46 !important;
  text-decoration-color: #000F46 !important;
  text-decoration: underline !important;
}




/* BREADCRUMBS */



@media (min-width: 40em) {
  .slds-card .slds-large-size_6-of-12 {
    width: fit-content !important;
    margin: 10px !important;
  }
}


.custom-submitted-block .slds-grid, .custom-section-container .slds-grid{
    flex-direction: row;
    justify-content: left !important;
    align-items: left !important;
}

.slds-card .slds-grid{
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.slds-card .condition-element{
    margin: 0;
}

.custom-subject-block{
    border: 0 !important;
    border-radius: 0 !important;
    width: fit-content;
    color: #000F46 !important;
    font-size: 1rem;
}

runtime_omnistudio_flexcards-flex-card-state:has(.custom-subject-block){
    width: fit-content;
}

.separator-dot {
    opacity: 0;
}

.custom-subject-block .separator-dot .slds-text-align_center > span{
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #000F46;
  border-radius: 50%;
  font-size:0 !important;

}

.slds-grid{
border-radius: 0 !important;
}

a.slds-action_item{
    color: #000F46 !important;
    text-decoration: underline;
    font-size: 1.125rem;
}
a.slds-action_item:hover{
    color: #003F8B !important;
}
.custom-submitted-text .vloc-min-height, .custom-submitted-text:first-child{
    width: fit-content;
    margin-right: 8px;

}
.custom-status .vloc-min-height{
 width: fit-content;
 background-color: #E3F6FD;
 padding-left: 8px;
 padding-top: 4px;
 padding-right: 8px;
 padding-bottom: 4px;
 font-weight: 600;
 font-size: 0.875rem;
 text-transform: uppercase;
 color: #0F5A77;
}

.custom-status-container:has(.custom-status) .vloc-min-height{
 width: fit-content;
 background-color: #F4F4F4;
  color: #414141;
}

.custom-subject-block{
     background-color: transparent !important;
}

.slds-m-bottom_x-small:has(.custom-title-container):hover {
  background-color: #E3F6FD !important;
  cursor: pointer;
}


.cf-vlocity-state:has(.custom-title-container) {
    width: 100% !important;
}

.custom-card-title-container{
    color: #000F46 !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.custom-table-container .tableHeadCell {
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    padding: 4px !important;
}

.custom-table-container a{
    color: #003F8B !important;
    text-decoration: underline !important;
}

.custom-table-container [data-field-name="Status"] .field-value:not(:empty) {
    width: fit-content;
 background-color: #E3F6FD;
 padding-left: 8px;
 padding-top: 4px;
 padding-right: 8px;
 padding-bottom: 4px;
 font-weight: 600;
 font-size: 0.875rem;
 text-transform: uppercase;
 color: #0F5A77;
}
.custom-title-container, .custom-subject-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.custom-subject-container .via-slds > *{
    justify-content: left !important;

}

.custom-dropdown-menu-container{
    text-align: right;
}
.custom-status-container .custom-status > *{
    display: flex;
    justify-content: end;
}



.custom-no-border,
.custom-no-border > div {
    margin: 0;
    padding: 0.25rem 0;
}
.custom-dropdown-menu-container {
    padding: 0
}
.custom-no-border  {
    margin: 0 !important;
    padding: 0.85rem 0;
}
.custom-submitted-block {
    padding-top: 0;
    margin-top: -0.85rem;
    font-size: 1rem;
}
.slds-rich-text-editor__output h1 {
    letter-spacing: -0.035em;
}

.custom-no-border .slds-wrap {
    align-items: center;
}

.slds-grid.slds-card {
    border-color: #E0E0E0;
    padding: 1rem;
}

.custom-section-container h2,
.custom-section-container a{
    font-weight: 600;
}
.custom-section-container a {
    color: #000F46 !important;
}

.custom-table,
.custom-card-title,
.custom-desc {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.35rem;
    padding-bottom: 0.65rem;
}


.custom-card-title h3 {
    font-size: 1.5rem !important;
    font-weight: 600;
    margin-bottom: 0;
}

.custom-desc {
    font-size: 1.125rem;
    font-weight: 400;
    /* margin-bottom: 1rem; */
}

.tableRow .slds-data-table-row-cell {
    vertical-align: middle;
    font-size: 1rem;
    color: #222222;
    height: 50px;
}

.tableHeadCell {
    font-size: 0.875rem !important;
    color: #222222 !important;
    letter-spacing: 0.0625rem;
    font-weight: 600;
    background-color: #F4F4F4 !important;
    border-bottom: 1px solid #F4F4F4 !important;
}

.tableRow:last-of-type {
    border-bottom: 1px solid #ffffff !important;
}

field-value {
    font-size: 0.5rem;
    font-weight: 600;
}

.custom-subject-block {
    padding: 0 !important;
}

.forceCommunitySection .cb-section_column:only-child {
    padding: 16px 0;
}

.custom-item-content-card-container {
    margin-top: -2.05rem;
}


@media (max-width: 48em) {

    
    .forceCommunitySection .cb-section_column:only-child {
        padding: 8px 24px 16px 24px;
    }

    .custom-card-title{
        padding: 1.5rem 1.5rem 0rem 1.5rem;
    }
    .custom-desc {
        padding: 0rem 1.5rem 1.5rem 1.5rem;
        font-size: 1rem;
    }
    .custom-table {
        margin-bottom: 0.5rem;
    }

    .custom-card-title h3 {
        font-size: 1.25rem !important;
        margin-bottom: 1.5rem;
    }

    .custom-item-content-card-container {
        padding: 0 !important;
    }



    .custom-card-title h3 {
        font-size: 1.25rem !important;
        margin-bottom: 1.5rem;
    }

    .tableRow .slds-data-table-row-cell {
        font-size: 0.825rem;
        height: 40px;
    }

    .custom-card-title-container,
    .custom-desc-container,
    .custom-table-container{
        padding: 0;
        margin-bottom: 0;
    }

    .custom-item-content-card-container {
        padding: 0 !important;
    }
    
    .custom-table {
        padding: 1rem 0;
    }
    .custom-table {
        padding: 1rem 0 1rem 0.5rem;
        margin-left: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .custom-table .custom-table {
        padding: 0;
        margin-left: 1.5rem;
    }


     .forceCommunitySection .cb-section_column:only-child {
        padding: 8px 24px 16px 24px;
    }

    .custom-table {
        padding-left: 0px !important;
    }


}




.custom-table {
    padding:0;
    margin:0;
    padding-left: 6px;
}
.custom-item-content-card-container {
    margin-top: -2.05rem;
}
.custom-card-title-container,
.custom-desc-container,
.custom-table-container {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.tableRow .slds-data-table-row-cell {
    vertical-align: middle !important;
    font-size: 1rem;
    color: #222222;
    height: 50px;
}

.forceCommunitySection .cb-section_column:only-child {
    padding: 16px 0;
}
.custom-no-border  {
    margin: 0 !important;
    padding: 0.85rem 0;
}

.custom-card-desc {
    font-size: 1.125rem;
}
.custom-title-action-container {
    padding-bottom: 0;
}


.custom-dropdown-menu-container .slds-dropdown {
    box-shadow: 0 1px 24px rgba(0,0,0,0.08);
    border-radius: 0;
    border: none;
    padding: 0;
    margin-top: 0.25rem;
}

.custom-dropdown-menu-container .slds-dropdown__list a {
    color: #2d2d2d;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 0.625rem 1rem;
}
.custom-dropdown-menu-container .slds-dropdown__list a:hover {
    background-color: #81DAF5;
}
.custom-dropdown-menu-container .slds-dropdown__list a:active {
    border: none;
    background-color: #2F95B7;
    box-shadow: none;
}


/* Fix dropdown button label and position of down icon especially for mobile */
.custom-dropdown-menu-container .btnLabel {
    width: 100%;
    text-align: left;
}
.custom-dropdown-menu-container {
    padding: 0 !important;
}
/* Fix the shrinking of the dropdown button */
.custom-dropdown-menu {
    width: 100% !important;
}    

/*Spec Con Portal CSS 
(would be better if the classes were more generalised, but that would require updating class names in HTML)*/

.speccon-links a{
    font-weight: var(--fw-bold);
    font-size: 1.125rem; 
}

/* Request review modal CSS */

.review-modal .omniscript-article > div:last-of-type
 {
    display: block !important;
    flex-direction: initial;
}

.withdraw-button .slds-button.slds-button_text-destructive{
    padding: 7px 16px;
    border-radius: 0px;
    font-size: 15px;
    color: #944c54;
    font-weight: bold;
}