.home-logo-splash{display:none}
header[data-astro-cid-3ef6ksr2]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#fbc82c,#fbc82c 16%,var(--color-primary) 62%,var(--color-primary) 94%,var(--color-accent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='3' viewBox='0 0 220 3'%3E%3Cpath fill='%23fff' d='M0 .8Q14 .35 30 .85T62 .55Q71 .7 78 .95L78 2.35Q66 2.6 52 2.15T22 2.45Q8 2.2 0 2.1ZM81.5 .75Q96 1.05 112 .6T146 .85L146 2.2Q128 2.65 108 2.25T81.5 1.95ZM148.5 1.05Q162 .5 180 .85T220 .8L220 2.1Q203 2.5 186 2.15T148.5 2.55Z'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;-webkit-mask-size:220px 3px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='3' viewBox='0 0 220 3'%3E%3Cpath fill='%23fff' d='M0 .8Q14 .35 30 .85T62 .55Q71 .7 78 .95L78 2.35Q66 2.6 52 2.15T22 2.45Q8 2.2 0 2.1ZM81.5 .75Q96 1.05 112 .6T146 .85L146 2.2Q128 2.65 108 2.25T81.5 1.95ZM148.5 1.05Q162 .5 180 .85T220 .8L220 2.1Q203 2.5 186 2.15T148.5 2.55Z'/%3E%3C/svg%3E");mask-repeat:repeat-x;mask-size:220px 3px;z-index:-1;pointer-events:none}
header[data-astro-cid-3ef6ksr2] :is(.nav-link,.dropdown-item,.m-link,.m-kid)[aria-current="page"],
header[data-astro-cid-3ef6ksr2] :is(.nav-link,.dropdown-item,.m-link,.m-kid)[aria-current="page"]:hover,
header[data-astro-cid-3ef6ksr2] .nav-current-section,
header[data-astro-cid-3ef6ksr2] .nav-current-section:hover{color:var(--color-primary);font-weight:700}
main h1{font-size:var(--text-4xl);line-height:1.05}
@media(min-width:40rem){main h1{font-size:var(--text-5xl)}}
@media(min-width:64rem){main h1{font-size:var(--text-6xl)}}
main [data-hero] h1{font-size:inherit;line-height:1}
main h2:not(.italic):not(.uppercase){font-size:var(--text-xl);line-height:var(--text-xl--line-height)}
main h3:not(.wide-caps){font-size:var(--text-lg);line-height:var(--text-lg--line-height)}
main p.text-lg{font-size:var(--text-base);line-height:var(--text-base--line-height)}
main h1 + p.text-lg{font-size:var(--text-lg);line-height:var(--text-lg--line-height)}
@property --ch-arrive-scale{syntax:"<number>";inherits:false;initial-value:1}
.ch-splash{
scale:calc(var(--splash-scale) * .7 * var(--ch-arrive-scale,1));
transform:none!important;
animation:none;
filter:brightness(1.03) saturate(1.85) contrast(1.12);
}
@media(max-width:1023px){
[data-cutout-hero] .ch-splash{scale:calc(var(--splash-scale) * .35 * .7 * var(--ch-arrive-scale,1))}
}
.ch-splash:not(.ch-splash-drop){
-webkit-mask-image:radial-gradient(circle at 34% 44%,#000 0 90%,rgba(0,0,0,.4) 96%,transparent 100%);
mask-image:radial-gradient(circle at 34% 44%,#000 0 90%,rgba(0,0,0,.4) 96%,transparent 100%);
-webkit-mask-position:34% 44%;
mask-position:34% 44%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:140% 140%;
mask-size:140% 140%;
}
.ch-splash-drop{
display:none;
aspect-ratio:900/700;
filter:none;
pointer-events:none;
}
@supports (mask-image:radial-gradient(#000,transparent)) or (-webkit-mask-image:radial-gradient(#000,transparent)){
@media(prefers-reduced-motion:no-preference){
.ch-splash:not(.ch-splash-drop){
animation:ch-splash-splat 2s cubic-bezier(.16,1,.3,1) 1.57s backwards;
}
.ch-splash-drop{display:block}
.ch-splash-drop::before{
content:"";
position:absolute;
left:34%;
top:44%;
width:2.6rem;
height:2.6rem;
margin:-1.3rem 0 0 -1.3rem;
border-radius:50%;
background:radial-gradient(circle at 36% 30%,#fee08a,#fbc82c 52%,#d99f11);
box-shadow:0 0 1.4rem rgba(251,200,44,.35);
opacity:0;
animation:ch-splash-drop 1.47s .25s backwards;
}
}
}
@keyframes ch-splash-splat{
0%{--ch-arrive-scale:.86;-webkit-mask-size:1.5% 1.5%;mask-size:1.5% 1.5%}
85%{--ch-arrive-scale:1.035;-webkit-mask-size:140% 140%;mask-size:140% 140%}
to{--ch-arrive-scale:1;-webkit-mask-size:140% 140%;mask-size:140% 140%}
}
@keyframes ch-splash-drop{
0%{opacity:0;translate:0 -10rem;scale:.92 1.14;animation-timing-function:cubic-bezier(.55,.06,.68,.19)}
10%{opacity:1;animation-timing-function:cubic-bezier(.55,.06,.68,.19)}
74.8%{opacity:1;translate:0 0;scale:.94 1.1;animation-timing-function:cubic-bezier(.3,0,.2,1)}
89.8%{opacity:1;translate:0 .5rem;scale:1.5 .34}
to{opacity:0;translate:0 .58rem;scale:1.9 .16}
}
@media(min-width:1024px){
header[data-astro-cid-3ef6ksr2] a[aria-label="Big Colour home"]{position:relative;left:calc(-1 * (max(0px, (100vw - var(--container-7xl)) / 2) + var(--spacing) * 3))}
header[data-astro-cid-3ef6ksr2] .home-logo{position:relative;z-index:1;height:3.25rem}
header[data-astro-cid-3ef6ksr2] .nav-link[data-astro-cid-3ef6ksr2]{padding-inline:calc(var(--spacing) * 2)}
header[data-astro-cid-3ef6ksr2] .home-logo-splash{display:block;position:absolute;left:100%;top:50%;height:3.5rem;width:auto;margin-left:clamp(-4.25rem,-19rem + 18vw,-2.25rem);transform:translateY(-50%);z-index:0;pointer-events:none;filter:brightness(calc(var(--splash-bright) + var(--bc-pulse,0) * .3)) saturate(calc(var(--splash-sat) + var(--bc-pulse,0) * .25)) contrast(var(--splash-contrast))}
}
#sfx-dock{pointer-events:none}
#sfx-toggle,#sfx-tapes{pointer-events:auto}
.tile-frame {
border: 1px solid #fc42099e;
border-radius: var(--radius-xl);
box-shadow: 0 0 24px -6px #fc420947, 0 10px 40px -20px #000c;
transition: box-shadow .3s, border-color .3s;
}
.tile-frame:hover { border-color: #fc4209e6; box-shadow: 0 0 34px -4px #fc420973, 0 14px 44px -18px #000000d9; }
.glow-card { border-color: #fc42099e; }
.glow-card:hover { border-color: #fc4209e6; }
[data-intake-flow="quote-request"] .iw-chip {
background-color: #eef0f3;
border-color: #d4d8de;
color: #1f2430;
}
[data-intake-flow="quote-request"] .iw-chip:hover:not([aria-pressed="true"]):not(.iw-chip-on) {
background-color: #e4e7ec;
border-color: var(--color-primary);
}
[data-intake-flow="quote-request"] .iw-chip[aria-pressed="true"],
[data-intake-flow="quote-request"] .iw-chip.iw-chip-on {
background: var(--color-primary);
border-color: var(--color-primary);
color: #ffffff;
}
[data-intake-flow="quote-request"] .iw-chip:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) {
position: relative;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: 1fr;
gap: .75rem;
--bc-escape-h: 3.75rem;
padding-bottom: calc(2 * var(--bc-escape-h) + 1.5rem);
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload {
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: .75rem;
border: 1px solid #c2c7d0;
border-radius: var(--iw-radius, 8px);
background-color: #e6e8ec;
color: var(--color-bg);
transition: background-color .2s, border-color .2s;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload > .iw-guide {
order: 1;
display: block;
width: 100%;
height: auto;
margin: 0 0 .6rem;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload > .iw-label {
order: 2;
margin: 0 0 .55rem;
text-align: center;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload > .iw-label::before {
content: "\2713";
display: inline-block;
width: 1.2em;
opacity: 0;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload > input[type="file"] {
order: 3;
margin-top: auto;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload > input[type="file"]:focus-visible {
outline: 2px solid var(--color-fg);
outline-offset: 2px;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload > .iw-chosen {
display: none;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload:has(.iw-chosen:not(:empty)) {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload:has(.iw-chosen:not(:empty)) > .iw-label::before {
opacity: 1;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) .iw-chip-alt {
position: absolute;
left: 0;
right: 0;
height: var(--bc-escape-h);
min-height: 0;
margin: 0;
justify-content: center;
text-align: center;
line-height: 1.25;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) .iw-chip-alt:nth-last-child(2) {
bottom: calc(var(--bc-escape-h) + .6rem);
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) .iw-chip-alt:last-child {
bottom: 0;
}
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-make"],
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-vehicleType"] {
flex-direction: column;
flex-wrap: nowrap;
gap: 1px;
max-height: 9.5rem;
overflow-y: auto;
overscroll-behavior: contain;
background-color: #d4d8de;
border: 1px solid #d4d8de;
border-radius: var(--iw-radius, 8px);
}
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-make"] > .iw-chip,
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-vehicleType"] > .iw-chip {
flex: none;
border: 0;
border-radius: 0;
justify-content: flex-start;
text-align: left;
padding: .55rem .85rem;
line-height: 1.25;
}
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-make"] > .iw-chip[aria-pressed="true"],
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-make"] > .iw-chip.iw-chip-on,
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-vehicleType"] > .iw-chip[aria-pressed="true"],
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-vehicleType"] > .iw-chip.iw-chip-on {
order: -1;
}
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-make"] > .iw-chip:focus-visible,
[data-intake-flow="quote-request"] .iw-chips[aria-labelledby="iw-l-quote-request-vehicleType"] > .iw-chip:focus-visible {
outline-offset: -2px;
}
[data-intake-flow="quote-request"] .iw-label {
color: var(--color-primary);
}
[data-intake-flow="quote-request"] .iw-field-upload {
display: flex;
flex-direction: column;
}
[data-intake-flow="quote-request"] .iw-field-upload > .iw-label { order: 1; }
[data-intake-flow="quote-request"] .iw-field-upload > .iw-guide { order: 2; }
[data-intake-flow="quote-request"] .iw-field-upload > input[type="file"] { order: 3; }
[data-intake-flow="quote-request"] .iw-field-upload > .iw-help { order: 4; }
[data-intake-flow="quote-request"] .iw-field-upload > .iw-chosen { order: 5; }
[data-intake-flow="quote-request"] .iw-field-upload input[type="file"] {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
background: none;
font-size: 0;
line-height: 0;
color: transparent;
}
[data-intake-flow="quote-request"] .iw-field-upload input[type="file"]::file-selector-button {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 15px 1rem;
-webkit-appearance: none;
appearance: none;
border: 1px solid var(--color-primary);
border-radius: var(--iw-radius, 8px);
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep));
color: var(--color-white, #fff);
font-family: inherit;
font-size: 1rem;
font-weight: 600;
line-height: 1.25;
text-align: center;
cursor: pointer;
}
[data-intake-flow="quote-request"] .iw-field-upload input[type="file"]::-webkit-file-upload-button {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 15px 1rem;
-webkit-appearance: none;
appearance: none;
border: 1px solid var(--color-primary);
border-radius: var(--iw-radius, 8px);
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep));
color: var(--color-white, #fff);
font-family: inherit;
font-size: 1rem;
font-weight: 600;
line-height: 1.25;
text-align: center;
cursor: pointer;
}
[data-intake-flow="quote-request"] .iw-field-upload input[type="file"]:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
[data-intake-flow="quote-request"] .iw-field-upload > .iw-help {
margin: .5rem 0 0;
font-size: .8rem;
opacity: .65;
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload:has(.iw-chosen:not(:empty)) > input[type="file"]::file-selector-button {
border-color: var(--color-white, #fff);
}
[data-intake-flow="quote-request"] .iw-fields:has([id="iw-i-quote-request-photoDriverSide"]) > .iw-field-upload:has(.iw-chosen:not(:empty)) > input[type="file"]::-webkit-file-upload-button {
border-color: var(--color-white, #fff);
}