/* START --- LOGIN PAGE THEME CUSTOMISATION FOR SSO REDIRECT */

body.login {
   background-position: center;
   overflow: hidden;
}

body.login #content form {
   background: none !important;
}

body.login #content form {
   margin: 0 auto !important;
}

.default-login-toggle {
   visibility: hidden;
}

div.login-links {
   text-align: -webkit-center !important;
}

.login-method {
   border-radius: 5px;
   font-size: 16px !important;
}

a.samlbutton {
   font-weight: 600 !important;
   user-select: none;
}

.samlbutton {
   width: fit-content;
   padding: 1rem 2rem !important;
}

.oidcbutton {
    display: none !important;
}

body.login.side #content {
   position: absolute;
   left: 0;
   box-sizing: content-box;
}
 
body.login .login-links .separator {
    display: none;
}

body.login .logo img {
   width: 85%;
   user-select: none;
}

.login #content {
  background: #010e2c99 !important;
}

.login #footer li:nth-of-type(3) {
    display:none;
}

@media only print, screen and (max-width: 40em) {
  body.login #content {
     max-width: 100% !important;
     width: -webkit-fill-available;
}
}

@media only print, screen and (min-width: 40.0625em) {
    body.login.side #content {
     min-width: 470px !important;
}
}

/* END --- LOGIN PAGE THEME CUSTOMISATION FOR SSO REDIRECT */

.left-off-canvas-menu .account-menu .accordion-navigation .profile-drop img {
 display: none;
}

.left-off-canvas-menu .logo-wrapper .logo {
 padding: 1rem 0;
}

/* Staff Directory */
#staff-directory a:link:after,
#staff-directory a:visited:after {
    content: '';
}

@media print {
    #staff-directory-heading {
        margin-left: 0 !important;
    }

    #staff-directory a {
        text-decoration: none;
    }
}

a:hover {
      text-decoration: underline;
  }

.booking-btn {
    background: #012169;
    border-radius: 4px;
    padding: 10px 20px !important;
    width: fit-content;
    margin: 30px 0 !important;
    color: white;
}

.booking-btn a {
    color: white;
}

a:hover.booking-btn   {
    color: white;
}

a:visited.booking-btn   {
    color: white;
}

/* CUSTOM CSS ADDED SEP 2024 */

.account-menu img {
    border-radius: 50%; 
    padding: 5px;
}

.island:after {
    display: none;
}

.subheader:after {
    display: none;
}

.Schoolbox_Calendar_Component_Dashboard_Controller {
   padding: 1rem 0rem !important;
}

.Schoolbox_Calendar_Component_Dashboard_Controller:after {
    display: none;
}

.Schoolbox_Calendar_Component_Dashboard_Controller:before {
    border-top: none !important;
}

.Component_Dashboard_SlideshowController {
    padding: 0 !important;
    border: none !important;
    margin-top: 1.5rem;
}

#container {
    background-image: none!important;
}

#left-menu {
    background-image: none!important;
}

ul.tileList {
    margin-bottom: 20px;
}

.tile {
   vertical-align: bottom;
}

/* START - CUSTOM STYLES FOR ROLE-BASED DASHBOARDS. THIS OVERRIDES THE DEFAULT SCHOOLBOX JS/CSS SIZING RULE FOR TILES AS IT WILL CAUSE THEM TO BE HIGHLY OVERSIZED ON WIDER SCREENS */

#tileList-1147 .tile, #tileList-1148 .tile, #tileList-1149 .tile, #tileList-1150 .tile, #tileList-1151 .tile, #tileList-1216 .tile {
  max-width: 110px;
}

.text-bottom {
  bottom: auto !important;
}

ul.tileList li.tile .title {
    font-weight: 500 !important; 
}

/* END - CUSTOM STYLES FOR ROLE-BASED DASHBOARDS */

.logo-wrapper {
   height: 4.5rem !important;
   border-bottom: none !important;  
}

.meta {
   font-size: small !important;
}

article div {
   font-size: 1.125rem;
   line-height: 1.6rem;
   font-weight: 500;
   margin-top: 1rem;
}

article p {
   font-size: 1.125rem;
   line-height: 1.5rem;
   font-weight: 500;
   margin-top: 1rem;
}

article li {
    font-weight: 500;
    padding-left: 5px;
}

article li:last-child {
    margin-bottom: 30px;
}

.card p {
   line-height: 1.5;
}

.article-read-more {
    margin-top: 2rem !important;
    text-transform: capitalize;
    background: #0057B8;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 4px;
}

.article-read-more a {
    color: #fff;
}

#news-component .card h3 {
   font-size: 1.25rem;
   font-weight: bold;
}

#left-menu .off-canvas-list .has-submenu.left-nav-quicklinks>ul.left-submenu>a:hover {
    font-weight: 600;
    background: #cf3a44;
    color: #fff;
}

#left-menu .off-canvas-list H3 a:hover {
    color: #fff;
}

.switch-user p {
    font-size: small !important;
}

/* PARENT CALENDAR AND NEWS */

#component18 h2.subheader {
   margin-bottom: 0.5rem !important;
}

#component18.component-container {
   border: none !important;
}

#component18 table.fc-list-table {
   border: 1px solid #e3dddd;
}

h2.subheader {
   display: block !important;
   color: #010e2d !important;
   margin-bottom: 0.5rem !important;
   font-size: 2rem !important;
   font-weight: bold !important;
   text-transform: capitalize;
   background: none !important;
   text-decoration: underline;
   text-underline-offset: 8px;
   text-decoration-color: rgb(67 94 160 / 70%);
}

#component17.component-container {
   border: none !important;
}

#news-component dl.tabs {
   border-bottom: none !important;
   margin: 0 !important;
}

#news-component .card>a>img {
    border-radius: 15px;
    height: 140px;
    transition: all 0.5s ease;
    object-fit: cover;
    outline: 1px solid #e6e6e6;
}

#news-component .card>a>img:hover {
    transform: scale(1.03);
}

#component17 h2.subheader {
   display: block !important;
   color: #010e2d !important;
   margin-bottom: 0rem !important;
   font-size: 2rem !important;
   font-weight: bold !important;
   text-transform: capitalize;
   background: none !important;
}

#component17.component-container {
   border: none !important;
}

#news-component dd.active {
   border: none !important;
}

/* CUSTOM HOVER UNDERLINE STYLE */

a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px !important;
    text-decoration-skip-ink: auto;
}

.top-menu a:hover {
    text-decoration: none;
}

/* SOFT BORDER AROUND PROMOTIONAL SLIDER IMAGES */

.swiper img {
    border: 1px solid #e2dfdf;
}

/* SOFT BORDER AROUND PROMOTIONAL SLIDER IMAGES */

.news-post .banner img {
    border: 1px solid #ebebeb;
}

/* HIDE AUDIENCES ON NEWS ARTICLE PAGE */

.meta.pipe {
    display: none;
}

.news-post .title-section h1 {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 600;
}

/* OVERRIDES DEFAULT TABLE HEADER ROW PADDING */

article th {
    padding: 0.75rem !important;
}

/* ADDS MORE INDENT TO BULLET POINTS */

article ul {
    margin-left: 2rem !important;
}

/* HIDE CALENDAR FILTER BUTTON */

.fc-customFilters-button {
   display: none !important;
}

/* HEADER LOGO */

.hybrid-bar .logo img {
   padding: 8px 0;
}

/* ADMIN AREA */

.admin-content .subheader {
    margin-bottom: 20px !important;
}


/* CUSTOM HEADING DECORATION FOR DASHBOARD */

#component17 h2.subheader {
   display: block;
   color: #010e2d !important;
   margin-bottom: 0.5rem !important;
   font-size: 2rem !important;
   font-weight: bold !important;
   text-transform: capitalize;
   background: none !important;
   text-decoration: underline;
   text-underline-offset: 8px;
   text-decoration-color: rgb(67 94 160 / 70%);
}

#component18.component-container {
   padding: 1rem 0rem;
}

#component18 h2.subheader {
   margin-bottom: 0.5rem !important;
}

/* NEWS TOPICS TABS */

.tabs dd>a, .tabs .tab-title>a {
    display: block;
    font-family: 'Quicksand',Arial;
    text-transform: capitalize;
    font-size: 14px;
}

.tabs dd a {
    background: #f3f4f6 !important;
    border-radius: 50px;
    margin-bottom: 20px;
    padding: 10px 30px;
}

.tabs dd a:hover {
    background: #f1f8ff !important;
}

.tabs dd.active a {
    background: #010e2d !important;
}

/* THIS IS CAUSING THE SCROLLBAR IN NEWS COMPONENT, COULD BE REMOVED TO IMPROVE NEWS DISPLAY */

.Schoolbox_Comms_News_Component_Dashboard_Controller .tabs-content {
  //  max-height: calc(100vh - 250px)
}

.Schoolbox_Comms_News_Component_Dashboard_Controller .tabs-content {
    overflow: none !important;
    max-height: none !important;
}

/* SEPARATOR LINE BETWEEN NEWS ITEMS - SHOULD BE CHANGED DIRECTLY IN CSS */

.Schoolbox_Comms_News_Component_Dashboard_Controller .tabs-content UL.information-list li {
    border-bottom: 1px solid #e4e4e4 !important; 
}

/* WIDTH OF NEWS ITEMS INCREASED TO FILL SCREEN ON MOBILE. DEFAULT SCHOOLBOX PADDING WAS EXCESSIVE */

.actions-small-1>.list-item,.island .row.actions-small-1>.list-item {
    padding-right: 1rem !important;
}

/* MY CHILDREN */

#component22.Component_Dashboard_ChildSubjectController .subheader {
   color: #010e2d !important;
   padding: 0 !important;
   margin-bottom: 1.5rem !important;
   font-size: 2rem !important;
   font-weight: bold !important;
   text-transform: capitalize;
   background: none !important;
   text-decoration: underline;
   text-underline-offset: 8px;
   text-decoration-color: rgb(67 94 160 / 70%);
}

#component22.Component_Dashboard_ChildSubjectController {
    border: none;
}

#component22 h3 {
    font-weight: 600;
}

#component22 img {
    border-radius: 50%;
    margin-bottom: 5px;
}

.flex-wrap.buttons a {
    font-family: 'Quicksand', Arial;
    background: #f3f4f6 !important;
}

article h3 {
   font-size: 1.2rem;
   margin-top: 2.5rem;;
}

/* SURVEY CALLOUT */

.survey-bg {
   background: #e7f2ff;
   padding: 30px 30px 50px;
   border-radius: 20px;
}

.survey-bg h4 {
    font-size: 1.3rem !important;
    margin-top: 0px !important;
}

.survey-cta-button {
   background: #cf3a44;
   font-size: 1rem;
   color: #ffffff !important; 
   padding: 10px 20px; 
   border-radius: 20px;
   display: inline-block;
}

.tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
}

.tabs dd {
    flex:  0 0 auto !important;
}

/* PREVENT WORDS BREAKING IN NARROW TABLE COLUMNS */

article table tr th, article table tr, article table td {
    word-break: normal !important;
}

/* CONTROLS SIZE OF TEXT OF EACH LIST ITEM IN FILE DROPZONES AND THE POSITIONING OF THE PENCIL ICON */

article.dropzone-wrap div {
   margin-top: 0;
}

article.dropzone-wrap h3 {
   font-size: 1.1rem;
}

/* CUSTOM TEXT HIGHLIGHT COLOUR */

::selection {
   background: #cf3a44;
}

/* CUSTOM SCROLLBARS */

::-webkit-scrollbar {
  width: 15px;
  height: 10px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.1); 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #cf3a44; 
}

/* ACCORDION HEADING LINE HEIGHT */

.accordion-header>* {
    line-height: initial !important;
}

/* MOBILE RESPONSIVENESS FOR SCHOOLBOX TILES */

@media (max-width:500px) {

#tileList-1147 .tile, #tileList-1148 .tile, #tileList-1149 .tile, #tileList-1150 .tile, #tileList-1151, #tileList-1399 .tile, #tileList-1216 .tile {
   max-width: 110px;
   min-width: 25%;
   align-content: end;
   margin-bottom: 70px !important;
}

.tile {
   min-width: 48%;
}

.tileList {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
}

.tile .text-bottom {
   padding: 0.25rem 0 !important;
}

}

/* MOBILE RESPONSIVENESS FOR PAGE TITLES */

@media (max-width:500px) {

.t-restrict-length {
    display: block;
    width: 170%;
}

}

/* MOBILE RESPONSIVENESS FOR NEWS FEED */

@media (max-width:500px) {

#news-component .card {
   display: flex;
   flex-direction: column;
}

#news-component .information-list {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#news-component .card>a>img {
   width: 60% !important;
   height: auto;
   margin-bottom: 10px;
}

/* HIDE READ MORE BUTTON ON MOBILE DEVICES ONLY, TO SAVE VERTICAL SPACE. */

#news-component .article-read-more {
    display: none;
}

h2.subheader {
   text-align: center;
}

}

:root {
            --navigation-foreground-r: 255;
        --navigation-foreground-g: 255;
        --navigation-foreground-b: 255;
        --navigation-foreground-h: 0;
        --navigation-foreground-s: 0%;
        --navigation-foreground-l: 100%;
        --navigation-foreground-a: 1;
        --navigation-foreground:   hsla(
            var(--navigation-foreground-h),
            var(--navigation-foreground-s),
            var(--navigation-foreground-l),
            var(--navigation-foreground-a)
        );
            --navigation-foreground-contrast-r: 0;
        --navigation-foreground-contrast-g: 0;
        --navigation-foreground-contrast-b: 0;
        --navigation-foreground-contrast-h: 0;
        --navigation-foreground-contrast-s: 0%;
        --navigation-foreground-contrast-l: 0%;
        --navigation-foreground-contrast-a: 1;
        --navigation-foreground-contrast:   hsla(
            var(--navigation-foreground-contrast-h),
            var(--navigation-foreground-contrast-s),
            var(--navigation-foreground-contrast-l),
            var(--navigation-foreground-contrast-a)
        );
            --navigation-background-r: 1;
        --navigation-background-g: 14;
        --navigation-background-b: 45;
        --navigation-background-h: 222.27;
        --navigation-background-s: 95.65%;
        --navigation-background-l: 9.02%;
        --navigation-background-a: 1;
        --navigation-background:   hsla(
            var(--navigation-background-h),
            var(--navigation-background-s),
            var(--navigation-background-l),
            var(--navigation-background-a)
        );
            --navigation-background-contrast-r: 255;
        --navigation-background-contrast-g: 255;
        --navigation-background-contrast-b: 255;
        --navigation-background-contrast-h: 0;
        --navigation-background-contrast-s: 0%;
        --navigation-background-contrast-l: 100%;
        --navigation-background-contrast-a: 1;
        --navigation-background-contrast:   hsla(
            var(--navigation-background-contrast-h),
            var(--navigation-background-contrast-s),
            var(--navigation-background-contrast-l),
            var(--navigation-background-contrast-a)
        );
            --navigation-hover-r: 93;
        --navigation-hover-g: 123;
        --navigation-hover-b: 191;
        --navigation-hover-h: 221.63;
        --navigation-hover-s: 43.36%;
        --navigation-hover-l: 55.69%;
        --navigation-hover-a: 1;
        --navigation-hover:   hsla(
            var(--navigation-hover-h),
            var(--navigation-hover-s),
            var(--navigation-hover-l),
            var(--navigation-hover-a)
        );
            --navigation-hover-contrast-r: 255;
        --navigation-hover-contrast-g: 255;
        --navigation-hover-contrast-b: 255;
        --navigation-hover-contrast-h: 0;
        --navigation-hover-contrast-s: 0%;
        --navigation-hover-contrast-l: 100%;
        --navigation-hover-contrast-a: 1;
        --navigation-hover-contrast:   hsla(
            var(--navigation-hover-contrast-h),
            var(--navigation-hover-contrast-s),
            var(--navigation-hover-contrast-l),
            var(--navigation-hover-contrast-a)
        );
            --off-canvas-foreground-r: 255;
        --off-canvas-foreground-g: 255;
        --off-canvas-foreground-b: 255;
        --off-canvas-foreground-h: 0;
        --off-canvas-foreground-s: 0%;
        --off-canvas-foreground-l: 100%;
        --off-canvas-foreground-a: 1;
        --off-canvas-foreground:   hsla(
            var(--off-canvas-foreground-h),
            var(--off-canvas-foreground-s),
            var(--off-canvas-foreground-l),
            var(--off-canvas-foreground-a)
        );
            --off-canvas-foreground-contrast-r: 0;
        --off-canvas-foreground-contrast-g: 0;
        --off-canvas-foreground-contrast-b: 0;
        --off-canvas-foreground-contrast-h: 0;
        --off-canvas-foreground-contrast-s: 0%;
        --off-canvas-foreground-contrast-l: 0%;
        --off-canvas-foreground-contrast-a: 1;
        --off-canvas-foreground-contrast:   hsla(
            var(--off-canvas-foreground-contrast-h),
            var(--off-canvas-foreground-contrast-s),
            var(--off-canvas-foreground-contrast-l),
            var(--off-canvas-foreground-contrast-a)
        );
            --off-canvas-background-r: 1;
        --off-canvas-background-g: 14;
        --off-canvas-background-b: 45;
        --off-canvas-background-h: 222.27;
        --off-canvas-background-s: 95.65%;
        --off-canvas-background-l: 9.02%;
        --off-canvas-background-a: 1;
        --off-canvas-background:   hsla(
            var(--off-canvas-background-h),
            var(--off-canvas-background-s),
            var(--off-canvas-background-l),
            var(--off-canvas-background-a)
        );
            --off-canvas-background-contrast-r: 255;
        --off-canvas-background-contrast-g: 255;
        --off-canvas-background-contrast-b: 255;
        --off-canvas-background-contrast-h: 0;
        --off-canvas-background-contrast-s: 0%;
        --off-canvas-background-contrast-l: 100%;
        --off-canvas-background-contrast-a: 1;
        --off-canvas-background-contrast:   hsla(
            var(--off-canvas-background-contrast-h),
            var(--off-canvas-background-contrast-s),
            var(--off-canvas-background-contrast-l),
            var(--off-canvas-background-contrast-a)
        );
            --off-canvas-hover-r: 93;
        --off-canvas-hover-g: 123;
        --off-canvas-hover-b: 191;
        --off-canvas-hover-h: 221.63;
        --off-canvas-hover-s: 43.36%;
        --off-canvas-hover-l: 55.69%;
        --off-canvas-hover-a: 1;
        --off-canvas-hover:   hsla(
            var(--off-canvas-hover-h),
            var(--off-canvas-hover-s),
            var(--off-canvas-hover-l),
            var(--off-canvas-hover-a)
        );
            --off-canvas-hover-contrast-r: 255;
        --off-canvas-hover-contrast-g: 255;
        --off-canvas-hover-contrast-b: 255;
        --off-canvas-hover-contrast-h: 0;
        --off-canvas-hover-contrast-s: 0%;
        --off-canvas-hover-contrast-l: 100%;
        --off-canvas-hover-contrast-a: 1;
        --off-canvas-hover-contrast:   hsla(
            var(--off-canvas-hover-contrast-h),
            var(--off-canvas-hover-contrast-s),
            var(--off-canvas-hover-contrast-l),
            var(--off-canvas-hover-contrast-a)
        );
            --accounts-menu-foreground-r: 255;
        --accounts-menu-foreground-g: 255;
        --accounts-menu-foreground-b: 255;
        --accounts-menu-foreground-h: 0;
        --accounts-menu-foreground-s: 0%;
        --accounts-menu-foreground-l: 100%;
        --accounts-menu-foreground-a: 1;
        --accounts-menu-foreground:   hsla(
            var(--accounts-menu-foreground-h),
            var(--accounts-menu-foreground-s),
            var(--accounts-menu-foreground-l),
            var(--accounts-menu-foreground-a)
        );
            --accounts-menu-foreground-contrast-r: 0;
        --accounts-menu-foreground-contrast-g: 0;
        --accounts-menu-foreground-contrast-b: 0;
        --accounts-menu-foreground-contrast-h: 0;
        --accounts-menu-foreground-contrast-s: 0%;
        --accounts-menu-foreground-contrast-l: 0%;
        --accounts-menu-foreground-contrast-a: 1;
        --accounts-menu-foreground-contrast:   hsla(
            var(--accounts-menu-foreground-contrast-h),
            var(--accounts-menu-foreground-contrast-s),
            var(--accounts-menu-foreground-contrast-l),
            var(--accounts-menu-foreground-contrast-a)
        );
            --accounts-menu-background-r: 1;
        --accounts-menu-background-g: 14;
        --accounts-menu-background-b: 45;
        --accounts-menu-background-h: 222.27;
        --accounts-menu-background-s: 95.65%;
        --accounts-menu-background-l: 9.02%;
        --accounts-menu-background-a: 1;
        --accounts-menu-background:   hsla(
            var(--accounts-menu-background-h),
            var(--accounts-menu-background-s),
            var(--accounts-menu-background-l),
            var(--accounts-menu-background-a)
        );
            --accounts-menu-background-contrast-r: 255;
        --accounts-menu-background-contrast-g: 255;
        --accounts-menu-background-contrast-b: 255;
        --accounts-menu-background-contrast-h: 0;
        --accounts-menu-background-contrast-s: 0%;
        --accounts-menu-background-contrast-l: 100%;
        --accounts-menu-background-contrast-a: 1;
        --accounts-menu-background-contrast:   hsla(
            var(--accounts-menu-background-contrast-h),
            var(--accounts-menu-background-contrast-s),
            var(--accounts-menu-background-contrast-l),
            var(--accounts-menu-background-contrast-a)
        );
            --accounts-menu-hover-r: 33;
        --accounts-menu-hover-g: 122;
        --accounts-menu-hover-b: 186;
        --accounts-menu-hover-h: 205.1;
        --accounts-menu-hover-s: 69.86%;
        --accounts-menu-hover-l: 42.94%;
        --accounts-menu-hover-a: 1;
        --accounts-menu-hover:   hsla(
            var(--accounts-menu-hover-h),
            var(--accounts-menu-hover-s),
            var(--accounts-menu-hover-l),
            var(--accounts-menu-hover-a)
        );
            --accounts-menu-hover-contrast-r: 255;
        --accounts-menu-hover-contrast-g: 255;
        --accounts-menu-hover-contrast-b: 255;
        --accounts-menu-hover-contrast-h: 0;
        --accounts-menu-hover-contrast-s: 0%;
        --accounts-menu-hover-contrast-l: 100%;
        --accounts-menu-hover-contrast-a: 1;
        --accounts-menu-hover-contrast:   hsla(
            var(--accounts-menu-hover-contrast-h),
            var(--accounts-menu-hover-contrast-s),
            var(--accounts-menu-hover-contrast-l),
            var(--accounts-menu-hover-contrast-a)
        );
            --content-ui-foreground-r: 0;
        --content-ui-foreground-g: 39;
        --content-ui-foreground-b: 118;
        --content-ui-foreground-h: 220.17;
        --content-ui-foreground-s: 100%;
        --content-ui-foreground-l: 23.14%;
        --content-ui-foreground-a: 1;
        --content-ui-foreground:   hsla(
            var(--content-ui-foreground-h),
            var(--content-ui-foreground-s),
            var(--content-ui-foreground-l),
            var(--content-ui-foreground-a)
        );
            --content-ui-foreground-contrast-r: 255;
        --content-ui-foreground-contrast-g: 255;
        --content-ui-foreground-contrast-b: 255;
        --content-ui-foreground-contrast-h: 0;
        --content-ui-foreground-contrast-s: 0%;
        --content-ui-foreground-contrast-l: 100%;
        --content-ui-foreground-contrast-a: 1;
        --content-ui-foreground-contrast:   hsla(
            var(--content-ui-foreground-contrast-h),
            var(--content-ui-foreground-contrast-s),
            var(--content-ui-foreground-contrast-l),
            var(--content-ui-foreground-contrast-a)
        );
            --content-ui-background-r: 193;
        --content-ui-background-g: 229;
        --content-ui-background-b: 255;
        --content-ui-background-h: 205.16;
        --content-ui-background-s: 100%;
        --content-ui-background-l: 87.84%;
        --content-ui-background-a: 1;
        --content-ui-background:   hsla(
            var(--content-ui-background-h),
            var(--content-ui-background-s),
            var(--content-ui-background-l),
            var(--content-ui-background-a)
        );
            --content-ui-background-contrast-r: 0;
        --content-ui-background-contrast-g: 0;
        --content-ui-background-contrast-b: 0;
        --content-ui-background-contrast-h: 0;
        --content-ui-background-contrast-s: 0%;
        --content-ui-background-contrast-l: 0%;
        --content-ui-background-contrast-a: 1;
        --content-ui-background-contrast:   hsla(
            var(--content-ui-background-contrast-h),
            var(--content-ui-background-contrast-s),
            var(--content-ui-background-contrast-l),
            var(--content-ui-background-contrast-a)
        );
            --content-ui-hover-r: 209;
        --content-ui-hover-g: 236;
        --content-ui-hover-b: 255;
        --content-ui-hover-h: 204.78;
        --content-ui-hover-s: 100%;
        --content-ui-hover-l: 90.98%;
        --content-ui-hover-a: 1;
        --content-ui-hover:   hsla(
            var(--content-ui-hover-h),
            var(--content-ui-hover-s),
            var(--content-ui-hover-l),
            var(--content-ui-hover-a)
        );
            --content-ui-hover-contrast-r: 0;
        --content-ui-hover-contrast-g: 0;
        --content-ui-hover-contrast-b: 0;
        --content-ui-hover-contrast-h: 0;
        --content-ui-hover-contrast-s: 0%;
        --content-ui-hover-contrast-l: 0%;
        --content-ui-hover-contrast-a: 1;
        --content-ui-hover-contrast:   hsla(
            var(--content-ui-hover-contrast-h),
            var(--content-ui-hover-contrast-s),
            var(--content-ui-hover-contrast-l),
            var(--content-ui-hover-contrast-a)
        );
            --content-ui-selected-r: 229;
        --content-ui-selected-g: 244;
        --content-ui-selected-b: 255;
        --content-ui-selected-h: 205.38;
        --content-ui-selected-s: 100%;
        --content-ui-selected-l: 94.9%;
        --content-ui-selected-a: 1;
        --content-ui-selected:   hsla(
            var(--content-ui-selected-h),
            var(--content-ui-selected-s),
            var(--content-ui-selected-l),
            var(--content-ui-selected-a)
        );
            --content-ui-selected-contrast-r: 0;
        --content-ui-selected-contrast-g: 0;
        --content-ui-selected-contrast-b: 0;
        --content-ui-selected-contrast-h: 0;
        --content-ui-selected-contrast-s: 0%;
        --content-ui-selected-contrast-l: 0%;
        --content-ui-selected-contrast-a: 1;
        --content-ui-selected-contrast:   hsla(
            var(--content-ui-selected-contrast-h),
            var(--content-ui-selected-contrast-s),
            var(--content-ui-selected-contrast-l),
            var(--content-ui-selected-contrast-a)
        );
            --content-ui-submit-foreground-r: 255;
        --content-ui-submit-foreground-g: 255;
        --content-ui-submit-foreground-b: 255;
        --content-ui-submit-foreground-h: 0;
        --content-ui-submit-foreground-s: 0%;
        --content-ui-submit-foreground-l: 100%;
        --content-ui-submit-foreground-a: 1;
        --content-ui-submit-foreground:   hsla(
            var(--content-ui-submit-foreground-h),
            var(--content-ui-submit-foreground-s),
            var(--content-ui-submit-foreground-l),
            var(--content-ui-submit-foreground-a)
        );
            --content-ui-submit-foreground-contrast-r: 0;
        --content-ui-submit-foreground-contrast-g: 0;
        --content-ui-submit-foreground-contrast-b: 0;
        --content-ui-submit-foreground-contrast-h: 0;
        --content-ui-submit-foreground-contrast-s: 0%;
        --content-ui-submit-foreground-contrast-l: 0%;
        --content-ui-submit-foreground-contrast-a: 1;
        --content-ui-submit-foreground-contrast:   hsla(
            var(--content-ui-submit-foreground-contrast-h),
            var(--content-ui-submit-foreground-contrast-s),
            var(--content-ui-submit-foreground-contrast-l),
            var(--content-ui-submit-foreground-contrast-a)
        );
            --content-ui-submit-background-r: 0;
        --content-ui-submit-background-g: 102;
        --content-ui-submit-background-b: 176;
        --content-ui-submit-background-h: 205.23;
        --content-ui-submit-background-s: 100%;
        --content-ui-submit-background-l: 34.51%;
        --content-ui-submit-background-a: 1;
        --content-ui-submit-background:   hsla(
            var(--content-ui-submit-background-h),
            var(--content-ui-submit-background-s),
            var(--content-ui-submit-background-l),
            var(--content-ui-submit-background-a)
        );
            --content-ui-submit-background-contrast-r: 255;
        --content-ui-submit-background-contrast-g: 255;
        --content-ui-submit-background-contrast-b: 255;
        --content-ui-submit-background-contrast-h: 0;
        --content-ui-submit-background-contrast-s: 0%;
        --content-ui-submit-background-contrast-l: 100%;
        --content-ui-submit-background-contrast-a: 1;
        --content-ui-submit-background-contrast:   hsla(
            var(--content-ui-submit-background-contrast-h),
            var(--content-ui-submit-background-contrast-s),
            var(--content-ui-submit-background-contrast-l),
            var(--content-ui-submit-background-contrast-a)
        );
            --accent-foreground-r: 0;
        --accent-foreground-g: 102;
        --accent-foreground-b: 176;
        --accent-foreground-h: 205.23;
        --accent-foreground-s: 100%;
        --accent-foreground-l: 34.51%;
        --accent-foreground-a: 1;
        --accent-foreground:   hsla(
            var(--accent-foreground-h),
            var(--accent-foreground-s),
            var(--accent-foreground-l),
            var(--accent-foreground-a)
        );
            --accent-foreground-contrast-r: 255;
        --accent-foreground-contrast-g: 255;
        --accent-foreground-contrast-b: 255;
        --accent-foreground-contrast-h: 0;
        --accent-foreground-contrast-s: 0%;
        --accent-foreground-contrast-l: 100%;
        --accent-foreground-contrast-a: 1;
        --accent-foreground-contrast:   hsla(
            var(--accent-foreground-contrast-h),
            var(--accent-foreground-contrast-s),
            var(--accent-foreground-contrast-l),
            var(--accent-foreground-contrast-a)
        );
            --accent-background-r: 241;
        --accent-background-g: 249;
        --accent-background-b: 255;
        --accent-background-h: 205.71;
        --accent-background-s: 100%;
        --accent-background-l: 97.25%;
        --accent-background-a: 1;
        --accent-background:   hsla(
            var(--accent-background-h),
            var(--accent-background-s),
            var(--accent-background-l),
            var(--accent-background-a)
        );
            --accent-background-contrast-r: 0;
        --accent-background-contrast-g: 0;
        --accent-background-contrast-b: 0;
        --accent-background-contrast-h: 0;
        --accent-background-contrast-s: 0%;
        --accent-background-contrast-l: 0%;
        --accent-background-contrast-a: 1;
        --accent-background-contrast:   hsla(
            var(--accent-background-contrast-h),
            var(--accent-background-contrast-s),
            var(--accent-background-contrast-l),
            var(--accent-background-contrast-a)
        );
            --accent-hover-r: 255;
        --accent-hover-g: 255;
        --accent-hover-b: 255;
        --accent-hover-h: 0;
        --accent-hover-s: 0%;
        --accent-hover-l: 100%;
        --accent-hover-a: 1;
        --accent-hover:   hsla(
            var(--accent-hover-h),
            var(--accent-hover-s),
            var(--accent-hover-l),
            var(--accent-hover-a)
        );
            --accent-hover-contrast-r: 0;
        --accent-hover-contrast-g: 0;
        --accent-hover-contrast-b: 0;
        --accent-hover-contrast-h: 0;
        --accent-hover-contrast-s: 0%;
        --accent-hover-contrast-l: 0%;
        --accent-hover-contrast-a: 1;
        --accent-hover-contrast:   hsla(
            var(--accent-hover-contrast-h),
            var(--accent-hover-contrast-s),
            var(--accent-hover-contrast-l),
            var(--accent-hover-contrast-a)
        );
            --logo-background-r: 1;
        --logo-background-g: 14;
        --logo-background-b: 45;
        --logo-background-h: 222.27;
        --logo-background-s: 95.65%;
        --logo-background-l: 9.02%;
        --logo-background-a: 1;
        --logo-background:   hsla(
            var(--logo-background-h),
            var(--logo-background-s),
            var(--logo-background-l),
            var(--logo-background-a)
        );
            --logo-background-contrast-r: 255;
        --logo-background-contrast-g: 255;
        --logo-background-contrast-b: 255;
        --logo-background-contrast-h: 0;
        --logo-background-contrast-s: 0%;
        --logo-background-contrast-l: 100%;
        --logo-background-contrast-a: 1;
        --logo-background-contrast:   hsla(
            var(--logo-background-contrast-h),
            var(--logo-background-contrast-s),
            var(--logo-background-contrast-l),
            var(--logo-background-contrast-a)
        );
            --body-background-r: 255;
        --body-background-g: 255;
        --body-background-b: 255;
        --body-background-h: 0;
        --body-background-s: 0%;
        --body-background-l: 100%;
        --body-background-a: 1;
        --body-background:   hsla(
            var(--body-background-h),
            var(--body-background-s),
            var(--body-background-l),
            var(--body-background-a)
        );
            --body-background-contrast-r: 0;
        --body-background-contrast-g: 0;
        --body-background-contrast-b: 0;
        --body-background-contrast-h: 0;
        --body-background-contrast-s: 0%;
        --body-background-contrast-l: 0%;
        --body-background-contrast-a: 1;
        --body-background-contrast:   hsla(
            var(--body-background-contrast-h),
            var(--body-background-contrast-s),
            var(--body-background-contrast-l),
            var(--body-background-contrast-a)
        );
            --login-form-background-r: 1;
        --login-form-background-g: 14;
        --login-form-background-b: 45;
        --login-form-background-h: 222.27;
        --login-form-background-s: 95.65%;
        --login-form-background-l: 9.02%;
        --login-form-background-a: 1;
        --login-form-background:   hsla(
            var(--login-form-background-h),
            var(--login-form-background-s),
            var(--login-form-background-l),
            var(--login-form-background-a)
        );
            --login-form-background-contrast-r: 255;
        --login-form-background-contrast-g: 255;
        --login-form-background-contrast-b: 255;
        --login-form-background-contrast-h: 0;
        --login-form-background-contrast-s: 0%;
        --login-form-background-contrast-l: 100%;
        --login-form-background-contrast-a: 1;
        --login-form-background-contrast:   hsla(
            var(--login-form-background-contrast-h),
            var(--login-form-background-contrast-s),
            var(--login-form-background-contrast-l),
            var(--login-form-background-contrast-a)
        );
            --form-border-color-r: 193;
        --form-border-color-g: 229;
        --form-border-color-b: 255;
        --form-border-color-h: 205.16;
        --form-border-color-s: 100%;
        --form-border-color-l: 87.84%;
        --form-border-color-a: 1;
        --form-border-color:   hsla(
            var(--form-border-color-h),
            var(--form-border-color-s),
            var(--form-border-color-l),
            var(--form-border-color-a)
        );
            --form-border-color-contrast-r: 0;
        --form-border-color-contrast-g: 0;
        --form-border-color-contrast-b: 0;
        --form-border-color-contrast-h: 0;
        --form-border-color-contrast-s: 0%;
        --form-border-color-contrast-l: 0%;
        --form-border-color-contrast-a: 1;
        --form-border-color-contrast:   hsla(
            var(--form-border-color-contrast-h),
            var(--form-border-color-contrast-s),
            var(--form-border-color-contrast-l),
            var(--form-border-color-contrast-a)
        );
            --form-bg-hover-color-r: 209;
        --form-bg-hover-color-g: 236;
        --form-bg-hover-color-b: 255;
        --form-bg-hover-color-h: 204.78;
        --form-bg-hover-color-s: 100%;
        --form-bg-hover-color-l: 90.98%;
        --form-bg-hover-color-a: 1;
        --form-bg-hover-color:   hsla(
            var(--form-bg-hover-color-h),
            var(--form-bg-hover-color-s),
            var(--form-bg-hover-color-l),
            var(--form-bg-hover-color-a)
        );
            --form-bg-hover-color-contrast-r: 0;
        --form-bg-hover-color-contrast-g: 0;
        --form-bg-hover-color-contrast-b: 0;
        --form-bg-hover-color-contrast-h: 0;
        --form-bg-hover-color-contrast-s: 0%;
        --form-bg-hover-color-contrast-l: 0%;
        --form-bg-hover-color-contrast-a: 1;
        --form-bg-hover-color-contrast:   hsla(
            var(--form-bg-hover-color-contrast-h),
            var(--form-bg-hover-color-contrast-s),
            var(--form-bg-hover-color-contrast-l),
            var(--form-bg-hover-color-contrast-a)
        );
            --body-foreground-r: 166;
        --body-foreground-g: 166;
        --body-foreground-b: 166;
        --body-foreground-h: 0;
        --body-foreground-s: 0%;
        --body-foreground-l: 65.1%;
        --body-foreground-a: 1;
        --body-foreground:   hsla(
            var(--body-foreground-h),
            var(--body-foreground-s),
            var(--body-foreground-l),
            var(--body-foreground-a)
        );
            --body-foreground-h1-r: 38;
        --body-foreground-h1-g: 38;
        --body-foreground-h1-b: 38;
        --body-foreground-h1-h: 0;
        --body-foreground-h1-s: 0%;
        --body-foreground-h1-l: 14.9%;
        --body-foreground-h1-a: 1;
        --body-foreground-h1:   hsla(
            var(--body-foreground-h1-h),
            var(--body-foreground-h1-s),
            var(--body-foreground-h1-l),
            var(--body-foreground-h1-a)
        );
            --navigation-foreground-highlight-r: 255;
        --navigation-foreground-highlight-g: 255;
        --navigation-foreground-highlight-b: 255;
        --navigation-foreground-highlight-h: 0;
        --navigation-foreground-highlight-s: 0%;
        --navigation-foreground-highlight-l: 100%;
        --navigation-foreground-highlight-a: 1;
        --navigation-foreground-highlight:   hsla(
            var(--navigation-foreground-highlight-h),
            var(--navigation-foreground-highlight-s),
            var(--navigation-foreground-highlight-l),
            var(--navigation-foreground-highlight-a)
        );
    }