/* Disable the exclude student from task button on the quick access markbook as this will conflict with the left class flag and process in Synergetic */ #pop-out-menu-markbook-container .c-pop-out-menu__options button:nth-child(6) { display:none !important; } /* Disable the student profile activity feed section */ a[href="#tab-activity"] { display: none !important; } #tab-activity #activity-feed { display: none !important; } /* Disable the last breadcrumb on page navigation, though not system based navigation */ .Component_Homepage_BreadcrumbController .last { display: block !important; pointer-events: none; cursor: default; } /* Disable the last breadcrumb on page navigation, though not system based navigation */ .Component_Homepage_BreadcrumbController ul.breadcrumb li.last a { background-color: var(--content-ui-selected) !important; } /* Setthe last breadcrumb on page navigation background colour arrow on the right, though not system based navigation */ .Component_Homepage_BreadcrumbController ul.breadcrumb li.last a::after { border-left: .4rem solid var(--content-ui-selected); } /* Set book conferences button hover image */ #textBoxBody6552 img:hover { opacity: 0.8; } /* Reduce the bottom margin of the book conferences information text box so it connects to booking textbokx below */ #component27351 { margin-bottom: 0px !important; } /* Add white space padding on welcome to cggs text */ #component146768 .row .island .content { padding-top: 30px !important; padding-bottom: 30px !important; } /* Set future parent welcome to ccgs banner min-height */ #componentcomponent125563-tile-22365 { min-height: 200px !important; } /* Set future parent welcome to ccgs banner and getting started icons to connect welcome text to it */ #component125563, #component146768 { margin-bottom: 0px !important; } /* Shrink booklist icons */ #textBoxBody-146913-5158 img, #textBoxBody-136329-5158 img, #textBoxBody-125847-5012 img, #textBoxBody-126127-5009 img, #textBoxBody-126138-5023 img, #textBoxBody-125963-5023 img, #textBoxBody-125832-5012 img, #textBoxBody-125829-5009 img, #textBoxBody-125792-5003 img, #textBoxBody-125767-4998 img, #textBoxBody-125740-4990 img, #textBoxBody-126630-5152 img, #textBoxBody-126631-5153 img, #textBoxBody-126632-5154 img, #textBoxBody-126633-5155 img, #textBoxBody-126634-5156 img, #textBoxBody-126635-5157 img, #textBoxBody-146796-5003 img, #textBoxBody-146782-4998 img, #textBoxBody-146548-4990 img, #textBoxBody-125758-4990 img, #textBoxBody-136328-5157 img, #textBoxBody-136330-5156 img, #textBoxBody-125802-4998 img, #textBoxBody-125808-5003 img, #textBoxBody-146891-5157 img, #textBoxBody-146893-5156 img, #textBoxBody-146895-5155 img, #textBoxBody-146897-5154 img, #textBoxBody-136331-5155 img, #textBoxBody-136333-5153 img, #textBoxBody-136334-5152 img, #textBoxBody-136332-5154 img, #textBoxBody-146899-5153 img, #textBoxBody-146901-5152 img, #textBoxBody-126636-5158 img, #textBoxBody-146807-5009 img, #textBoxBody-146818-5012 img, #textBoxBody-146829-5023 img { width: 48% !important; max-width: 250px !important; } /* Hover on booklist icons */ #textBoxBody-146913-5158 img:hover, #textBoxBody-136329-5158 img:hover, #textBoxBody-125847-5012 img:hover, #textBoxBody-126127-5009 img:hover, #textBoxBody-126138-5023 img:hover, #textBoxBody-125963-5023 img:hover, #textBoxBody-125832-5012 img:hover, #textBoxBody-125829-5009 img:hover, #textBoxBody-125792-5003 img:hover, #textBoxBody-125767-4998 img:hover, #textBoxBody-125740-4990 img:hover, #textBoxBody-126630-5152 img:hover, #textBoxBody-126631-5153 img:hover, #textBoxBody-126632-5154 img:hover, #textBoxBody-126633-5155 img:hover, #textBoxBody-126634-5156 img:hover, #textBoxBody-126635-5157 img:hover, #textBoxBody-146548-4990 img:hover, #textBoxBody-146548-4990 img:hover, #textBoxBody-146782-4998 img:hover, #textBoxBody-146796-5003 img:hover, #textBoxBody-136334-5152 img:hover, #textBoxBody-136333-5153 img:hover, #textBoxBody-136332-5154 img:hover, #textBoxBody-136331-5155 img:hover, #textBoxBody-136330-5156 img:hover, #textBoxBody-125758-4990 img:hover, #textBoxBody-136328-5157 img:hover, #textBoxBody-125802-4998 img:hover, #textBoxBody-125808-5003 img:hover, #textBoxBody-146891-5157 img:hover, #textBoxBody-146893-5156 img:hover, #textBoxBody-146895-5155 img:hover, #textBoxBody-146897-5154 img:hover, #textBoxBody-146899-5153 img:hover, #textBoxBody-146901-5152 img:hover, #textBoxBody-126636-5158 img:hover, #textBoxBody-146807-5009 img:hover, #textBoxBody-146818-5012 img:hover, #textBoxBody-146829-5023 img:hover { opacity: 0.8; } /* Join uniform page tiles to text box */ #component146980, #component146981 { margin-bottom: 0px !important; } /* Reduce width on uniform pages tiles */ #component146981 #tileList-12668 { max-width: 800px; image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming)*/ -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } /* Set welcome to ccgs induction tiles style */ #tileList-12615 li { min-height: 105px !important; } #tileList-12615 li span.title { padding-bottom: 8% !important; } /* Set class allocations page image button hovers */ #textBoxBody6161 img:hover { opacity: 0.7; } /* Move div containing headings on cards on join groups page above join group div */ div#manage-groups-container>div>div.row>div.island>section>div.v-card>div.card-content { bottom: 50px !important; } /* Remove excess pading under breadcrumbs , */ .Component_Homepage_BreadcrumbController { margin-bottom: 0px !important; } /* Hide email teachers 3 dot menu on student profile page class list cards */ .profile-tabs #tab-classes .classes-groups .v-card .card-content nav { display: none !important; } /* Hide email teachers 3 dot menu on student profile page groups list cards */ .profile-tabs #tab-groups .classes-groups .v-card .card-content nav { display: none !important; } /* Move staff profile picture up higher on profile page class list cards */ .v-card .card-class-image .related { margin-bottom: 20%; } /* set profile page class list card heading font color to white */ div.v-card div.card-content>div.list-item a { color: white !important; } /* set profile page class list card heading class code font color to white */ div.v-card div.card-content>div.list-item a p { color: white !important; } /* set profile page class list card heading class code font color to white when no class code attached */ div.v-card div.card-content>div.list-item h3 { color: white !important; } /* Remove the margin that is pushing custom class and group tiles heading up high as of version 20.2 */ div.v-card div.card-content div.list-item h3 { margin-bottom: 0px !important } /* Remove email parents button from student user profile page */ #email-all-parents { display: none !important; } /* Priority news highlight background colour */ .sticky { background-color: #E3EDF1; } /* Remove Form dropdown from Parent Directory *Temporarily* */ div#content section.content>form>div.row>div>label>select[name="searchForm"] { display: none !important; } /* */ /*Set checkbox background colour darker so the border is darker */ input[type="checkbox"]:not(.plain)+label.checkbox-label::before, body.login input[type="checkbox"]:not(.plain)+label::before { background-color: #dcdcdc !important; } /*Set card content text to overlay */ div.v-card { position: relative; } div.v-card>a>div.card-class-image { border-bottom: none !important; } ul.subject-list>li>nav>a.icon-email { display: none !important; } div.v-card div.card-content { bottom: 0px !important; position: absolute; width: 100%; padding-left: 4% !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9)); padding-top: 0.6rem !important; min-height: 2.8rem !important; } div.v-card div.card-content>div.list-item { padding-right: 1.6rem !important; } div.v-card div.card-content>div.list-item>h3 { max-height: 75px; } div.v-card div.card-content>div.list-item>h3>a { bottom: 0px; color: white; font-size: 1rem !important; white-space: normal !important; max-height: 80px; display: inline-block; width: 100%; } div.v-card div.card-content>div.list-item>p.meta { display: none; } .card-content .icon-more { color: ghostwhite !important; } .card-content nav a.icon-modify { color: ghostwhite !important; } .v-card .card-content nav { bottom: 0px !important; top: unset !important; } /* Set full width iframe height to be larger than default */ #remote,.fullscreenheight { min-height: 4000px !important; } /* Increase min width of heading label area for mobile displays */ ul.component-titlebar>li>div.list-item>div.card { min-width: 280px; } ul.component-titlebar>li>div.list-item>div.card>h2>a { font-size: 17px; } /* Enable multi line text for file component for mobile viewability */ div[class*="FileListController"]>div.row>div>section>article>ul.action-list>li>div.list-item>div.compact.card>a>h3 { text-overflow: unset; overflow: visible; white-space: normal; font-size: 14px; } div[class*="FileListController"]>div.row>div>section>article>ul.action-list>li>div.list-item>div.compact.card>a>img.mime { height: 15px; position: absolute; left: 17px; margin-top: 2px; } div[class*="FileListController"]>div.row>div>section>article>ul.action-list>li>div.list-item>div.compact.card { padding-right: 0px !important; padding-left: 45px; } /* Remove ePortfolio button div.Component_Dashboard_ChildSubjectController section:not(.no-pad) ul.flex-list li:nth-last-child(2) { display: none !important; } */ /* Dashboard tiles */ /* Set top nav Dashboard tiles to be 2 across - DISABLED ul#tileList-5155 li { width: 50% !important; } */ /* Dashboard tiles - removes margin under dashboard information and services tile list */ div#component59392, div#component35522, div#component54105, div#component104105 { margin-bottom: 0px !important; } /* Dashboard tiles - removes padding around view more information and services and changes font style */ div#component56970 div div .content, div#component56969 div div .content, div#component56918 div div .content, div#component104103 div div .content { padding-top: 2% !important; padding-bottom: 2% !important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; } .vminfser p { font-weight: 600 !important; font-size: 0.875rem !important; } /*Hides roll marking extra fields*/ .small-12.island>form .hide-for-small { visibility: hidden !important; width: 0 !important; color: green !important; display: none !important; } /*Make the table lines thicker*/ .small-12.island td, th { border-bottom: 4px solid #f4f4f4 !important; } /* When you hover over links, the color changes to the specific green*/ a:hover { color: #3CAFAA !important; } /*Add background colour to logo */ .left-off-canvas-menu .logo-wrapper { background-color: #567C85 !important; } /* Adjust logo position */ .left-off-canvas-menu .logo-wrapper .logo { padding: 0.8rem 0rem 0.65rem; padding-right: 42px; } /* use gothambook for font */ @font-face { font-family: 'GothamBook'; src: url('/storage/fetch.php?hash=d7ba0f76b862dd8c808acd5580a82da2191d2e2c')format('truetype'); } body { font-family: 'GothamBook' !important; } /* Adjust the font size for the top menu bar*/ .hybrid-bar ul { font-size: 0.74rem !important; } /* Make 4 tiles on class page instead of 3 tiles */ div[class*="FolderListController"]>div.row>div.island>section>div.columns.left { width: 25% !important; } /* Make banner text that's set to left be more in the bottom left corner */ .small-12.island .title.text-middle.text-left { padding-top: 5% !important; padding-left: 2% !important; } /* Makes News headlines bold*/ ul.information-list>li>div.list-item>div.card>h3, div#news-component>div>section>div.tabs-content>div>div.v-card-list>div.card>div.card-content>h3 { font-weight: 600; } /* Make timetable links bold*/ .timetable .timetable-subject :link { font-weight: bold !important; } /* shrink the timetable on dashboard*/ @media screen and (min-width: 642px) { .timetable td, .timetable th, .timetable-small td, .timetable-small th { font-size: calc(7px + 0.4vw) } .timetable td .timetable-subject, .timetable-small td .timetable-subject { padding: 0.4rem; } table thead tr th, table thead tr td { padding: 0.125rem; } .meta, .island .dataTables_wrapper .dataTables_info, .mceEditor.cirkuitSkin table.mceLayout tr.mceLast td.mceStatusbar, .mceEditor.cirkuitSkin table.mceLayout tr.mceLast td.mceStatusbar span, .mceEditor.cirkuitSkin table.mceLayout tr.mceLast td.mceStatusbar a { color: #404040; font-size: calc(6px + 0.35vw); } } /* Remove scroll for synergetic iframe */ #synergetic { height: 3000px } /* Remove unused scrollbar on synergetic iframe */ .scroll-wrapper { overflow-y: hidden; } /* At 642px width, all top menu options go in left tab as well as default logo is removed and full central coast grammar logo is set as background */ @media (max-width: 642px) { aside#left-menu ul#overflow-nav li { display: list-item !important; } div#hybrid-bar ul#top-menu li { display: none !important; } div#hybrid-bar ul#top-menu { display: none !important; } .tab-bar { height: 4.5rem } .hybrid-bar .logo { width: 13rem !important; background-image: url(https://my.ccgs.nsw.edu.au/storage/image.php?hash=c10761adf68751b1fc8ca9a0625204ab8dea5cb6); background-repeat: no-repeat; margin-top: 15px; } /* This hides the square logo*/ .hybrid-bar .logo img { display: none !Important; } } /* Adjusting hamburger menu, search bar, and notification bar when on a small mobile device*/ @media screen and (max-width: 355px) { .tab-bar-section { Padding-left: 2.5rem; } .tab-bar .menu-icon span::after { Left: 0.8rem; } .right-small a[data-unread]:not([data-unread="0"]) { padding-left: 0.1rem; } .right-small { Width: 3.3rem; } .hybrid-bar .logo { margin-top: 15px; } .hybrid-bar #search { right: 2.5rem; } } /* Scale the ccgs logo when on mobile device*/ @media (max-width: 648px) { .hybrid-bar .logo { background-size: calc(100px + 17vw); } } /* Move search icon to the right when on mobile device to make room for logo and reduce notification box */ @media screen and (max-width: 392px) and (min-width: 355px) { .hybrid-bar #search { right: 3rem; } .right-small a[data-unread]:not([data-unread="0"]) { padding-left: 0.5rem; } .right-small { Width: 4.3rem; } } /*800px for tablets and phones.*/ @media all and (max-width:800px) { div[class*="FolderListController"]>div.row>div.island>section>div.columns.left { display: block; float: none; width: 50% !important; } /* limit banners from shrinking too small on mobile */ div.Component_Homepage_BreadcrumbController+div.Schoolbox_Tile_Component_HomepageTileController>div.row>div.island>section>ul.tileList>li.tile { background-size: cover !important; height: 130px !important; } /* Set top nav Dashboard tiles to be 2 across - DISABLED ul#tileList-5155 li { width: 50% !important; padding-bottom: 28% !important; } */ } :root { --navigation-foreground-r: 244; --navigation-foreground-g: 244; --navigation-foreground-b: 244; --navigation-foreground-h: 0; --navigation-foreground-s: 0%; --navigation-foreground-l: 95.69%; --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: 86; --navigation-background-g: 124; --navigation-background-b: 133; --navigation-background-h: 191.49; --navigation-background-s: 21.46%; --navigation-background-l: 42.94%; --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: 105; --navigation-hover-g: 144; --navigation-hover-b: 154; --navigation-hover-h: 192.24; --navigation-hover-s: 19.52%; --navigation-hover-l: 50.78%; --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: 68; --off-canvas-foreground-g: 68; --off-canvas-foreground-b: 68; --off-canvas-foreground-h: 0; --off-canvas-foreground-s: 0%; --off-canvas-foreground-l: 26.67%; --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: 248; --off-canvas-hover-g: 248; --off-canvas-hover-b: 248; --off-canvas-hover-h: 0; --off-canvas-hover-s: 0%; --off-canvas-hover-l: 97.25%; --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: 68; --accounts-menu-foreground-g: 68; --accounts-menu-foreground-b: 68; --accounts-menu-foreground-h: 0; --accounts-menu-foreground-s: 0%; --accounts-menu-foreground-l: 26.67%; --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: 248; --accounts-menu-background-g: 248; --accounts-menu-background-b: 248; --accounts-menu-background-h: 0; --accounts-menu-background-s: 0%; --accounts-menu-background-l: 97.25%; --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: 248; --accounts-menu-hover-g: 248; --accounts-menu-hover-b: 248; --accounts-menu-hover-h: 0; --accounts-menu-hover-s: 0%; --accounts-menu-hover-l: 97.25%; --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: 49; --content-ui-foreground-g: 92; --content-ui-foreground-b: 126; --content-ui-foreground-h: 206.49; --content-ui-foreground-s: 44%; --content-ui-foreground-l: 34.31%; --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: 220; --content-ui-background-g: 220; --content-ui-background-b: 220; --content-ui-background-h: 0; --content-ui-background-s: 0%; --content-ui-background-l: 86.27%; --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: 235; --content-ui-hover-g: 235; --content-ui-hover-b: 235; --content-ui-hover-h: 0; --content-ui-hover-s: 0%; --content-ui-hover-l: 92.16%; --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: 189; --content-ui-selected-g: 189; --content-ui-selected-b: 189; --content-ui-selected-h: 0; --content-ui-selected-s: 0%; --content-ui-selected-l: 74.12%; --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: 60; --content-ui-submit-background-g: 175; --content-ui-submit-background-b: 170; --content-ui-submit-background-h: 177.39; --content-ui-submit-background-s: 48.94%; --content-ui-submit-background-l: 46.08%; --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: 60; --accent-foreground-g: 175; --accent-foreground-b: 170; --accent-foreground-h: 177.39; --accent-foreground-s: 48.94%; --accent-foreground-l: 46.08%; --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: 248; --accent-background-g: 248; --accent-background-b: 248; --accent-background-h: 0; --accent-background-s: 0%; --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: 255; --logo-background-g: 255; --logo-background-b: 255; --logo-background-h: 0; --logo-background-s: 0%; --logo-background-l: 100%; --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: 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: 244; --body-background-g: 244; --body-background-b: 244; --body-background-h: 0; --body-background-s: 0%; --body-background-l: 95.69%; --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.4; --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: 220; --form-border-color-g: 220; --form-border-color-b: 220; --form-border-color-h: 0; --form-border-color-s: 0%; --form-border-color-l: 86.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: 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: 248; --form-bg-hover-color-g: 248; --form-bg-hover-color-b: 248; --form-bg-hover-color-h: 0; --form-bg-hover-color-s: 0%; --form-bg-hover-color-l: 97.25%; --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: 159; --body-foreground-g: 159; --body-foreground-b: 159; --body-foreground-h: 0; --body-foreground-s: 0%; --body-foreground-l: 62.35%; --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: 37; --body-foreground-h1-g: 37; --body-foreground-h1-b: 37; --body-foreground-h1-h: 0; --body-foreground-h1-s: 0%; --body-foreground-h1-l: 14.51%; --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) ); }