/* Login Background */
body.login div#container {
    background: rgb(0, 66, 104) !important;
}

/* Login Text Colours */
body.login a, body.login label {
    color: rgb(255, 255, 255) !important;
    font-size: inherit;
}

/*font style for body*/
body {
    font-family: Arial,sans-serif !important;
}

/* BG for Titlebar on Cards */
ul.component-titlebar {
    background: rgb(0, 66, 104) !important;
}

/* Body BG of Cards */
.island section {
    background: rgb(237, 237, 237) !important;
color: rgb(0, 66, 104) !important;
}

/* Font Colour of Admin - Side Menu Tree */
li#node_0 {
    -webkit-text-fill-color: rgb(57, 57, 57);
}

/* Font Color of Admin - Home */
.small-5.columns.content {
    color: rgb(57, 57, 57);
}

/* Font Colour of Labels */
label {
    color: rgb(57, 57, 57) !important;
}

/* Font Colour of Span Meta Data */
span.meta {
    color: rgb(0, 66, 104);
}

/* Font Colour of P Meta Data */
p.meta {
    -webkit-text-fill-color: rgb(0, 66, 104) !IMPORTANT};

div#configurator p.meta {
    -webkit-text-fill-color: rgb(0, 66, 104) !IMPORTANT;
}

ul.information-list p.meta {
    -webkit-text-fill-color: rgb(0, 66, 104) !important;
}

/* Font Colour of H2,H3 and H4 */
h1,h2,h3,h4,h5,h6 {
    -webkit-text-fill-color: rgb(57, 57, 57) !important;
}

/* Font Colour of Calendar Items on Dashboard */
ul.calendar-list {
    color: rgba(255,255,255,0.9) !important;
}

/* Font Colour of Assessment Icons */
ul.filters input[type=checkbox]:checked + label{
color: rgb(0, 66, 104) !important;
}

/* Font Colour of P */
p{
color: rgb(237, 237, 237) !important;
}

/* Font Color of P in Body text boxes */
body p{
color: rgb(0, 0, 0) !important;
}

/* BG Color of Alertboxes */
.alert-box.highlight {
    background-color: rgba(255,255,255,0.9) !important;
}

/* Font Colour of Card P */
.card p {
    color: rgb(0, 66, 104) !important;
}

/* Switch User BG on  Left Menu */
.left-off-canvas-menu .account-menu .content .switch-user .card {
    background: rgb(239, 239, 239) !important;
color: rgb(237, 237, 237) !important;
}

/* Main BG */
.inner-wrap.docking {
    background: rgb(0, 66, 104) !important;
/*background: rgb(253, 253, 253) !important;*/

}

.inner-wrap {
    background-color: rgb(0, 66, 104) !important;
}

/* middle panel BG */
section.main-section {
    background: rgb(253, 253, 253) !important;
}

/* Login Menu to the Left */
.login > #container > #content {
    margin: 0px;
}

/* Login Menu Footer */
body.login #footer {
    /* background-color: transparent; */
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.3))); */
    /* background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.3)); */
    /* background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.3)); */
    /* background-image: -o-linear-gradient(top, transparent, rgba(0,0,0,0.3)); */
    /* background-image: linear-gradient(top, transparent, rgba(0,0,0,0.3)); */
     margin: auto !important;
    /* text-align: center; */
    /* height: 8rem; */
    position: absolute;
    /* bottom: 0; */
    /* width: 100%; */
}

body.login #footer ul {
    padding: 0 0 0 0px !important;
}

/* div body bg */
div#container {
    background: rgb(253, 253, 253) !important;
}

body.login {
    background-position-x: 0px !important;
background-position-y: -170px !important;
}

/* Footer font color */
#footer ul>li {
    -webkit-text-fill-color: #ededed !important;
}

/* sneaky bottom left corner of screen */
.inner-wrap {
    /*background: rgb(0, 66, 104) !important;*/
}

/* Header Font Family */
h1,h2,h3,h4,h5{
/*font-family: 'Nunito', sans-serif !important;*/
}

/* Change GSLC Logo on hover */
/*a.logo img:hover {
    background: url(https://sbdev.gslc.qld.edu.au/send.php?id=36) 0px 0px/196px 191px no-repeat !important;
}*/

/* resize font in dashboard timetable */
table.timetable th, table.timetable tr, table.timetable td {
    font-size: 11px !important;
    padding: 0px !important;
    text-align: left !important;
}

/* heading font colour */
.card a h1, .card a h2, .card a h3, .card a h4, .card a h5, .card a h6, h2.subheader {
    -webkit-text-fill-color: rgb(0, 66, 104) !important;
}
.card h3 {
    -webkit-text-fill-color: rgb(0, 66, 104) !important;
    text-decoration: underline;
}

/* User in Left Nav*/
.left-off-canvas-menu .account-menu .accordion-navigation.active .profile-drop {
    background-color: #ededed;
    color: rgb(0, 66, 104);
}

/*Headings on left nav*/
.left-off-canvas-menu h3, .left-off-canvas-menu h4 {
    font-weight: 600;
    padding: 1rem;
    margin: 0;
    font-size: 1rem;
    -webkit-text-fill-color: rgb(57, 57, 57) !important;
    background-color: rgb(237, 237, 237);
}

/*Dropdown arrow in left nav of username*/
.left-off-canvas-menu .account-menu .accordion-navigation .profile-drop:after {
    /*font-family: "schoolbox";*/
    content: "\e901";
    color: rgb(171, 1, 50);
    display: table-cell;
    padding: 0px 10px;
    vertical-align: middle;
}

/*font color of top nav icons*/
.hybrid-bar ul li span {
    transition: all 360ms cubic-bezier(0.2, 1, 0, 1);
    color: rgb(51, 51, 51);
    font-weight: 400;
    line-height: 1.5rem;
    display: block;
}

/*bg of notification list on right panel*/
ul.action-list li/*:nth-child(even)*/ {
    /*background: rgb(253, 186, 49) !important;*/
border-width: 3px !important;
}

/*Border for element headers*/
ul.component-titlebar {
    background: transparent !important;
    border-color: rgb(0, 66, 104) !important;
    border-style: solid;
    border-width: 2px !important;
}

/*Font of element h2 headers*/
.small-12.columns h2 {
    font-size: 23px !important;
}

/*Font of Notifications*/
ul.off-canvas-list li a {
    color: rgb(239, 239, 239) !important;
}

/*dropdown menu bg*/
.f-dropdown {
    background: rgb(253, 253, 253) !important;
}

/*Icon color*/
[class^='icon-'], [class*=' icon-'] {
    color: rgb(51, 51, 51) !important;
}

/*left menu user dropdown font color*/
.left-off-canvas-menu .account-menu .content a{
    color: #fff !important;
}

/*logo bottom padding*/
.left-off-canvas-menu .logo-wrapper {
    background-color: rgba(255,255,255,0);
    padding-bottom: 30px;
}

/*notification button bg*/
.right-off-canvas-menu .button{
    margin-bottom: 0;
    background: rgb(0, 66, 104) !important;
}

/*notification button bg hover*/
.right-off-canvas-menu .button:hover{
    margin-bottom: 0;
    background: rgba(103, 103, 103, 0.5) !important;
}

/*Dashboard Calendar Entries*/
.calendar-list li.row {
    cursor: pointer;
    /*background: transparent !important;*/
    color: #333;
    border-width: 5px;
}

.calendar-list li.row:hover {
    cursor: pointer;
    background: rgba(103,103,103,0.7) !important;
    color: #333;
    border-width: 5px;
}

/*Footer links position*/
#footer ul {
    margin: 0 auto 1rem;
    list-style: none;
    padding: 0;
    font-size: 0.75rem;
    position: absolute;
    bottom: 0px;
}

/*div#footer.clearfix {
    max-height: 20px !important;
    margin: 0;
}*/

/*Position of logo on top menu on mobile*/
.hybrid-bar .logo img {
    display: block;
    height: 100%;
    max-width: 100%;
}

/*List divider colour*/
.information-list>li, .activity-list>li, .subject-list>li, .news-list>li, .weather-list>li, .weather-list-summary>li, .permission-list>li, .action-list>li, .resource-list>li, ul.az-list>li, ul.az-error-list>li, .marking-input-list>li, .calendar-list>li, .component-titlebar>li {
    margin: 0 -1rem;
    max-width: none;
    width: auto;
    border-bottom: 1px solid rgba(255,255,255,0.9);
    position: relative;
    overflow: visible;
    list-style: none;
    transition: background-color 0.3s ease-in;
}

/*User dropdown arrow*/
.left-off-canvas-menu .account-menu .accordion-navigation .profile-drop:after {
    content: "\e901";
    color: rgba(255,255,255,0.9);
    display: table-cell;
    padding: 0px 10px;
    vertical-align: middle;
}

/*footer*/
#footer, #footer a {
    /*visibility: hidden !important;*/
height: 100px !IMPORTANT;
}

/*alertbox*/
.alert-box, .eotc-status, .toast{
background-color: rgba(160, 211, 232, 1) !important;
}

.alert-box, .eotc-status{
background-color: rgba(160, 211, 232, 1) !important;
}

.component-titlebar {
    background-color: rgb(237, 237, 237) !important;
}

td.footer {
    background-color: darkgray !important;
}

a:hover, a:focus {
    color: #ff0000;
}

.legend {
    -webkit-text-fill-color: #333;
}

/*Highlight Active Day in Timetable*/
.timetable-day-active::before{
color: rgba(0,0,0,0.9) !IMPORTANT;
background-color: rgb(239,239,239) !IMPORTANT;
text-decoration: underline !IMPORTANT;
}

.account-drop a {
    -webkit-text-fill-color: #fff;
    background-color: #004268;
}

.account-drop .separator {
    color: #59849c;
    background: #f6f6f6;
}

a.icon-approve.no-pad {
webkit-text-fill-color: rgb(57, 57, 57) !IMPORTANT;
}

textarea:focus {
    -webkit-text-fill-color: #004268;
}

/* Hide PC Comment Add */
div#comments.content {
    display: none;
}
a.icon-result[title='Pastoral Report Builder'] {
    display: none;
}

/*li a.icon-pastoral {
    display: none !IMPORTANT;
}*/

/*Sue Poll*/
div#component-poll17-graph svg.highcharts-root {
    visibility: hidden !IMPORTANT;
}

/*Jacket Jersey Poll 2020*/
div#component-poll19-graph svg.highcharts-root {
    visibility: hidden !IMPORTANT;
}

/*Right Notification Pin Colour*/
a#right-menu-dock {
    color: #393939 !IMPORTANT;
}

/*User Account Mobile Menu*/
.account-menu-mobile a, .account-drop a{
background-color: rgb(0, 66, 104) !important;
}

/*Jacket Jersey Poll 2021*/
div#component-poll114-graph svg.highcharts-root, div#component-poll144-graph svg.highcharts-root {
    visibility: hidden !IMPORTANT;
}

/* Wiki 9080 Main */
.breadcrumb li a[href^='/wiki/'], .breadcrumb li a[href='/homepage/9080'], .breadcrumb li a[href='/homepage/9081'], .breadcrumb li.active a {
    visibility: hidden !IMPORTANT;
}

p a[href^="/"]:not(:hover){
color:rgba(55, 136, 216, 1) !important;
}

/* Calendar Opacity */
/*tr.translucent:{
opacity: 1 !important;
}*/

/* Munna Page BG */
div#component-layout.homepage-35 {
    background: rgb(255, 255, 255) !important;
}

/* Munna Page Header Text Glow*/
div#component-layout.homepage-35 .component-titlebar{
    text-shadow: 1px 1px 2px #00e28e, 0 0 0px rgb(116, 201, 89), 0 0 0px #00e28e;
}

/* Munna Page Header BG*/
div#component-layout.homepage-35 .list-item{
   background: rgb(255,255,255) !important;
}

/* Special Testing */
h2[title='Special Testing'] {
    background-image: URL(https://pulse.gslc.qld.edu.au/send.php?id=39264) !IMPORTANT;
-webkit-text-fill-color: transparent !IMPORTANT;
}
/* Special Testing Page Header BG */
div#component-layout.homepage-2810 .list-item{
   background: #fdfdfd !important;
}

/* How To Pulse Page BG */
div#component-layout.homepage-4549, ul#tileList-5362, ul#tileList-1965, ul#tileList-1969{
    background: rgb(253, 253, 253) !important;
}

/* How To Pulse Page Header BG*/
div#component-layout.homepage-4549 .list-item{
   background: rgb(253, 253, 253) !important;
}

/* How To Pulse Page Header Text Glow*/
/*div#component-layout.homepage-4549 .component-titlebar{
    text-shadow: 1px 1px 2px #00e28e, 0 0 0px rgb(116, 201, 89), 0 0 0px #00e28e;
}*/

/*Munna Poll 2021*/
/*div#component-poll210-graph svg.highcharts-root {
    visibility: hidden !IMPORTANT;
}*/

/*Jacket Jersey Poll 2022*/
div#component-poll220-graph svg.highcharts-root, div#component-poll220-graph svg.highcharts-root {
    visibility: hidden !IMPORTANT;
}

/*Middle Years Diary Poll 2022*/
div#component-poll249-graph svg.highcharts-root, div#component-poll249-graph svg.highcharts-root {
    visibility: hidden !IMPORTANT;
}

div#component45700-imageslider p.meta {
    -webkit-text-fill-color: #ffffff !IMPORTANT;
text-align: center !IMPORTANT;
}

/* Esports hide TD bottom-border */
/*div#component-layout.homepage-11991 td {
    border-bottom: hidden !IMPORTANT;
}*/

/* Esports Page BG */
div#component-layout.homepage-11991, div#component-layout.homepage-11991 .content, div#component-layout.homepage-11991 .empty-state, div#component-layout.homepage-11991 .actions-small-1, div#component-layout.homepage-11991 .actions-small-2, ul#tileList-5644, ul#tileList-5233, ul#tileList-5258, ul#tileList-5228, div#component-layout.homepage-12674, div#component-layout.homepage-12674 .content, div#component-layout.homepage-12674 .empty-state, div#component-layout.homepage-12674 .actions-small-1, div#component-layout.homepage-12674 .actions-small-2, div#component-layout.homepage-12674 section.imageslider-container, div#component-layout.homepage-12680, div#component-layout.homepage-12680 .content, div#component-layout.homepage-12680 .empty-state, div#component-layout.homepage-12680 .actions-small-1, div#component-layout.homepage-12680 .actions-small-2, div#component-layout.homepage-12077, div#component-layout.homepage-12077 .content, div#component-layout.homepage-12077 .empty-state, div#component-layout.homepage-12077 .actions-small-1, div#component-layout.homepage-12077 .actions-small-2, div#component-layout.homepage-12639, div#component-layout.homepage-12639 .content, div#component-layout.homepage-12639 .empty-state, div#component-layout.homepage-12639 .actions-small-1, div#component-layout.homepage-12639 .actions-small-2, div#component-layout.homepage-12338, div#component-layout.homepage-12338 .content, div#component-layout.homepage-12338 .empty-state, div#component-layout.homepage-12338 .actions-small-1, div#component-layout.homepage-12338 .actions-small-2, div#component-layout.homepage-12338 ul.grid.small-block-grid-1.medium-block-grid-2, div#component-layout.homepage-12077 ul.grid.small-block-grid-1.medium-block-grid-2{
    background: rgb(253, 253, 253) !important;
}

/* Esports Page Header BG*/
div#component-layout.homepage-11991 .list-item, div#component-layout.homepage-12674 .list-item, div#component-layout.homepage-12680 .list-item, div#component-layout.homepage-12077 .list-item, div#component-layout.homepage-12639 .list-item, div#component-layout.homepage-12338 .list-item{
   background: rgb(253, 253, 253) !IMPORTANT;
}

/* Esports Page Header Text */
div#component-layout.homepage-11991 h2, div#component-layout.homepage-12674 h2, div#component-layout.homepage-12680 h2, div#component-layout.homepage-12077 h2, div#component-layout.homepage-12639 h2, div#component-layout.homepage-12338 h2{
    -webkit-text-fill-color: rgb(57, 57, 57) !IMPORTANT;
}

/* Esports Page Header Text Glow*/
div#component-layout.homepage-11991 .component-titlebar, div#component-layout.homepage-12674 .component-titlebar, div#component-layout.homepage-12680 .component-titlebar, div#component-layout.homepage-12077 .component-titlebar, div#component-layout.homepage-12639 .component-titlebar, div#component-layout.homepage-12338 .component-titlebar{
-webkit-text-fill-color: rgb(57, 57, 57) !IMPORTANT;
    text-shadow: 1px -1px 0px #009CFF;
}

/* Weyba House Captain Voting */
div#surveyQuestion_9135_c7987cd1b7042c7605dbc8ca5848e8d4, div#surveyQuestion_9136_56d7e89180b09188e9245305e23a8479, div#surveyQuestion_9137_34a6bc7c5e4f70cb4bd28e36f12c5b7b, div#surveyQuestion_9138_f89691f717e74bb0e5bfc1212ddfafe6, div#surveyQuestion_9139_3a81362ce0e1497b5713f9884377faa5, div#surveyQuestion_9140_62c589829931d18c420145b193992ea6 {
    visibility: hidden;
}

/* Munna House Captain Voting */
div#surveyQuestion_9141_e350dc9d6f0ff7d7edd4b88ac69d72c9, div#surveyQuestion_9142_5ee44a601046d39aa60c49c4a2029d57, div#surveyQuestion_9143_73eabcba7a5f9ce7e4563bf299bd36e7, div#surveyQuestion_9144_c5ad9c1ac9387066a6cdf3f46a771aeb, div#surveyQuestion_9145_ba5a46b0f1d9cc3b3ca216d6e7b31c62, div#surveyQuestion_9146_5df12e4899467589d65ae47b5d6d2f95, div#surveyQuestion_9147_ef7ca245645702bed19b4a670cfd83ae {
    visibility: hidden;
}

/* Doonella House Captain Voting */
div#surveyQuestion_9155_48d02d991edb06e23dab9c12fa0f1b17, div#surveyQuestion_9156_eeaac8874ee442051cf0b0ac285db552, div#surveyQuestion_9157_099aba25474df25158749d9df448a52d, div#surveyQuestion_9158_7450107699744a4cd56040ce9e435730, div#surveyQuestion_9159_cd08216eda2904575172b04ad9392f0b, div#surveyQuestion_9160_49a2bbcc485e96124bd843101c2b3856, div#surveyQuestion_9161_1377202c9b1acef7ce7acbf9ebb3d8f7, div#surveyQuestion_9162_10779570600a9b4144637ee0e58bb802, div#surveyQuestion_9163_71c5b9d4324b42d487c6112cd07f58c2, div#surveyQuestion_9164_53b2bc0be822c512eba13d6f43bdef91{
    visibility: hidden;
}

/* Laguna House Captain Voting */
div#surveyQuestion_9148_74beaf25404baf99c3c7bc8f7881cc8a, div#surveyQuestion_9149_fc1e4af49126ed8b77a15498bb683799, div#surveyQuestion_9150_a7832aaabe1dff4266a4457e38ebc461, div#surveyQuestion_9151_2ff415554603543cb91a6edcfcf43339, div#surveyQuestion_9152_65254b3693edce84bc74c685efcdfb40, div#surveyQuestion_9153_911a62321689d481920cb5e5ebcf07d9, div#surveyQuestion_9154_c8decd630983e527ce760fc9d0ef53c2{
    visibility: hidden;
}

/* Mobile User Menu */
.account-menu-mobile a, .account-drop a {
    -webkit-text-fill-color: white !IMPORTANT;
}

.account-menu-mobile a:hover, .account-drop a:hover {
    background-color: rgba(0, 66, 104, 0.1) !important;
}

div#account-content-mobile {
    background-color: rgba(0, 66, 104, 0.3) !important;
}

/* Change Headings of Timetable Days*/
table.timetable.no-hover th:nth-child(2) {
    content: "Monday - ODD" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(2)::before {
    content: "Monday - ODD" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(3) {
    content: "Tuesday - ODD" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(3)::before {
    content: "Tuesday - ODD" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(4) {
    content: "Wednesday - ODD" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(4)::before {
    content: "Wednesday - ODD" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(5) {
    content: "Thursday - ODD" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(5)::before {
    content: "Thursday - ODD" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(6) {
    content: "Friday - ODD" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(6)::before {
    content: "Friday - ODD" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(7) {
    content: "Monday - EVEN" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(7)::before {
    content: "Monday - EVEN" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(8) {
    content: "Tuesday - EVEN" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(8)::before {
    content: "Tuesday - EVEN" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(9) {
    content: "Wednesday - EVEN" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(9)::before {
    content: "Wednesday - EVEN" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(10) {
    content: "Thursday - EVEN" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(10)::before {
    content: "Thursday - EVEN" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

table.timetable.no-hover th:nth-child(11) {
    content: "Friday - EVEN" !IMPORTANT;
    visibility: hidden;
}
table.timetable.no-hover th:nth-child(11)::before {
    content: "Friday - EVEN" !IMPORTANT;
    visibility: visible;
    display: inline-block;
}

/* Hide Pastoral Care Icon */
/*a.icon-pastoral {
    visibility: hidden !IMPORTANT;
}*/

/* Group button when Pastorla Care is Hidden */
/*ul.flex-list.flex-wrap.buttons {
    display: inline-flex !IMPORTANT;
}*/

/* Checkbox border */
li label:before, label.radio-label:before {
    border: 1px solid black;
}

/* Dropdowns */
select#response-selector {
    background-color: rgba(0, 66, 104, 0.5);
}

/* weather component */
ul.weather-list li div {
    background: rgb(255,255,255);
}
.island .component-action section {
    background-color: rgb(255,255,255) !important;
}

/* homepage calendar */
tr.fc-list-event {
    border-style: solid !IMPORTANT;
    border-width: 1px !IMPORTANT;
    border-color: rgb(255,255,255) !IMPORTANT;
}

/* logo animation */
.logo-wrapper img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  animation: scale 2s ease-in-out alternate infinite;
  transform: perspective(800px) rotateY(10deg) translateZ(50px);
}

@keyframes scale {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.015);
  }
}

div#component-layout.homepage-15111 a {
color: blue !IMPORTANT;
}

div#component-layout.homepage-15111 a:hover {
color: red !IMPORTANT;
}

/* sticky news */
li.actions-small-1.sticky.read, li.actions-small-1.sticky.unread {
    background-color: rgb(251,255,145) !important;
}

/* Hide Image Slideshow Pagenation */
span.swiper-pagination-bullet {
display: none !important;
}

/* Hide Timetable Link */
/* a.icon-timetable {
    display: none !important;
} */

/* Search Icon */
button.c-search-input__button.icon-search.no-text::before {
    color: rgb(0, 66, 104) !IMPORTANT;
}

/* Filters */
li label {
    background-color: #fff !IMPORTANT;
    color: rgb(0, 66, 104) !important;
}

input[type=checkbox]:not(.plain):checked+label.input-toggle, ul.filters input[type=checkbox]:checked+label, input[type=radio]:not(.plain):checked+label.input-toggle, .switch input:checked+label {
    background-color: #393939 !important;
    -webkit-text-fill-color: #fff !important;
}

:root {
            --navigation-foreground-r: 103;
        --navigation-foreground-g: 103;
        --navigation-foreground-b: 103;
        --navigation-foreground-h: 0;
        --navigation-foreground-s: 0%;
        --navigation-foreground-l: 40.39%;
        --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: 255;
        --navigation-foreground-contrast-g: 255;
        --navigation-foreground-contrast-b: 255;
        --navigation-foreground-contrast-h: 0;
        --navigation-foreground-contrast-s: 0%;
        --navigation-foreground-contrast-l: 100%;
        --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: 239;
        --navigation-background-g: 239;
        --navigation-background-b: 239;
        --navigation-background-h: 0;
        --navigation-background-s: 0%;
        --navigation-background-l: 93.73%;
        --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: 0;
        --navigation-background-contrast-g: 0;
        --navigation-background-contrast-b: 0;
        --navigation-background-contrast-h: 0;
        --navigation-background-contrast-s: 0%;
        --navigation-background-contrast-l: 0%;
        --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: 253;
        --navigation-hover-g: 253;
        --navigation-hover-b: 253;
        --navigation-hover-h: 0;
        --navigation-hover-s: 0%;
        --navigation-hover-l: 99.22%;
        --navigation-hover-a: 0.5;
        --navigation-hover:   hsla(
            var(--navigation-hover-h),
            var(--navigation-hover-s),
            var(--navigation-hover-l),
            var(--navigation-hover-a)
        );
            --navigation-hover-contrast-r: 0;
        --navigation-hover-contrast-g: 0;
        --navigation-hover-contrast-b: 0;
        --navigation-hover-contrast-h: 0;
        --navigation-hover-contrast-s: 0%;
        --navigation-hover-contrast-l: 0%;
        --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: 0;
        --off-canvas-background-g: 66;
        --off-canvas-background-b: 104;
        --off-canvas-background-h: 201.92;
        --off-canvas-background-s: 100%;
        --off-canvas-background-l: 20.39%;
        --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: 103;
        --off-canvas-hover-g: 103;
        --off-canvas-hover-b: 103;
        --off-canvas-hover-h: 0;
        --off-canvas-hover-s: 0%;
        --off-canvas-hover-l: 40.39%;
        --off-canvas-hover-a: 0.5;
        --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: 0;
        --accounts-menu-background-g: 66;
        --accounts-menu-background-b: 104;
        --accounts-menu-background-h: 201.92;
        --accounts-menu-background-s: 100%;
        --accounts-menu-background-l: 20.39%;
        --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: 103;
        --accounts-menu-hover-g: 103;
        --accounts-menu-hover-b: 103;
        --accounts-menu-hover-h: 0;
        --accounts-menu-hover-s: 0%;
        --accounts-menu-hover-l: 40.39%;
        --accounts-menu-hover-a: 0.5;
        --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: 57;
        --content-ui-foreground-g: 57;
        --content-ui-foreground-b: 57;
        --content-ui-foreground-h: 0;
        --content-ui-foreground-s: 0%;
        --content-ui-foreground-l: 22.35%;
        --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: 103;
        --content-ui-background-g: 103;
        --content-ui-background-b: 103;
        --content-ui-background-h: 0;
        --content-ui-background-s: 0%;
        --content-ui-background-l: 40.39%;
        --content-ui-background-a: 0.7;
        --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: 255;
        --content-ui-background-contrast-g: 255;
        --content-ui-background-contrast-b: 255;
        --content-ui-background-contrast-h: 0;
        --content-ui-background-contrast-s: 0%;
        --content-ui-background-contrast-l: 100%;
        --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: 103;
        --content-ui-hover-g: 103;
        --content-ui-hover-b: 103;
        --content-ui-hover-h: 0;
        --content-ui-hover-s: 0%;
        --content-ui-hover-l: 40.39%;
        --content-ui-hover-a: 0.5;
        --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: 255;
        --content-ui-hover-contrast-g: 255;
        --content-ui-hover-contrast-b: 255;
        --content-ui-hover-contrast-h: 0;
        --content-ui-hover-contrast-s: 0%;
        --content-ui-hover-contrast-l: 100%;
        --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: 0;
        --content-ui-selected-g: 66;
        --content-ui-selected-b: 104;
        --content-ui-selected-h: 201.92;
        --content-ui-selected-s: 100%;
        --content-ui-selected-l: 20.39%;
        --content-ui-selected-a: 0.5;
        --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: 255;
        --content-ui-selected-contrast-g: 255;
        --content-ui-selected-contrast-b: 255;
        --content-ui-selected-contrast-h: 0;
        --content-ui-selected-contrast-s: 0%;
        --content-ui-selected-contrast-l: 100%;
        --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: 103;
        --content-ui-submit-background-g: 103;
        --content-ui-submit-background-b: 103;
        --content-ui-submit-background-h: 0;
        --content-ui-submit-background-s: 0%;
        --content-ui-submit-background-l: 40.39%;
        --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: 103;
        --accent-foreground-g: 103;
        --accent-foreground-b: 103;
        --accent-foreground-h: 0;
        --accent-foreground-s: 0%;
        --accent-foreground-l: 40.39%;
        --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: 253;
        --accent-background-g: 253;
        --accent-background-b: 253;
        --accent-background-h: 0;
        --accent-background-s: 0%;
        --accent-background-l: 99.22%;
        --accent-background-a: 0.5;
        --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: 103;
        --accent-hover-g: 103;
        --accent-hover-b: 103;
        --accent-hover-h: 0;
        --accent-hover-s: 0%;
        --accent-hover-l: 40.39%;
        --accent-hover-a: 0.5;
        --accent-hover:   hsla(
            var(--accent-hover-h),
            var(--accent-hover-s),
            var(--accent-hover-l),
            var(--accent-hover-a)
        );
            --accent-hover-contrast-r: 255;
        --accent-hover-contrast-g: 255;
        --accent-hover-contrast-b: 255;
        --accent-hover-contrast-h: 0;
        --accent-hover-contrast-s: 0%;
        --accent-hover-contrast-l: 100%;
        --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: 255;
        --logo-background-g: 255;
        --logo-background-b: 255;
        --logo-background-h: 0;
        --logo-background-s: 0%;
        --logo-background-l: 100%;
        --logo-background-a: 0;
        --logo-background:   hsla(
            var(--logo-background-h),
            var(--logo-background-s),
            var(--logo-background-l),
            var(--logo-background-a)
        );
            --logo-background-contrast-r: 0;
        --logo-background-contrast-g: 0;
        --logo-background-contrast-b: 0;
        --logo-background-contrast-h: 0;
        --logo-background-contrast-s: 0%;
        --logo-background-contrast-l: 0%;
        --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: 0;
        --body-background-g: 66;
        --body-background-b: 104;
        --body-background-h: 201.92;
        --body-background-s: 100%;
        --body-background-l: 20.39%;
        --body-background-a: 0.5;
        --body-background:   hsla(
            var(--body-background-h),
            var(--body-background-s),
            var(--body-background-l),
            var(--body-background-a)
        );
            --body-background-contrast-r: 255;
        --body-background-contrast-g: 255;
        --body-background-contrast-b: 255;
        --body-background-contrast-h: 0;
        --body-background-contrast-s: 0%;
        --body-background-contrast-l: 100%;
        --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: 0;
        --login-form-background-g: 66;
        --login-form-background-b: 104;
        --login-form-background-h: 201.92;
        --login-form-background-s: 100%;
        --login-form-background-l: 20.39%;
        --login-form-background-a: 0.5;
        --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: 255;
        --form-border-color-g: 255;
        --form-border-color-b: 255;
        --form-border-color-h: 0;
        --form-border-color-s: 0%;
        --form-border-color-l: 100%;
        --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: 103;
        --form-bg-hover-color-g: 103;
        --form-bg-hover-color-b: 103;
        --form-bg-hover-color-h: 0;
        --form-bg-hover-color-s: 0%;
        --form-bg-hover-color-l: 40.39%;
        --form-bg-hover-color-a: 0.5;
        --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: 255;
        --form-bg-hover-color-contrast-g: 255;
        --form-bg-hover-color-contrast-b: 255;
        --form-bg-hover-color-contrast-h: 0;
        --form-bg-hover-color-contrast-s: 0%;
        --form-bg-hover-color-contrast-l: 100%;
        --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: 158;
        --body-foreground-g: 183;
        --body-foreground-b: 197;
        --body-foreground-h: 201.54;
        --body-foreground-s: 25.16%;
        --body-foreground-l: 69.61%;
        --body-foreground-a: 0.68;
        --body-foreground:   hsla(
            var(--body-foreground-h),
            var(--body-foreground-s),
            var(--body-foreground-l),
            var(--body-foreground-a)
        );
            --body-foreground-h1-r: 241;
        --body-foreground-h1-g: 245;
        --body-foreground-h1-b: 247;
        --body-foreground-h1-h: 200;
        --body-foreground-h1-s: 27.27%;
        --body-foreground-h1-l: 95.69%;
        --body-foreground-h1-a: 0.93;
        --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: 84;
        --navigation-foreground-highlight-g: 84;
        --navigation-foreground-highlight-b: 84;
        --navigation-foreground-highlight-h: 0;
        --navigation-foreground-highlight-s: 0%;
        --navigation-foreground-highlight-l: 32.94%;
        --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)
        );
    }