:root{--sidebar-width:20rem;--main-width:93rem}main{align-items:start;padding:0!important;background-color:var(--page-bg-colour);background-color:var(--colour-base-3)}.page-header{align-self:stretch}.container{flex:0}.car-section{align-self:stretch;border-bottom:1.5rem solid var(--colour-base-5)}.car-section{--sidebar-container-width:var(--sidebar-width);--sidebar-transition:var(--transition-overlay-out);--results-margin:0;--results-wrapper-col-1:calc(50vw - 46.5rem - var(--sidebar-container-width));--results-wrapper-grid-columns:var(--results-wrapper-col-1) minmax(1rem, 93rem) 1fr;--results-wrapper-grid-columns:1fr minmax(1rem, 93rem) 1fr}.car-section[data-hide-filters=true]{--sidebar-container-width:0rem;--sidebar-transition:var(--transition-overlay-in);--results-margin:0 auto}.car-filters{margin:2rem 0;overflow-y:hidden;overflow-x:visible;position:sticky;top:0;height:100vh;width:var(--sidebar-container-width);display:grid;place-content:start end;align-items:start;scrollbar-gutter:stable;transition:var(--sidebar-transition);box-shadow:0 0 4px -2px var(--colour-base-15),0 0 20px -8px var(--colour-base-12)}.filters .car-filters-form{width:var(--sidebar-width)}.car-filters{margin:0;align-content:stretch}.car-filters.filters .car-filters-form{border-radius:0}.car-results-header.ca-card{--card-bg:var(--colour-base-6);--card-border-colour:transparent;--card-border-width:1px;--content-padding:1rem 1rem 1.38rem;--border-radius:0;border-bottom-style:solid;grid-column:1/-1;grid-row:1;display:grid;transition:var(--sidebar-transition);grid-template-columns:var(--results-wrapper-grid-columns);position:sticky;top:calc(5.4rem - 15.25rem);top:calc(4.75rem - 11.5rem);z-index:1;overflow:visible}.page-header.car-results-header.ca-card::after{z-index:1}.car-results-header .content{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-template-rows:auto;align-items:center;gap:.5rem;max-width:93rem;grid-column:2;transition:var(--sidebar-transition)}.filter-toggle{grid-column:1/-1;grid-row:5;margin-top:1rem;display:flex;gap:.5em}.filter-toggle .pure-button{flex:1}.filter-toggle .pure-button .text{display:flex;align-items:center;gap:.25em}.container.car-results.ca-card{--card-bg:transparent;--card-padding-y:0;--card-padding-x:0;--content-padding:var(--card-padding-y) var(--card-padding-x);padding:0;max-width:110rem}.cars{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem}.filter-results-dropdown{display:grid;gap:.25rem}.car-results-header .pure-button{--text-wght:460;--text-opsz:16;--button-line-height:2.38;--button-padding:0 1.25em;--border-colour:var(--colour-base-1);--border-width:2px;--outline-color:rgba(var(--colour-base-1-rgb), 0);--button-border-radius:calc((var(--button-line-height) * 0.5em) + var(--border-width));--letter-spacing:var(--letter-spacing-3);--font-settings:var(--font-settings-display);font-size:1rem;font-family:var(--font-heading);background-color:rgba(var(--colour-base-15-rgb),.05);color:var(--colour-base-1);border-width:var(--border-width);border-style:solid;border-color:var(--border-colour);box-shadow:var(--elevation-z0)!important;outline:3px solid var(--outline-color);line-height:var(--button-line-height)}.car-results-header .pure-button.pure-button-secondary{--border-colour:rgba(var(--colour-base-15-rgb), 0.1);--outline-color:rgba(var(--colour-base-1-rgb), 0);background-color:rgba(var(--colour-base-15-rgb),.2)}.car-results-header .pure-button:active{--border-colour:var(--colour-base-6);color:var(--colour-base);box-shadow:var(--elevation-z0)!important;background-color:rgba(var(--colour-base-15-rgb),.15)}.car-results-header .pure-button:focus-visible{--outline-color:var(--colour-base-1)}.car-results-header .pure-button.pure-button-secondary:focus-visible{--outline-color:var(--colour-base-15)}.car-results-header .condition-toggle.toggle-button-list{--btn-width:min-content;--border-width:2px;--border-colour:var(--colour-base-1);--button-border-radius:calc(var(--button-line-height) * 0.5);--button-line-height:calc(3em - 0.32em);--height:calc(3em + ( 2 * var(--border-width)));--btn-padding-x:1.5em;--button-padding:0 var(--btn-padding-x);background-color:rgba(var(--colour-base-15-rgb),.05);font-size:1.125rem;height:var(--height);border-radius:calc(var(--height) * .5);align-items:center}.car-results-header .condition-toggle>li{--button-line-height:calc(3em - 0.32em + 2px);--button-border-radius:calc(var(--button-line-height) * 0.5);border-radius:var(--button-border-radius)}.car-results-header .condition-toggle .pure-button{--button-line-height:calc(3em - 0.32em + 2px);--button-border-radius:calc(var(--button-line-height) * 0.5);background-color:rgba(var(--colour-base-15-rgb),0);border:none;text-transform:none}.car-results-header .condition-toggle .pure-button.active{background-color:rgba(var(--colour-base-1-rgb),1);color:#2c7091;pointer-events:auto;cursor:pointer}.car-results-header .condition-toggle:has(li:last-child.active)>li:first-child .pure-button,.car-results-header .condition-toggle>li .pure-button,.car-results-header .condition-toggle>li.active+li .pure-button{padding:var(--button-padding)}.car-results-header .condition-toggle li+li{margin-left:calc(var(--btn-padding-x) * -1);padding-left:1rem}.car-results-header .condition-toggle:has(.active) li:not(.active):has(:focus),.car-results-header .condition-toggle:has(.active) li:not(.active):has(:hover){z-index:1;background-color:rgba(var(--colour-base-15-rgb),.6)}.car-results-header .condition-toggle li:has(.active){z-index:2}.car-results-header .condition-toggle .active .pure-button:focus,.car-results-header .condition-toggle .active .pure-button:hover{background-color:var(--colour-base-5);color:#2c7091}.car-results-header .condition-toggle:has(.active) li:not(.active) .pure-button:focus,.car-results-header .condition-toggle:has(.active) li:not(.active) .pure-button:hover{background-color:transparent}.car-results-header .condition-toggle:has(.active) li:first-child:not(.active){border-top-right-radius:0;border-bottom-right-radius:0}.car-results-header .condition-toggle:has(.active) li:first-child:not(.active) .pure-button{border-top-right-radius:0;border-bottom-right-radius:0}.car-results-header .condition-toggle:has(.active) li.active+li{border-top-left-radius:0;border-bottom-left-radius:0}.car-results-header .condition-toggle:has(.active) li.active+li .pure-button{border-top-left-radius:0;border-bottom-left-radius:0}.car-results-header .pure-button.button-dropdown{--text-opsz:14;--button-padding:0 1em 0 1em;font-size:.875rem}.car-results-header .pure-button.button-dropdown::after{translate:0.62em 0}.car-results-header .pure-button.button-dropdown span{display:flex;align-items:center;gap:.18em}.car-results-header .pure-button:focus,.car-results-header .pure-button:hover{--border-colour:var(--colour-base);--outline-color:rgba(var(--colour-base-1-rgb), 1);color:var(--colour-base);box-shadow:var(--elevation-z0)!important;background-color:rgba(var(--colour-base-15-rgb),.1)}.car-results-header .pure-button.pure-button-secondary:focus,.car-results-header .pure-button.pure-button-secondary:hover{--border-colour:var(--colour-base-15);--outline-color:rgba(var(--colour-base-15-rgb), 1);color:var(--colour-base);box-shadow:var(--elevation-z0)!important;background-color:rgba(var(--colour-base-15-rgb),.6)}.car-results-header .pure-menu-children .pure-menu-link{justify-content:space-between}@media (min-width:22.5rem){.filter-toggle{grid-column:1/-1;grid-row:3}}@media (min-width:26.5rem){.car-results-header.ca-card{--card-bg:var(--colour-base-6);--card-border-colour:transparent;--card-border-width:1px;top:calc(6rem - 14rem);top:calc(4.75rem - 12.46rem)}.car-results-header .content{grid-template-columns:auto auto;grid-template-rows:auto;align-items:end}.filter-toggle{grid-column:1/-1;grid-row:3}.filter-results-condition{margin-top:1rem}}@media (min-width:35.5rem){.container.car-results.ca-card{--card-padding-y:2rem;--card-padding-x:0;padding:0 1rem;top:-5rem}.cars{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.38rem}.car-results-header.ca-card{--card-bg:var(--colour-base-5);--card-border-colour:transparent;--card-border-width:1px;--content-padding:1rem 2rem 1.62rem}.car-results-header .content{grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:end}}@media screen and (min-width:56.5rem){.container.car-results.ca-card{padding:0 1.62rem}.car-results-header.ca-card{--content-padding:1.38rem 2rem 2rem;top:0}.car-results-header .content{grid-template-columns:min-content min-content min-content min-content 1fr;align-items:center}.filter-toggle{grid-column:5;grid-row:1;margin:0;margin-inline-start:auto}.filter-toggle .pure-button{flex:0}.car-results-header .condition-toggle{grid-column:1;grid-row:1}.filter-results-condition{margin:0}}@media (min-width:80em){.container.car-results.ca-card{--card-padding-y:2.62rem;padding:0 3.62rem}.cars{gap:1.62rem}.car-results-header .pure-button.button-dropdown{--text-opsz:16;--button-padding:0 1em 0 1em;font-size:1rem}.car-results-header .pure-button{--text-opsz:18;--button-padding:0 1.5em;font-size:1.125rem}}
/*# sourceMappingURL=maps/cars.css.map */
