#news-component h3 {font-weight: bold;} #component104492 span.title {padding-right: 30px !important;} {{USEFUL LINKS TILES: 3147, 3148, 3149}} #tileList-3147 li, #tileList-3148 li, #tileList-3149 li, #tileList-3147 .tile-link:hover, #tileList-3148 .tile-link:hover, #tileList-3149 .tile-link:hover {border-radius:5px !important} #tileList-3147 li span.title, #tileList-3148 li span.title, #tileList-3149 li span.title {padding-left:24% !important;} #tileList-3147 .tile .tile-link:hover, #tileList-3148 .tile .tile-link:hover, #tileList-3149 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-3147 .tile, #tileList-3148 .tile, #tileList-3149 .tile {background-color: #4351d7 !important;} #tileList-3147 .tile:hover, #tileList-3148 .tile:hover, #tileList-3149 .tile:hover {background-color: #2f3996 !important;} #tileList-3147 .tile .edit:hover, #tileList-3148 .tile .edit:hover, #tileList-3149 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-3147 .title, #tileList-3148 .title, #tileList-3149 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-3147 .title, #tileList-3148 .title, #tileList-3149 .title {font-size:.8rem !important;} } {{STAFF LINKS : 1538}} #tileList-1538 li, #tileList-1538 .tile-link:hover {border-radius:5px !important} #tileList-1538 li span.title {padding-left:24% !important;} #tileList-1538 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1538 .tile {background-color: #185e86 !important;} #tileList-1538 .tile:hover {background-color: #11425e !important;} #tileList-1538 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1538 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1538 .title {font-size:.8rem !important;} } {{ASHMORE STAFF TILES : 1537}} #tileList-1537 li, #tileList-1537 .tile-link:hover {border-radius:5px !important} #tileList-1537 li span.title {padding-left:24% !important;} #tileList-1537 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1537 .tile {background-color: #188680 !important;} #tileList-1537 .tile:hover {background-color: #115e59 !important;} #tileList-1537 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1537 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1537 .title {font-size:.8rem !important;} } {{STAFF CARE LINKS: 1536}} #tileList-1536 li, #tileList-1536 .tile-link:hover {border-radius:5px !important} #tileList-1536 li span.title {padding-left:24% !important;} #tileList-1536 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1536 .tile {background-color: #188680 !important;} #tileList-1536 .tile:hover {background-color: #115e59 !important;} #tileList-1536 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1536 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1536 .title {font-size:.8rem !important;} } {{PERFORMING ARTS & SPORT: 1535}} #tileList-1535 li, #tileList-1535 .tile-link:hover {border-radius:5px !important} #tileList-1535 li span.title {padding-left:24% !important;} #tileList-1535 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1535 .tile {background-color: #6523c0 !important;} #tileList-1535 .tile:hover {background-color: #471886 !important;} #tileList-1535 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1535 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1535 .title {font-size:.8rem !important;} } {{PARENT CARE TILES: 1533, STUDENT CARE 1539, COMMITTEES LINKS 2005}} #tileList-2005 li, #tileList-2005 .tile-link:hover, #tileList-1533 li, #tileList-1533 .tile-link:hover, #tileList-1539 li, #tileList-1539 .tile-link:hover {border-radius:5px !important} #tileList-2005 li span.title, #tileList-1533 li span.title, #tileList-1539 li span.title {padding-left:24% !important;} #tileList-2005 .tile .tile-link:hover, #tileList-1533 .tile .tile-link:hover, #tileList-1539 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-2005 .tile, #tileList-1533 .tile, #tileList-1539 .tile {background-color: #c07b23 !important;} #tileList-2005 .tile:hover,#tileList-1533 .tile:hover, #tileList-1539 .tile:hover {background-color: #865618 !important;} #tileList-2005 .tile .edit:hover, #tileList-1533 .tile .edit:hover, #tileList-1539 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-2005 .title, #tileList-1533 .title, #tileList-1539 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-2005 .title, #tileList-1533 .title, #tileList-1539 .title {font-size:.8rem !important;} } {{PARENT SERVICES TILES: 1530}} #tileList-1530 li, #tileList-1530 .tile-link:hover {border-radius:5px !important} #tileList-1530 li span.title {padding-left:24% !important;} #tileList-1530 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1530 .tile {background-color: rgba(32,148,52,1) !important;} #tileList-1530 .tile:hover {background-color: #004926 !important;} #tileList-1530 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1530 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1530 .title {font-size:.8rem !important;} } {{SOCIAL MEDIA LINKS :1531}} #tileList-1531 li, #tileList-1531 .tile-link:hover {border-radius:5px !important} #tileList-1531 li span.title {padding-left:24% !important;} #tileList-1531 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} {{Facebook}} #tile-7639:hover {background-color: #2e487c !important;} {{Twitter}} #tile-7640:hover {background-color: #1470a9 !important;} #tileList-1531 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1531 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1531 .title {font-size:.8rem !important;} } #news-component h3 {font-weight: bold;} #component104492 span.title {padding-right: 30px !important;} {{USEFUL LINKS TILES: 3147, 3148, 3149}} #tileList-3147 li, #tileList-3148 li, #tileList-3149 li, #tileList-3147 .tile-link:hover, #tileList-3148 .tile-link:hover, #tileList-3149 .tile-link:hover {border-radius:5px !important} #tileList-3147 li span.title, #tileList-3148 li span.title, #tileList-3149 li span.title {padding-left:24% !important;} #tileList-3147 .tile .tile-link:hover, #tileList-3148 .tile .tile-link:hover, #tileList-3149 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-3147 .tile, #tileList-3148 .tile, #tileList-3149 .tile {background-color: #4351d7 !important;} #tileList-3147 .tile:hover, #tileList-3148 .tile:hover, #tileList-3149 .tile:hover {background-color: #2f3996 !important;} #tileList-3147 .tile .edit:hover, #tileList-3148 .tile .edit:hover, #tileList-3149 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-3147 .title, #tileList-3148 .title, #tileList-3149 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-3147 .title, #tileList-3148 .title, #tileList-3149 .title {font-size:.8rem !important;} } {{STAFF LINKS : 1538}} #tileList-1538 li, #tileList-1538 .tile-link:hover {border-radius:5px !important} #tileList-1538 li span.title {padding-left:24% !important;} #tileList-1538 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1538 .tile {background-color: #185e86 !important;} #tileList-1538 .tile:hover {background-color: #11425e !important;} #tileList-1538 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1538 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1538 .title {font-size:.8rem !important;} } {{ASHMORE STAFF TILES : 1537}} #tileList-1537 li, #tileList-1537 .tile-link:hover {border-radius:5px !important} #tileList-1537 li span.title {padding-left:24% !important;} #tileList-1537 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1537 .tile {background-color: #188680 !important;} #tileList-1537 .tile:hover {background-color: #115e59 !important;} #tileList-1537 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1537 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1537 .title {font-size:.8rem !important;} } {{STAFF CARE LINKS: 1536}} #tileList-1536 li, #tileList-1536 .tile-link:hover {border-radius:5px !important} #tileList-1536 li span.title {padding-left:24% !important;} #tileList-1536 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1536 .tile {background-color: #188680 !important;} #tileList-1536 .tile:hover {background-color: #115e59 !important;} #tileList-1536 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1536 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1536 .title {font-size:.8rem !important;} } {{PERFORMING ARTS & SPORT: 1535}} #tileList-1535 li, #tileList-1535 .tile-link:hover {border-radius:5px !important} #tileList-1535 li span.title {padding-left:24% !important;} #tileList-1535 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1535 .tile {background-color: #6523c0 !important;} #tileList-1535 .tile:hover {background-color: #471886 !important;} #tileList-1535 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1535 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1535 .title {font-size:.8rem !important;} } {{PARENT CARE TILES: 1533, STUDENT CARE 1539, COMMITTEES LINKS 2005}} #tileList-2005 li, #tileList-2005 .tile-link:hover, #tileList-1533 li, #tileList-1533 .tile-link:hover, #tileList-1539 li, #tileList-1539 .tile-link:hover {border-radius:5px !important} #tileList-2005 li span.title, #tileList-1533 li span.title, #tileList-1539 li span.title {padding-left:24% !important;} #tileList-2005 .tile .tile-link:hover, #tileList-1533 .tile .tile-link:hover, #tileList-1539 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-2005 .tile, #tileList-1533 .tile, #tileList-1539 .tile {background-color: #c07b23 !important;} #tileList-2005 .tile:hover,#tileList-1533 .tile:hover, #tileList-1539 .tile:hover {background-color: #865618 !important;} #tileList-2005 .tile .edit:hover, #tileList-1533 .tile .edit:hover, #tileList-1539 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-2005 .title, #tileList-1533 .title, #tileList-1539 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-2005 .title, #tileList-1533 .title, #tileList-1539 .title {font-size:.8rem !important;} } {{PARENT SERVICES TILES: 1530}} #tileList-1530 li, #tileList-1530 .tile-link:hover {border-radius:5px !important} #tileList-1530 li span.title {padding-left:24% !important;} #tileList-1530 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1530 .tile {background-color: rgba(32,148,52,1) !important;} #tileList-1530 .tile:hover {background-color: #004926 !important;} #tileList-1530 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1530 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1530 .title {font-size:.8rem !important;} } {{SOCIAL MEDIA LINKS :1531}} #tileList-1531 li, #tileList-1531 .tile-link:hover {border-radius:5px !important} #tileList-1531 li span.title {padding-left:24% !important;} #tileList-1531 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} {{Facebook}} #tile-7639:hover {background-color: #2e487c !important;} {{Twitter}} #tile-7640:hover {background-color: #1470a9 !important;} #tileList-1531 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1531 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1531 .title {font-size:.8rem !important;} } #component104535, #component104532, #component104528, #component104530, #component123806, #component104591, #component20508, #component104556, #component104557 {margin-bottom: 10px !important;} {{NEWS CARD}} .card-feature-image, .card-feature-avatar {position: relative; width: 100%; padding-top: 50%;} .card-feature-image a, .card-feature-avatar a {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .card-feature-image img { object-fit: cover !important; width: 100%; height: 100%; padding: 0;} .v-card .card-content {padding-top:1rem !important;} .card-feature-avatar, .card-feature-avatar a { height: 100%; margin: 0 !important;} {margin-bottom: 10px !important;} {{NEWS CARD}} .card-feature-image, .card-feature-avatar {position: relative; width: 100%; padding-top: 50%;} .card-feature-image a, .card-feature-avatar a {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .card-feature-image img { object-fit: cover !important; width: 100%; height: 100%; padding: 0;} .v-card .card-content {padding-top:1rem !important;} .card-feature-avatar, .card-feature-avatar a { height: 100%; margin: 0 !important;} :root { --sbx-config-container-corner-radius: var(--sbx-border-radius-l); --sbx-config-field-corner-radius: var(--sbx-border-radius-s); --sbx-config-container-drop-shadow: var(--sbx-shadow-m); --sbx-config-color-body-background-r: 246; --sbx-config-color-body-background-g: 247; --sbx-config-color-body-background-b: 243; --sbx-config-color-body-background-h: 75; --sbx-config-color-body-background-s: 20%; --sbx-config-color-body-background-l: 96.1%; --sbx-config-color-body-background-a: 1; --sbx-config-color-body-background: hsla( var(--sbx-config-color-body-background-h), var(--sbx-config-color-body-background-s), var(--sbx-config-color-body-background-l), var(--sbx-config-color-body-background-a) ); --sbx-config-color-body-background-contrast-r: 0; --sbx-config-color-body-background-contrast-g: 0; --sbx-config-color-body-background-contrast-b: 0; --sbx-config-color-body-background-contrast-h: 0; --sbx-config-color-body-background-contrast-s: 0%; --sbx-config-color-body-background-contrast-l: 0%; --sbx-config-color-body-background-contrast-a: 1; --sbx-config-color-body-background-contrast: hsla( var(--sbx-config-color-body-background-contrast-h), var(--sbx-config-color-body-background-contrast-s), var(--sbx-config-color-body-background-contrast-l), var(--sbx-config-color-body-background-contrast-a) ); --sbx-config-color-accent-r: 46; --sbx-config-color-accent-g: 94; --sbx-config-color-accent-b: 52; --sbx-config-color-accent-h: 127.5; --sbx-config-color-accent-s: 34.3%; --sbx-config-color-accent-l: 27.5%; --sbx-config-color-accent-a: 1; --sbx-config-color-accent: hsla( var(--sbx-config-color-accent-h), var(--sbx-config-color-accent-s), var(--sbx-config-color-accent-l), var(--sbx-config-color-accent-a) ); --sbx-config-color-accent-contrast-r: 255; --sbx-config-color-accent-contrast-g: 255; --sbx-config-color-accent-contrast-b: 255; --sbx-config-color-accent-contrast-h: 0; --sbx-config-color-accent-contrast-s: 0%; --sbx-config-color-accent-contrast-l: 100%; --sbx-config-color-accent-contrast-a: 1; --sbx-config-color-accent-contrast: hsla( var(--sbx-config-color-accent-contrast-h), var(--sbx-config-color-accent-contrast-s), var(--sbx-config-color-accent-contrast-l), var(--sbx-config-color-accent-contrast-a) ); --sbx-config-color-accent-text-r: 224; --sbx-config-color-accent-text-g: 236; --sbx-config-color-accent-text-b: 220; --sbx-config-color-accent-text-h: 105; --sbx-config-color-accent-text-s: 29.6%; --sbx-config-color-accent-text-l: 89.4%; --sbx-config-color-accent-text-a: 1; --sbx-config-color-accent-text: hsla( var(--sbx-config-color-accent-text-h), var(--sbx-config-color-accent-text-s), var(--sbx-config-color-accent-text-l), var(--sbx-config-color-accent-text-a) ); --sbx-config-color-accent-text-contrast-r: 0; --sbx-config-color-accent-text-contrast-g: 0; --sbx-config-color-accent-text-contrast-b: 0; --sbx-config-color-accent-text-contrast-h: 0; --sbx-config-color-accent-text-contrast-s: 0%; --sbx-config-color-accent-text-contrast-l: 0%; --sbx-config-color-accent-text-contrast-a: 1; --sbx-config-color-accent-text-contrast: hsla( var(--sbx-config-color-accent-text-contrast-h), var(--sbx-config-color-accent-text-contrast-s), var(--sbx-config-color-accent-text-contrast-l), var(--sbx-config-color-accent-text-contrast-a) ); --sbx-config-color-active-r: 203; --sbx-config-color-active-g: 224; --sbx-config-color-active-b: 196; --sbx-config-color-active-h: 105; --sbx-config-color-active-s: 31.1%; --sbx-config-color-active-l: 82.4%; --sbx-config-color-active-a: 1; --sbx-config-color-active: hsla( var(--sbx-config-color-active-h), var(--sbx-config-color-active-s), var(--sbx-config-color-active-l), var(--sbx-config-color-active-a) ); --sbx-config-color-active-contrast-r: 0; --sbx-config-color-active-contrast-g: 0; --sbx-config-color-active-contrast-b: 0; --sbx-config-color-active-contrast-h: 0; --sbx-config-color-active-contrast-s: 0%; --sbx-config-color-active-contrast-l: 0%; --sbx-config-color-active-contrast-a: 1; --sbx-config-color-active-contrast: hsla( var(--sbx-config-color-active-contrast-h), var(--sbx-config-color-active-contrast-s), var(--sbx-config-color-active-contrast-l), var(--sbx-config-color-active-contrast-a) ); --sbx-config-color-menu-background-r: 51; --sbx-config-color-menu-background-g: 51; --sbx-config-color-menu-background-b: 51; --sbx-config-color-menu-background-h: 0; --sbx-config-color-menu-background-s: 0%; --sbx-config-color-menu-background-l: 20%; --sbx-config-color-menu-background-a: 1; --sbx-config-color-menu-background: hsla( var(--sbx-config-color-menu-background-h), var(--sbx-config-color-menu-background-s), var(--sbx-config-color-menu-background-l), var(--sbx-config-color-menu-background-a) ); --sbx-config-color-menu-background-contrast-r: 255; --sbx-config-color-menu-background-contrast-g: 255; --sbx-config-color-menu-background-contrast-b: 255; --sbx-config-color-menu-background-contrast-h: 0; --sbx-config-color-menu-background-contrast-s: 0%; --sbx-config-color-menu-background-contrast-l: 100%; --sbx-config-color-menu-background-contrast-a: 1; --sbx-config-color-menu-background-contrast: hsla( var(--sbx-config-color-menu-background-contrast-h), var(--sbx-config-color-menu-background-contrast-s), var(--sbx-config-color-menu-background-contrast-l), var(--sbx-config-color-menu-background-contrast-a) ); --sbx-config-color-menu-foreground-r: 255; --sbx-config-color-menu-foreground-g: 255; --sbx-config-color-menu-foreground-b: 255; --sbx-config-color-menu-foreground-h: 0; --sbx-config-color-menu-foreground-s: 0%; --sbx-config-color-menu-foreground-l: 100%; --sbx-config-color-menu-foreground-a: 1; --sbx-config-color-menu-foreground: hsla( var(--sbx-config-color-menu-foreground-h), var(--sbx-config-color-menu-foreground-s), var(--sbx-config-color-menu-foreground-l), var(--sbx-config-color-menu-foreground-a) ); --sbx-config-color-menu-foreground-contrast-r: 0; --sbx-config-color-menu-foreground-contrast-g: 0; --sbx-config-color-menu-foreground-contrast-b: 0; --sbx-config-color-menu-foreground-contrast-h: 0; --sbx-config-color-menu-foreground-contrast-s: 0%; --sbx-config-color-menu-foreground-contrast-l: 0%; --sbx-config-color-menu-foreground-contrast-a: 1; --sbx-config-color-menu-foreground-contrast: hsla( var(--sbx-config-color-menu-foreground-contrast-h), var(--sbx-config-color-menu-foreground-contrast-s), var(--sbx-config-color-menu-foreground-contrast-l), var(--sbx-config-color-menu-foreground-contrast-a) ); --sbx-config-color-menu-hover-r: 46; --sbx-config-color-menu-hover-g: 94; --sbx-config-color-menu-hover-b: 52; --sbx-config-color-menu-hover-h: 127.5; --sbx-config-color-menu-hover-s: 34.3%; --sbx-config-color-menu-hover-l: 27.5%; --sbx-config-color-menu-hover-a: 1; --sbx-config-color-menu-hover: hsla( var(--sbx-config-color-menu-hover-h), var(--sbx-config-color-menu-hover-s), var(--sbx-config-color-menu-hover-l), var(--sbx-config-color-menu-hover-a) ); --sbx-config-color-menu-hover-contrast-r: 255; --sbx-config-color-menu-hover-contrast-g: 255; --sbx-config-color-menu-hover-contrast-b: 255; --sbx-config-color-menu-hover-contrast-h: 0; --sbx-config-color-menu-hover-contrast-s: 0%; --sbx-config-color-menu-hover-contrast-l: 100%; --sbx-config-color-menu-hover-contrast-a: 1; --sbx-config-color-menu-hover-contrast: hsla( var(--sbx-config-color-menu-hover-contrast-h), var(--sbx-config-color-menu-hover-contrast-s), var(--sbx-config-color-menu-hover-contrast-l), var(--sbx-config-color-menu-hover-contrast-a) ); --sbx-config-color-component-heading-background-r: 51; --sbx-config-color-component-heading-background-g: 51; --sbx-config-color-component-heading-background-b: 51; --sbx-config-color-component-heading-background-h: 0; --sbx-config-color-component-heading-background-s: 0%; --sbx-config-color-component-heading-background-l: 20%; --sbx-config-color-component-heading-background-a: 1; --sbx-config-color-component-heading-background: hsla( var(--sbx-config-color-component-heading-background-h), var(--sbx-config-color-component-heading-background-s), var(--sbx-config-color-component-heading-background-l), var(--sbx-config-color-component-heading-background-a) ); --sbx-config-color-component-heading-background-contrast-r: 255; --sbx-config-color-component-heading-background-contrast-g: 255; --sbx-config-color-component-heading-background-contrast-b: 255; --sbx-config-color-component-heading-background-contrast-h: 0; --sbx-config-color-component-heading-background-contrast-s: 0%; --sbx-config-color-component-heading-background-contrast-l: 100%; --sbx-config-color-component-heading-background-contrast-a: 1; --sbx-config-color-component-heading-background-contrast: hsla( var(--sbx-config-color-component-heading-background-contrast-h), var(--sbx-config-color-component-heading-background-contrast-s), var(--sbx-config-color-component-heading-background-contrast-l), var(--sbx-config-color-component-heading-background-contrast-a) ); --sbx-config-color-component-heading-text-r: 255; --sbx-config-color-component-heading-text-g: 255; --sbx-config-color-component-heading-text-b: 255; --sbx-config-color-component-heading-text-h: 0; --sbx-config-color-component-heading-text-s: 0%; --sbx-config-color-component-heading-text-l: 100%; --sbx-config-color-component-heading-text-a: 1; --sbx-config-color-component-heading-text: hsla( var(--sbx-config-color-component-heading-text-h), var(--sbx-config-color-component-heading-text-s), var(--sbx-config-color-component-heading-text-l), var(--sbx-config-color-component-heading-text-a) ); --sbx-config-color-component-heading-text-contrast-r: 0; --sbx-config-color-component-heading-text-contrast-g: 0; --sbx-config-color-component-heading-text-contrast-b: 0; --sbx-config-color-component-heading-text-contrast-h: 0; --sbx-config-color-component-heading-text-contrast-s: 0%; --sbx-config-color-component-heading-text-contrast-l: 0%; --sbx-config-color-component-heading-text-contrast-a: 1; --sbx-config-color-component-heading-text-contrast: hsla( var(--sbx-config-color-component-heading-text-contrast-h), var(--sbx-config-color-component-heading-text-contrast-s), var(--sbx-config-color-component-heading-text-contrast-l), var(--sbx-config-color-component-heading-text-contrast-a) ); --sbx-config-login-form-background-r: 81; --sbx-config-login-form-background-g: 81; --sbx-config-login-form-background-b: 81; --sbx-config-login-form-background-h: 0; --sbx-config-login-form-background-s: 0%; --sbx-config-login-form-background-l: 31.8%; --sbx-config-login-form-background-a: 1; --sbx-config-login-form-background: hsla( var(--sbx-config-login-form-background-h), var(--sbx-config-login-form-background-s), var(--sbx-config-login-form-background-l), var(--sbx-config-login-form-background-a) ); --sbx-config-login-form-background-contrast-r: 255; --sbx-config-login-form-background-contrast-g: 255; --sbx-config-login-form-background-contrast-b: 255; --sbx-config-login-form-background-contrast-h: 0; --sbx-config-login-form-background-contrast-s: 0%; --sbx-config-login-form-background-contrast-l: 100%; --sbx-config-login-form-background-contrast-a: 1; --sbx-config-login-form-background-contrast: hsla( var(--sbx-config-login-form-background-contrast-h), var(--sbx-config-login-form-background-contrast-s), var(--sbx-config-login-form-background-contrast-l), var(--sbx-config-login-form-background-contrast-a) ); --sbx-config-login-form-foreground-r: 255; --sbx-config-login-form-foreground-g: 255; --sbx-config-login-form-foreground-b: 255; --sbx-config-login-form-foreground-h: 0; --sbx-config-login-form-foreground-s: 0%; --sbx-config-login-form-foreground-l: 100%; --sbx-config-login-form-foreground-a: 1; --sbx-config-login-form-foreground: hsla( var(--sbx-config-login-form-foreground-h), var(--sbx-config-login-form-foreground-s), var(--sbx-config-login-form-foreground-l), var(--sbx-config-login-form-foreground-a) ); --sbx-config-login-form-foreground-contrast-r: 0; --sbx-config-login-form-foreground-contrast-g: 0; --sbx-config-login-form-foreground-contrast-b: 0; --sbx-config-login-form-foreground-contrast-h: 0; --sbx-config-login-form-foreground-contrast-s: 0%; --sbx-config-login-form-foreground-contrast-l: 0%; --sbx-config-login-form-foreground-contrast-a: 1; --sbx-config-login-form-foreground-contrast: hsla( var(--sbx-config-login-form-foreground-contrast-h), var(--sbx-config-login-form-foreground-contrast-s), var(--sbx-config-login-form-foreground-contrast-l), var(--sbx-config-login-form-foreground-contrast-a) ); }