@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

/* All clamps 320 - 1200 unless noted */

:root {

	--gray: #4A4A4A;
	--gray-2: #979797;
	--grey-3: #d7d7d7;

	--red: #E60000;
	--dark-red: #400000;

	--dark: #0B283B;
	--dark-2: #002234;

	--light-1: #F7F7F7;
	--light-2: #E3E3E3;
	--light-3: #F2F0F2;
	--light-4: #D7D7D7;

	--text-1: clamp(2.5em, 2.045em + 2.27vw, 3.75em);
	/* 40 - 60px */
	--text-2: clamp(2.375em, 1.988em + 1.93vw, 3.4375em);
	/* 38 - 55px */
	--text-3: clamp(2.25em, 1.932em + 1.59vw, 3.125em);
	/* 36 - 50px */
	--text-4: clamp(1.875em, 1.534em + 1.71vw, 2.8125em);
	/* 30 - 45px */
	--text-5: clamp(1.75em, 1.477em + 1.36vw, 2.5em);
	/* 28 - 40px */
	--text-6: clamp(1.75em, 1.5em + 1.25vw, 2.4375em);
	/* 28 - 39px */
	--text-7: clamp(1.5em, 1.318em + 0.91vw, 2em);
	/* 24 - 32px */
	--text-8: clamp(1.375em, 1.284em + 0.45vw, 1.625em);
	/* 22 - 26px */
	--text-9: clamp(1.3125em, 1.267em + 0.23vw, 1.4375em);
	/* 21 - 23px */
	--text-10: clamp(1.25em, 1.205em + 0.23vw, 1.375em);
	/* 20 - 22px */
	--text-11: clamp(1.188em, 0.98em + 0.44vw, 1.313em);
	/* 19 - 21px */
	--text-12: clamp(1.125em, 1.08em + 0.23vw, 1.25em);
	/* 18 - 20px */
	--text-13: clamp(1.063em, 1.04em + 0.11vw, 1.125em);
	/* 17 - 18px */

	--gradient-1: linear-gradient(180deg, var(--light-3) 0%, rgba(255, 255, 255, 1) 100%);

	--shadow: 0 .75em 2.125em rgba(0, 0, 0, 0.15);

	--max-content-width: calc(76.75em + 2 * var(--gap));
	--gap: clamp(1.25em, 1.114em + 0.68vw, 1.625em);
	--transition: all .3s ease;

	--border-radius: 0.5rem;
	--box-shadow: 0 2px 31px 0 rgba(0, 0, 0, 0.20);
	--box-shadow-light: 0 3px 20px 0 rgba(0, 0, 0, 0.03);


}



/* playfair-display-regular - latin */
@font-face {
	font-display: swap;
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/playfair-display-v37-latin-regular.woff2') format('woff2');
}

/* poppins-regular - latin */
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/poppins-v21-latin-regular.woff2') format('woff2');
}

/* poppins-italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	src: url('/fonts/poppins-v21-latin-italic.woff2') format('woff2');
}

/* poppins-500 - latin */
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('/fonts/poppins-v21-latin-500.woff2') format('woff2');
}

/* poppins-600 - latin */
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('/fonts/poppins-v21-latin-600.woff2') format('woff2');
}

/* poppins-700 - latin */
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/poppins-v21-latin-700.woff2') format('woff2');
}

/* poppins-700italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 700;
	src: url('/fonts/poppins-v21-latin-700italic.woff2') format('woff2');
}




html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background: #FFF;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

img {
	border: 0;
	height: auto;
	max-width: 100%;
}

ul {
	padding-left: 0;
}

ul li {
	list-style: none;
}

html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
hr {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

table {
	border-collapse: collapse;
}

td,
th {
	empty-cells: show;
	text-align: left;
	vertical-align: top;
}

#skipNavigation {
	background: #FFF;
	color: #000;
	left: 0;
	padding: .5em;
	position: absolute;
	top: -1000px;
	z-index: 10;
}

#skipNavigation:focus {
	top: 0;
}




/* TYPOGRAPHY ------------------------------ */

body,
.text,
input,
button,
select,
textarea {
	color: #000;
	font-family: 'Poppins', sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* playfair-display-regular - latin */
h1,
blockquote,
blockquote p,
.cta h2,
.welcome h2,
.vehicle-count h2,
.seen-vehicles h2,
.faqs h2 {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
}

/* poppins-regular - latin */
#mainnav>ul>li>ul>li>a {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
}

/* poppins-italic - latin */
figcaption,
blockquote :is(footer, cite) {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
}

/* poppins-500 - latin */
h2,
h3,
h4,
h5,
h6,
#mainnav>ul>li>a,
p.intro,
.intro p {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
}

/* poppins-600 - latin */
ul.vehicles a.sign-in {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
}

/* poppins-700 - latin */
button,
.button,
input:is([type="button"], [type="submit"], [type="reset"]),
#sidenav>ul>li>a,
.vehicle-count h2>span.count,
ul.vehicles h2,
ul.vehicles a.create-an-account,
.steps h2,
.steps a.arrow,
.dashboard h3,
.create-listing h2,
.search .search-form h1>span,
.results-count>span,
.results .pagination a,
.description h1 {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
}

/* poppins-700italic - latin */
.description h1>span {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 700;
}





/* TEXT ------------------------------ */

:is(h1, h2, h3, h4, h5, h6, p).black,
.content :is(h1, h2) {
	color: #000;
}

.content h3 {
	color: #333;
}

.content :is(h4, h5, h6) {
	color: var(--gray);
}

:is(h1, h2, h3, h4, h5, h6, p).red {
	color: var(--red);
}

:is(h1, h2, h3, h4, h5, h6, p).white {
	color: #FFF;
}

.text-1,
.hero h1 {
	font-size: var(--text-1);
}

.text-2,
h1 {
	font-size: var(--text-2);
}

.text-3,
h2 {
	font-size: var(--text-3);
}

.text-4 {
	font-size: var(--text-4);
}

.text-5 {
	font-size: var(--text-5);
}

.text-6 {
	font-size: var(--text-6);
}

.text-7,
.content h2 {
	font-size: var(--text-7);
}

.text-8,
.highlight h2,
.content h3 {
	font-size: var(--text-8);
}

.text-9 {
	font-size: var(--text-9);
}

.text-10,
.content h4 {
	font-size: var(--text-10);
}

.text-11 {
	font-size: var(--text-11);
}

.text-12,
.content h5 {
	font-size: var(--text-12);
}

.text-13,
.content h6 {
	font-size: var(--text-13);
}

.text {
	font-size: 1em;
}

a {
	color: var(--red);
	text-decoration: none;
}

.content p>a:not(.button) {
	text-decoration: underline;
	text-decoration-color: transparent;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
.content ul,
.contentEditor ul,
blockquote,
dd,
ol {
	margin-block: 0 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
	line-height: 1.2;
}

:is(p, ul, ol, blockquote, aside, div, section)+ :is(h2, h3, h4, h5, h6) {
	margin-top: 2em;
}

em,
i,
q,
cite,
.italic {
	font-style: italic;
}

b,
strong {
	font-weight: 700;
}

hr {
	border: 0;
	border-top: 1px solid var(--light-2);
	clear: both;
	margin: 2em 0;
	padding-top: 1px;
}

p {
	text-wrap: pretty;
}

.content p {
	line-height: 1.75;
}

p.intro,
.intro p {
	font-size: var(--text-12);
	line-height: 1.55;
}

sup,
sub {
	font-size: .6em;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.clearFloats {
	clear: both;
}

.nobr {
	white-space: nowrap;
}

::selection {
	background: var(--red);
	color: #FFF;
}



/* INTERIOR ELEMENTS ------------------------------ */

.twoCol,
.threeCol,
.resCol {
	column-rule: 1px outset rgba(0, 0, 0, .15);
	column-gap: 2em;
}

:is(.twoCol, .threeCol, .resCol) li {
	break-inside: avoid-column;
}

.req {
	color: #C00;
}

.content :is(.photoright, .photoleft) {
	height: auto;
	max-width: min(50%, 24.5em);
}

.content :is(.photoright, .photoleft) img {
	border-radius: .25em;
	float: none;
	height: auto;
	margin: 0;
	max-width: 100%;
}

.content figure.photo-fullwidth {
	text-align: center;
	width: 100%;
}

.content figure.photo-fullwidth img {
	width: auto;
}

.photoright {
	clear: right;
	float: right;
}

.content :is(.photoright, .photoleft) figcaption {
	color: var(--gray);
	font-size: .875em;
}

.photoright figcaption {
	text-align: right;
}

.photoleft {
	clear: left;
	float: left;
}

.muted {
	opacity: 0.5;
}

small,
.textSm {
	font-size: .75em;
}

.content table {
	width: 100%;
}

blockquote {
	color: #000;
	float: right;
	font-size: var(--text-8);
	line-height: 1.269;
	margin: 1em 0 1em clamp(1em, -0.667em + 3.56vw, 2em);
	/* 750 - 1200 */
	max-width: 50%;
	text-align: right;
	width: 22.75rem;
}

.content blockquote p {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	quotes: '\201c' '\201d';
}

blockquote :is(cite, footer) {
	color: var(--gray);
	font-size: .875rem;
}

blockquote p:first-of-type::before {
	color: var(--red);
	content: open-quote;
}

blockquote p:last-of-type::after {
	color: var(--red);
	content: close-quote;
}


.highlight,
.content .highlight {
	background: var(--light-1);
	border: 2px solid var(--light-2);
	box-shadow: inset 0 0 0 .25em #FFF;
	clear: both;
	margin: 2.5em 0;
	padding: 2.5em 2.125em;
}

.highlight :first-child {
	margin-top: 0;
}

.highlight :last-child,
.highlight ul:last-child li:last-child {
	margin-bottom: 0;
}

.anchor {
	position: absolute;
	top: 0;
}

.anchor>div {
	position: relative;
}



/* WRAP ------------------------------ */
.wrap,
.fatFooter {
	margin-inline: auto;
	max-width: var(--max-content-width);
	padding-inline: var(--gap);
	width: 100%;
}




/* GRID COLUMNS ------------------------------ */
.ws-grid,
.ws-grid-inner {
	display: grid;
	gap: var(--gap);
}

.ws-grid {
	grid-template-columns:
		minmax(0, 1fr) [wrap-start] repeat(var(--column-count), minmax(0, calc(((var(--max-content-width) - ((var(--column-count) - 1) * var(--gap))) / var(--column-count))))) [wrap-end] minmax(0, 1fr);
}

.ws-grid-inner {
	grid-template-columns: [wrap-start] repeat(var(--column-count), minmax(0, 1fr)) [wrap-end];
}




/* FLEXBOX COLUMNS ------------------------------ */
:where(ol, ul).ws-flex {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}

:where(ol, ul).ws-flex>li {
	width: calc(99.9% / var(--column-count) - (var(--gap) * (var(--column-count) - 1) / var(--column-count)));
}




/* HEADER ------------------------------ */

#brand {
	display: block;
	z-index: 0;
}


#brand::before {
	aspect-ratio: 1;
	background: rgba(255, 255, 255, .18);
	filter: blur(4.125em);
	bottom: 0;
	content: '';
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: min(25.75em, 100%);
	z-index: -1;
}




/* MAIN ------------------------------ */
main {
	background: #FFF;
	overflow-x: hidden;
	position: relative;
	z-index: 0;
}

main.search-page {
	overflow: visible;
}

main.interior::before,
main.landing::before {
	background-image: var(--gradient-1);
	content: '';
	height: min(30.0625em, 100%);
	inset: 0 0 auto 0;
	position: absolute;
	z-index: -1;
}

main.interior::after,
main.landing::after {
	background: var(--light-3);
	content: '';
	inset: 0;
	position: absolute;
	z-index: -2;
}

main:is(.interior, .landing)>.background {
	background: #FFF;
	position: relative;
	z-index: 0;
}

main:is(.interior, .landing)>.background::after {
	background-image: url('/images/bg-standard-interior.webp');
	background-repeat: no-repeat;
	background-size: max(1450px, 100%) auto;
	content: '';
	height: 34.5em;
	inset: calc(100% - 34.5em) 0 auto 0;
	mix-blend-mode: multiply;
	position: absolute;
	width: 100%;
	z-index: -1;
}

main.interior .background::after {
	background-position: center;
}

main.landing .background::after {
	background-position: center bottom -8em;
}

.contentEditor {
	background: #FFF;
	min-width: 100%;
}




/* SIDENAV ------------------------------ */

#sidenav {
	background: #FFF;
	border-radius: .25em;
	box-shadow: var(--shadow);
	overflow: hidden;
	width: 100%;
}

#sidenav ul {
	padding: 0;
}

#sidenav li {
	height: 1%;
	overflow: hidden;
}

#sidenav li a {
	display: block;
	line-height: 1;
	text-decoration: none !important;
}

/* t2 */
#sidenav>ul>li:not(:first-child) {
	border-top: 2px solid rgba(0, 0, 0, .05);
}

#sidenav>ul>li>a {
	color: #000;
	padding: .9375em 1.125em;
}

#sidenav>ul>li.on>a {
	color: var(--red);
}

/* t3 */
#sidenav>ul>li>ul {
	padding-bottom: .5em;
}

#sidenav>ul>li>ul>li>a {
	border: 0;
	color: var(--dark);
	font-size: .875em;
	padding: .375em 1em .375em 2.75em;
	position: relative;
}

#sidenav>ul>li>ul>li>a::before {
	aspect-ratio: 1;
	background: #959595;
	content: '';
	left: 1.875em;
	position: absolute;
	top: .65em;
	transition: var(--transition);
	width: .3125em;
}

#sidenav>ul>li>ul>li.on>a {
	color: var(--red);
}

#sidenav>ul>li>ul>li.on>a::before {
	background: var(--red);
}


/* t4 */
#sidenav>ul>li>ul>li>ul {
	display: none;
}


/* breadcrumbs */
.breadcrumb {
	margin-bottom: 1em;
}

.breadcrumb a::after {
	content: "\00A0\00A0\203A\00A0";
}

/* content */
.content {
	word-wrap: break-word;
}


.shareIcons {
	display: inline-block;
	overflow: auto;
	position: relative;
}

.shareIcons a {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: .2em;
	display: block;
	float: left;
	height: 20px;
	margin: 0 .5em 1em 0;
	width: 20px;
}

.shareFacebook {
	background-color: #1877F2;
	background-image: url('/images/icons/social/facebook.svg');
}

.shareTwitter {
	background-color: #1DA1F2;
	background-image: url('/images/icons/social/twitter.svg');
}

.shareLinkedin {
	background-color: #0A66C2;
	background-image: url('/images/icons/social/linkedin.svg');
}

/* do people still use google+ ? */
.shareGoogle {
	background-color: #DD4B39;
	background-image: url('/images/icons/social/google-plus.svg');
}

/* list */
.content ol ol li {
	list-style: lower-alpha;
}

.content ul li {
	margin: 0 0 .75em;
	padding-left: 2em;
	position: relative;
}

.content ul li::before {
	aspect-ratio: 1;
	background: var(--red);
	border-radius: .125em;
	content: '';
	display: inline-block;
	left: 1em;
	position: absolute;
	text-align: center;
	top: .5em;
	width: .375em;
}

.content ul li ul li::before {
	background: var(--gray);
}

.content :is(ol, ul) :is(ol, ul) {
	margin-top: .75em;
}

.content :is(ol, ul) li li {
	font-size: 1em;
}


/* addon classes */
.clearfix::after {
	clear: both;
	content: '';
	display: table;
}

.videoContainer {
	aspect-ratio: 16 / 9;
	line-height: 0;
	position: relative;
	width: 100%;
}

.videoContainer.ratio-4-3 {
	aspect-ratio: 4 / 3;
	/* 4:3 full-frame */
}

/* Build out the space for videos when editing a CMS page */
#tinymce .videoContainer {
	aspect-ratio: 16 / 9 !important;
}

#tinymce .videoContainer.ratio-4-3 {
	aspect-ratio: 4 / 3 !important;
}


.videoContainer iframe,
#tinymce .mce-preview-object {
	border: 0;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#wysiwygBody {
	background: #FFF;
}

.wsNew {
	background-color: #FFC700;
	color: #222;
	display: inline-block;
	font-size: .7em;
	font-style: italic;
	height: 1.5em;
	line-height: 1.5em;
	margin: .3em 0;
	overflow: visible;
	padding: 0 .3em;
	vertical-align: top;
}

td.right,
th.right {
	text-align: right;
}



/* FORMS AND INPUTS ------------------------------ */
input,
button,
select,
textarea {
	font-size: 1em;
}

input:is([type="button"], [type="date"], [type="submit"], [type="text"], [type="reset"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]),
textarea,
select {
	border-radius: 0;
	outline: none;
}

input:is([type="text"], [type="date"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]),
textarea,
select {
	background-color: #FFF;
	border: 1px solid #666;
	border-radius: .25em;
	padding: .5625em .75em;
	width: 100%;
}

:is(input:is([type="text"], [type="date"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), textarea, select):focus {
	border-color: var(--red);
}

select:focus-visible {
	box-shadow: 0 0 0 1px var(--red);
}

select::-ms-expand {
	display: none;
}

select {
	background: url('/images/icons/caret-down.svg') no-repeat calc(100% - .875em) 50% / auto .875em;
	padding-right: 2.15rem;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

span.required {
	color: var(--red);
}


textarea {
	display: block;
}

select option {
	padding: 0 .2em;
}

button,
.button,
input:is([type="button"], [type="submit"], [type="reset"]) {
	background: #000;
	border: 2px solid var(--red);
	border-radius: 1.722em;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: var(--text-13);
	line-height: 1;
	padding: 1em 1.5em;
	text-align: center;
}

.content .button {
	margin-right: .375em;
}

.content .buttons .button {
	margin: .25em .375em .25em 0;
}

.button,
button {
	display: inline-flex;
	justify-content: center;
}

main :is(button, .button)::after {
	aspect-ratio: 1;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">><path fill="%23E60000" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>') no-repeat center;
	content: '';
	padding-left: 1em;
	margin: 0 0 0 .75em;
	transition: var(--transition);
}

main :is(button, .button).no-icon::after {
	display: none;
}

:is(button, .button).plus::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>');
}

:is(button, .button).find::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23E60000" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
}

:is(button, .button).logout::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23E60000" d="M377.9 105.9L500.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L377.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1-128 0c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM160 96L96 96c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0c-53 0-96-43-96-96L0 128C0 75 43 32 96 32l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></svg>');
}

:is(button, .button).pencil::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23E60000" d="M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z"/></svg>');
}

:is(button, .button).check::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M448 130L431 147 177.5 399.2l-16.9 16.9-16.9-16.9L17 273.1 0 256.2l33.9-34 17 16.9L160.6 348.3 397.1 112.9l17-16.9L448 130z"/></svg>');
}

:is(button, .button).user::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23FFFFFF" d="M399 384.2C376.9 345.8 335.4 320 288 320H224c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z"/></svg>');
}

:is(button, .button).email::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23E60000" d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>');
}

:is(button, .button).user::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23E60000" d="M399 384.2C376.9 345.8 335.4 320 288 320H224c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z"/></svg>');
}

:is(button, .button).down::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23E60000" d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
}


:is(button, .button).white,
input:is([type="button"], [type="submit"], [type="reset"]).white {
	background: #FFF;
	color: #000;
}

:where(.button, button).large {
	font-size: var(--text-11);
	padding: .8em 2.1875em;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button img {
	height: 1em;
	vertical-align: top;
	width: auto;
}

input.bulky,
.bulky {
	font-size: 1.2em;
	padding: .4em .6em;
}

.formTable,
:where(.formTable, .form-flex) :where(input:where([type="text"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), table, textarea, select) {
	width: 100%;
}

#ContactForm fieldset {
	border: 0;
	margin: .5em 0 0;
	padding: 0;
}

#ContactForm fieldset legend {
	padding: 0;
}

#ContactForm fieldset table {
	margin-left: 2em;
}


.subjClass {
	display: none !important;
}

#Captcha label {
	padding-left: 0;
}

:is(.formEdit, .formBuilder) select {
	width: 40%;
}

.formTable table td {
	padding-bottom: 0;
}

.formTable.right td:first-child {
	text-align: right;
	width: 1%;
}

.formTable.right td {
	width: auto;
}


/* Forms - without tables ----- */
form.narrow .form-flex,
.narrow.form-flex {
	max-width: 18.75em;
}

.form-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.form-flex fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.form-flex fieldset legend {
	float: left;
	width: 100%;
}

.form-flex>div {
	margin: 0 0 .75em;
}

.form-flex>div:last-child {
	margin: 0;
}

.form-flex .full {
	width: 100%;
}

.form-flex>div>label:first-of-type {
	display: block;
}

/* Checkboxes, radios */
.form-flex>div>fieldset>label {
	display: inline-block;
}



/* MANAGEMENT ------------------------------ */
hr+.manage {
	margin-top: -1em;
}

.manage {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	line-height: 1.3;
	width: 100%;
}

.manage th {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	text-align: left;
}

.manage th.right {
	text-align: right;
}

.manage th.sort {
	cursor: pointer;
}

.manage th.sort img {
	margin-left: 5px;
}

.manage th img {
	bottom: -2px;
	position: relative;
}

.manage td,
.manage th {
	padding: 5px 5px 5px 0;
}

.manage td:first-child {
	padding-left: .8em;
}

.manage img.preload {
	border: solid 1px #fff;
	display: none;
	position: absolute;
	top: 0;
	z-index: 10;
}

.manage td.icons img {
	bottom: -2px;
	margin-left: 5px;
	position: relative;
}

.manage td:first-child.icons img {
	margin-left: 0;
}

.manage td:first-child.icons {
	padding-inline: 3px;
}

.manage td:nth-child(2) {
	hyphens: auto;
	overflow-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;
}

.manage td.icons a:first-child img {
	margin-left: 0;
}

.manage td.icons input {
	bottom: 2px;
	margin-left: 5px;
	position: relative;
}

.manage .hidden {
	color: #900;
	font-style: italic;
}

.manageButton {
	padding: 10px 0;
	text-align: right;
}

.alternate tbody tr:nth-child(even),
.even {
	background: #FFF;
}

.alternate tbody tr:nth-child(odd),
.odd {
	background: rgba(0, 0, 0, .06);
}

.manage+hr,
.manage+.manageLinks+hr {
	margin-top: 50px;
}

.manageLinks {
	margin-top: 10px;
}

.manageLinks select {
	max-width: 20em;
}

.manageLinks a {
	white-space: nowrap;
}

.manageLinks a img {
	bottom: -2px;
	position: relative;
}

.manageLinks button {
	margin-left: 5px;
}

.manageButtons {
	padding: 10px 0;
	text-align: right;
}

.wsReturnToButton {
	float: right;
	margin-top: -3.5em;
}

.manage.rightFirstChild td:first-child {
	text-align: right;
}

.sortRow th {
	cursor: pointer;
}

.manageEllipsis {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
}

.manage colgroup col {
	width: auto !important;
}


/* pagination */
.content .pagination {
	font-size: .95em;
	text-align: right;
}




/* FORM ERRORS ------------------------------ */
.form-error {
	color: #EE0000;
	font-size: 0.9375em;
}

.reverse .form-error {
	background: #EE0000;
	color: #FFF;
}

fieldset label:first-of-type input:focus {
	outline: 1px solid #FF0000;
}

.formError {
	background-color: #000;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 2px 2px #333;
	color: #FFF;
	display: none;
	margin: 0 0 2px;
	padding: .3125em .625em;
	z-index: 5;
}

.formError p {
	font-size: .9em;
	margin: 0;
}

.formError em {
	border: 10px solid;
	border-color: #000 transparent transparent;
	bottom: -1.0625em;
	display: block;
	height: 0;
	left: 2.5em;
	position: absolute;
	width: 0;
}




/* FOOTER ------------------------------ */

body>footer {
	background: #000;
	color: #FFF;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

body>footer::before {
	border-top: .3125rem dashed var(--gray-2);
	content: '';
	height: 0.25rem;
	inset: 0.25rem 0 auto 0;
	position: absolute;
}

body>footer a {
	color: #FFF;
	text-decoration: underline;
	text-decoration-color: transparent;
}

body>footer :is(a.on, .on>a) {
	color: #FFF;
	text-decoration-color: var(--red);
}

.fatFooter {
	padding-block: clamp(2.5em, 1.773em + 3.64vw, 4.5em) clamp(2.5em, 2.318em + 0.91vw, 3em);
}

.fatFooter .contact span {
	display: block;
	margin: 0 0 .625em;
}

.fatFooter .contact span::before {
	aspect-ratio: 1;
	background: no-repeat center / auto 1.0625em;
	content: '';
	display: inline-block;
	height: 1.0625em;
	margin: 0 .625em 0 0;
	position: relative;
	top: .1875em;
}

.fatFooter .contact span:nth-child(1)::before {
	background-image: url('/images/icons/envelope.svg');
}

.fatFooter .contact span:nth-child(2)::before {
	background-image: url('/images/icons/phone.svg');
}

.fatFooter .contact span:nth-child(3)::before {
	background-image: url('/images/icons/fax.svg');
}

.fatFooter .address {
	text-align: center
}

.fatFooter .social {
	display: flex;
	justify-content: space-between;
	width: 8.9375em
}

.fatFooter .social a {
	align-items: center;
	border: 1px solid #333;
	border-radius: 50%;
	display: flex;
	height: 3.125em;
	justify-content: center;
	width: 3.125em;
}

.fatFooter .social svg {
	height: 1.5em;
}

body>footer>.wrap {
	clear: both;
	overflow: visible;
	padding-block: 1.25em;
	position: relative;
}

body>footer>.wrap::before {
	background: #424242;
	content: '';
	height: 1px;
	left: calc(50% - 50vw);
	position: absolute;
	right: calc(50% - 50vw);
	top: 0;

}

body>footer>.wrap>div {
	font-size: .75rem;
}





/* TRANSITIONS ------------------------------ */

a,
a *,
button,
.button,
input:is([type="button"], [type="submit"], [type="reset"]),
:is(input, select, textarea):focus,
#navContainer li,
#popover .close {
	transition: var(--transition);
}

.stop-transitions *,
.stop-transitions *::before,
.stop-transitions *::after {
	transition: none !important;
}




/* ANIMATIONS ------------------------------ */

@media screen and (prefers-reduced-motion: no-preference) {

	.translate-up,
	.translate-down,
	.translate-left,
	.translate-right {
		opacity: 0;
		transition: all 1s ease;
	}

	.translate-up {
		transform: translate(0, 3em);
	}

	.translate-down {
		transform: translate(0, -3em);
	}

	.translate-left {
		transform: translate(3em, 0);
	}

	.translate-right {
		transform: translate(-3em, 0);
	}

	:is(.translate-up, .translate-down, .translate-left, .translate-right).animated {
		opacity: 1;
		transform: translate(0, 0);
	}

}




/* HERO RIBBON ------------------------------ /
* - Homepage & List Your Vehicle page ribbon 1
*/

.hero {
	background: #000;
	position: relative;
	text-align: center;
}

.hero::before {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 13%, rgba(0, 0, 0, 0.00) 63%), linear-gradient(0deg, rgba(0, 0, 0, 0.80) 10%, rgba(0, 0, 0, 0.00) 32%);
	content: '';
	inset: 0;
	position: absolute;
	z-index: -1;
}

.hero .background {
	background: url('/images/bg-hero.webp') no-repeat center / cover;
	inset: 0;
	position: fixed;
	z-index: -2;
}

.hero .wrap {
	max-width: calc(40.625em + 2 * var(--gap));
}

.hero.list-vehicle .wrap {
	max-width: calc(43em + 2 * var(--gap));
}

.hero h1 {
	color: #FFF;
}

.hero p {
	color: #FFF;
	font-size: var(--text-13);
}

.hero form {
	margin: 2.5em auto 0;
	max-width: 32.8125em;
	position: relative;
}

.hero input {
	backdrop-filter: blur(1em);
	background: rgba(0, 0, 0, 0.5);
	border: .125em solid #FFF;
	border-radius: 2em;
	color: #FFF;
	font-size: var(--text-12);
	padding: .8em 4.75em .8em 1.75em;
}

.hero input:focus {
	backdrop-filter: none;
	background: #000;
}

.hero input::placeholder {
	color: #FFF;
}

.hero button {
	background: var(--red) url('/images/icons/search-white.svg') no-repeat center / auto 1em;
	border-radius: 0.1875em 1.9375em 1.9375em 0.1875em;
	padding: 1.3125em 1.9375em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: .4375em;
}

.hero button::after {
	display: none;
}




/* VEHICLE COUNT ------------------------------ /
* - Homepage ribbon 2
*/

.vehicle-count {
	background: var(--dark-2);
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.vehicle-count .textbox {
	text-align: center;
}

.vehicle-count h2 {
	color: #FFF;
	margin: 0;
}

.vehicle-count h2>span {
	display: block;
}

.vehicle-count h2>span.count {
	font-size: 1.02em;
	padding-block: 1.125em;
	position: relative;
	z-index: 0;
}

.vehicle-count h2>span.count::before {
	background: url('/images/film-strip.svg') repeat-x center / auto 100%;
	content: '';
	height: 2.5em;
	inset: 0;
	left: calc(50% - 200vw);
	position: absolute;
	right: calc(50% - 200vw);
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}

.vehicle-count h2>span.bottom {
	font-size: .8em;
}




/* VEHICLE LISTING RIBBON ------------------------------ /
* - Homepage ribbon 3
*/

.vehicles-home {
	background: var(--light-3);
	position: relative;
	z-index: 0;
}

.vehicles-home::before {
	background: #00253B;
	content: '';
	height: 3px;
	inset: 0 0 auto 0;
	position: absolute;
}

.vehicles-home .background {
	background: var(--dark-2);
	position: absolute;
	z-index: -1;
}

.vehicles-home .background::before {
	background: url('/images/bg-vehicles-home.webp') no-repeat fixed center bottom / 100% auto;
	content: '';
	inset: 0;
	opacity: .4;
	position: absolute;
	z-index: -2;
}

/* Safari only */

_::-webkit-full-page-media,
_:future,
:root .vehicles-home .background::before {
	background: url('/images/bg-vehicles-home.webp') no-repeat center bottom / 100% auto;
}

@media not all and (min-resolution:.001dpcm) {
	@media {
		.vehicles-home .background::before {
			background: url('/images/bg-vehicles-home.webp') no-repeat center bottom / 100% auto;
		}
	}
}

.vehicles-home .background::after {
	background: linear-gradient(180deg, rgba(0, 37, 59, 1) 0%, rgba(0, 37, 59, 0) 100%);
	content: '';
	inset: 0;
	position: absolute;
	z-index: -1;
}

.vehicles-home .background>div {
	inset: 0;
	position: absolute;
}

.vehicles-home .more-listings {
	background: #000;
	border-radius: .4375em;
	margin: 3em auto 0;
	max-width: 25.375em;
	padding: 2em 1.5em 2.25em;
	text-align: center;
}

.vehicles-home .more-listings span {
	color: #FFF;
	display: block;
	font-size: var(--text-11);
	margin: 0 0 1em;
}





/* VEHICLES ------------------------------ /
* - Vehicles grid on Homepage ribbon 3 and the Search Results page
*/

ul.vehicles {
	display: grid;
	gap: clamp(1.25em, 1.114em + 0.68vw, 1.625em);
	grid-template-columns: repeat(auto-fill, minmax(clamp(14em, 10.667em + 7.11vw, 16em), 1fr));
	margin: 0;
}

ul.vehicles>li {
	background: #FFF;
	border-radius: 0.25em;
	box-shadow: var(--shadow);
	display: flex;
	flex-direction: column;
	position: relative;
}

ul.vehicles>li.for-sale::after {
	aspect-ratio: 24 / 36;
	background: var(--red) url('/images/icons/dollar-sign.svg') no-repeat center .5em / .625em auto;
	clip-path: polygon(100% 0, 100% 100%, 50% calc(100% - .4375em), 0 100%, 0 0);
	content: '';
	position: absolute;
	right: 1.875em;
	top: -0.125rem;
	width: 1.5em;
	z-index: 2;
}

ul.vehicles>li>a {
	border-radius: .25em;
	inset: 0;
	position: absolute;
	z-index: 1;
}

ul.vehicles.logged-in>li>a {
	z-index: 3;
}

/* Top / Details */
ul.vehicles .top {
	position: relative;
	z-index: 0;
}

ul.vehicles .image {
	border-radius: .25em .25em 0 0;
	line-height: 0;
	margin: 0;
	overflow: hidden;
}

ul.vehicles .image img {
	aspect-ratio: 287 / 188;
	object-fit: cover;
	transition: all .5s ease;
	width: 100%;
}

ul.vehicles .details {
	padding: 1.25em 1em 1.5em;
	text-align: left;
}

ul.vehicles .top h2 {
	color: #000;
	font-size: 1em;
	margin: 0 0 .75em;
	transition: var(--transition);
}

ul.vehicles em.photos {
	background: url('/images/icons/camera.svg') no-repeat .875em calc(50% - .125em)/ auto 1em;
	color: #333;
	display: block;
	font-size: .875em;
	margin: 0 0 .75em;
	padding-left: 2.25em;
}

ul.vehicles .details ul>li {
	color: #333;
	font-size: .875em;
	padding-left: 2em;
	position: relative;
}

ul.vehicles .details ul>li::before {
	aspect-ratio: 1;
	background: #888;
	border-radius: 50%;
	content: '';
	height: .286em;
	left: 1.1875em;
	position: absolute;
	top: .5em;
}


/* Bottom links */
ul.vehicles .bottom {
	margin-top: auto;
	padding: 0 1.25em .5em;
	position: relative;
	text-align: center;
	z-index: 2;
}

ul.vehicles:not(.logged-in) .bottom {
	border-top: 2px dashed rgba(0, 0, 0, .1);
	padding-block: 1.25em 1.625em;
}

ul.vehicles .bottom span {
	display: block;
	font-size: .875em;
	margin: 0 0 .625em;
}

ul.vehicles a.sign-in {
	color: #000;
	text-decoration: underline;
	text-decoration-color: var(--red);
}

ul.vehicles .bottom span.button {
	background: var(--light-1);
	border: 0;
	border-radius: .25em;
	color: #000;
	display: inline-flex;
	font-size: .875em;
	padding: .83em 1.5em;
	width: 100%;
}

ul.vehicles .bottom .button::after {
	margin-left: .25em;
}




/* WHERE HAVE YOU SEEN OUR VEHICLES RIBBON ------------------------------ /
* - Homepage ribbon 4
*/

.seen-vehicles {
	text-align: center;
}

.seen-vehicles.home {
	background: var(--light-3);
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.seen-vehicles.home .background {
	aspect-ratio: 1393 / 556;
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 87em;
	z-index: -1;
}

.seen-vehicles.home .background::before {
	background: url('/images/bg-seen-vehicles.webp') no-repeat center bottom / auto 100%;
	content: '';
	filter: grayscale(1);
	inset: 0;
	mix-blend-mode: multiply;
	opacity: .25;
	position: absolute;
	z-index: -1;
}

.seen-vehicles.home .background::after {
	background-image: linear-gradient(180deg, var(--light-3) 17%, rgba(255, 255, 255, 0.00) 31%), linear-gradient(89deg, var(--light-3) 1%, rgba(255, 255, 255, 0.00) 40%), linear-gradient(-89deg, var(--light-3) 6%, rgba(255, 255, 255, 0.00) 44%);
	content: '';
	inset: 0;
	position: absolute;
}

.seen-vehicles h2 {
	text-align: center;
}

.seen-vehicles.home h2 {
	margin: 0 0 .75em;
}


/* List your Vehicles landing page */
.seen-vehicles.list-your-vehicles h2 {
	font-size: var(--text-6);
}




/* SEEN VEHICLES LIST ELEMENT  ------------------------------ /
* - Homepage ribbon 4, List Your Vehicle page ribbon 2
*/

.seen-vehicles .list,
.seen-vehicles ul.ws-flex {
	margin: 0 0 2em;
}

.seen-vehicles .list {
	margin-top: 2em;
}

.seen-vehicles .list,
.seen-vehicles ul.ws-flex>li {
	background: #FFF;
	border-radius: 0.25em;
	box-shadow: var(--shadow);
}

.seen-vehicles .list .top,
.seen-vehicles ul.ws-flex>li .top {
	border-bottom: 2px dashed rgba(0, 0, 0, .1);
	padding: 1.25em 1em 1em;
}

.seen-vehicles .list h2,
.seen-vehicles ul.ws-flex>li .top>strong {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: var(--text-12);
	font-weight: 700;
	margin: 0;
	position: relative;
	text-align: center;
}

.seen-vehicles .list h2::before,
.seen-vehicles ul.ws-flex>li .top>strong::before {
	background: no-repeat center / auto 100%;
	content: '';
	display: block;
	height: 1.1em;
	margin: 0 auto .25em;
}

.seen-vehicles .list .top>h2.movies::before,
.seen-vehicles ul.ws-flex>li .top>strong.movies::before {
	background-image: url('/images/icons/movies.svg');
}

.seen-vehicles .list .top>h2.tv::before,
.seen-vehicles ul.ws-flex>li .top>strong.tv::before {
	background-image: url('/images/icons/tv.svg');
}

.seen-vehicles .list .top>h2.music::before,
.seen-vehicles ul.ws-flex>li .top>strong.music::before {
	background-image: url('/images/icons/music.svg');
}

.seen-vehicles .list .top>h2.ads::before,
.seen-vehicles ul.ws-flex>li .top>strong.ads::before {
	background-image: url('/images/icons/ads.svg');
}

.seen-vehicles .bottom {
	padding: 1.5em;
}

.seen-vehicles .bottom ul {
	text-align: left;
}

.seen-vehicles .bottom ul>li {
	margin: 0 0 .375em;
	padding-left: 1.25em;
	position: relative;
}

.seen-vehicles .bottom ul>li::before {
	aspect-ratio: 14 / 9.75;
	background: url('/images/icons/check.svg') no-repeat center / cover;
	content: '';
	left: 0;
	position: absolute;
	top: .375em;
	width: .875em;
}




/* WELCOME RIBBON ------------------------------ /
* - Homepage ribbon 5
*/

.welcome {
	background: #000;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.welcome::before {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.81) 33%, rgba(0, 0, 0, 0) 100%);
	content: '';
	inset: 0;
	position: absolute;
	z-index: -1;
}

.welcome .background {
	background: #000 url('/images/bg-welcome.webp') no-repeat center bottom / cover;
	inset: 0;
	opacity: 0;
	position: absolute;
	transform: scale(1.1);
	transition: all 3s ease;
	z-index: -2;
}

.welcome .background.animated {
	opacity: 1;
	transform: scale(1);
}

.welcome .wrap {
	position: relative;
}

.welcome h2 {
	color: #FFF;
	margin: 0 0 .5em;
}

.welcome p {
	color: #FFF;
	font-size: var(--text-13);
}

.welcome .ticket>div {
	background: url('/images/ticket.svg') no-repeat center / 100% 100%;
	margin-inline: auto;
	max-width: 24.625em;
	text-align: center;
}

.welcome .ticket .top {
	padding: 1.25em 1em 1.5em;
}

.welcome .ticket h3 {
	color: #FFF;
	font-size: var(--text-13);
	margin: 0;
}

.welcome .ticket .bottom {
	padding: 1.25em 1em 1.75em;
}

.welcome .ticket .button {
	padding: .8em 1.4375em;
}




/* WHITE INFO BLOCKS ------------------------------ /
* - Standard / Fullwidth Interior
*/
.info-block {
	background: #FFF;
	border-radius: 0.25em;
	box-shadow: var(--shadow);
	display: flex;
	flex-direction: column;
	gap: 0.25em;
	margin: 0.5em 0;
	padding: 1.5em;
}

.info-block p {
	margin: 0;
}



/* CTA RIBBON ------------------------------ /
* - Standard / Fullwidth Interior
*/

.cta {
	background: #000;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 0;
}

.cta .background {
	background: url('/images/bg-cta.webp') no-repeat center bottom / cover;
	inset: 0;
	opacity: 0;
	position: absolute;
	transform: scale(1.1);
	transition: all 3s ease;
	z-index: -2;
}

.cta .background.animated {
	opacity: 1;
	transform: scale(1);
}


.cta::before {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.81) 33%, rgba(0, 0, 0, 0) 100%);
	content: '';
	inset: 0;
	position: absolute;
	z-index: -1;
}

.cta .wrap {
	position: relative;
}

.cta h2 {
	color: #FFF;
	margin: 0 0 .5em;
}

.cta p {
	color: #FFF;
	font-size: var(--text-13);
	margin: 0 0 2.25em;
}

.cta .button {
	margin: .375em;
}




/* VEHICLE SEARCH RIBBON ------------------------------ /
* - Search results page
*/

.vehicles-search {
	background: #FFF;
	position: relative;
	z-index: 0;
}

.vehicles-search::before {
	background: var(--gradient-1);
	content: '';
	height: 30em;
	inset: 0 0 auto 0;
	position: absolute;
}





/* LOGIN PAGE ------------------------------ */

.login {
	padding-block: clamp(3em, 2.273em + 3.64vw, 5em) clamp(1em, -5em + 30vw, 17.5em);
	text-align: center;
}

.login .wrap {
	max-width: calc(26.625em + 2 * var(--gap));
}

.login form {
	background: #FFF;
	border-radius: .25em;
	box-shadow: var(--shadow);
	margin: 2em auto;
	padding-block: 2.8125em 3em;
	padding-inline: clamp(1.5em, 0.87em + 3.15vw, 3.625em);
}

.login label {
	font-size: .875em;
	text-align: left;
}

.login form .forgot {
	color: #666;
	display: table;
	font-size: .75em;
	font-style: italic;
	margin: .25em 0 1.5em;
	text-align: left;
}

.login .form-error {
	text-align: left;
}




/* CREATE AN ACCOUNT PAGE ------------------------------ */

.create-account {
	padding-block: clamp(2em, 0.909em + 5.45vw, 5em) clamp(3em, -2.273em + 26.36vw, 17.5em);
	text-align: center;
}

main.interior .create-account .wrap {
	max-width: calc(50.625em + 2 * var(--gap));
}

.create-account form {
	margin: 2em auto 0;
	max-width: 50.5625em;
}

.create-account label {
	font-size: .875em;
	text-align: left;
}

.create-account fieldset label {
	font-size: 1em;
	margin: .5em 1em 0;
}

.create-account input[type="radio"] {
	position: relative;
	top: 1px;
}

.create-account legend {
	margin: 1.25em 0 .5em;
}

.create-account .form-error {
	text-align: left;
}

.create-account button {
	margin-top: 1.5em;
}




/* STEPS RIBBON ------------------------------ /
* - List Your Vehicle page ribbon 2
*/

.steps {
	padding-block: 0 2em;
	position: relative;
	text-align: center;
	z-index: 1;
}

.steps ol {
	counter-reset: steps-counter;
	list-style: none;
	margin: 0 0 3.125em;
	padding: 0;
}

.steps ol li {
	background: #FFF;
	border-radius: .25em;
	box-shadow: var(--shadow);
	counter-increment: steps-counter;
	padding: 4em 2em 2em;
	position: relative;
}

.steps ol li::before {
	align-items: center;
	aspect-ratio: 1;
	background: #FFF;
	border: 5px solid #000;
	border-radius: 50%;
	content: counter(steps-counter);
	color: var(--red);
	display: flex;
	font-size: clamp(1.5em, 1.273em + 1.14vw, 2.125em);
	font-weight: bold;
	justify-content: center;
	left: 50%;
	margin-inline: auto;
	position: absolute;
	top: 0;
	transform: translate(-50%, -1.25em);
	width: 2.29em;
}

.steps h2 {
	font-size: var(--text-9);
}

.steps .button {
	margin: 0 0 1em;
}

.steps a.arrow {
	align-items: center;
	color: #000;
	display: inline-flex;
	text-decoration: underline;
	text-decoration-color: var(--red);
}

.steps a.arrow::after {
	aspect-ratio: 1;
	background: url('/images/icons/arrow-right.svg') no-repeat center / auto 1em;
	content: '';
	display: inline-block;
	height: 1em;
	margin: 0 0 0 .125em;
}




/* FAQs/SEEN VEHICLES RIBBON ------------------------------ /
* - List Your Vehicle page ribbon 3
*/

.faqs-seen-vehicles {
	background: var(--light-3);
	padding-block: 1em 8.1875em;
	position: relative;
	text-align: center;
	z-index: 0;
}

.faqs-seen-vehicles .background {
	aspect-ratio: 1393 / 556;
	bottom: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 87em;
	z-index: -1;
}

.faqs-seen-vehicles .background::before {
	background: url('/images/bg-seen-vehicles.webp') no-repeat center bottom -5em / auto 100%;
	content: '';
	filter: grayscale(1);
	inset: 0;
	mix-blend-mode: multiply;
	opacity: 0;
	position: absolute;
	transform: scale(.9);
	transform-origin: center bottom;
	transition: all 3s ease;
	z-index: -1;
}

.faqs-seen-vehicles .background.animated::before {
	opacity: .25;
	transform: scale(1);
}

.faqs-seen-vehicles .background::after {
	background-image: linear-gradient(180deg, var(--light-3) 17%, rgba(255, 255, 255, 0.00) 31%), linear-gradient(89deg, var(--light-3) 1%, rgba(255, 255, 255, 0.00) 40%), linear-gradient(-89deg, var(--light-3) 6%, rgba(255, 255, 255, 0.00) 44%);
	content: '';
	inset: 0;
	position: absolute;
}

.faqs-seen-vehicles h2 {
	font-size: var(--text-6);
	margin: 0 0 .75em;
}


/* FAQS side */
.faqs-seen-vehicles h3>button {
	border: 0;
	border-radius: 1.9375em;
	box-shadow: var(--shadow);
	font-size: 1em;
	font-weight: 400;
	justify-content: start;
	text-align: left;
	padding: 1.4375em 3.25em 1.4375em 1.5em;
	position: relative;
	width: 100%;
}

.faqs-seen-vehicles h3>button::after {
	position: absolute;
	right: 1.75em;
	top: 1.5em;
}

.faqs-seen-vehicles h3>button.expand::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>');
}

.faqs-seen-vehicles .accordion>div {
	padding: .5em 1em 1.5em;
	text-align: left;
}

.faqs-seen-vehicles .accordion>div p:last-child {
	margin: 0;
}

.faqs-seen-vehicles .button.view-all {
	margin: auto auto 0;
}


/* Seen Vehicles side */
.faqs-seen-vehicles .seen-vehicles ul.ws-flex {
	--column-count: 2;
}




/* SEARCH ACCORDIONS ------------------------------ /
* - /vehicles
*/

.quick-search {
	display: flex;
	flex-direction: column;
	gap: 1em;
	margin-top: 1em;
}

.search-type {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.search-type summary {
	background: #fff;
	border: 1px solid var(--grey-3);
	border-radius: var(--border-radius);
	cursor: pointer;
	font-size: 1em;
	font-weight: 400;
	list-style: none;
	margin: 0 auto;
	max-width: 10.5em;
	padding: 0.5em 3.25em 0.5em 0.75em;
	position: relative;
	text-align: left;
}

.search-type summary::-webkit-details-marker {
	display: none;
}

.search-type summary:is(:hover, :focus-visible) {
	border-color: var(--red);
	color: var(--red);
}

.search-type [open] summary {
	border-color: var(--grey-3);
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	border-bottom-color: #fff;
	color: var(--red);
}

.search-type summary::after {
	aspect-ratio: 1;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>') no-repeat center;
	content: '';
	height: 1em;
	position: absolute;
	right: 1em;
	top: 0.75em;
	transition: var(--transition);
	width: 1em;
}

.search-type [open] summary::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>');
}

.search-type ul {
	background: #fff;
	border: 1px solid var(--grey-3);
	border-radius: var(--border-radius);
	box-shadow: var(--shadow);
	column-rule: none;
	margin: -1px 0 0;
	padding: 1.5em 1em;
}

.search-type li {
	text-align: left;
}

.search-type li a {
	color: #000;
}

.search-type li a:is(:hover, :focus-visible) {
	color: var(--red);
}




/* DASHBOARD RIBBON ------------------------------ /
* - Account Dashboard page
*/

.dashboard .heading {
	margin: 0 0 1em;
}

.dashboard .heading h1 {
	font-size: var(--text-5);
}

.dashboard :is(button, .button) {
	border: 0;
	font-size: 1em;
	padding: .875em 1.3125em;
}

.dashboard .flex {
	padding-block: 1.25em 2.5em;
}

.dashboard .panel {
	background: #FFF;
	border-radius: .25em;
	box-shadow: var(--shadow);
	padding-block: 1.5em 1.875em;
}

.dashboard h3,
.dashboard h2 {
	font-size: var(--text-10);
	margin: 0;
}

.dashboard h2 {
	font-weight: 700;
}

.dashboard .panel .heading {
	margin: 0 0 1em;
}

.dashboard :is(button, .button).white {
	border: 1px solid var(--light-4);
}

/* No Vehicles */
.dashboard .no-vehicles {
	align-items: center;
	border: 1px dashed var(--light-4);
	border-radius: .25em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2em, 1.455em + 2.73vw, 3.5em) 1.5em;
	text-align: center;
}

/* With Vehicles */
.dashboard .vehicles ul {
	margin: 0;
	width: 100%;
}

.dashboard .vehicles li {
	align-items: center;
	border-top: 1px dashed var(--light-4);
	line-height: 1.15;
	padding-block: .8125em;
	gap: 0.25em 1em;
}

.dashboard .vehicles li>*:not(div) {
	flex: 1 1 auto;
}

.dashboard .vehicles i {
	display: block;
	font-size: .75em;
	padding: 0 .625em;
}

.dashboard .vehicles li div>*::after {
	display: none;
}


.dashboard .vehicles li div>a {
	background: #fff;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	justify-content: flex-start;
	gap: 0.5em;
	padding: 0.75em 0.875em;
}

.dashboard .vehicles li div>a:before {
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	display: block;
	width: 1em;
	height: 1em;
}

.dashboard .vehicles li div>a.edit:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23E60000" d="M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z"/></svg>');
}

.dashboard .vehicles li div>a.visibility:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23E60000" d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/></svg>');
}

.dashboard .vehicles li div>a.visibility.hidden:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="%23E60000" d="M48.4 14.8L29.4 .1 0 38 19 52.7 591.5 497.2l19 14.7L639.9 474l-19-14.7L524 384.1c41.9-44 70.2-93.9 84-128.1C578 181.3 478.4 32 320 32c-66.9 0-123.2 26.6-168.3 63L48.4 14.8zM222.5 150c25.6-23.6 59.9-38 97.5-38c79.5 0 144 64.5 144 144c0 24.7-6.2 47.9-17.1 68.2l-38.7-30.1c5.1-11.7 7.9-24.6 7.9-38.1c0-53-43-96-96-96c-6.4 0-12.7 .6-18.8 1.8l11.6 58.2L222.5 150zM444.9 446.6L373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L85.7 163.5C60.2 197.1 42.1 230.8 32 256c30 74.7 129.6 224 288 224c46.9 0 88.6-13.1 124.9-33.4zM324.8 351.9l-99.1-78.1C234 318.3 273.1 352 320 352c1.6 0 3.2 0 4.8-.1z"/></svg>');
}

.dashboard .vehicles li div>a.delete:before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/></svg>');
}


/* Account Info */
.dashboard .info>div {
	display: block;
	line-height: 1.2;
}

.dashboard .info>div {
	color: #000;
	margin: 1em 0 0;
}

.dashboard .info>div>em {
	color: #666;
	display: block;
	font-size: .75em;
}




/* THANK YOU RIBBON ------------------------------ /
* - Account Dashboard Thank You page
*/

.thank-you {
	text-align: center;
}

.thank-you h1 {
	font-size: var(--text-2);
}

.thank-you p {
	margin: 0 0 2.25em;
}




/* CREATE LISTING RIBBON ------------------------------ /
* - Account Dashboard - Create Listing Page
*/

.create-listing .heading {
	margin: 0 0 1.5em;
}

.create-listing h1 {
	font-size: var(--text-5);
	margin: 0;
}

.create-listing hr {
	border-top: 1px dashed #DEDEDE;
	margin: 2em 0;
}

.create-listing .heading>button[type="submit"] {
	border: 0;
	font-size: 1em;
	padding-block: .75em;
}

.create-listing #vehicle-details>.flex {
	padding-block: 1.25em 2.5em;
}

.create-listing .panel {
	background: #FFF;
	border-radius: .25em;
	box-shadow: var(--shadow);
	padding-block: 1.875em 2.25em;
}

.create-listing h2 {
	font-size: var(--text-10);
}

.create-listing textarea {
	resize: vertical;
}

.create-listing form>button[type="submit"] {
	display: flex;
	margin: 1em auto 0;
}

.create-listing .photos .full {
	margin: 0 0 1.5em;
}

.create-listing .photos .full+p {
	margin: .5em 0;
}

.vehicle-photo-grid ul.grid {
	display: grid;
	gap: 1em;
	grid-template-columns: repeat(auto-fill, minmax(5.8125em, 1fr));
	margin: 0.25em 0 0;
}

.vehicle-photo-grid ul.grid>li {
	position: relative;
	text-align: center;
	z-index: 0;
}

.vehicle-photo-grid ul.grid>li .photo {
	aspect-ratio: 1;
	background: no-repeat center / cover;
	border-radius: 4px;
	box-shadow: 0 0 0 1px var(--grey-3);
	cursor: move;
	object-fit: cover;
	object-position: center;
	position: relative;
	width: 100%;
	z-index: 0;
}

.vehicle-photo-grid ul.grid>li:is(:hover, :focus-visible) .photo {
	box-shadow: inset 0 0 0 1px #000, 0 14px 20px -7px rgba(0, 0, 0, 0.60);
}

.vehicle-photo-grid ul.grid>li.hidden .photo {
	box-shadow: inset 0 0 0 1px #000;
}

.vehicle-photo-grid ul.grid>li .photo::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	border-radius: 4px;
	content: '';
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.vehicle-photo-grid ul.grid>li.hidden .photo:before,
.vehicle-photo-grid ul.grid>li:focus-within .photo::before,
.vehicle-photo-grid ul.grid>li:is(:hover, :focus-visible) .photo:before {
	opacity: 1;
}

.vehicle-photo-grid ul.grid li>.buttons {
	bottom: .5em;
	display: flex;
	gap: 0.25em;
	justify-content: center;
	left: 0;
	position: absolute;
	width: 100%;
	width: 100%;
}

.vehicle-photo-grid ul.grid li>.buttons>* {
	opacity: 0;
	visibility: hidden;
}

.vehicle-photo-grid ul.grid li>.buttons>* {
	background: #000 no-repeat center / auto .875em;
	border: 0;
	border-radius: 50%;
	font-size: 1em;
	padding: .8125em;
	position: relative;
}

.vehicle-photo-grid ul.grid li>.buttons>*:is(:hover, :focus-visible) {
	background-color: var(--red);
	box-shadow: 0 0 0 1px #fff;
}

.vehicle-photo-grid ul.grid li>.buttons>*::after {
	display: none;
}

.vehicle-photo-grid ul.grid li>.buttons>.view {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23FFFFFF" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM184 296c0 13.3 10.7 24 24 24s24-10.7 24-24V232h64c13.3 0 24-10.7 24-24s-10.7-24-24-24H232V120c0-13.3-10.7-24-24-24s-24 10.7-24 24v64H120c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z"/></svg>');
}

.vehicle-photo-grid ul.grid li>.buttons>.delete {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/></svg>');
}

.vehicle-photo-grid ul.grid li>.buttons>.visibility {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23FFFFFF" d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/></svg>');
}

.vehicle-photo-grid ul.grid li>.buttons>.visibility.hidden {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2017%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Evector%2Feye-slash-white%3C%2Ftitle%3E%3Cg%20id%3D%22Application%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22Vehicles---Approved-Listing%22%20transform%3D%22translate(-423%2C%20-687)%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20id%3D%22Group-8%22%20transform%3D%22translate(249%2C%20434.25)%22%3E%3Cg%20id%3D%22Group-7-Copy-4%22%20transform%3D%22translate(129%2C%20170)%22%3E%3Cg%20id%3D%22Group-6%22%20transform%3D%22translate(11%2C%2077)%22%3E%3Cg%20id%3D%22Group-2%22%20transform%3D%22translate(30%2C%200)%22%3E%3Cpath%20d%3D%22M5.48515633%2C6.25449234%20C5.22109398%2C6.04628891%204.83769539%2C6.09453094%204.62949234%2C6.35859406%20C4.42128929%2C6.6226564%204.46953133%2C7.006055%204.73359367%2C7.21425766%20L19.7648437%2C18.9955077%20C20.0289068%2C19.2037103%2020.4123046%2C19.1554691%2020.620508%2C18.8914059%20C20.8287115%2C18.6273428%2020.7804687%2C18.243945%2020.5164071%2C18.0357416%20L17.8453115%2C15.943555%20C18.8507796%2C14.9126955%2019.5312496%2C13.757422%2019.8740231%2C12.9373052%20C19.9578118%2C12.7367194%2019.9578118%2C12.5132818%2019.8740231%2C12.3126956%20C19.4957021%2C11.4062504%2018.7009759%2C10.0859375%2017.5126949%2C8.98398453%20C16.3193356%2C7.87187469%2014.6765618%2C6.9375%2012.6249996%2C6.9375%20C10.8933591%2C6.9375%209.45117149%2C7.60527313%208.32636672%2C8.48124969%20L5.48515594%2C6.25449234%20L5.48515633%2C6.25449234%20Z%20M10.1646482%2C9.92089844%20C10.8121091%2C9.32929718%2011.6779296%2C8.96875%2012.6249996%2C8.96875%20C14.6435543%2C8.96875%2016.2812496%2C10.6064453%2016.2812496%2C12.625%20C16.2812496%2C13.2572264%2016.121289%2C13.8513669%2015.8394529%2C14.3693362%20L14.8593746%2C13.6025391%20C15.0726557%2C13.1125003%2015.1285154%2C12.5513673%2014.9812493%2C11.9953124%20C14.6994132%2C10.9416019%2013.7675777%2C10.2332028%2012.7316398%2C10.1900392%20C12.5843745%2C10.1849616%2012.4980457%2C10.3449222%2012.5437493%2C10.4871091%20C12.5970698%2C10.6496097%2012.6275381%2C10.8222656%2012.6275381%2C11.0025392%20C12.6275381%2C11.2615235%2012.5666007%2C11.5052737%2012.4599598%2C11.721094%20L10.1671863%2C9.92343765%20L10.1646482%2C9.92089844%20Z%20M13.9707027%2C16.0248045%20C13.5542966%2C16.1898436%2013.0998046%2C16.28125%2012.6249996%2C16.28125%20C10.6064449%2C16.28125%208.96874961%2C14.6435547%208.96874961%2C12.625%20C8.96874961%2C12.4498048%208.98144493%2C12.2796873%209.00429633%2C12.1121095%20L6.60996032%2C10.2255859%20C6.03105399%2C10.9796878%205.61718673%2C11.7312501%205.37597579%2C12.3126952%20C5.29218665%2C12.513281%205.29218665%2C12.7367186%205.37597579%2C12.9373044%20C5.75429633%2C13.84375%206.54902297%2C15.1640625%207.7373043%2C16.2660155%20C8.93066368%2C17.3781253%2010.573437%2C18.3125%2012.6249996%2C18.3125%20C13.8386712%2C18.3125%2014.9076166%2C17.9849611%2015.8292968%2C17.4873047%20L13.9707027%2C16.0248045%20Z%22%20id%3D%22vector%2Feye-slash-white%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-color: var(--red);
	box-shadow: 0 0 0 1px #fff;
}

.vehicle-photo-grid ul.grid li>.buttons>.visibility.hidden,
.vehicle-photo-grid ul.grid li:is(:hover, :focus-visible)>.buttons>* {
	opacity: 1;
	visibility: visible;
}


.photo-upload {
	display: flex;
	gap: 0.625em;
	margin-bottom: 2em;
}

.photo-upload input[type=file] {
	background-color: #FFF;
	border: 1px solid #DFDFDF;
	border-radius: .25em;
	padding: .5625em .75em;
	width: 100%;
}

.photo-upload button {
	background: #FFF;
	border: 2px solid var(--grey-3);
	color: #000;
	font-size: 0.875em;
	font-weight: 600;
	line-height: 2.86em;
	padding: 0 1.5em;
	border-radius: 2.86rem;
	text-align: center;
}

.autocomplete-wrapper {
	position: relative;
}

#clientOwnedInput .autocomplete-wrapper {
	margin-top: 1em;
}

.autocomplete-wrapper input {
	padding-right: 3em;
}

.autocomplete-wrapper .clear {
	background: url(/images/application/x.svg) no-repeat center;
	border: 0;
	bottom: 1px;
	height: 2.75rem;
	padding: 0;
	position: absolute;
	right: 0;
	width: 2.75rem;
	opacity: 0;
	pointer-events: none;
}

.autocomplete-wrapper .clear:after {
	display: none;
}

.autocomplete-wrapper .clear:is(:hover, :focus-visible) {
	background-color: transparent;
}

.autocomplete-wrapper .has-value+.clear {
	opacity: 1;
	pointer-events: all;
}

.autocomplete-wrapper ul {
	align-content: stretch;
	align-items: stretch;
	background: #fff;
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius);
	border-top: 0;
	display: none;
	margin: 0;
	max-height: 19.375em;
	overflow: auto;
	padding: 0.3125em;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.autocomplete-wrapper ul li {
	border-radius: 0.125em;
	cursor: pointer;
	padding: 0.25em 1em;
}

.autocomplete-wrapper ul li:is(:hover, :focus-visible) {
	background: rgba(0, 0, 0, 0.08);
}


/* SEARCH INPUT RIBBON ------------------------------ /
* - Search/Search results page
*/

.search {
	padding-block: clamp(2em, 0.909em + 5.45vw, 5em) clamp(1em, -5em + 30vw, 17.5em);
}

.search .search-form {
	padding-block: 0 2em;
	text-align: center;
}

.search .search-form h1 {
	margin: 0 0 .75em;
}

.search .search-form h1>span {
	text-decoration: underline;
	text-decoration-color: var(--red);
	text-decoration-thickness: 2px;
	text-underline-offset: 10px;
}

.search .search-form p {
	margin-inline: auto;
	max-width: 47em;
}

.search .search-form p:last-of-type {
	margin-bottom: 2em;
}

.search .search-form form {
	margin-inline: auto;
	max-width: 32.8125em;
	position: relative;
}

.search .search-form form > div {
	position: relative;
}

.search .search-form form label {
    display: block;
    font-size: var(--text-13);
    font-weight: 600;
    margin: 0 0 .25em;
}

.search .search-form input {
	background: #000;
	border: .125em solid #FFF;
	border-radius: 2em;
	color: #FFF;
	font-size: var(--text-12);
	padding: .8em 4.75em .8em 1.75em;
}

.search .search-form input:focus {
    border-color: var(--red);
}

.search .search-form input::placeholder {
    color: #FFF;
}

.search .search-form button {
    background: var(--red) url('/images/icons/search-white.svg') no-repeat center / auto 1em;
    border-radius: 0.1875em 1.9375em 1.9375em 0.1875em;
    top: 50%;
	transform: translateY(-50%);
    padding: 1.3em 1.9375em;
    position: absolute;
    right: .45em;
}

.search .search-form button::after {
	display: none;
}




/* SEARCH RESULTS RIBBON ------------------------------ /
* - Search/Search results page
*/

/* Results count: ----- */
.results-count {
	padding-block: 1.5em;
	position: relative;
	z-index: 0;
}

.results-count>span {
	background: var(--light-1);
	border: .125em solid var(--light-2);
	border-radius: .25em;
	box-shadow: inset 0 0 0 4px #FFF;
	display: table;
	font-size: var(--text-13);
	margin-inline: auto;
	padding: .9375em 1.5em;
	position: relative;
}

.results-count::before {
	border-top: .3125rem dashed var(--light-2);
	content: '';
	height: 0.25rem;
	inset: 0.25rem 0 auto 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}


/* Filters: ----- */
.results {
	position: relative;
}

.results .wrap>aside p {
	font-size: .875em;
	text-align: center;
}

.results .wrap>aside p>a {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

.results .filter-wrap[disable] {
	opacity: .25;
	pointer-events: none;
}

.results label {
	font-size: .875em;
}

.results select {
	margin: 0 0 1em;
	padding-block: .4645em
}

.results .filter-wrap .year {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 1em;
}

.results .filter-wrap .year label {
    width: 100%;
}

.results .filter-wrap .year input {
    width: calc(50% - 10px);
}

.results span.refine {
	display: block;
	font-size: .875em;
	margin: .75em 0 .5em;
}

.results .advanced {
	border: 1px solid var(--light-4);
	border-radius: .25em;
	overflow: hidden;
}

.results fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.results fieldset:not(:last-of-type) {
	border-bottom: 1px dashed var(--light-4);
}

.results fieldset legend {
	padding: 0;
	width: 100%;
}

.results fieldset button {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #000;
	font-size: .875em;
	font-weight: 400;
	justify-content: space-between;
	padding: .8em 1em;
	text-align: left;
	width: 100%;
}

.results fieldset button::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"/></svg>');
}

.results fieldset.expand button::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>');
}

.results fieldset>div {
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.results fieldset.expand>div {
	height: auto;
	padding: .25em 1em 1em 1.25em;
	visibility: visible;
}

.results .advanced label {
	cursor: pointer;
	display: block;
	padding: 0.25em 0 0.25em 1.65em;
	position: relative;
}

.results .advanced label [type=checkbox] {
	left: 0.25em;
	position: absolute;
	top: 0.4375em;
	margin: 0;
}


/* Pagination ----- */
.results .pagination {
	text-align: center;
}

.results .pagination nav {
	border: 2px solid var(--light-4);
	border-radius: 1.5625em;
	display: table;
	margin: clamp(3em, 2.045em + 4.77vw, 5.625em) auto 0;
	max-width: 100%;
	overflow: hidden;
}

.results .pagination .call-us {
	margin: clamp(3em, 2.045em + 4.77vw, 5.625em) auto 0;
}

.results .pagination nav ul {
	display: flex;
	margin: 0;
}

.results .pagination nav a {
	color: #000;
	display: block;
	text-decoration: none;
}

.results .pagination nav a:is(.first, .last, .prev, .next) {
	background: no-repeat center / auto 1em;
}

.results .pagination nav a.first {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M0 96C0 78.3 14.3 64 32 64s32 14.3 32 32l0 320c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 96zM137.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L237.3 224 416 224c17.7 0 32 14.3 32 32s-14.3 32-32 32l-178.7 0 73.4 73.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-128-128z"/></svg>');
}

.results .pagination nav a.last {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M448 96c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 320c0 17.7 14.3 32 32 32s32-14.3 32-32l0-320zM310.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l178.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"/></svg>');
}

.results .pagination nav a.prev {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>');
}

.results .pagination nav a.next {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23E60000" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>');
}

.results .pagination nav a:is(.prev, .next)[disable] {
	filter: grayscale(1);
	opacity: .42;
	pointer-events: none;
}

.results .pagination nav .on {
	background: #EFEFEF;
}

.results .pagination .call-us strong {
	display: block;
	font-size: var(--text-8);
	line-height: 1.2;
	margin: 0 0 .5em;
}

.results .pagination .call-us p:last-of-type {
	margin: 0;
}

.results .pagination .call-us p>a {
	color: #000;
}

.results .pagination .call-us p>a:last-of-type {
	text-decoration: underline;
	text-decoration-color: var(--red);
}




/* VEHICLE DESCRIPTION RIBBON ------------------------------ /
* - Vehicle page
*/

.description {
	padding-block: clamp(2em, 0.909em + 5.45vw, 5em) 2em;
}

.description .image {
	aspect-ratio: 1;
	line-height: 1;
	margin: 0 0 1em;
	overflow: hidden;
	width: 100%;
}

.description .image>img {
	border-radius: .25em;
	height: 100%;
	object-fit: cover;
	transition: all .5s ease;
	width: 100%;
}

.description .media {
	position: relative;
}

.description button.lightbox {
	aspect-ratio: 1;
	background: transparent;
	border: 0;
	border-radius: 0;
	inset: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
}

.description button.lightbox::before {
	aspect-ratio: 1;
	background: #000;
	border-radius: 50%;
	bottom: .6875em;
	content: '';
	position: absolute;
	right: .75em;
	transition: var(--transition);
	width: 1.625em;
}

.description button.lightbox::after {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23FFFFFF" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM184 296c0 13.3 10.7 24 24 24s24-10.7 24-24V232h64c13.3 0 24-10.7 24-24s-10.7-24-24-24H232V120c0-13.3-10.7-24-24-24s-24 10.7-24 24v64H120c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z"/></svg>') no-repeat center / auto .8125em;
	bottom: 1em;
	margin: 0;
	position: absolute;
	right: 1.05em;
}

.description .thumbnails {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: center;
}

.description .thumbnails[disable] {
	filter: grayscale(1);
	opacity: .5;
	pointer-events: none;
}

.description .thumbnails a {
	aspect-ratio: 1;
	line-height: 1;
}

.description .thumbnails a>img {
	border: 1px solid transparent;
	border-radius: .25em;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.description .thumbnails a.active>img {
	border-color: #000;
}

.description h1>span {
	color: var(--red);
	display: block;
	font-size: .875rem;
	line-height: 1;
}

.description .buttons .button {
	font-size: 1em;
	margin: .5em .875em 0 0;
	padding-block: .6875em;
}

.description .buttons .button .white {
	border: 1px solid var(--light-4);
}

.description .buttons .button.black {
	border-color: #000;
}

.description .details {
	display: flex;
}

.description .details>div>span {
	display: block;
	font-weight: 700;
	margin: 0 0 .9375em;
}

.description .details>div:nth-child(3)>span:first-child {
	margin: 0;
}

.description .details>div>span>i {
	color: #666;
	display: block;
	font-size: .875em;
	font-weight: 400;
}




/* LEASE THIS VEHICLE RIBBON ------------------------------ /
* - Vehicle page
*/

.lease-form {
	padding-block: 2.5em clamp(5.5em, 1.136em + 21.82vw, 17.5em);
	position: relative;
	text-align: center;
}

.lease-form .wrap>div {
	background: #FFF;
	border: 1px dashed var(--light-4);
	border-radius: .25em;
	padding: 3em clamp(1.5em, -4.75em + 13.33vw, 5.25em) 3.5em;
}

.lease-form h2 {
	font-size: var(--text-7);
	text-align: center;
}

.lease-form p {
	margin: 0;
	text-align: center;
}

.lease-form :where(button, .button) {
	margin: 2em auto 0;
}

.lease-form form {
	margin-top: 3em;
}

.lease-form .form-flex>div:not(:last-of-type) {
	margin: 0 0 1em;
}

.lease-form label {
	color: #333;
	font-size: .875em;
	text-align: left;
}

.lease-form label>span {
	color: var(--red);
}

.lease-form :is(input, textarea) {
	color: #333;
	line-height: 1.31;
	padding-block: .5325em;
}

.lease-form .form-error {
	text-align: left;
}






/* APPLICATION LOGIN ------------------------------ */
.application-login {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	min-width: 751px;
}

.application-login main {
	background: #F4F6F7;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex: 1 1 auto;
	padding: 1.25em;
}

.application-login main:before,
.application-login main:after {
	display: none;
}

.application-login .wrap {
	max-width: 26.625em;
	text-align: center;
	padding: 0;
}

.application-login h1 {
	font-size: clamp(1.5rem, 1.304rem + 0.98vw, 2.188rem);
	font-family: 'Poppins';
	font-weight: 700;
}

.application-login form {
	background: #fff;
	border-radius: 0.25em;
	padding: clamp(1.25rem, 0.839rem + 2.05vw, 2.688rem) clamp(1.25rem, 0.607rem + 3.21vw, 3.5rem) clamp(1.875rem, 1.161rem + 3.57vw, 4.375rem);
	text-align: left;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0.75em 2.125em 0 rgba(0, 0, 0, 0.12);
	margin-top: 1.875em;
}

.application-login form label+label {
	margin: 0.5em 0 0.125em;
}

.application-login form .submit {
	width: 100%;
	margin-top: 1.25em;
	text-align: center;
}

.application-login footer {
	font-size: 0.75em;
	padding: 1.5em;
	text-align: center;
}

.application-login footer:before {
	display: none;
}





/* FEEDBACK STATUS ------------------------------ */
:is(.feedback-status-stay, .feedback-status) {
	align-items: center;
	background: var(--red);
	bottom: 0;
	color: #fff;
	display: flex;
	gap: 0.5em;
	justify-content: center;
	left: 0;
	opacity: 0;
	padding: 0.5em;
	pointer-events: none;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 99999999;

}

.feedback-status {
	animation: feedbackStatus 2s forwards;
	animation-delay: 0.25s;
}

.feedback-status-stay {
	animation: fadein 1s forwards;
}

.feedback-status-stay.off {
	animation: fadeout 1s forwards;
}

:is(.feedback-status-stay, .feedback-status) .check-icon {
	background: url(/images/application/icon-red-check.svg) no-repeat center;
	filter: grayscale(100) brightness(100);
	height: 1.25rem;
	width: 1.25rem;
}

:is(.feedback-status-stay, .feedback-status) .check-alert {
	background: url(/images/application/table-icon-pending.svg) no-repeat center;
	filter: grayscale(100) brightness(100);
	height: 1.25rem;
	width: 1.25rem;
}

:is(.feedback-status-stay, .feedback-status) .loading-icon {
	animation: s1 1s infinite;
	border: 4px solid;
	border-color: #fff #0000;
	border-radius: 50%;
	height: 1.25rem;
	opacity: 0.75;
	width: 1.25rem;
}

@keyframes feedbackStatus {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 0.85
	}

	75% {
		opacity: 0.85
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeout {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes s1 {
	to {
		transform: rotate(.5turn)
	}
}





/* --------~~~~~~~~======= STYLE.CSS ========~~~~~~~~-------- */