/* Queenwood 2026 Reband */ :root { /* Define Queenwood Colours */ --q-Red: #da291c; --q-Red-Tint: #F2B3AE; --q-Red-Tint-Light: #F8D4D1; --q-Red-Tint-Ultra: #F8D4D1; --q-Black: #2d2926; --q-White: #fff; --q-Warm-Neutral-No1: #C4BFB6; --q-Warm-Neutral-No1-Tint: #f0ede9; --q-Warm-Neutral-No2: #AFA9A0; --q-Warm-Neutral-No3: #9D968D; --q-Warm-Neutral-No4: #8C857B; --q-Warm-Neutral-No5: #776E64; --q-Stratus: #768692; --q-Stratus-Tint: #d7dee4; --q-Stratus-Tint-Light: #E6EBEF; /*#E6EBEF40 - hover */ --q-Stratus-Tint-Ultra: #F1F4F6; --q-Harbour: #253746; --q-Harbour-Tint: #809aaf; --q-Sydney-Gum: #a3aa83; --q-Sydney-Gum-Tint: #d9dfc0; --q-Sydney-Gum-Tint-Light: #E8ECD6; --q-Sydney-Gum-Tint-Ultra: #F2F4EB; --q-Teatree: #5e6738; --q-Rockpool: #623412; --q-Sandstone: #d9b48f; --q-Sandstone-Tint: #EDD9BE; /*#edd9be40 - hover */ --q-Sandstone-Tint-Light: #F3EAD9; --q-Sandstone-Tint-Ultra: #F8F4EE; --q-shadow-rest: 0 1px 2px rgba(45,41,38,.05), 0 5px 16px rgba(45,41,38,.06); --q-shadow-lift: 0 2px 4px rgba(45,41,38,.06), 0 12px 26px rgba(45,41,38,.12); --q-radius: 12px; --q-radius-sm: 9px; } /* 2026-06-12 */ .tabs dd>a, tabs dd.active>a{ text-transform: uppercase; font-size: 0.82rem; } .fc .fc-list-day-cushion, .fc .fc-list-day-cushion a { color: var(--q-ink); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.82rem; font-family: 'Atlas Grotesk', sans-serif; } /* ---- Section headers: Titling voice, short red rule ---------- */ h2.subheader, .subheader { font-family: 'Queenwood Titling', 'Moulin', Georgia, serif !important; color: var(--q-Black) !important; font-size: 1.3rem; letter-spacing: 0.16em; font-weight: 400; } h2.subheader::after { content: ''; display: block; width: 2.5rem; height: 3px; margin-top: 0.45rem; background-color: var(--q-Red); } /* ---- News: read-more as a red wayfinding cue ------------------ */ .article-read-more, .article-read-more a, article p a[href*="/news/"] { color: var(--q-Red); text-transform: uppercase; letter-spacing: 0.08em; font-family: 'Atlas Grotesk', sans-serif; font-size: 0.8rem; font-weight: 400; } .article-read-more a::after, article p a[href*="/news/"]::after { content: ' \2192'; transition: margin-left .15s ease; } .article-read-more a:hover::after, article p a[href*="/news/"]:hover::after { margin-left: 0.25rem; } .right-small a[data-unread]:not([data-unread="0"]), .right-off-canvas-menu:not([data-unread="0"]) ul.off-canvas-list #notification-toggle-full { background-color: var(--q-Harbour) !important; } @import url('https://it.queenwood.nsw.edu.au/fonts/fonts.css'); .sb-ck-callout--success { border-color: var(--q-Sydney-Gum) !important; color: var(--q-Sydney-Gum) !important; } .sb-ck-callout--success:before { background-color: var(--q-Sydney-Gum) !important; } .swiper { border-radius: var(--q-radius); border: 1px solid rgba(45,41,38,.05); box-shadow: var(--q-shadow-rest); } .fc-theme-standard tbody { border: 0px !important; } .component-action section { /* Remove built-in border as we're now doing our own radius border */ border-top: 0px !important; border-bottom: 0px !important; } .component-action .button:hover { background-color: var(--q-Warm-Neutral-No3); color: var(--q-Black); } .component-container:has(.component-titlebar), .island > #news-component, .island > section:not(.component-container:has(.component-titlebar) section):not(#threads-section):not(.island .island section) { border-radius: var(--q-radius); border: 1px solid rgba(45,41,38,.05); box-shadow: var(--q-shadow-rest); overflow: hidden; /* keeps inner strips inside the radius — if a dropdown ever clips, remove this line */ } /* End 2026-06-12 */ .sticky { background-color: var(--q-Sandstone-Tint-Ultra) !important; } .fc .fc-col-header-cell.fc-day-today>div, .fc .fc-daygrid-day.fc-day-today { background-color: var(--q-Stratus-Tint) !important; } .fc .fc-timegrid-col.fc-day-today { background-color: var(--q-Stratus-Tint-Ultra) !important; } .fc .fc-list-event:hover td { /*background-color: var(--q-Sydney-Gum-Tint-Ultra) !important; background-color: var(--q-Stratus-Tint-Ultra) !important; */ background-color: var(--q-Warm-Neutral-No1-Tint) !important; */ } fieldset legend { font-weight:400 !important; } .empty-state a { /*text-decoration: underline !important; */ font-weight: 400 !important; } #component-layout .column-top .component-titlebar, #component-layout .column-left .component-titlebar, #component-layout .column-right .component-titlebar { background-color: var(--q-Sandstone); } .editPanel { background-color: var(--q-Warm-Neutral-No1); } .component-container .content a, article a { color: var(--q-Red); } .empty-state, .empty-state-flex-centered { background-color: var(--q-Sydney-Gum-Tint); color: var(--q-Black); } .empty-state [class^=icon-], .empty-state-flex-centered [class^=icon-], .empty-state [class*=" icon-"], .empty-state-flex-centered [class*=" icon-"] { color: var(--q-Black); } .fc-button-group button, .account-menu-mobile a, .account-drop a { font-size: 0.9rem !important; } th{ font-weight: 400; } .component-container .fc .fc-cell-shaded { /* background-color: var(--q-Sydney-Gum-Tint) !important; background-color: var(--q-Stratus-Tint-Ultra) !important;*/ background-color: var(--q-Warm-Neutral-No1) !important; } .tabs, .component-action section { /*background-color: var(--q-Stratus-Tint-Ultra) !important;*/ background-color: var(--q-Warm-Neutral-No1) !important; } .tabs dd.active > a, .tabs .tab-title.active > a { border-bottom-color: var(--q-Red); color: var(--q-ink); background: transparent; } .tabs dd>a, .tabs .tab-title>a { color: var(--q-Black); } .tabs dd a:hover, .tabs li.tab-title a:hover { color: var(--q-Black); border-bottom: 2px solid var(--q-Red); } .hybrid-bar .account-drop { overflow-y: auto; } .unread h3, .unread label .unit-heading, label .unread .unit-heading, .unread .article-read-more, ul.pagination li.active a { font-weight:400; } .component-action .button, .component-action .adtp-btn, .component-action .attachzone .dzone.adtp-btn, .attachzone .component-action .dzone.adtp-btn, .component-action .dropzone-wrap .dzone.adtp-btn, .dropzone-wrap .component-action .dzone.adtp-btn, .component-action .context-switch nav a, .context-switch nav .component-action a, .component-action .attachzone .dzone.button, .attachzone .component-action .dzone.button, .component-action .attachzone .context-switch nav a.dzone, .attachzone .context-switch nav .component-action a.dzone, .component-action .context-switch nav .attachzone a.dzone, .context-switch nav .attachzone .component-action a.dzone, .component-action .dropzone-wrap .dzone.button, .dropzone-wrap .component-action .dzone.button, .component-action .dropzone-wrap .context-switch nav a.dzone, .dropzone-wrap .context-switch nav .component-action a.dzone, .component-action .context-switch nav .dropzone-wrap a.dzone, .context-switch nav .dropzone-wrap .component-action a.dzone, .component-action .attachzone button.dzone, .attachzone .component-action button.dzone, .component-action .dropzone-wrap button.dzone, .dropzone-wrap .component-action button.dzone, .component-action [type=submit], .component-action .attachzone .dzone[type=submit], .attachzone .component-action .dzone[type=submit], .component-action .dropzone-wrap .dzone[type=submit], .dropzone-wrap .component-action .dzone[type=submit], .component-action a.submit, .component-action .attachzone a.dzone.submit, .attachzone .component-action a.dzone.submit, .component-action .dropzone-wrap a.dzone.submit, .dropzone-wrap .component-action a.dzone.submit, .component-action .flex-list.buttons a, .flex-list.buttons .component-action a, .component-action .flex-list.buttons button, .flex-list.buttons .component-action button, .component-action .show-ckeditor-button, .component-action .attachzone .dzone.show-ckeditor-button, .attachzone .component-action .dzone.show-ckeditor-button, .component-action .dropzone-wrap .dzone.show-ckeditor-button, .dropzone-wrap .component-action .dzone.show-ckeditor-button, .component-action .avatar-switch nav a, .avatar-switch nav .component-action a, .component-action .attachzone .avatar-switch nav a.dzone, .attachzone .avatar-switch nav .component-action a.dzone, .component-action .avatar-switch nav .attachzone a.dzone, .avatar-switch nav .attachzone .component-action a.dzone, .component-action .dropzone-wrap .avatar-switch nav a.dzone, .dropzone-wrap .avatar-switch nav .component-action a.dzone, .component-action .avatar-switch nav .dropzone-wrap a.dzone, .avatar-switch nav .dropzone-wrap .component-action a.dzone, .component-action button, .component-action input { font-weight: 400; } .c-header-search__results .meta { color:var(--q-Harbour); } #component31 [data-test="profile-buttons"]>li:has(>.q-academic-reports-profile-button) { display:inherit !important; } [data-test="profile-buttons"]>li:has(>.q-academic-reports-profile-button) { display:none !important; } input::placeholder { font-weight: 300 !important; } p, .empty-state p, .empty-state-flex-centered p, .empty-state a, .empty-state-flex-centered a, .empty-state li, .empty-state-flex-centered li, .empty-state button, .empty-state-flex-centered button, .fc .fc-button, .fc-col-header-cell, .fc-col-header-cell a, input,textarea,select, .alert-box, .eotc-status, .alert-box-icon, .checklist input[type=radio]:not(.plain)+label, .checklist input[type=checkbox]:not(.plain)+label, .radiolist input[type=radio]:not(.plain)+label, .radiolist input[type=checkbox]:not(.plain)+label, .side-nav, ul.pagination li a, ul.pagination li button, a[data-test="link-list"] { font-weight: 300; } .fc .fc-col-header-cell-cushion { font-weight: 400 !important; } strong, b, label, .tabs dd.active>a, .tabs .tab-title.active>a { font-weight:400; } .tabs dd>a, .Schoolbox_Calendar_Component_Dashboard_Controller .fc-widget-header .fc-list-heading-main, h3, label .unit-heading, h4, h5, h6 { font-family: 'Atlas Grotesk'; } .label.reviewed, .reviewed.fillgap, .side-nav li.active>a:first-child:not(.button):not(.adtp-btn):not(button):not([type=submit]):not(a.submit):not(button.submit):not(.show-ckeditor-button) { font-weight: 400; font-family: 'Atlas Grotesk'; } body.login .login-links .login-method { font-weight: 400; } button, .button, .adtp-btn, .attachzone .dzone.adtp-btn, .dropzone-wrap .dzone.adtp-btn, .show-ckeditor-button, .attachzone .dzone.show-ckeditor-button, .dropzone-wrap .dzone.show-ckeditor-button, .flex-list.buttons a, .flex-list.buttons button, .attachzone .flex-list.buttons a.dzone, .flex-list.buttons .attachzone a.dzone, .attachzone .flex-list.buttons button.dzone, .flex-list.buttons .attachzone button.dzone, .dropzone-wrap .flex-list.buttons a.dzone, .flex-list.buttons .dropzone-wrap a.dzone, .dropzone-wrap .flex-list.buttons button.dzone, .flex-list.buttons .dropzone-wrap button.dzone, [type=submit], .flex-list.buttons a.submit, .flex-list.buttons button.submit, a.submit, button.submit, .attachzone .dzone[type=submit], .attachzone a.dzone.submit, .attachzone button.dzone.submit, .dropzone-wrap .dzone[type=submit], .dropzone-wrap a.dzone.submit, .dropzone-wrap button.dzone.submit, .attachzone button.dzone, .dropzone-wrap button.dzone, .attachzone .dropzone-wrap button.dzone, .dropzone-wrap .attachzone button.dzone, .attachzone .dzone.button, .attachzone button.dzone, .attachzone button.dzone, .attachzone .context-switch nav a.dzone, .attachzone .avatar-switch nav a.dzone, .context-switch nav .attachzone a.dzone, .avatar-switch nav .attachzone a.dzone, .dropzone-wrap .dzone.button, .dropzone-wrap button.dzone, .dropzone-wrap button.dzone, .dropzone-wrap .context-switch nav a.dzone, .dropzone-wrap .avatar-switch nav a.dzone, .context-switch nav .dropzone-wrap a.dzone, .avatar-switch nav .dropzone-wrap a.dzone, .context-switch nav a, .avatar-switch nav a { font-family: 'Atlas Grotesk'; font-weight: 300; } .sb-ck-callout--info { border-color: var(--q-Harbour); color: var(--q-Harbour); } .sb-ck-callout--info::before { background-color: var(--q-Harbour); } body { font-family: 'Atlas Grotesk'; font-weight: 300; } ul.tileList li.tile, .tile-link:hover{ border-radius: var(--q-radius-sm); } .subheader, .left-off-canvas-menu ul.off-canvas-list li h3, h1, h2, ul.tileList li.tile .tile-link, ul.tileList li.tile{ font-family: 'Moulin'; } h1{ font-family: 'Moulin'; font-weight:400; } .top-menu li span, .left-off-canvas-menu li { font-family: 'Atlas Grotesk'; font-weight: 300 !important; } .Component_Dashboard_GreetingController h1 { font-family: 'Moulin'; font-weight: 300; } .Component_Dashboard_GreetingController h1 strong { font-weight: 400; } .Component_Dashboard_GreetingController h3{ font-family: 'Moulin'; font-weight: 300; font-style: normal; } #admin-settings-search a.search-result:hover, #admin-settings-search a.searchResultActive { /* fix for transparent background on settings hover */ background: var(--q-Warm-Neutral-No1-Tint); } @media only print, screen and (min-width: 64.0625em) { /* Keep the logo inline with the tab-bar */ .left-menu-dock { color: #fff !important; } .left-menu-dock:hover { color: var(--q-Black) !important; } #left-menu .logo-wrapper { position: relative; } #left-menu .logo-wrapper .logo { height: 4.5rem; background-color: var(--q-Red); padding: 0; } #left-menu .logo-wrapper .logo img { padding-left: 1rem; padding-right: 3rem; margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } #side-menu h3 { display:none; } } @media only print, screen and (min-width: 40.0625em){ body.login #content { /* Blur the background of the login form */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.2) !important; } } @media only print, screen and (max-width: 40em){ body.login #container { /* Blur the background of the whole container on mobile */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.2); } } .sb-ck-banner { font-family: 'Moulin'; background-color: var(--q-Red); border-color: var(--q-Red); box-shadow: none; color: var(--q-Warm-Neutral-No1-Tint ); display: block; margin: 1rem auto 2rem!important; padding: 1rem; position: relative; font-size: 14pt; width: calc(100% - 4em); word-break: break-word; border-radius: .25rem; } .sb-ck-banner::before, .sb-ck-banner::after { display:none; } .sb-ck-banner a{ color: var(--q-Warm-Neutral-No1-Tint) !important; } .q-sentral-link-id { display:none; } @font-face { font-family: 'Glyphter'; src: url(data:application/octet-stream;base64,d09GRgABAAAAAASQAAoAAAAABugAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWVrVjNmNtYXAAAAE0AAAAPwAAAUoCmQF3Z2x5ZgAAAXQAAAFDAAABYI3pKUtoZWFkAAACuAAAACwAAAA2JjNUBmhoZWEAAALkAAAAGAAAACQIXQQFaG10eAAAAvwAAAAOAAAAEBAAAABsb2NhAAADDAAAAAoAAAAKAOAAZm1heHAAAAMYAAAAHgAAACABEgA5bmFtZQAAAzgAAAE7AAACbdWMZSRwb3N0AAAEdAAAABsAAAAvAhYBA3icY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYHBmcWUDcGBZGsDCYBACX8AefAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZiALOf//8EqHEH0/wNQ9UDAyMZAOWBkYqaCKQMGALmmBw4AeJwdjz1Lw1AUhs+bm9y0sbHGlBSkLQRpAlZtivZms2CLUnDxDzg6CN2cnAQXncTBoQ4uDt1cxN9QO3RUzNTFTiKugvXiTc+B9zznEw7ppEybqWDQAi2RR4SgDsdweB4OqoUyqvEctfHK0xh35eEHXuQxavfl4RQj1Kz9Q9gD+eNe3CKLtYFzennTX1aJjUCdTu+zBx2UowqRu4N4E+EiCl4xMnTDWXW2miJWVdFCGL03O8CuiDsdoY3ko/ydTjPZjeuTs35eYzm0m7Hqt3ttHGx/o/K3ly+Vrr6OenWDzd9IRVdOLq0T+VEjoDBqCIr9CooOJzNinohdEYR+LMKAm4x7Rd9UEmmUyAnn8BOciy64nCQZnmNv3LLlrMVSfjUtG3pLY3o6lsDn6Ap5nu5BY5qBguXi2TIVys8U9Sz7B3tmSbYAeJxjYGRgYADiZfdfNcbz23xl4GZhAIGHXe0tyDQLAwtIJQcDE4gHAEDRCaB4nGNgZGBgYQCCGDAJYjMyoAIWAAtIAG94nGNhYGBgQcIAALAAEQAAAAAAAAAwAGYAsAAAeJxjYGRgYGBh0AViEGACYi4gZGD4D+YzAAANdwFMAAB4nHWPS07DMBCGf/cFtBKqqGCH5AViASh9iFU37Jp9F92nrdOH0jhy3Eo9AOfhCJyAI9AbcAd+0gGhUmJ5/M03k3EC4AI7KOyfS+49K5wy23MJJ7gWLtPfCFfID8JVNPAoXKN/Eq7jHqFwAy04TlCVM2Z3eBZWaOJFuIRzvAqX6d+EK+R34Squ8CFcQ1OVhesYqZZwA7dqEZrUuMibqR5vdZhss7k37vscmtk6idyhHhmXL2yqu0Hnp/R7TL6Z9byPdezsSg9s6k2SWJ05uzQTH8y9z/rtdiw+mNgVf98g5XaI4HlOoTHGljFEwjPDvPDuTz5knGFNGx2pHuajIuZYwPI+jS4CdI689d/X5Njwth6tR8w8Zo/FijQoJn51J1yWJitqS5oJfVBM97R9tLnig/6AXZz0CTRjb6QAeJxjYGKAAC4G7ICFgYGRiZGZkQXMAwACngAdAA==); line-gap-override: 0%; } #overflow-nav a[title="Sentral"]::before, #top-menu a[title="Sentral"]::before, #overflow-nav a[title="Sentral Parent Portal"]::before, #top-menu a[title="Sentral Parent Portal"]::before { content: '\0041'; font-family: "Glyphter"; } #overflow-nav a[title="Complispace"]::before, #top-menu a[title="Complispace"]::before { content: '\0042'; font-family: "Glyphter"; } #overflow-nav a[title="Fresh Service IT Request"]::before, #top-menu a[title="Fresh Service IT Request"]::before { content: '\0043'; font-family: "Glyphter"; } #top-menu a[title="Sentral"] span, #top-menu a[title="Complispace"] span, #top-menu a[title="Fresh Service IT Request"] span, #top-menu a[title="Sentral Parent Portal"] span { margin-top: -0.1rem; } .c-header-search__results .c-card--link:hover, .c-header-search__results .c-card--link:focus { background-color: var(--q-Stratus-Tint); } .c-header-search__results a.c-card.c-card--link.c-card--active.l-pad-s{ background-color: var(--foreground-colour); } .c-header-search__results a.c-card.c-card--link.c-card--active.l-pad-s:hover, .c-header-search__results a.c-card.c-card--link.c-card--active.l-pad-s:focus { background-color: var(--q-Stratus-Tint); } .c-header-search__results a.button.icon-search:hover, .c-header-search__results a.button.icon-search:focus { background-color: var(--q-Stratus-Tint); } #news-component a img[alt="school logo"] { display: none; /* background-color: var(--q-Red); padding-top: 1em; padding-bottom: 1em; padding-right: 0.2em; padding-left: 0.2em; */ } #intrac_schedule td.day { color:#242099; font-size:14px; font-family:Lucida Grande,verdana; font-weight:bold; line-height:14px; background-color:#ff530f; text-align:center; border:1px solid #000; padding-top:10px; padding-bottom:10px; text-align:center } #component-layout .column-left .island section, #component-layout .column-right .island section { color: #000000; } .icon-spin::before { animation: mejs__loading-spinner 2s linear infinite; -webkit-animation: mejs__loading-spinner 2s linear infinite; } #component-layout .column-top .island section { color: var(--top-head-font); } #component5022 { display:none; } #component5022 .sb-ck-banner { margin-top: 0 !important; margin-bottom: 0 !important; } #component5022 section, #component4183 section { background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url("/storage/image.php?hash=b440192def71113409db5d30b23b5769bbafa5b8"); background-repeat: no-repeat; background-position: top left; background-size: 100% auto; } #component5022 .sb-ck-table td { border-width: 0px !important; } .q-outstanding td, .q-outstanding .has-tip .icon-help{ color: #333; } .q-outstanding td.shrink, .q-outstanding th.shrink { width: 1%; white-space: nowrap; text-align: center; } .q-outstanding td.expand, .q-outstanding th.expand { width: auto; } .q-outstanding { background: #fff !important; } .q-outstanding .resolve-link, .q-outstanding .help-link { color: var(--content-ui-submit-foreground); padding: 6px; font-weight: 600; border-radius: 2px; display: inline-block; } .q-outstanding .resolve-link { background: var(--content-ui-foreground); } .q-outstanding .help-link { background: var(--q-Burgundy); } .q-outstanding [class^="icon-"], .q-outstanding [class*="icon-"] { color: var(--content-ui-foreground); } .q-outstanding [class^="icon-"]:before, .q-outstanding [class*="icon-"]:before { padding-right:initial; } /* .q-outstanding .has-tip .icon-help { color: var(--color-text-secondary); } */ .q-outstanding .has-tip { background-color:initial; border-bottom:initial; margin-left: 0px; height:auto; width:auto; line-height:1.125rem; top:unset; } .q-outstanding small { color: var(--color-text-secondary); padding-top: 0px !important; } .q-outstanding td.shrink:has(> a.resolve-link), .q-outstanding td.shrink:has(> a.help-link) { padding-top: 5px !important; padding-bottom: 5px !important; } .q-outstanding .summary { background: var(--color-background); padding-left: 0px !important; padding-top: 3px !important; padding-bottom:0px !important; } :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: 218; --navigation-background-g: 41; --navigation-background-b: 28; --navigation-background-h: 4.11; --navigation-background-s: 77.24%; --navigation-background-l: 48.24%; --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: 255; --navigation-hover-g: 255; --navigation-hover-b: 255; --navigation-hover-h: 0; --navigation-hover-s: 0%; --navigation-hover-l: 100%; --navigation-hover-a: 0.2; --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: 45; --off-canvas-foreground-g: 41; --off-canvas-foreground-b: 38; --off-canvas-foreground-h: 25.71; --off-canvas-foreground-s: 8.43%; --off-canvas-foreground-l: 16.27%; --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: 255; --off-canvas-foreground-contrast-g: 255; --off-canvas-foreground-contrast-b: 255; --off-canvas-foreground-contrast-h: 0; --off-canvas-foreground-contrast-s: 0%; --off-canvas-foreground-contrast-l: 100%; --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: 255; --off-canvas-background-g: 255; --off-canvas-background-b: 255; --off-canvas-background-h: 0; --off-canvas-background-s: 0%; --off-canvas-background-l: 100%; --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: 0; --off-canvas-background-contrast-g: 0; --off-canvas-background-contrast-b: 0; --off-canvas-background-contrast-h: 0; --off-canvas-background-contrast-s: 0%; --off-canvas-background-contrast-l: 0%; --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: 215; --off-canvas-hover-g: 222; --off-canvas-hover-b: 228; --off-canvas-hover-h: 207.69; --off-canvas-hover-s: 19.4%; --off-canvas-hover-l: 86.86%; --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: 0; --off-canvas-hover-contrast-g: 0; --off-canvas-hover-contrast-b: 0; --off-canvas-hover-contrast-h: 0; --off-canvas-hover-contrast-s: 0%; --off-canvas-hover-contrast-l: 0%; --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: 45; --accounts-menu-foreground-g: 41; --accounts-menu-foreground-b: 38; --accounts-menu-foreground-h: 25.71; --accounts-menu-foreground-s: 8.43%; --accounts-menu-foreground-l: 16.27%; --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: 255; --accounts-menu-foreground-contrast-g: 255; --accounts-menu-foreground-contrast-b: 255; --accounts-menu-foreground-contrast-h: 0; --accounts-menu-foreground-contrast-s: 0%; --accounts-menu-foreground-contrast-l: 100%; --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: 240; --accounts-menu-background-g: 237; --accounts-menu-background-b: 233; --accounts-menu-background-h: 34.29; --accounts-menu-background-s: 18.92%; --accounts-menu-background-l: 92.75%; --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: 0; --accounts-menu-background-contrast-g: 0; --accounts-menu-background-contrast-b: 0; --accounts-menu-background-contrast-h: 0; --accounts-menu-background-contrast-s: 0%; --accounts-menu-background-contrast-l: 0%; --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: 196; --accounts-menu-hover-g: 191; --accounts-menu-hover-b: 182; --accounts-menu-hover-h: 38.57; --accounts-menu-hover-s: 10.61%; --accounts-menu-hover-l: 74.12%; --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: 0; --accounts-menu-hover-contrast-g: 0; --accounts-menu-hover-contrast-b: 0; --accounts-menu-hover-contrast-h: 0; --accounts-menu-hover-contrast-s: 0%; --accounts-menu-hover-contrast-l: 0%; --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: 45; --content-ui-foreground-g: 41; --content-ui-foreground-b: 38; --content-ui-foreground-h: 25.71; --content-ui-foreground-s: 8.43%; --content-ui-foreground-l: 16.27%; --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: 215; --content-ui-background-g: 222; --content-ui-background-b: 228; --content-ui-background-h: 207.69; --content-ui-background-s: 19.4%; --content-ui-background-l: 86.86%; --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: 128; --content-ui-hover-g: 154; --content-ui-hover-b: 175; --content-ui-hover-h: 206.81; --content-ui-hover-s: 22.71%; --content-ui-hover-l: 59.41%; --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: 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: 128; --content-ui-selected-g: 154; --content-ui-selected-b: 175; --content-ui-selected-h: 206.81; --content-ui-selected-s: 22.71%; --content-ui-selected-l: 59.41%; --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: 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: 218; --content-ui-submit-background-g: 41; --content-ui-submit-background-b: 28; --content-ui-submit-background-h: 4.11; --content-ui-submit-background-s: 77.24%; --content-ui-submit-background-l: 48.24%; --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: 45; --accent-foreground-g: 41; --accent-foreground-b: 38; --accent-foreground-h: 25.71; --accent-foreground-s: 8.43%; --accent-foreground-l: 16.27%; --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: 237; --accent-background-g: 217; --accent-background-b: 190; --accent-background-h: 34.47; --accent-background-s: 56.63%; --accent-background-l: 83.73%; --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: 217; --accent-hover-g: 180; --accent-hover-b: 143; --accent-hover-h: 30; --accent-hover-s: 49.33%; --accent-hover-l: 70.59%; --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: 218; --logo-background-g: 41; --logo-background-b: 28; --logo-background-h: 4.11; --logo-background-s: 77.24%; --logo-background-l: 48.24%; --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: 240; --body-background-g: 237; --body-background-b: 233; --body-background-h: 34.29; --body-background-s: 18.92%; --body-background-l: 92.75%; --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: 0; --login-form-background-g: 0; --login-form-background-b: 0; --login-form-background-h: 0; --login-form-background-s: 0%; --login-form-background-l: 0%; --login-form-background-a: 0; --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: 45; --form-border-color-g: 41; --form-border-color-b: 38; --form-border-color-h: 25.71; --form-border-color-s: 8.43%; --form-border-color-l: 16.27%; --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: 255; --form-border-color-contrast-g: 255; --form-border-color-contrast-b: 255; --form-border-color-contrast-h: 0; --form-border-color-contrast-s: 0%; --form-border-color-contrast-l: 100%; --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: 243; --form-bg-hover-color-g: 241; --form-bg-hover-color-b: 239; --form-bg-hover-color-h: 30; --form-bg-hover-color-s: 14.29%; --form-bg-hover-color-l: 94.51%; --form-bg-hover-color-a: 0.52; --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: 156; --body-foreground-g: 154; --body-foreground-b: 151; --body-foreground-h: 36; --body-foreground-s: 2.46%; --body-foreground-l: 60.2%; --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: 36; --body-foreground-h1-g: 36; --body-foreground-h1-b: 35; --body-foreground-h1-h: 60; --body-foreground-h1-s: 1.41%; --body-foreground-h1-l: 13.92%; --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) ); }