@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css'; .s-s[b-zgl25ccjg3] { text-align: center; background: var(--darker-05); padding: 5rem 2rem; border-radius: 2rem; height: 100%; } h2[b-zgl25ccjg3] { text-wrap: balance; } h3[b-zgl25ccjg3]{ font-weight:700; line-height:1.2; } a[b-zgl25ccjg3] { color:var(--darker-80); text-decoration:underline; font-weight:400; } p[b-zgl25ccjg3]{ margin-inline:auto; } .im[b-zgl25ccjg3] { max-width: 420px; width: 100%; height: auto; } h5 span[b-zgl25ccjg3] { color: var(--orange-1); } .s-s h2[b-zgl25ccjg3] { font-weight:700; } .s-s span[b-zgl25ccjg3]{ color:var(--black); font-weight:700; } .s-s svg[b-zgl25ccjg3] { margin-bottom: 1rem; } .vehicle-add-photos-container[b-2b5e6o95ld] { overflow: auto; flex-wrap: nowrap; flex-direction: row; scroll-snap-type: inline mandatory; padding-bottom: 1rem; padding-top: .5rem; max-width: 50rem; margin-inline: auto; scroll-margin-top: 6rem; } .vehicle-add-photos-container .image-container[b-2b5e6o95ld] { scroll-margin-top: 6rem; scroll-snap-align: center; scroll-snap-type: x mandatory; scroll-padding-inline: 1rem; scroll-snap-stop: always; } .vehicle-add-photos-container .col-auto:not(:last-of-type)[b-2b5e6o95ld] { margin-right: 1.5rem; } .vehicle-add-photos-container .vehicle-image:not(:first-child)[b-2b5e6o95ld] { margin-left: 1rem; } .q[b-iuk1mwp56y] { border-radius: 2rem; overflow: hidden; max-width: 70rem; margin-inline: auto; margin-bottom: 4rem; box-shadow: 0px 0px 20px 20px var(--darker-10); } strong[b-iuk1mwp56y]{ font-weight:400; } .q .col[b-iuk1mwp56y]{ align-content:center; } .q h2[b-iuk1mwp56y] { margin-bottom: 1rem; text-wrap:balance; } .q p[b-iuk1mwp56y]{ margin:1rem 0 0 0; } .q ul[b-iuk1mwp56y] { color: var(--black); padding-left: 1rem; margin-bottom: 0; } .q li:not(:last-of-type)[b-iuk1mwp56y] { margin-bottom: .5rem; } .q img[b-iuk1mwp56y] { width: 100%; object-fit: cover; } .gg[b-cyhfungi07] { background: var(--darker-05); border-radius: 2rem; padding: 3rem; } b[b-cyhfungi07], strong[b-cyhfungi07]{ font-weight:400; } .gg h3[b-cyhfungi07] { } .gg p[b-cyhfungi07] { line-height: 1.7; } .gg h3:not(:first-of-type)[b-cyhfungi07] { margin-top: 2rem; } li[b-cyhfungi07] { margin-bottom: .5rem; } li a[b-cyhfungi07] { font-weight: 500; color: var(--orange-1); } li[b-cyhfungi07]::marker { color: var(--black); } #start[b-d42ywemhcv] { background: radial-gradient(31.94% 68.31% at 69.04% 52.46%, rgba(244, 102, 1, 0.15) 0%, rgba(0, 0, 0, 0) 100%), var(--darker-05); } [b-d42ywemhcv] .scroll-fade { --bg-color: var(--darker-05); } h1[b-d42ywemhcv] { line-height: 1.1; text-wrap: balance; } h5[b-d42ywemhcv] { text-wrap: balance; } b[b-d42ywemhcv]{ font-weight:400; } @media (min-width: 0) { #start[b-d42ywemhcv] { background: linear-gradient(to bottom, rgb(244 102 1 / 50%) 0%, rgba(0, 0, 0, 0) 70%), var(--darker-05); min-height: var(--body-content-height); } } @media (min-width: 576px) { [b-d42ywemhcv] .scroll-fade { --bg-color: var(--darker-05) !important; } #start[b-d42ywemhcv] { background: radial-gradient(32.94% 68.31% at 71.04% 26.46%, rgba(244, 102, 1, 0.15) 0%, rgba(0, 0, 0, 0) 100%), var(--darker-05); min-height: var(--body-content-height); } } img[b-r54fosxxpo]{ filter:grayscale(1); transition:all ease-in-out 200ms; } img:hover[b-r54fosxxpo] { filter: grayscale(0); } strong[b-r54fosxxpo]{ font-weight:400; } .s-s[b-0sonkf9h6f] { text-align: center; background: var(--darker-05); padding: 5rem 1rem; border-radius: 2rem; height: 100%; } p[b-0sonkf9h6f] { margin-inline: auto; } h6[b-0sonkf9h6f]{ font-weight:400; } .s-s h5[b-0sonkf9h6f] { } .s-s svg[b-0sonkf9h6f] { margin-bottom: 1rem; } img[b-0sonkf9h6f]{ max-width:500px; width:100%; } strong[b-0sonkf9h6f]{ font-weight:400; } .tab-container[b-n16lsv5f4r] { position: relative; width: 100%; margin-bottom: 1rem; background: var(--darker-10); border-radius: 8px; } .tab-header[b-n16lsv5f4r] { display: flex; position: relative; } .tab-btn[b-n16lsv5f4r] { flex: 1; padding: 10px 13px; background: none; border: none; cursor: pointer; font-size: 1rem; transition: color 0.3s ease; position: relative; z-index: 2; color: var(--darker-30); text-transform: uppercase; font-style: italic; } .tab-btn:focus[b-n16lsv5f4r] { box-shadow:unset !important; } .tab-btn.active[b-n16lsv5f4r] { font-weight: 600; color: vaR(--black); } .tab-slider[b-n16lsv5f4r] { position: absolute; bottom: 0; left: 0; width: 40%; height: 4px; background: var(--orange-1); transition: transform 0.3s ease-in-out; border-radius: 1rem 1rem 0 0; } .content .tab-contents[b-n16lsv5f4r] { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; } .content .tab-contents.active[b-n16lsv5f4r] { display: block; opacity: 1; } .tab-contents h6[b-n16lsv5f4r]{ margin-bottom:.5rem; } .tab-contents ul[b-n16lsv5f4r] { margin-bottom: 1rem; } ul[b-n16lsv5f4r] { margin:0; } ul li[b-n16lsv5f4r] { color: var(--black); font-size: 14px; display: flex; gap: .25rem; margin-bottom: .5rem; font-weight: 400; line-height:1.2; } ul li img[b-n16lsv5f4r] { width:16px; height:16px; max-width:18px; max-height:18px; } ul li svg path[b-n16lsv5f4r] { stroke-width:4px; } .mj h6 span[b-n16lsv5f4r] { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: .5rem; } .mj p[b-n16lsv5f4r] { font-size: 14px; color: var(--darker-70); margin: 1rem 0 0 0; max-width: unset; } .gg[b-n16lsv5f4r] { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 1rem; } .gg h5[b-n16lsv5f4r] { min-height: 32px; } .gg .content[b-n16lsv5f4r] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease-in-out, padding-block .25s ease-in-out; overflow: hidden; } .gg .owl[b-n16lsv5f4r] { position: absolute; right: -3rem; height: 164px; width: 180px; top: 6rem; } details summary[b-n16lsv5f4r] { list-style: none; cursor: pointer; } details summary[b-n16lsv5f4r]::-webkit-details-marker { display: none; } details[open] .content[b-n16lsv5f4r] { grid-template-rows: 1fr; } details[open] .owl[b-n16lsv5f4r] { animation: owlWaddle-b-n16lsv5f4r 1s linear forwards; animation-delay: 350ms; } @keyframes owlWaddle-b-n16lsv5f4r { 0% { right: -100%; transform: rotate(0deg); } 16% { transform: rotate(6deg); } 32% { transform: rotate(0deg); } 48% { transform: rotate(6deg); } 64% { transform: rotate(0deg); } 80% { transform: rotate(6deg); } 100% { right: -4rem; transform: rotate(0); } } @media (min-width: 320px) { .gg .owl[b-n16lsv5f4r] { right: -61%; } @keyframes owlWaddle-b-n16lsv5f4r { 0% { right: -58%; transform: rotate(0deg); } 16% { transform: rotate(6deg); } 32% { transform: rotate(0deg); } 48% { transform: rotate(6deg); } 64% { transform: rotate(0deg); } 80% { transform: rotate(6deg); } 100% { right: -5rem; transform: rotate(0); } } } @media (min-width: 425px) { .gg .owl[b-n16lsv5f4r] { right: -64%; width: 220px; height: 209px; top: 4.5rem; } @keyframes owlWaddle-b-n16lsv5f4r { 0% { right: -64%; transform: rotate(0deg); } 16% { transform: rotate(6deg); } 32% { transform: rotate(0deg); } 48% { transform: rotate(6deg); } 64% { transform: rotate(0deg); } 80% { transform: rotate(6deg); } 100% { right: -3.75rem; transform: rotate(0); } } } @media (min-width: 30rem) { .gg .owl[b-n16lsv5f4r] { right: -54%; width: 230px; height: 219px; top: 5rem; } @keyframes owlWaddle-b-n16lsv5f4r { 0% { right: -52%; transform: rotate(0deg); } 16% { transform: rotate(6deg); } 32% { transform: rotate(0deg); } 48% { transform: rotate(6deg); } 64% { transform: rotate(0deg); } 80% { transform: rotate(6deg); } 100% { right: -.5rem; transform: rotate(0); } } } #start[b-m1szxghx1g] { background: radial-gradient(31.94% 68.31% at 69.04% 52.46%, rgba(244, 102, 1, 0.15) 0%, rgba(0, 0, 0, 0) 100%), var(--darker-05); } #start .input-parent[b-m1szxghx1g] { max-width: 36rem; } [b-m1szxghx1g] .btn { text-shadow: unset; font-weight:600; } [b-m1szxghx1g] .login-form { max-width: unset; } [b-m1szxghx1g] .scroll-fade { --bg-color: var(--darker-05); } h1[b-m1szxghx1g] { line-height: 1.1; text-wrap: balance; font-weight: 700; } h5[b-m1szxghx1g] { text-wrap: balance; } h5 b[b-m1szxghx1g] { font-weight: 400 !important; } .m[b-m1szxghx1g] { align-items: center; gap: 1.5rem; margin-bottom: 1rem; } .m h6[b-m1szxghx1g] { color: var(--darker-60); margin: 0; } .bfr[b-m1szxghx1g] { width: 100%; height: auto; max-width: 500px; } .m svg[b-m1szxghx1g] { height: auto; } .m:last-child[b-m1szxghx1g] { margin: 0; } [b-m1szxghx1g] .scroll-fade{ --bg-color:var(--white); } #start[b-m1szxghx1g] .scroll-fade { --bg-color: var(--darker-05); } .s-s[b-m1szxghx1g] { text-align: center; background: var(--darker-05); padding: 5rem 1rem; border-radius: 2rem; height: 100%; } .s-s svg[b-m1szxghx1g] { margin-bottom: 1rem; } @keyframes scroll-animation-b-m1szxghx1g { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @media (min-width: 0) { .m svg[b-m1szxghx1g] { min-width: 52px; max-width: 52px; height: auto; } #start[b-m1szxghx1g] { background: linear-gradient(to bottom, rgb(244 102 1 / 50%) 0%, rgba(0, 0, 0, 0) 70%), var(--darker-05); min-height: var(--body-content-height); } } @media (min-width: 576px) { .m svg[b-m1szxghx1g] { max-width: 64px; height: auto; } #start[b-m1szxghx1g] { background: radial-gradient(32.94% 68.31% at 71.04% 26.46%, rgba(244, 102, 1, 0.15) 0%, rgba(0, 0, 0, 0) 100%), var(--darker-05); min-height: unset; } } .s-s[b-vcllttf7al] { text-align: center; background: var(--darker-05); padding: 5rem 1rem; border-radius: 2rem; height: 100%; } .s-s h3[b-vcllttf7al] { font-size:1.35rem; } .s-s svg[b-vcllttf7al] { margin-bottom: 1rem; } p[b-vcllttf7al] { margin-inline: auto; } img[b-vcllttf7al]{ max-width:500px; width:100%; } .s-s[b-q9to4nzpqv] { text-align: center; background: var(--darker-05); padding: 5rem 2rem; border-radius: 2rem; height: 100%; } h2[b-q9to4nzpqv] { text-wrap: balance; } h3[b-q9to4nzpqv]{ font-size:1.35rem; } p[b-q9to4nzpqv]{ } .im[b-q9to4nzpqv] { max-width: 300px; width: 100%; height: auto; } h5 span[b-q9to4nzpqv] { color: var(--orange-1); } .s-s h2[b-q9to4nzpqv] { font-weight:700; } .s-s span[b-q9to4nzpqv]{ color:var(--black); font-weight:700; } .s-s svg[b-q9to4nzpqv] { margin-bottom: 1rem; } p[b-kzmllvelcw] { max-width: 55ch; line-height: 1.65; } p:not(:last-of-type)[b-kzmllvelcw] { margin-bottom: 1.5rem; } h2[b-kzmllvelcw] { text-wrap: balance; } svg[b-kzmllvelcw]{ position:absolute; bottom:2rem; right:1rem; width:100%; } ul[b-kzmllvelcw]{ padding-left:0rem; list-style:none; } li[b-kzmllvelcw]{ color:var(--black); margin-bottom:1rem; } @media (min-width: 0) { svg[b-kzmllvelcw] { bottom: unset; top: -10rem; left: 2rem; transform: scaleX(-1); max-width: 180px; } } @media (min-width: 576px) { svg[b-kzmllvelcw] { right: 3rem; } } @media (min-width: 768px) { svg[b-kzmllvelcw] { } } @media (min-width: 992px) { svg[b-kzmllvelcw] { top: unset; bottom: 6rem; left: unset; right: 6rem; width: 35vw; max-width: 450px; transform: scaleX(1); height: auto; } .col-auto[b-kzmllvelcw] { padding-left: 5rem !important; } } p[b-hoqs385oos]{ max-width:55ch; margin-inline:auto; line-height:1.65; } p:not(:last-of-type)[b-hoqs385oos] { margin-bottom: 1.5rem; } h2[b-hoqs385oos]{ text-wrap:balance; } .s-s[b-55scjhha7n] { text-align: center; background: var(--darker-05); padding-inline: 2rem; border-radius: 2rem; display:flex; align-items:center; justify-content:center; min-height:410px; } h5 span[b-55scjhha7n] { color: var(--orange-1); } h3[b-55scjhha7n]{ margin-top:1rem; } p[b-55scjhha7n]{ margin-bottom:2rem; } .s-s span[b-55scjhha7n] { position: absolute; top: 1rem; left: 2rem; background: var(--white); color: var(--black); border-radius: 50%; width: 48px; height: 48px; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; font-weight:700; } .s-s img[b-55scjhha7n]{ max-width:200px; margin-top:auto; } .b svg[b-66q4602lm7]{ min-width:40px; min-height:40px; } .b .w[b-66q4602lm7] { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; } .b p[b-66q4602lm7] { max-width:unset; } .s-s[b-66q4602lm7]{ text-align:center; background:var(--darker-05); padding:5rem 1rem; border-radius:2rem; height:100%; } .s-s svg[b-66q4602lm7] { margin-bottom:1rem; } h2[b-bmy1u24lv4] { font-size: 1.3rem; letter-spacing: -1px; } p[b-bmy1u24lv4]{ line-height:1.9; } .url-splitter[b-bmy1u24lv4]{ background:unset; } .seo-content[b-bmy1u24lv4]{ margin-bottom:3rem; } .b svg[b-bmy1u24lv4] { min-width: 40px; min-height: 40px; } .b .w[b-bmy1u24lv4] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; } .b p[b-bmy1u24lv4] { max-width: unset; } #journey[b-bmy1u24lv4] { background: var(--darker-10); z-index: 2; } @media (min-width: 0) { #journey[b-bmy1u24lv4] { top: unset; position: fixed; bottom: 0; left: 0; padding: 1rem; } } @media (min-width: 375px) { } @media (min-width: 576px) { } @media (min-width: 768px) { #journey[b-bmy1u24lv4] { top: calc(var(--nav-bar-height) + 2rem); position: sticky; border-radius: 1rem; padding: 0; } } .seo-content[b-gxu9bhonxn]{ margin-block:3rem; } .seo-content p[b-gxu9bhonxn] { line-height: 1.7; max-width: 30ch; line-height: 1.9; } .testimonials[b-jqvv9724ah] { margin-top: 1rem; overflow: auto; flex-wrap: nowrap; flex-direction: row; scroll-snap-type: inline mandatory; padding-block: 1rem; margin-inline: auto; position: relative; } .seller-testimonial[b-jqvv9724ah] { text-align: center; padding: 0rem; border-radius: 2rem; background-position: center; scroll-snap-align: center; scroll-snap-type: x mandatory; scroll-padding-inline: 1rem; scroll-snap-stop: always; filter: saturate(1.25); overflow: hidden; margin-right: 1rem; position: relative; min-height: 180px; min-width: 70%; max-width: 400px; margin-block: auto; opacity: 0.25; transition: all ease-in-out 250ms; } .seller-testimonial.focused[b-jqvv9724ah] { opacity: 1; z-index: 2; } .seller-testimonial:first-child[b-jqvv9724ah] { margin-left: 2rem; } .seller-testimonial:last-child[b-jqvv9724ah] { margin-right: 2rem; } .seller-testimonial .testimonial-content[b-jqvv9724ah] { margin-top: auto; padding-block: .5rem; text-align: center; margin-bottom: 0 !important; backdrop-filter: blur(3px); background-color: rgb(0 0 0 /10%); display: flex; align-items: center; justify-content: center; } .seller-testimonial .name[b-jqvv9724ah] { font-size: 1.4rem; font-weight: 400; color: var(--orange-2); text-shadow: -1px 1px 1px rgb(0 0 0 / 70%); text-align: center; margin-bottom: 0 !important; display: flex; align-items: center; justify-content: center; line-height: .8; } .seller-testimonial .stars[b-jqvv9724ah] { margin-left: .5rem; width: auto; height: 14px; object-fit: scale-down; text-align: center; } .seller-testimonial .car[b-jqvv9724ah] { width: 100%; max-width: 200px; height: auto; object-fit: scale-down; text-align: center; margin-top: 0; border-radius: .5rem; position: absolute; top: 0; left: 0; } .seller-testimonial .testimonial[b-jqvv9724ah] { width: 100%; height: auto; max-width: 320px; position: relative; color: rgb(174 174 174); padding: 1rem; font-size: 14px; font-style: italic; margin-inline: auto; text-align: left; } @media (min-width: 0) { .seller-testimonial[b-jqvv9724ah] { margin-right: 1rem; min-width: 250px; max-width: 250px; } } @media (min-width: 375px) { .seller-testimonial[b-jqvv9724ah] { margin-right: 1rem; min-width: 300px; max-width: 300px; } } @media (min-width: 375px) { .seller-testimonial[b-jqvv9724ah] { margin-right: 1rem; min-width: 330px; max-width: 330px; } } @media (min-width: 576px) { .seller-testimonial[b-jqvv9724ah] { margin-right: 4.5rem; min-width: 450px; max-width: 450px; } } @media (min-width: 992px) { .seller-testimonial[b-jqvv9724ah] { margin-right: 7rem; min-width: 750px; max-width: 750px; } } @media (min-width: 1921px) { .seller-testimonial[b-jqvv9724ah] { margin-right: 7rem; min-width: 1000px; max-width: 1000px; } } .custom-switch[b-z2kkosx370] { width: 60px; height: 30px; background-color: #ccc; border-radius: 15px; position: relative; cursor: pointer; transition: background-color 0.3s; } .custom-switch.switch-on[b-z2kkosx370] { background-color: #4caf50; } .custom-switch.switch-off[b-z2kkosx370] { background-color: #ccc; } .switch-handle[b-z2kkosx370] { width: 28px; height: 28px; background-color: #fff; border-radius: 50%; position: absolute; top: 1px; left: 1px; transition: left 0.3s; } .custom-switch.switch-on .switch-handle[b-z2kkosx370] { left: 31px; } .slider-container[b-9le66173v0] { position: relative; width: 100%; margin: 20px 0; } .slider-label[b-9le66173v0] { font-weight: bold; margin-bottom: 10px; text-align: center; } .slider-track[b-9le66173v0] { position: relative; height: 6px; background-color: #ddd; border-radius: 5px; margin-top: 20px; } .slider-range[b-9le66173v0] { position: absolute; height: 100%; background-color: #007bff; border-radius: 5px; } .slider-input[b-9le66173v0] { -webkit-appearance: none; appearance: none; width: 100%; background: none; position: absolute; top: 0; left: 0; margin: 0; pointer-events: none; } .slider-input[b-9le66173v0]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; pointer-events: auto; width: 20px; height: 20px; border-radius: 50%; background-color: #007bff; cursor: pointer; position: relative; z-index: 2; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .slider-input[b-9le66173v0]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background-color: #007bff; cursor: pointer; position: relative; z-index: 2; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .slider-input[b-9le66173v0]::-webkit-slider-runnable-track { height: 0; } .slider-min[b-9le66173v0] { z-index: 3; } .slider-max[b-9le66173v0] { z-index: 2; } .slider-range[b-9le66173v0] { z-index: 1; } .btn-group[b-e96v6mbzdx] { background-color: var(--white); border-radius: 50rem !important; padding:.25rem; gap:.25rem; } .btn-group .btn[b-e96v6mbzdx] { padding: .4rem 1.5rem; border: 0; color: var(--black); background-color: var(--white); border-radius: 50rem !important; font-size: 14px; transition: all 200ms ease-in-out !important; } .btn-group .btn:not(.active):hover[b-e96v6mbzdx] { box-shadow: 0 0 6px 2px var(--orange-1) !important; } .btn-group .btn:is(:focus,:active)[b-e96v6mbzdx] { border-color: var(--orange-1) !important; box-shadow: 0 0 0px 1px #f4660185 !important; background-color: var(--darker-10) !important; color: var(--black) !important; } .btn-group .btn.active[b-e96v6mbzdx] { background-color: var(--darker-10) !important; box-shadow: 0 0 0px 1px #f4660185 !important; color: var(--black); font-weight: 700; } .btn-group .btn.active :is(:focus,:active)[b-e96v6mbzdx] { border-color: var(--orange-1) !important; box-shadow: 0 0 0 0.2rem var(--orange-1) !important; } .btn-group .btn.active:hover[b-e96v6mbzdx] { box-shadow:unset; } .btn:disabled[b-e96v6mbzdx]{ color:black !important; background:var(--orange-1) !important; } .vehicle-component[b-cjgja7i6ym] { overflow: hidden; opacity:0; animation: opacity-load 250ms cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards; max-width: 372px; scroll-snap-align: center; scroll-snap-type: x mandatory; scroll-padding-inline: 1rem; scroll-snap-stop: always; border-radius: 1rem; box-shadow: 0 0px 10px 2px var(--darker-20); } .vehicle-component :is(.deluxe-animation, .pro)[b-cjgja7i6ym] { position: absolute; top: 1rem; left: 1rem; } .vehicle-component:not(:last-of-type)[b-cjgja7i6ym] { margin-bottom: 1rem; } .vehicle-component .vehicle-summary[b-cjgja7i6ym] { border-top-left-radius: 0; border-top-right-radius: 0; animation: unset; opacity: 1; border: 1px solid var(--darker-15); } .vehicle-component:hover[b-cjgja7i6ym] { } .vehicle-component .vehicle-image[b-cjgja7i6ym] { margin-bottom: 0.5rem; position: relative; min-height: 273px; max-height: 273px; overflow: hidden; margin-bottom: 0; margin-inline: auto; border-radius: 0; background-color: var(--darker-05); } .bookmark-listing-button[b-cjgja7i6ym] { font-size: 1rem; padding: 0; border-radius: 50rem !important; padding: .5rem; text-align: center; display: flex; align-items: center; justify-content: center; background-color: var(--lighter-t-50); } .bookmark-listing-button:focus[b-cjgja7i6ym] { box-shadow: none; } .bookmark-listing-button span[b-cjgja7i6ym] { color: #eb0000; font-size: 2rem; padding-right: 0; display: block; font-weight: 300; } .new-offers[b-cjgja7i6ym] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--lighter-t-50); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; cursor: pointer; } .new-offers h4[b-cjgja7i6ym] { } .vehicle-component .vehicle-summary[b-cjgja7i6ym] { } .vehicle-component .vehicle-image img[b-cjgja7i6ym] { object-fit: cover; width: 100%; height: 100%; filter: saturate(2); } .vehicle-component .vehicle-image .brand-icon[b-cjgja7i6ym] { padding-top: 1rem; padding-bottom: 1rem; display: flex; text-align: center; align-items: center; justify-content: center; height: 100%; background: radial-gradient(var(--white), var(--darker-07)); } .vehicle-component .vehicle-image .brand-icon img[b-cjgja7i6ym] { max-width: 150px; object-fit: contain; opacity: .5; } .vehicle-component .status[b-cjgja7i6ym] { color: var(--grey-3); font-size: 0.8rem; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vehicle-component.expired .status[b-cjgja7i6ym] { color: var(--red); } .vehicle-component.acceptingoffers .status[b-cjgja7i6ym] { color: var(--success); } .vehicle-component .awaiting-valuation[b-cjgja7i6ym] { color: var(--orange-1); font-size: 1rem; } .vehicle-component .stats[b-cjgja7i6ym] { } .vehicle-component .buttons[b-cjgja7i6ym] { text-align: center; display: flex; justify-content: center; align-items: center; gap: .5rem; } .vehicle-component .buttons[b-cjgja7i6ym] { text-align: center; display: flex; justify-content: center; align-items: center; gap: .5rem; } .vehicle-component .buttons .btn[b-cjgja7i6ym] { font-size: 1.2rem; width: 100%; } .vehicle-component .new-offers[b-cjgja7i6ym] { padding-inline: 0.2rem; } .vehicle-component .buttons .delete[b-cjgja7i6ym] { font-size: 1rem; min-height: 36px; } .vehicle-component .vehicle-location[b-cjgja7i6ym] { position: absolute; color: white; text-shadow: 1px 1px black; top: 0; left: 0; border-top-left-radius: 0.3rem; text-shadow: 1px 1px black; background-color: black; background-color: rgba(0,0,0,0.5); padding-inline: 1rem; padding-block: 0.1rem; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; font-size: 13px; } .vehicle-component .vehicle-location a[b-cjgja7i6ym] { color: white; text-shadow: 1px 1px black; font-weight: 500; } .vehicle-component .saved[b-cjgja7i6ym] { position: absolute; height: 3rem; width: 3rem; top: 1rem; right: 1rem; background-color: var(--lighter-t-50); backdrop-filter: blur(3px); color: #eb0000; border: 0; display: flex; align-items: center; justify-content: center; border-radius: 50rem; overflow: hidden; } .vehicle-component .saved:focus-within[b-cjgja7i6ym] { outline: none; } .vehicle-component .saved span[b-cjgja7i6ym] { font-size: 2rem; } @media (min-width: 0) { .vehicle-component[b-cjgja7i6ym] { margin-inline: auto; cursor: pointer; } .vehicle-component .vehicle-image a:hover[b-cjgja7i6ym] { box-shadow: unset !important; } } @media (min-width: 768px) { .vehicle-component[b-cjgja7i6ym] { margin-inline: unset; min-width: 350px; } .vehicle-component .vehicle-image[b-cjgja7i6ym] { min-width: 100%; min-height: 273px; overflow: hidden; } } .vfc[b-1umreyb49x] { } .vfc:not(:last-of-type)[b-1umreyb49x] { margin-bottom: 1rem; } .vfc h6[b-1umreyb49x] { color: var(--darker-80); font-size: 1.2rem; } .btn-group-toggle .btn-outline-light[b-ucqw36y8yb] { border-color: var(--darker-40) !important; border-width: 2px; padding: 1rem 1.5rem; color: var(--darker-60) !important; display:flex; align-items:center; justify-content:center; } .btn-group-toggle .btn-outline-light:not(.active):hover[b-ucqw36y8yb] { color: var(--black) !important; border-color: var(--darker-30) !important; background-color: var(--darker-30) !important; } .btn-group-toggle .btn-outline-light.active[b-ucqw36y8yb] { border-color: var(--black) !important; color: var(--white) !important; background-color: var(--black) !important; } .btn-group-toggle[b-ucqw36y8yb] { gap: 1rem; display: grid; grid-template-columns: repeat(2, 1fr); } .th-col[b-ucqw36y8yb] { grid-template-columns: repeat(3, 1fr); } .filter-panel[b-ucqw36y8yb] { max-width: 32rem; } .mm .form-control[b-ucqw36y8yb]{ padding:.75rem; background-color:var(--darker-10); } .filter-panel h6[b-ucqw36y8yb] { margin-bottom: .5rem; } .filter-panel .row[b-ucqw36y8yb] { } .filter-panel .card[b-ucqw36y8yb] { background-color: transparent; } .filter-panel .card .card-header[b-ucqw36y8yb] { background-color: transparent; border: 0; display: flex; align-items: center; background-color: transparent !important; } .filter-panel .card .card-header label[b-ucqw36y8yb] { cursor: pointer; color: var(--dark-1) !important; display: flex; align-items: center; justify-content: space-between; font-size: 1.3rem; padding-block: 0; } .filter-panel .card .card-header label label[b-ucqw36y8yb] { cursor: pointer; color: var(--grey-3) !important; font-size: 1rem; margin: 0; } .filter-panel .card .card-body[b-ucqw36y8yb] { background-color: transparent !important; } .vehicle-offer[b-0j230a3iyx] { margin-inline: 0; border-radius: .5rem; position: relative; } .offers .vehicle-offer:not(:last-of-type)[b-0j230a3iyx] { margin-bottom: .25rem; } .vehicle-offer.is-deluxe[b-0j230a3iyx] { border-color: transparent; } .vehicle-offer.expanded[b-0j230a3iyx] { border-color: var(--darker-15); } .vehicle-offer.is-deluxe.expanded[b-0j230a3iyx] { border-color: transparent; } .vehicle-offer.is-deluxe h4 a[b-0j230a3iyx] { color: white; } .vehicle-offer.new-offer[b-0j230a3iyx] { position: relative; } .vehicle-offer.new-offer[b-0j230a3iyx]::after { position: absolute; top: 13px; left: -40px; font-size: .8rem; rotate: -45deg; content: 'New'; background-color: #ffee00; border-bottom-right-radius: 1rem; color: #010018; padding-inline: 3rem; font-weight: 800; text-transform: uppercase; font-family: var(--poppins-font); } .vehicle-offer:not(:last-of-type)[b-0j230a3iyx] { margin-bottom: .5rem; } .vehicle-offer.is-users[b-0j230a3iyx] { position: relative; } .vehicle-offer.accepted[b-0j230a3iyx] { } .vehicle-offer.accepted > .offer-price > .content > label[b-0j230a3iyx] { } .vehicle-offer > .offer-price[b-0j230a3iyx] { min-width: 155px; } .vehicle-offer > .offer-price > label[b-0j230a3iyx] { color: #5ACF33; font-weight: 800; font-size: 3.5rem; display: block; } .vehicle-offer:is(.rejected, .expired) > .offer-price > label[b-0j230a3iyx] { color: var(--darker-50); text-shadow: unset; } .vehicle-offer.rejected > .offer-price > label[b-0j230a3iyx] { text-decoration: line-through; } .vehicle-offer > .offer-price > .content > span[b-0j230a3iyx] { font-size: 10px; text-transform: uppercase; font-family: var(--poppins-font); font-weight: 600; width: 100%; text-align: center; display: block; position: absolute; top: 0; left: 0; } .vehicle-offer .how-long[b-0j230a3iyx] { color: var(--darker-60); margin-top: auto } .vehicle-offer.is-deluxe .how-long[b-0j230a3iyx] { color: #ffffff7a; } .vehicle-offer.is-deluxe .placing[b-0j230a3iyx] { color: white; } .vehicle-offer .accept:hover[b-0j230a3iyx] { text-decoration: underline !important; } .vehicle-offer.is-deluxe .accept[b-0j230a3iyx] { font-size: 1rem; color: white; } .vehicle-offer.rejected > .offer-price > label[b-0j230a3iyx], .vehicle-offer.expired > .offer-price > label[b-0j230a3iyx] { color: var(--muted); text-decoration: line-through; } .vehicle-offer > .action[b-0j230a3iyx] { padding: 0; display: flex; align-items: center; justify-content: center; background-size: 100% auto; background-position-y: 50%; position: relative; overflow: hidden; } :not(.vehicle-offer.rejected):not(.vehicle-offer.expired) > .action[b-0j230a3iyx]::before { width: 100%; height: 100%; top: 0; left: 0; content: ''; background: linear-gradient(to right, rgba(0, 0, 0, .2), rgba(0, 0, 0, .8)); position: absolute; z-index: 1; } .vehicle-offer .button[b-0j230a3iyx] { padding: 0; display: flex; } .vehicle-offer .view-offer[b-0j230a3iyx] { border: none; width: 100%; } .vehicle-offer > .button > button:last-of-type[b-0j230a3iyx] { border-radius: 0; } .vehicle-offer > .view-type[b-0j230a3iyx] { position: relative; } .vehicle-offer .view-type .contact[b-0j230a3iyx] { } .vehicle-offer > .view-type > label[b-0j230a3iyx] { position: absolute; right: 8px; top: 2px; margin: 0; font-size: .9em; color: var(--muted); font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vehicle-offer.rejected > .view-type > h6[b-0j230a3iyx] { color: var(--muted); } .vehicle-offer.rejected .contact.dealer h4[b-0j230a3iyx] { color: var(--muted); } .vehicle-offer.rejected .contact.dealer h6[b-0j230a3iyx] { color: var(--muted); } .vehicle-offer .view-type .vehicle[b-0j230a3iyx] { height: 100%; align-items: center; } .vehicle-offer .view-type .vehicle .vehicle-registration-label[b-0j230a3iyx] { color: black !important; background-color: rgb(254, 214, 0); margin-bottom: 0.25rem; font-size: 14px; padding-inline: .5rem; } .vehicle-offer .view-type .vehicle[b-0j230a3iyx]::before { background-color: rgb(0 0 0 /50%); filter: grayscale(1); } .vehicle-offer .view-type .vehicle .col-12[b-0j230a3iyx] { display: flex; align-items: center; height: 100%; min-height: 100px; } .vehicle-offer .view-type .vehicle img[b-0j230a3iyx] { display: flex; align-items: center; height: 100%; max-height: 64px; width: auto; } .vehicle-offer .view-type .vehicle[b-0j230a3iyx]::after { background-color: rgb(0 0 0 /50%); } .vehicle-offer .view-type .vehicle h4[b-0j230a3iyx] { color: var(--black); font-size: 1rem; font-weight: 600; margin-bottom: 0; } .vehicle-offer.is-deluxe .view-type .vehicle h4[b-0j230a3iyx] { color: white; } .vehicle-offer .view-type .vehicle h6[b-0j230a3iyx] { color: white; font-size: 1rem; margin-bottom: 0; } .vehicle-offer .view-type .vehicle h6:last-of-type[b-0j230a3iyx] { color: var(--darker-50); font-size: .8rem; margin-top: .25rem; font-weight: 400; margin-bottom: 0; } .vehicle-offer .view-type .vehicle h6 span[b-0j230a3iyx] { color: var(--orange-2); margin-bottom: 0; } .vehicle-stat[b-zsooce0gxo] { display: grid; justify-content: center; text-align: center; background-color: var(--darker-03); border-radius: .5rem; padding-inline: .5rem; height: 100%; } .vehicle-stat i[b-zsooce0gxo] { font-size: 1.3rem; color: var(--darker-20); margin-bottom: 3px; } .vehicle-stat label:nth-of-type(1)[b-zsooce0gxo] { font-size: 0.7rem; color: var(--darker-20); margin-top: 2px; margin-bottom: 5px; } .vehicle-stat label:nth-of-type(2)[b-zsooce0gxo] { font-size: 1rem; color: var(--darker-50); margin-bottom: 0; } .st span[b-nkj4txxm7y] { font-weight:400; font-size: 16px; color: var(--darker-t-50); } .nr[b-nkj4txxm7y] { color: var(--black); text-decoration:underline; font-weight:400; } .st span[b-auopo4k6dl] { font-weight:400; font-size: 16px; color: var(--darker-t-50); } .nr[b-auopo4k6dl] { color: var(--black); text-decoration:underline; font-weight:400; } .st span[b-xk5nq65c8u] { font-weight:400; font-size: 16px; color: var(--darker-70); } img[b-xk5nq65c8u] { min-height: 64px; min-width: 64px; } .nr[b-xk5nq65c8u] { color: var(--black); text-decoration: underline; font-weight: 400; white-space: nowrap; } .st span[b-ry3moofwyb] { font-weight:400; font-size: 16px; color: var(--darker-50); } .st span:nth-of-type(even)[b-ry3moofwyb] { color: var(--darker-30); } img[b-ry3moofwyb] { min-height: 55px; min-width: 55px; max-width:55px; max-height:55px; } .nr[b-ry3moofwyb] { color: var(--darker-40); text-decoration: underline; font-weight: 400; white-space: nowrap; } .btn-link[b-ry3moofwyb] { border-radius:2rem; } .btn-link svg[b-ry3moofwyb] { transition:transform 250ms linear; } .btn-link:hover path[b-ry3moofwyb]{ fill:unset; } .btn-link:not(.c) svg[b-ry3moofwyb] { transform: rotate(45deg); } ul[b-ry3moofwyb] { margin:0; } ul li[b-ry3moofwyb] { color: var(--black); font-size:14px; display:flex; align-items:center; gap:.25rem; margin-bottom:.15rem; } ul li svg[b-ry3moofwyb] { max-width:16px; max-height:16px; } .mj h6 span[b-ry3moofwyb] { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: .5rem; } .mj p[b-ry3moofwyb] { font-size: 14px; color: var(--darker-70); margin: 1rem 0 0 0; max-width: unset; } [b-m49dca5xcj] .vrl { color: black; font-size: 1.2rem; font-family: var(--charles-wright); letter-spacing: -.5px; padding-block: 0.25rem; padding-inline: 0.75rem; border-radius: 0.5rem; background-color: #fbdb00; text-align: left; } .h[b-m49dca5xcj]{ } .h h6[b-m49dca5xcj]{ font-weight:400; } .offer-input-group[b-m49dca5xcj] { justify-content: center; } .offer-input-group .input-group-prepend[b-m49dca5xcj] { display: flex; align-items: center; justify-content: center; padding-left: 1rem; border-radius: 0.5rem 0 0 0.5rem; position: absolute; top: 0; left: 0; z-index: 4 !important; height: 100%; } .offer-input-group .input-group-prepend span[b-m49dca5xcj] { font-size: 2rem; color: var(--black); } [b-m49dca5xcj] .offer-input-group .form-control { border-top-left-radius: .5rem; border-top-right-radius: .5rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-left: 2.75rem; color: var(--black); line-height: 1.7; } .offer-input-group .form-control[b-m49dca5xcj]::placeholder { color: var(--darker-20); } .price-offered[b-lwocm76v3k] { } .price-offered h4[b-lwocm76v3k] { } .price-offered p[b-lwocm76v3k] { font-weight: 300; width: 100%; color: var(--black); line-height: 1.4; } .price-offered > span[b-lwocm76v3k] { font-size: 3rem; font-weight: 700; width: 100%; color: #5ACF33; letter-spacing: 3px; background: var(--white); font-family: var(--charles-wright); border-radius: 0.5rem; text-align: center; display: block; margin-bottom: 1.5rem; padding: .5rem; } video[b-ua9xhct1tc]{ width:100%; height:auto; } .overlay[b-ua9xhct1tc] { opacity: .2; position: absolute; width: 100%; height: 100%; object-fit: contain; } .portrait-banner[b-ua9xhct1tc] { width: 100%; height: 100%; background-color: var(--darker-20); box-shadow: rgba(254, 166, 46, 1) 0px 10px; border-radius: 1.5rem; -webkit-animation: opacity-load 400ms ease-in; animation: opacity-load 400ms ease-in; } .portrait-banner label[b-ua9xhct1tc] { font-size: 1.5rem; color: white; animation-delay: 200ms; margin-bottom: 1.3rem; } .portrait-banner > img[b-ua9xhct1tc] { width: 140px; height: auto; font-size: 3rem; color: var(--orange-2); } @media screen and (orientation:landscape) { .portrait-banner[b-ua9xhct1tc] { display: none } } .login-form[b-px5g74wgbo] { justify-content: center; margin-inline: auto; max-width: 24rem; border-radius: 1rem; border: 1px solid var(--darker-10); background-color: var(--darker-05); padding: 32px 20px; } .login-form h1[b-px5g74wgbo] { font-size: 22px; font-weight: 700; letter-spacing: 0; word-wrap: break-word; line-height: 32px; } .login-form h2[b-px5g74wgbo] { font-size: 1rem; text-shadow: unset; color: var(--darker-80) !important; margin-bottom: 1.5rem; font-weight: 400; } .login-form > .col-12[b-px5g74wgbo] { border-radius: .5rem; } .login-form .col-12 .forgot-password:focus-within[b-px5g74wgbo] { color: var(--orange-1); border-width: 0; } .login-form .col-12 .checkbox-round input[b-px5g74wgbo] { background-color: white; border: 1px solid var(--darker-20); } .login-form .col-12 .checkbox-round label[b-px5g74wgbo] { width: 100%; color: white; text-shadow: 1px 1px #1c669ca1; font-weight: 500; font-size: 1rem; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .login-form button[type=submit][b-px5g74wgbo] { font-size: 16px; width: 100%; border-radius: .5rem; } .login-form .signup-label[b-px5g74wgbo] { font-weight: 300; color: var(--darker-50); font-size: 14px; } .login-form .signup-label button[b-px5g74wgbo] { background-color: transparent; color: var(--orange-2); border-color: transparent; font-size: 14px; } iframe[b-y63zxw9d11] { width: 100%; height: 100%; border: none; overflow: auto; } .mf[b-y63zxw9d11] { position: absolute; top: var(--nav-bar-height); left: 0; width: 100%; height: calc(100% - var(--nav-bar-height)); overflow: hidden; } [b-y63zxw9d11] *{ font-family: system-ui, sans-serif; } .vehicle-photo[b-4xmhknwvar] { overflow: hidden; } .vehicle-photo .col-12[b-4xmhknwvar] { display: flex; align-items: center; padding: 0; } .vehicle-photo .col-12 img[b-4xmhknwvar] { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; object-fit: scale-down; } .vehicle-photo .photo-count[b-4xmhknwvar] { position: absolute; bottom: 0; left: calc(50% - 20px); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; font-size: .85rem; font-family: var(--poppins-font); font-weight: 400; background-color: rgba(0,0,0,0.5); color: rgb(200 200 200); letter-spacing: -1px; padding-inline: 0.75rem; padding-block: 0.15rem; } .vehicle-photo .col-12 > :is(.previous, .next) > .btn[b-4xmhknwvar] { width: 40px; padding-inline: 0; border-radius: 50rem; } .vehicle-photo .col-12 > .previous[b-4xmhknwvar] { left: 12px; } .vehicle-photo .col-12 > .next[b-4xmhknwvar] { right: 12px; } .vehicle-photo .col-12 .btn:disabled[b-4xmhknwvar] { color: var(--darker-80); background-color: var(--muted); } .vehicle-photo .col-12 .btn span[b-4xmhknwvar] { width: 100%; margin: 0; } .vehicle-photo .col-12 .btn:focus[b-4xmhknwvar] { box-shadow: none !important; } .vehicle-photo .col-12 .btn:not(:disabled):active[b-4xmhknwvar] { background-color: var(--darker-80); } .vehicle-photo .col-12 .zoom-buttons[b-4xmhknwvar] { position: absolute; top: 1rem; right: 11px; } .vehicle-photo .col-12 .zoom-buttons .btn[b-4xmhknwvar] { border-radius: 50rem; background-color: rgb(0 0 0 /80%); color: white; padding: .5rem; } .review-header[b-plqzmnor7p] { } .review-header h4[b-plqzmnor7p] { font-weight: 500; font-size: 1.5rem; } .review-header h6[b-plqzmnor7p] { font-weight: 400; font-size: 14px; color: var(--darker-70); } .review-header label[b-plqzmnor7p] { } .review-header .star span[b-plqzmnor7p] { font-size: 1.5rem; } :is(h1, h2)[b-bsgnnp8yvo] { line-height: 58px; } :is(h1, h2) i[b-bsgnnp8yvo] { font-weight:700; } p[b-bsgnnp8yvo]{ line-height:1.35; } p[b-bsgnnp8yvo],h6[b-bsgnnp8yvo]{ line-height:1.65; font-size:16px; color:var(--darker-70); } svg[b-bsgnnp8yvo] { max-width: 420px; margin-inline: auto; display: block; max-height: 205px; } [b-bsgnnp8yvo] .login-form { background-color: transparent; padding: 1rem; margin-inline: unset !important; } .car-svg[b-bsgnnp8yvo] { bottom: 3px; } @media (min-width: 0) { :is(h1, h2)[b-bsgnnp8yvo] { line-height: 51px; font-size: 3rem; } } @media (min-width: 375px) { } @media (min-width: 576px) { :is(h1, h2)[b-bsgnnp8yvo] { line-height: 58px; font-size: 3.5rem; } } :is(h1, h2)[b-nk1c4upelb] { line-height: 1.35; background-image: linear-gradient(129deg, rgba(133, 133, 133, 0.7) -13%, rgb(255, 255, 255) 49%, rgba(89, 89, 89, 0.5) 124%); background-clip: text; overflow:hidden; text-overflow:ellipsis; } :is(h1, h2) i[b-nk1c4upelb] { font-weight:700; } .cc[b-nk1c4upelb]{ min-height:200px; display:flex; align-items:center; } p[b-nk1c4upelb]{ line-height:1.65; } [b-nk1c4upelb] .login-form { background-color: transparent; padding: 1rem; margin-inline: unset !important; } .car-svg[b-nk1c4upelb] { width: 100%; height: auto; max-height:300px; } @media (min-width: 0) { :is(h1, h2)[b-nk1c4upelb] { } } @media (min-width: 375px) { } @media (min-width: 576px) { } #start[b-qsuofbdwuh] { background: radial-gradient(31.94% 68.31% at 69.04% 52.46%, rgba(244, 102, 1, 0.15) 0%, rgba(0, 0, 0, 0) 100%), var(--darker-05); } #start .input-parent[b-qsuofbdwuh] { max-width: 36rem; } [b-qsuofbdwuh] .btn { border-radius: .5rem; padding: 19px 24px; text-shadow: unset; } [b-qsuofbdwuh] .login-form { max-width: unset; background-color:transparent; } h1[b-qsuofbdwuh] { line-height: 1.1; text-wrap: balance; } h5[b-qsuofbdwuh] { text-wrap: balance; } .m[b-qsuofbdwuh] { align-items: center; gap: 1.5rem; margin-bottom: 1rem; } .m h6[b-qsuofbdwuh] { color: var(--darker-60); margin: 0; } .bfr[b-qsuofbdwuh] { width: 100%; height: auto; max-width: 360px; } .m svg[b-qsuofbdwuh] { height: auto; } .m:last-child[b-qsuofbdwuh] { margin: 0; } @keyframes scroll-animation-b-qsuofbdwuh { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @media (min-width: 0) { .m svg[b-qsuofbdwuh] { min-width: 52px; max-width: 52px; height: auto; } [b-qsuofbdwuh] .scroll-fade { --bg-color: var(--darker-05); } #start[b-qsuofbdwuh] { background: linear-gradient(to bottom, rgb(244 102 1 / 50%) 0%, rgba(0, 0, 0, 0) 70%), var(--darker-05); min-height: var(--body-content-height); } } @media (min-width: 576px) { .m svg[b-qsuofbdwuh] { max-width: 64px; height: auto; } [b-qsuofbdwuh] .scroll-fade { --bg-color: var(--darker-05); } #start[b-qsuofbdwuh] { background: radial-gradient(32.94% 68.31% at 71.04% 26.46%, rgba(244, 102, 1, 0.15) 0%, rgba(0, 0, 0, 0) 100%), var(--darker-05); min-height: var(--body-content-height); } } .q[b-ft7wt157i4] { border-radius: 2rem; overflow: hidden; max-width: 75rem; margin-inline: auto; margin-bottom: 2rem; background: var(--darker-05); } .q h2[b-ft7wt157i4] { margin-bottom: 1rem; } .q p[b-ft7wt157i4] { max-width:unset; } .q li:not(:last-of-type)[b-ft7wt157i4] { margin-bottom: 1rem; } .q img[b-ft7wt157i4] { height: 100%; width: 100%; object-fit: cover; } .how-it-works span[b-ft7wt157i4] { color: var(--black); box-shadow: 0 0 10px var(--orange-1); background: var(--orange-1); font-size: 1.5rem; font-weight: 700; border-radius: 50%; padding-inline: 1rem; padding-block: .5rem; display: flex; align-items: center; justify-content: center; z-index: 3 !important; min-width: 42px; min-height: 42px; max-width: 42px; max-height: 42px; text-align: center; } .how-it-works.seller span[b-ft7wt157i4] { text-shadow: 0 0 10px var(--orange-1), 1px 1px 0px #000000a3; } .how-it-works.dealer span[b-ft7wt157i4] { color: var(--black); text-shadow: 0 0 10px var(--purple); box-shadow: 0 0 10px var(--purple); background-image: linear-gradient(45deg, #4227c5cf, #ff5800); } .how-it-works h3[b-ft7wt157i4] { color: var(--black); font-weight: 700; margin-bottom: 1rem; display:flex; align-items:center; gap:1rem; } .how-it-works p[b-ft7wt157i4] { color: var(--darker-70); font-size: 16px; font-weight: 400; text-wrap: balance; } .how-it-works img[b-ft7wt157i4] { height: auto; z-index: 1; transition: filter 0.5s ease; max-height:420px; } .how-it-works .step .image-container[b-ft7wt157i4] { display: flex; align-items: center; justify-content: center; padding: 0; } .accordion .collapsible-panel .header[b-9k453kbg87] { padding:1rem; border-radius: 0; } .accordion .collapsible-panel:first-child h3[b-9k453kbg87] { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .accordion .collapsible-panel.collapsed:last-child h3[b-9k453kbg87] { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .accordion .collapsible-panel:not(:last-child) > .content[b-9k453kbg87] { border-radius: 0; } .accordion .collapsible-panel:last-child > .content[b-9k453kbg87] { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .collapsible-panel[b-jn2ugh1xlb] { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 1rem; } .collapsible-panel .header[b-jn2ugh1xlb] { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .collapsible-panel h3[b-jn2ugh1xlb] { color: var(--black); text-align: left; font-weight: 400; width: 100%; background-color: var(--darker-05); margin-bottom: 0; cursor: pointer; font-size: 1rem; align-items: center; border-radius: 1rem; display: flex; padding: 1.5rem; padding-inline: 2rem; border: 1px solid var(--darker-10); z-index: 1; transition: all ease-in-out, border-radius .25s ease-in-out .25s; line-height: 1.2; } .collapsible-panel p[b-jn2ugh1xlb] { padding: 1rem; } .collapsible-panel h3:hover[b-jn2ugh1xlb] { color: var(--black); background-color: var(--darker-10); border-color: var(--darker-15); } .collapsible-panel:not(.collapsed) > h3[b-jn2ugh1xlb] { border-radius: 1rem 1rem 0rem 0rem; color: var(--black); font-weight: 600; transition-delay: 500ms; } .collapsible-panel .header .trigger[b-jn2ugh1xlb] { transition: transform .25s ease-in-out; } .collapsible-panel:not(.collapsed) .header .trigger[b-jn2ugh1xlb] { transform: rotate(45deg); } .collapsible-panel .header span[b-jn2ugh1xlb] { margin-left: auto; color: var(--darker-50); padding-left: 0.25rem; } .collapsible-panel:not(.collapsed) .header span[b-jn2ugh1xlb] { color: var(--black); } .collapsible-panel .content[b-jn2ugh1xlb] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease-in-out, padding-block .25s ease-in-out; background-color: var(--darker-07); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; overflow: hidden; } .collapsible-panel .content > div[b-jn2ugh1xlb] { overflow: hidden; } .collapsible-panel:not(.collapsed) .content[b-jn2ugh1xlb] { grid-template-rows: 1fr; padding-block: .5rem; border-left: 1px solid var(--darker-10); border-right: 1px solid var(--darker-10); border-bottom: 1px solid var(--darker-10); } .collapsible-panel.seller-description .content[b-jn2ugh1xlb] { padding-block: .5rem; } .v[b-jn2ugh1xlb] { border-radius: 0; border-block: 1px solid var(--darker-20); } .v h3[b-jn2ugh1xlb] { background-color: transparent; padding-inline: 1.5rem; padding-block: 1rem; border: 0; border-radius: 0rem; } .v h3:hover[b-jn2ugh1xlb] { background-color: transparent; } .v .content[b-jn2ugh1xlb] { background: var(--darker-20); padding-inline: 1.5rem; border-radius: 0; } .v:not(.collapsed) .content[b-jn2ugh1xlb] { border: 0; background: var(--darker-20); padding: 1.5rem; } .v:not(.collapsed) > h3[b-jn2ugh1xlb] { border-radius: 0; color: var(--black); font-weight: 400; transition-delay: 500ms; } .bar-graph[b-z5x0g6o2po] { width: 100%; margin: auto; padding-left: 2rem; padding-bottom:1rem; position: relative; } .bar-container[b-z5x0g6o2po] { display: flex; align-items: flex-end; justify-content: space-between; height: 300px; border-radius:1rem; padding-top: 10px; padding-bottom:1rem; position: relative; } .y-axis-label[b-z5x0g6o2po] { position: absolute; left: -48px; top: 50%; transform: translate(0%, -50%) rotate(-90deg); font-weight: bold; color: var(--darker-50); } .x-axis-label[b-z5x0g6o2po] { text-align: center; font-weight: bold; color: var(--darker-50); } .bars-scroll[b-z5x0g6o2po] { overflow-x: auto; overflow-y: hidden; width: 100%; height: 100%; padding-bottom: 1.5rem; } .bars[b-z5x0g6o2po] { display: flex; align-items: flex-end; justify-content: flex-start; height: 100%; width: max-content; } .bar[b-z5x0g6o2po] { width: 75px; position: relative; transition: height 0.3s; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; color: white; border-radius: .5rem; margin-right: 5px; } .bar.s[b-z5x0g6o2po] { background: var(--success); background: linear-gradient(0, hsl(105.37deg 100% 32.16% / 50%), hsl(105.37deg 100% 32.16% / 80%)); } .bar.n[b-z5x0g6o2po] { background: var(--danger); } .bar .value[b-z5x0g6o2po] { position: absolute; margin-bottom: 5px; color: var(--black); white-space: nowrap; font-weight: 600; } .bar .value.odometer[b-z5x0g6o2po] { color: black; top: .5rem; font-weight: 800; font-size: 12px; } .bar .value.difference[b-z5x0g6o2po] { top: -1.5rem; font-size:12px; } .bar.s .difference[b-z5x0g6o2po] { color: var(--success); } .bar.n .difference[b-z5x0g6o2po] { color: var(--danger); } .bar .year[b-z5x0g6o2po] { font-size: 0.8em; color: var(--black); position: absolute; bottom: -1.5rem; transform: none; font-weight: 600; white-space: nowrap; } .selectable-button[b-dcteyt9zvk] { border-radius: 1rem; background-color: var(--grey-1); transition: all 200ms ease-in !important; padding-inline: 1.5rem; display: flex; align-items: center; cursor: pointer; border: 1px solid transparent; } .selectable-button input[b-dcteyt9zvk] { margin-right: 1rem; } .selectable-button label[b-dcteyt9zvk] { font-weight: 400; font-size: 1rem; margin: 0; color: var(--darker-70); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .selectable-button.selected[b-dcteyt9zvk] { background-clip: padding-box, border-box; background-origin: border-box; background-image: linear-gradient(230deg, var(--darker-05), var(--darker-05)), linear-gradient(45deg, #3f27da, var(--orange-1)); } .selectable-button:not(.selected)[b-dcteyt9zvk] { border-color: var(--darker-20); background-color: transparent; } .scale-container[b-pi23aygqou] { position: relative; width: 100%; } .scale-bar[b-pi23aygqou] { height: 6px; background: linear-gradient(to right, var(--darker-05), #28a745); border-radius: 12px; position: relative; } .scale-pointer[b-pi23aygqou] { position: absolute; top: -24px; left: 75%; } .scale-labels[b-pi23aygqou] { display: flex; justify-content: space-between; margin-top: 4px; font-size: 16px; color: var(--darker-70); } .cookie-consent[b-l6vi6kubjj] { padding: 1rem; background: var(--darker-30); position: fixed; width: 100%; left: 0; bottom: 0; z-index: 2; -webkit-animation: slide-in-bottom .3s ease-in-out both; animation: slide-in-bottom .3s ease-in-out both; animation-delay: 300ms; } .cookie-consent.accepted[b-l6vi6kubjj] { -webkit-animation: slide-out-bottom .3s ease-in-out both; animation: slide-out-bottom .3s ease-in-out both; } .cookie-consent a[b-l6vi6kubjj] { color: var(--black); text-decoration: underline; } .cookie-consent p[b-l6vi6kubjj] { color: var(--black); font-size: 12px; font-weight: 500; } .cookie-consent .btn[b-l6vi6kubjj] { color: white; height: 32px; width: 32px; max-height: 32px; border-radius: 50rem; display: flex; align-items: center; justify-content: center; } .btn:hover[b-l6vi6kubjj] { transform:rotate(90deg); } .btn:hover path:first-of-type[b-l6vi6kubjj] { fill:transparent; } .contact[b-pusdpc48p0] { } .contact > .col-12:first-of-type[b-pusdpc48p0] { display: flex; gap: .5rem; } .contact.seller[b-pusdpc48p0] { background-color: var(--darker-05); padding-block: 1rem; border-radius: 1rem; } .contact h4[b-pusdpc48p0] { font-size: 1.25rem; margin-bottom: 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; } .contact h4 a[b-pusdpc48p0] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; } .contact h4 > span[b-pusdpc48p0] { font-size: 12px; text-shadow: unset; } .contact h6[b-pusdpc48p0] { font-size: 1rem; font-weight: 500; margin-bottom: 0; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.2; } .contact .location[b-pusdpc48p0] { font-weight: 400; font-size: 13px; color: var(--darker-50); display: inline-flex; align-items: center; transition: 250ms all ease; } .contact .location:is(:hover, :focus-within)[b-pusdpc48p0] { text-decoration: unset; color: var(--darker-90); } .contact .location span[b-pusdpc48p0] { font-size: 20px; color: var(--darker-40); margin-right: .25rem; } .contact.dealer h4[b-pusdpc48p0] { color: var(--black); } .contact.dealer h6[b-pusdpc48p0] { } .contact.seller h4[b-pusdpc48p0] { color: var(--black); } .contact.seller h6[b-pusdpc48p0] { color: var(--darker-60); } .contact .buttons .col-auto[b-pusdpc48p0] { display: flex; } .contact .buttons .btn[b-pusdpc48p0] { display: inline-flex; width: auto; box-shadow: none; } .contact .buttons.locked[b-pusdpc48p0] { position: relative; padding-block: .5rem; margin-top: 1rem; } .contact .buttons.locked[b-pusdpc48p0]::after { position: absolute; top: 0; left: 0; color: rgb(255 255 255); text-shadow: 0px 2px black; background-color: rgb(0 0 0 / 64%); background-image: url(https://cdn.carowl.co.uk/website-images/padlock.png); background-size: 40px; background-position: right; background-repeat: no-repeat; content: 'Contact details locked until seller accepts offer.'; width: 100%; height: 100%; font-family: var(--poppins-font); -webkit-font-smoothing: antialiased; font-size: 1.1rem; display: flex; align-items: center; font-weight: 500; padding: 1rem; backdrop-filter: blur(2px); letter-spacing: 0px; } .contact .reviews[b-pusdpc48p0] { color: var(--darker-80) !important; font-size: 1rem; font-weight: 500; display: flex; align-items: center; gap: .25rem; } .contact .reviews span[b-pusdpc48p0] { text-shadow: unset; font-size: 16px; } .contact .reviews .btn[b-pusdpc48p0] { color: var(--darker-80); text-decoration: underline; font-size: 12px; max-height: 19px; } .cdt[b-rcha6311xy] { max-width:unset; } .cdt b[b-rcha6311xy]{ } .countdown-item[b-rcha6311xy] { display: flex; flex-direction: column; align-items: center; } .countdown-number[b-rcha6311xy] { font-size: 1rem; font-weight: bold; color: var(--darker-50); padding: .25rem 0; background: var(--white); border-radius: 10px; width: 48px; text-align: center; } .countdown-label[b-rcha6311xy] { margin-top: 4px; font-size: 12px; color: var(--darker-50); } .loading-container[b-gvumwtbz5m] { position: relative; overflow: hidden; min-height: var(--body-content-height); display: flex; align-items: center; } label[b-gvumwtbz5m] { margin-top:1rem; } .svgs[b-gvumwtbz5m] { position: absolute; top: 36px; left: calc(50% - 32px); font-size: 18px; } h6[b-gvumwtbz5m] { max-width: 15rem; margin-inline: auto; margin-top:1rem; } details *[b-5k0krodgq4] { margin: 0; } details > p[b-5k0krodgq4] { padding-block: 1rem; } summary[b-5k0krodgq4] { color:var(--black); line-height: 1.3; margin-inline-start: 2rem; list-style-position: outside; padding:1rem 0rem; } summary[b-5k0krodgq4]::marker { color: var(--orange-1); transition:all 200ms linear; } .faqs[b-wou07uf4hk]{ max-width:50rem; border-radius:1rem; overflow:hidden; margin-top:2rem; } details[b-wou07uf4hk] { background: var(--darker-05); border:1px solid var(--darker-10); padding-inline:1rem; border-radius: 1rem; } summary[b-wou07uf4hk] { padding-block: 1rem; color: var(--black); list-style-position: outside; margin-inline-start: 1rem; } .faq-item[b-wou07uf4hk]{ margin-bottom:1rem; } p[b-wou07uf4hk]{ margin-bottom:1rem; } [b-wou07uf4hk] .collapsible-panel { margin-bottom: 0; } [b-wou07uf4hk] .collapsible-panel .content { padding-inline: 1rem !important; border-radius: 0 !important; } [b-wou07uf4hk] .collapsible-panel:not(.collapsed) .content { padding: 1rem !important; } [b-wou07uf4hk] h3 { border: 0 !important; border-bottom: 1px solid var(--darker-10) !important; border-radius:0 !important; padding: 1rem !important; } [b-wou07uf4hk] svg { min-width:24px; } .cursor-help[b-4y7pa8wtqh] { cursor: help; font-size: inherit; display: flex; align-items: center; } .cursor-help svg[b-4y7pa8wtqh] { pointer-events: all; } .cursor-help svg *[b-4y7pa8wtqh] { pointer-events: none; } .tooltip[b-4y7pa8wtqh]{ z-index:100; } .help-widget[b-xsrg6l6kkz] { position: fixed; bottom: 20px; right: 20px; z-index: 1000; } .help-widget-button[b-xsrg6l6kkz] { border: none; border-radius: 50%; width: 50px; height: 50px; background-color: #007bff; color: white; font-size: 18px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); cursor: pointer; } .help-widget-button:hover[b-xsrg6l6kkz] { background-color: #0056b3; } .help-content[b-xsrg6l6kkz] { position: absolute; bottom: 20px; right: 0; width: 300px; max-height: 400px; background: var(--white); border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 15px; overflow-y: auto; animation: slide-up 0.3s ease-out; } .help-header[b-xsrg6l6kkz] { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .help-header h3[b-xsrg6l6kkz] { margin: 0; } .close-button[b-xsrg6l6kkz] { border: none; background: none; font-size: 24px; cursor: pointer; color: #555; } .faq-section ul[b-xsrg6l6kkz] { list-style: none; padding: 0; } .contact-form-section div[b-xsrg6l6kkz] { margin-bottom: 10px; } .contact-us-button[b-xsrg6l6kkz] { margin-top: 20px; } .hover-helper-icon[b-c64uu8rmoc] { display: inline-block; width: 16px; height: 16px; align-content: center; line-height: 16px; text-align: center; border-radius: 50%; background-color: var(--darker-20); color: var(--darker-60); font-size: 12px; font-weight: 400; cursor: pointer; user-select: none; position: relative; } .hover-helper-icon:focus + .hover-helper-tooltip[b-c64uu8rmoc], .hover-helper-icon:hover + .hover-helper-tooltip[b-c64uu8rmoc] { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in-out; } .hover-helper-tooltip[b-c64uu8rmoc] { visibility: hidden; opacity: 0; background-color: var(--darker-t-80); backdrop-filter: blur(4px); color: var(--white); text-align: center; border-radius: .5rem; padding: 1rem; position: absolute; z-index: 2; width: max-content; max-width: 232px; font-size: 14px; line-height: 1.35; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .hover-helper-tooltip[b-c64uu8rmoc]::after { content: ""; position: absolute; border-style: solid; } .hover-helper-tooltip.top[b-c64uu8rmoc] { bottom: 125%; left: 50%; transform: translateX(-50%); } .hover-helper-tooltip.top[b-c64uu8rmoc]::after { top: 100%; left: 50%; margin-left: -5px; border-width: 5px 5px 0 5px; border-color: var(--darker-t-80) transparent transparent transparent; } .hover-helper-tooltip.bottom[b-c64uu8rmoc] { top: 125%; left: 50%; transform: translateX(-50%); } .hover-helper-tooltip.bottom[b-c64uu8rmoc]::after { bottom: 100%; left: 50%; margin-left: -5px; border-width: 0 5px 5px 5px; border-color: transparent transparent var(--darker-t-80) transparent; } .hover-helper-tooltip.left[b-c64uu8rmoc] { top: 50%; right: 125%; transform: translateY(-50%); } .hover-helper-tooltip.left[b-c64uu8rmoc]::after { top: 50%; left: 100%; margin-top: -5px; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent var(--darker-t-80); } .hover-helper-tooltip.right[b-c64uu8rmoc] { top: 50%; left: 125%; transform: translateY(-50%); } .hover-helper-tooltip.right[b-c64uu8rmoc]::after { top: 50%; right: 100%; margin-top: -5px; border-width: 5px 5px 5px 0; border-color: transparent var(--darker-t-80) transparent transparent; } .subscription-toggle[b-05v1rzfiq9] { display: flex; justify-content: space-between; width: 200px; height: 40px; background-color: var(--darker-07); border: 1px solid var(--darker-10); border-radius: 20px; padding: 2px; } .subscription-toggle:is(.monthly,.yearly,.true,.false)[b-05v1rzfiq9] { color: var(--orange-1); } .subscription-toggle label[b-05v1rzfiq9] { flex: 1; display: flex; justify-content: center; align-items: center; font-size: 14px; color: var(--darker-50); cursor: pointer; margin-bottom: 0; border-radius: 50rem; border: 1px solid transparent; } :is(.monthly-label, .yearly-label)[b-05v1rzfiq9] { transition: all 50ms linear; } .subscription-toggle:is(.monthly) .monthly-label[b-05v1rzfiq9] { color: var(--black); background-clip: padding-box, border-box; background-origin: border-box; background-image: linear-gradient(230deg, var(--white), var(--white)), linear-gradient(230deg, var(--orange-2), var(--orange-1)); } .subscription-toggle:is(.yearly) .yearly-label[b-05v1rzfiq9] { color: var(--black); background-clip: padding-box, border-box; background-origin: border-box; background-image: linear-gradient(230deg, var(--white), var(--white)), linear-gradient(230deg, var(--orange-2), var(--orange-1)); } .subscription-toggle:is(.false) .monthly-label[b-05v1rzfiq9] { color: var(--black); background: var(--darker-10); border: 1px solid var(--darker-15); } .subscription-toggle:is(.true) .yearly-label[b-05v1rzfiq9] { color: var(--black); background-clip: padding-box, border-box; background-origin: border-box; background-image: linear-gradient(230deg, var(--white), var(--white)), linear-gradient(230deg, var(--orange-2), var(--orange-1)); font-weight: 700; } .subscription-toggle label input[type="radio"][b-05v1rzfiq9] { display: none; } .subscription-toggle label:hover[b-05v1rzfiq9] { background-color: var(--darker-20); } .subscription-toggle label input[type="radio"]:checked + *[b-05v1rzfiq9] { } .owl-chat-helper[b-ntm6e05dje] { position: fixed; bottom: 20px; right: 20px; z-index: 1000; } .owl-icon-circle[b-ntm6e05dje] { width: 60px; height: 60px; border-radius: 50%; background-color: var(--black); display: flex; justify-content: center; align-items: center; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); cursor: pointer; } .owl-icon[b-ntm6e05dje] { } .owl-chat-box[b-ntm6e05dje] { position: absolute; bottom: 80px; right: 0; width: 290px; height: 480px; background: var(--white); border: 1px solid var(--darker-20); border-radius: 8px; display: flex; flex-direction: column; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10px); transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s; } .owl-chat-box.open[b-ntm6e05dje] { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .owl-chat-header[b-ntm6e05dje] { padding: 10px; border-bottom: 1px solid var(--darker-20); display: flex; justify-content: space-between; align-items: center; background-color: var(--lighter-10); border-top-left-radius: 8px; border-top-right-radius: 8px; } .close-button[b-ntm6e05dje] { background: none; border: none; font-size: 1.2rem; cursor: pointer; color: var(--black); } .owl-chat-content[b-ntm6e05dje] { flex: 1; overflow-y: auto; padding: 10px; display: flex; flex-direction: column; gap: 8px; } .owl-message[b-ntm6e05dje] { border-radius: 6px; padding: 8px 12px; } .owl-message.user[b-ntm6e05dje] { align-self: flex-end; background-color: #007bff; } .owl-message.user p[b-ntm6e05dje] { color: white; } .owl-message.helper[b-ntm6e05dje] { align-self: flex-start; background-color: var(--darker-10); color: var(--black); } .owl-message.system[b-ntm6e05dje] { align-self: center; background-color: var(--lighter-10); color: var(--black); text-align: center; } .suggestions-container[b-ntm6e05dje] { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; } .faq-button[b-ntm6e05dje] { background: #2986cc; color: white; border: none; padding: 5px 10px; cursor: pointer; border-radius: 4px; font-size: 0.85rem; } .owl-message.thinking[b-ntm6e05dje] { display: flex; align-items: center; gap: 10px; } .loading-spinner[b-ntm6e05dje] { width: 18px; height: 18px; border: 3px solid #cccccc; border-top-color: #2986cc; border-radius: 50%; animation: spin-b-ntm6e05dje 0.8s linear infinite; } @keyframes spin-b-ntm6e05dje { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .thinking-text[b-ntm6e05dje] { font-style: italic; color: var(--black); opacity: 0.7; } .owl-chat-input[b-ntm6e05dje] { display: flex; padding: 10px; border-top: 1px solid var(--darker-10); background-color: var(--white); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .owl-chat-input input[b-ntm6e05dje] { flex: 1; padding: 8px; border: 1px solid var(--darker-10); border-radius: 4px; margin-right: 5px; font-size: 0.9rem; } .send-button[b-ntm6e05dje] { padding: 8px 12px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 0.9rem; } h4[b-ntm6e05dje], h5[b-ntm6e05dje] { margin: 0; color: var(--black); } p[b-ntm6e05dje] { margin: 0; padding: 0; font-size: 0.95rem; } .carousel-container[b-kdybcinywh] { position: relative; width: 80%; margin: auto; overflow: hidden; display: flex; justify-content: center; } .carousel-track[b-kdybcinywh] { display: flex; transition: transform 0.5s ease-in-out; } .carousel-item[b-kdybcinywh] { flex: 0 0 100%; margin: 0 10px; position: relative; opacity: 0.7; transform: scale(0.9); transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; text-align: center; } .carousel-item.active[b-kdybcinywh] { opacity: 1; transform: scale(1); } .carousel-image[b-kdybcinywh] { width: 100%; height: auto; transition: transform 0.5s ease, opacity 0.5s ease; } .carousel-caption[b-kdybcinywh] { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: white; background-color: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 5px; } .prev[b-kdybcinywh], .next[b-kdybcinywh] { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; cursor: pointer; font-size: 18px; border-radius: 50%; } .prev[b-kdybcinywh] { left: 10px; } .next[b-kdybcinywh] { right: 10px; } .prev:hover[b-kdybcinywh], .next:hover[b-kdybcinywh] { background-color: rgba(0, 0, 0, 0.8); } .selectable-card[b-snhol7hn0m] { border-radius: 1rem; transition: box-shadow 300ms ease-in-out, transform 50ms linear, background-color 300ms ease-in-out; max-width: 28rem; margin-inline: auto; border: 2px solid var(--darker-15); background-color: var(--white); transition: all 100ms ease-in-out; cursor: pointer; } .selectable-card:not(.selected):hover[b-snhol7hn0m] { transform: scale(1.024); background-color: var(--darker-05); } .selectable-card:focus-within[b-snhol7hn0m] { box-shadow: unset; } .selectable-card:not(.selected):active[b-snhol7hn0m] { transform: scale(0.95); } .selectable-card:not(:last-of-type)[b-snhol7hn0m] { margin-bottom: .5rem; } .selectable-card.selected[b-snhol7hn0m] { border-color: var(--orange-1); background-color: var(--darker-10); } .selectable-card:not(.selected):hover[b-snhol7hn0m] { } .selectable-card .col-12[b-snhol7hn0m] { padding: 1.5rem; background-color: transparent; border-radius: .5rem; border: 0; } .selectable-card input[type='checkbox'][b-snhol7hn0m] { right: -2px; top: 0; width: 0; height: 100%; border-radius: 0 1rem 1rem 0; border: 0; outline: none; -webkit-appearance: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; appearance: none; cursor: pointer; position: absolute !important; transition: all 100ms ease-in-out; background-color: var(--darker-15); } .selectable-card input[type='checkbox']:checked[b-snhol7hn0m] { background: var(--orange-1); } .selectable-card input[type='checkbox']:focus[b-snhol7hn0m] { box-shadow: 0px 0px 0px 3px #0084ff !important; } .selectable-card h6[b-snhol7hn0m] { font-size: 1rem; color: var(--black); margin-bottom: 0; font-weight: 300; transition: all 250ms ease-in-out; text-wrap: unset; } .selectable-card.selected h6[b-snhol7hn0m] { color: var(--black); font-weight: 400; } .selectable-card p[b-snhol7hn0m] { font-size: 13px; color: var(--darker-80); font-weight: 400; margin-top: .5rem; } @keyframes selectable-card-paragraph-b-snhol7hn0m { 0% { height: 0; } 100% { height: 100%; } } .selectable-card :is(h6,p)[b-snhol7hn0m] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectable-card.selected h6[b-snhol7hn0m] { font-weight: 700; } .selectable-card.selected p[b-snhol7hn0m] { font-weight: 400; } .cls[b-ydrs5pv2lw] { background: var(--darker-05); border-radius: 1rem; display: flex; align-items: center; padding-top: 100px; margin-top: 13vh; padding-bottom: 2rem; padding-inline: 1rem; margin-inline: auto; max-width: 20rem; } [b-ydrs5pv2lw] .word-cycle__word { color: var(--black); text-align: center !important; margin-top: 1rem; } h4[b-ydrs5pv2lw] { font-size: 12px; font-weight: 500; padding-top: 1rem; color:var(--black); } ul[b-ydrs5pv2lw] { margin:0; max-width: 30rem; margin-inline: auto; list-style: none; padding-left: 0; } li[b-ydrs5pv2lw] { font-size: 12px; color: var(--black); display: flex; align-items: center; gap: .5rem; margin-bottom: .25rem; } li[b-ydrs5pv2lw]::marker{ } svg[b-ydrs5pv2lw]{ width:16px; height:16px; } path[b-ydrs5pv2lw]{ stroke:var(--orange-1); } .star-rating[b-9xegz4bze2] { } .star-rating .col-auto[b-9xegz4bze2] { padding: 0; } .star-rating .col-auto:not(:first-of-type)[b-9xegz4bze2] { } .star-rating .star[b-9xegz4bze2] { background: -webkit-linear-gradient(0deg, var(--orange-1), var(--orange-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: italic; font-weight: 700; } .star-rating .star span[b-9xegz4bze2] { font-size: 3.5rem; } .star-rating .name[b-9xegz4bze2] { display: block; color: var(--darker-70); font-size: 14px; } .collapsible-panel[b-wluchgtdsl] { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 1rem; } .collapsible-panel .header[b-wluchgtdsl] { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .collapsible-panel h3[b-wluchgtdsl] { color: var(--black); text-align: left; font-weight: 400; width: 100%; background-color: var(--darker-05); margin-bottom: 0; cursor: pointer; font-size: 1rem; align-items: center; border-radius: 1rem; display: flex; padding: 1.5rem; padding-inline: 2rem; border: 1px solid var(--darker-10); z-index: 1; transition: all ease-in-out, border-radius .25s ease-in-out .25s; line-height: 1.2; } .collapsible-panel p[b-wluchgtdsl] { padding: 1rem; } .collapsible-panel h3:hover[b-wluchgtdsl] { color: var(--black); background-color: var(--darker-10); border-color: var(--darker-15); } .collapsible-panel:not(.collapsed) > h3[b-wluchgtdsl] { border-radius: 1rem 1rem 0rem 0rem; color: var(--black); transition-delay: 500ms; } .collapsible-panel .header .trigger[b-wluchgtdsl] { transition: transform .25s ease-in-out; } .collapsible-panel:not(.collapsed) .header .trigger[b-wluchgtdsl] { transform: rotate(45deg); } .collapsible-panel .header span[b-wluchgtdsl] { margin-left: auto; color: var(--darker-50); padding-left: 0.25rem; } .collapsible-panel:not(.collapsed) .header span[b-wluchgtdsl] { color: var(--black); } .collapsible-panel .content[b-wluchgtdsl] { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease-in-out, padding-block .25s ease-in-out; background-color: var(--darker-07); border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; overflow: hidden; } .collapsible-panel .content > div[b-wluchgtdsl] { overflow: hidden; } .collapsible-panel:not(.collapsed) .content[b-wluchgtdsl] { grid-template-rows: 1fr; padding-block: .5rem; border-left: 1px solid var(--darker-10); border-right: 1px solid var(--darker-10); border-bottom: 1px solid var(--darker-10); } .collapsible-panel.seller-description .content[b-wluchgtdsl] { padding-block: .5rem; } .v[b-wluchgtdsl] { border-radius:0; border-bottom: 1px solid var(--darker-20); } .v h3[b-wluchgtdsl] { background-color: transparent; padding-inline: 1.5rem; padding-block:1.5rem; border: 0; border-radius: 0rem; } .v h3:hover[b-wluchgtdsl] { background-color: transparent; } .v .content[b-wluchgtdsl] { background: var(--darker-20); padding-inline: 1.5rem; border-radius: 0; } .v:not(.collapsed) .content[b-wluchgtdsl] { border: 0; background: var(--darker-20); padding: 1.5rem; } .v:not(.collapsed) > h3[b-wluchgtdsl] { border-radius: 0; color: var(--black); font-weight: 400; transition-delay: 500ms; } .t h3 div[b-wluchgtdsl] { font-weight: 700; } .t .content[b-wluchgtdsl] { background: unset; padding-inline: 1rem; border-radius: 0; } .t:not(.collapsed) .content[b-wluchgtdsl] { background: unset; padding-top: 0; padding-inline: 1rem; overflow: hidden; } .url-splitter[b-s58jwxe0hb] { padding-block: 1rem; max-width: 75rem; margin-inline:auto; } .url-splitter .col-auto[b-s58jwxe0hb] { padding: 0; display: flex; align-items: center; } .url-splitter .col-auto:first-of-type[b-s58jwxe0hb] { padding-right: 0; } .url-splitter .col-auto:not(:first-of-type)[b-s58jwxe0hb] { padding: 0; display: flex; align-items: center; } .url-splitter span[b-s58jwxe0hb] { margin-bottom: 0; margin-inline: .5rem; color: var(--darker-60); font-weight: 500; } .url-splitter a[b-s58jwxe0hb] { color: var(--darker-60); font-size: 15px; font-weight: 500; line-height:1.9; } .url-splitter label[b-s58jwxe0hb]{ font-weight:500; } .word-cycle[b-07qmq8fezh] { display: inline-flex; position: relative; width: 100%; height: 56px; margin-top:auto; margin-left:0; } .word-cycle__word[b-07qmq8fezh] { position: absolute; width: 100%; opacity: 0; text-align: left; } .word-cycle__word--active[b-07qmq8fezh] { animation: right-side-opacity-load .25s ease-in forwards; -webkit-animation: right-side-opacity-load .25s ease-in forwards; } .word-cycle__word--exit[b-07qmq8fezh] { animation: fadeOut .25s ease-in forwards; -webkit-animation: fadeOut .25s ease-in forwards; } img[b-buuj9qfsm7]{ margin-bottom: 1rem; } .ql .row[b-buuj9qfsm7] { max-width: 75rem; margin-inline: auto; } .ql .c[b-buuj9qfsm7] { background: var(--darker-05); text-align: center; height: 100%; border-radius: 2rem; padding: 3rem 1.5rem; } .ql p[b-buuj9qfsm7] { margin-inline: auto; } .ql h2[b-buuj9qfsm7] { text-wrap: balance; } p b[b-buuj9qfsm7] { font-weight: 400; } .swiss-carousel[b-8xarxd519b] { overflow: hidden; position: relative; } .carousel-track[b-8xarxd519b] { display: flex; gap: 2rem; scroll-snap-type: x mandatory; overflow-x: auto; padding: 1rem 0; scroll-behavior: smooth; } .carousel-card[b-8xarxd519b] { background: #f9f9f9; border-radius: 1rem; overflow: hidden; width: 280px; flex: 0 0 auto; cursor: pointer; scroll-snap-align: start; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.2s ease-in-out; } .carousel-card:hover[b-8xarxd519b] { transform: scale(1.02); } .carousel-img[b-8xarxd519b] { width: 100%; height: 180px; object-fit: cover; } .carousel-text[b-8xarxd519b] { padding: 1rem; } .carousel-text small[b-8xarxd519b] { font-size: 0.75rem; color: #888; text-transform: uppercase; letter-spacing: 0.5px; } .carousel-text h2[b-8xarxd519b] { margin: 0.5rem 0; font-size: 1.5rem; letter-spacing: 0px; font-weight: 600; } .carousel-text p[b-8xarxd519b] { margin: 0; font-size: 0.95rem; color: #444; } .carousel-controls[b-8xarxd519b] { display: flex; justify-content: flex-end; gap: 1rem; margin-top: 1rem; padding-right: 2rem; } .carousel-nav[b-8xarxd519b] { background: #eee; border: none; font-size: 1.5rem; padding: 0.5rem 1rem; cursor: pointer; border-radius: 0.5rem; transition: background 0.2s ease; } .carousel-nav:hover[b-8xarxd519b] { background: #ddd; } .modal[b-8xarxd519b] { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; } .modal-content[b-8xarxd519b] { background: #fff; margin: 5% auto; padding: 2rem; width: 90%; max-width: 720px; border-radius: 1rem; position: relative; } .close[b-8xarxd519b] { position: absolute; top: 1rem; right: 1rem; font-size: 2rem; cursor: pointer; color: #aaa; } .modal-header small[b-8xarxd519b] { color: #888; text-transform: uppercase; font-size: 0.75rem; } .modal-header h2[b-8xarxd519b] { font-size: 1.75rem; margin: 0.5rem 0; } .modal-img img[b-8xarxd519b] { width: 100%; height: auto; border-radius: 0.5rem; margin: 1rem 0; } .modal-desc p[b-8xarxd519b] { margin: 0; font-size: 1rem; line-height: 1.6; color: #333; } p[b-f2sfr4xo9w]{ max-width:55ch; line-height:1.65; } p:not(:last-of-type)[b-f2sfr4xo9w] { margin-bottom: 1.5rem; } h2[b-f2sfr4xo9w]{ text-wrap:balance; } img[b-f2sfr4xo9w] { position: absolute; bottom: 2rem; right: 1rem; width: 100%; } @media (min-width: 0) { img[b-f2sfr4xo9w] { bottom: unset; top: -8rem; left: 2rem; transform: scaleX(-1); max-width: 180px; } } @media (min-width: 576px) { img[b-f2sfr4xo9w] { right: 3rem; } } @media (min-width: 768px) { img[b-f2sfr4xo9w] { } } @media (min-width: 992px) { img[b-f2sfr4xo9w] { top: unset; bottom: 6rem; left: unset; right: 2rem; width: 35vw; max-width: 450px; transform: scaleX(1); height: auto; } .col-auto[b-f2sfr4xo9w] { padding-left: 5rem !important; } } .wrapper[b-xf2kyxsccn] { position: relative; } .scroll-content[b-xf2kyxsccn] { overflow-y: auto; transition: max-height 0.3s ease; } .t-fade-bottom[b-xf2kyxsccn] { position: absolute; bottom: 0; left: 0; right: 0; height: 3rem; pointer-events: none; background: linear-gradient(to bottom, transparent 0%, var(--darker-05) 100%); z-index: 2; } .s-s[b-maehdfgdqt] { text-align: center; border-radius: 2rem; display: flex; align-items: center; justify-content: center; align-content: center; overflow: hidden; } h5 span[b-maehdfgdqt] { color: var(--orange-1); } h3[b-maehdfgdqt] { margin-top: 1rem; font-size: 1.75rem; } p[b-maehdfgdqt]{ margin-bottom:2rem; } .s-s span[b-maehdfgdqt] { position: absolute; top: 1rem; left: 2rem; background: var(--white); color: var(--black); border-radius: 50%; width: 48px; height: 48px; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; font-weight:700; } .s-s img[b-maehdfgdqt]{ width:100%; height:100%; object-fit: cover; } b[b-nbcvgel8u2]{font-weight:400;} .q[b-nbcvgel8u2] { border-radius: 2rem; overflow: hidden; max-width: 75rem; margin-inline: auto; margin-bottom: 2rem; background:var(--darker-05); } .q .col[b-nbcvgel8u2]{ align-content: center; } .q h2[b-nbcvgel8u2] { margin-bottom: 1rem; } [b-nbcvgel8u2] .q ul { color: var(--darker-70); padding-left: 1rem; margin-bottom: 0; } [b-nbcvgel8u2] .q li:not(:last-of-type) { margin-bottom: 1rem; } [b-nbcvgel8u2] .q img { height:100%; width: 100%; object-fit: cover; } @media (min-width: 0) { [b-nbcvgel8u2] .q img { max-width: unset; } } @media (min-width: 992px) { [b-nbcvgel8u2] .q img { max-width: 480px; } } .s-s[b-j3dsz8tn31] { text-align: center; background: var(--darker-05); padding: 5rem 1rem; border-radius: 2rem; height: 100%; } .s-s h3[b-j3dsz8tn31] { font-size: 1.25rem; } .s-s img[b-j3dsz8tn31] { margin-bottom: 8px; } .mi[b-j3dsz8tn31] { max-width: 382px; width: 100%; } .s-s[b-dqipoousz9] { text-align: center; background: var(--darker-05); padding: 5rem 2rem; border-radius: 2rem; height: 100%; } h2[b-dqipoousz9] { text-wrap: balance; } h3[b-dqipoousz9]{ font-weight:700; line-height:1.2; } .im[b-dqipoousz9] { max-width: 420px; width: 100%; height: auto; } h5 span[b-dqipoousz9] { color: var(--orange-1); } .s-s h2[b-dqipoousz9] { font-weight:700; } .s-s p[b-dqipoousz9]{ } .s-s span[b-dqipoousz9]{ color:var(--black); font-weight:700; } .s-s img[b-dqipoousz9] { margin-bottom: .5rem; } b[b-ooius40meq]{font-weight:400;} .q[b-ooius40meq] { border-radius: 2rem; overflow: hidden; max-width: 75rem; margin-inline: auto; margin-bottom: 2rem; background:var(--darker-05); } .q .col[b-ooius40meq]{ align-content: center; } .q h2[b-ooius40meq] { margin-bottom: 1rem; } .q ul[b-ooius40meq] { color: var(--darker-70); padding-left: 1rem; margin-bottom: 0; } .q li:not(:last-of-type)[b-ooius40meq] { margin-bottom: 1rem; } .q img[b-ooius40meq] { height:100%; width: 100%; object-fit: cover; } @media (min-width: 0) { .q img[b-ooius40meq] { max-width: unset; } } @media (min-width: 768px) { .q img[b-ooius40meq] { max-width: 480px; max-height: 480px; } } b[b-1fk97em694]{font-weight:400;} .q[b-1fk97em694] { border-radius: 2rem; overflow: hidden; max-width: 75rem; margin-inline: auto; margin-bottom: 2rem; background:var(--darker-05); } .q .col[b-1fk97em694]{ align-content: center; } .q h2[b-1fk97em694] { margin-bottom: 1rem; } .q ul[b-1fk97em694] { color: var(--darker-70); padding-left: 1rem; margin-bottom: 0; } .q li:not(:last-of-type)[b-1fk97em694] { margin-bottom: 1rem; } .q img[b-1fk97em694] { height:100%; width: 100%; object-fit: cover; } @media (min-width: 0) { .q img[b-1fk97em694] { max-width: unset; } } @media (min-width: 992px) { .q img[b-1fk97em694] { max-width: 480px; } } b[b-9t3mij40sk] { font-weight: 400; } .gg[b-9t3mij40sk] { background: var(--darker-05); border-radius: 2rem; padding: 3rem 1.5rem; } .gg h3[b-9t3mij40sk] { } .gg p[b-9t3mij40sk] { line-height: 1.7; } .gg h3:not(:first-of-type)[b-9t3mij40sk] { margin-top:2rem; } li[b-9t3mij40sk] { margin-bottom: .5rem; } li a[b-9t3mij40sk] { font-weight: 500; color: var(--orange-1); } li[b-9t3mij40sk]::marker { color: var(--black); } img[b-9t3mij40sk] { width: 100%; max-width: 420px; } .badge[b-qof76fnuqp]{ padding:.5rem 1rem; background:var(--darker-20); color:var(--black); } .cp[b-qof76fnuqp] { display: flex; gap: .5rem; flex-wrap: wrap; max-width:30rem; } .how-it-works span[b-hrens6uqfk] { color: var(--black); box-shadow: 0 0 10px var(--orange-1); background-image: linear-gradient(45deg, var(--orange-1), var(--orange-2)); font-size: 1.5rem; font-weight: 700; border-radius: 50%; padding-inline: 1rem; padding-block: 0.5rem; display: flex; align-items: center; justify-content: center; z-index: 3 !important; min-width: 48px; min-height: 48px; max-width: 48px; max-height: 48px; text-align: center; margin-top:1rem; } .how-it-works.seller span[b-hrens6uqfk] { text-shadow: 0 0 10px var(--orange-1), 1px 1px 0px #000000a3; } .how-it-works.dealer span[b-hrens6uqfk] { color: var(--black); text-shadow: 0 0 10px var(--purple); box-shadow: 0 0 10px var(--purple); background-image: linear-gradient(45deg, #4227c5cf, #ff5800); } .how-it-works h3[b-hrens6uqfk] { color: var(--black); font-weight: 700; margin-top: .5rem; } .how-it-works p[b-hrens6uqfk] { color: var(--darker-70); font-size: 16px; font-weight: 300; } .how-it-works img[b-hrens6uqfk] { width: 100%; height: auto; max-width: 650px; z-index: 1; border-radius: 2rem; transition: filter 0.5s ease; } .how-it-works .step .image-container[b-hrens6uqfk] { display: flex; align-items: center; justify-content: center; padding: 0; } .dsd h5[b-2vd6kidlzq] { } .dsd label[b-2vd6kidlzq] { font-size: 11px; letter-spacing: 0; font-weight: 400; color: var(--black); } .dsd .status[b-2vd6kidlzq] { padding: .75rem; border-radius: .5rem; backdrop-filter: blur(3px); } .dsd .pending[b-2vd6kidlzq] { background-color: rgb(254 166 46 / 18%); } .dsd .activated[b-2vd6kidlzq] { background-color: #269a00; } .dsd h6[b-2vd6kidlzq] { color: white; text-shadow: 1px 1px rgb(0 0 0 / 50%); text-align: center; } .dsd .pending h5[b-2vd6kidlzq] { color: var(--orange-2); line-height: 1.3; } .dsd .activated :is(h5)[b-2vd6kidlzq] { text-shadow: 1px 1px 0 black; color: white; } .dsd .pending label[b-2vd6kidlzq] { color: #d49d52; } .dsd .activated label[b-2vd6kidlzq] { color: white !important; } .dsd a[b-2vd6kidlzq] { width: 100%; } .badge[b-wotosnz2ed]{ padding:.5rem 1rem; background:var(--darker-20); color:var(--black); } .cp[b-wotosnz2ed]{ display:flex; gap:.5rem; } .pro[b-2fcmpfs7ny] { background:linear-gradient(45deg, var(--orange-2), var(--orange-1)); border-block:1px solid var(--orange-1); border-inline:1px solid var(--orange-1); box-shadow:0 0 15px var(--orange-1); } .pro span[b-2fcmpfs7ny] { font-weight: 800; color: white; font-style:italic; text-shadow:0 0 6px black; } .trader-signup-complete[b-s7m9ihlwp0] { max-width: 28rem; margin-inline: auto; background-color: var(--darker-05); border-radius: 1rem; position: relative; --icon-size: 69px; } .trader-signup-complete .col-12[b-s7m9ihlwp0] { padding: 1rem; } .trader-signup-complete h6[b-s7m9ihlwp0] { font-size: 2rem; margin-top: calc(var(--icon-size) / 2); } .trader-signup-complete h6 span[b-s7m9ihlwp0] { font-size: 1.6rem; } .trader-signup-complete p[b-s7m9ihlwp0] { line-height: 1.6; } .c[b-kaf6i35xcg] { max-width: 75rem; margin-inline:auto; } .c .col-auto[b-kaf6i35xcg]{ display:flex; align-items:center; } .sb[b-kaf6i35xcg] { width: 32px; padding:0; height: 32px; top: calc(50% - 16px); max-width: 52px; z-index: 3; display:flex; } .rc[b-kaf6i35xcg] { margin-inline: auto; overflow-x: auto; padding-bottom: 1rem; display: flex; gap: 1rem; flex-wrap: nowrap; scroll-snap-type: x mandatory; position: relative; } .rc .col-12[b-kaf6i35xcg] { padding:0; } .r[b-kaf6i35xcg] { background-color: var(--darker-05); flex: 0 0 auto; height: fit-content; padding: 1.5rem; height: 100%; display: flex; flex-direction: column; scroll-snap-stop: always; scroll-snap-align: center; border-radius: 1rem; } .rc .r:not(:last-of-type)[b-kaf6i35xcg] { margin-bottom: 1rem; } .r img[b-kaf6i35xcg] { width: auto; height: 20px; margin-bottom: .25rem; } .r label span[b-kaf6i35xcg] { font-weight: 300; } .r label[b-kaf6i35xcg] { font-weight: 600; font-size: 14pt; color: var(--black); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:.5rem; } .r label:last-of-type[b-kaf6i35xcg] { overflow: visible; font-weight:600; } .r p[b-kaf6i35xcg] { color: var(--darker-70); max-width: unset; font-weight: 400; line-height: 1.35; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; margin-bottom:0; padding-bottom:1px; } .r svg[b-kaf6i35xcg]{ height:19px; width:19px; } .tw[b-kaf6i35xcg] { justify-content: center; } .tw svg[b-kaf6i35xcg] { width: auto; height: 20px; } .tw a:hover[b-kaf6i35xcg] { text-decoration: none; } .tw p span[b-kaf6i35xcg] { color: var(--black); border-bottom: 1px solid var(--black); } .tw p span:hover[b-kaf6i35xcg] { border-width: 2px; } @media (min-width: 0) { .r[b-kaf6i35xcg]{ } } @media (min-width: 375px) { } @media (min-width: 576px) { .r[b-kaf6i35xcg] { max-width: 16rem; } } .s[b-a86dxt0515] { margin-top: 1rem; } .s svg[b-a86dxt0515] { border-radius: 0; height: 24px; width: 24px; } .s p[b-a86dxt0515] { max-width: 40rem; } .grp[b-wfry5rvk1x] { position: relative; } .custom-dropdown-menu[b-wfry5rvk1x] { position: absolute; top: 105%; left: 0; width: 420px; background-color: var(--white); border: 1px solid var(--darker-20); box-shadow: 0 2px 10px var(--darker-t-10); z-index: 2; padding: 15px; display: none; border-radius:.5rem; } input[type="checkbox"][b-wfry5rvk1x]{ display:block; } .custom-dropdown-menu .dropdown-content[b-wfry5rvk1x] { max-height: 200px; overflow-y: auto; } .btn-secondary[b-wfry5rvk1x]{ border-radius:50rem; background-color:var(--darker-20); border:1px solid var(--darker-30); color:var(--black); font-weight:400; letter-spacing:-1px; display:flex; align-items:center; gap:.5rem; transition:transform 200ms linear; } .btn-secondary.open svg[b-wfry5rvk1x] { transform:rotate(180deg); } .btn-secondary.ch[b-wfry5rvk1x] { background-color: var(--black); border: 1px solid var(--darker-70); color:var(--white); } .btn-secondary.ch path[b-wfry5rvk1x] { stroke: var(--white); } .form-check[b-wfry5rvk1x]{ padding:1rem; border-bottom:1px solid var(--darker-20); margin-bottom:0; cursor:pointer; } .form-check:nth-child(even)[b-wfry5rvk1x] { background:var(--darker-05); } .form-check input[b-wfry5rvk1x] { width: 24px; height: 24px; border-radius: 50rem; cursor: pointer; } .form-check label[b-wfry5rvk1x] { margin-top: .45rem; margin-left: 2.5rem; display: block; cursor: pointer; } .btn-secondary:disabled[b-wfry5rvk1x] { background-color: var(--darker-10); border: 1px solid var(--darker-15); color: var(--darker-50); } .btn-secondary:disabled svg[b-wfry5rvk1x] { stroke: var(--darker-50); } .c[b-wfry5rvk1x]{ } @media (max-width: 767px) { .c[b-wfry5rvk1x]{ position:unset; } .c svg[b-wfry5rvk1x] { height:48px; width:48px; } .custom-dropdown-menu[b-wfry5rvk1x] { position: fixed; top: 40%; left: 0; right: 0; bottom: 0; width: 100%; height: 60%; overflow-y: auto; -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; border-radius: 0; } .custom-dropdown-menu .dropdown-content[b-wfry5rvk1x] { } .custom-dropdown-menu button[b-wfry5rvk1x] { } } @media (min-width: 768px) { .custom-dropdown-menu[b-wfry5rvk1x] { width: 420px; top: 105%; left: 0; padding:2rem; } .c[b-wfry5rvk1x] { position: absolute; top:.5rem; right:.5rem; } .c svg[b-wfry5rvk1x] { height: 24px; width: 24px; } } .verify-your-email[b-lpr5mleqwh] { max-width: 28rem; margin-inline: auto; border-radius: 1rem; border: 1px solid var(--darker-10); background-color: var(--darker-05); position: relative; --icon-size: 69px; } .verify-your-email .top-icon[b-lpr5mleqwh] { border-radius: 50%; font-size: 3rem; background-color: var(--darker-10); width: var(--icon-size); height: var(--icon-size); display: flex; align-items: center; justify-content: center; } .verify-your-email.pending h2[b-lpr5mleqwh] { font-weight: 700; } .verify-your-email.confirmed h2[b-lpr5mleqwh] { font-weight: 700; color: var(--success); } .verify-your-email p[b-lpr5mleqwh] { margin-bottom: 0; font-weight: 300; line-height: 1.6; } .verify-your-email .live-confirmation[b-lpr5mleqwh] { position: unset; font-size: 1.2rem; } .verify-your-email .live-confirmation button[b-lpr5mleqwh] { padding-block: .25rem; text-transform: unset; font-size: 1rem; margin-inline: auto; } .verify-your-email .live-confirmation label[b-lpr5mleqwh] { margin-bottom: 0; font-size: 14px; font-weight: 500; letter-spacing: 1px; color: var(--orange-2); } .verify-your-email.awaiting-confirmation .live-confirmation label[b-lpr5mleqwh] { color: var(--orange-2); } .verify-your-email.pending .live-confirmation svg[b-lpr5mleqwh] { box-shadow: 0 0 0 0 var(--orange-2); animation: awaiting-confirmation 2s infinite; border-radius: 50rem; } .verify-your-email.confirmed .live-confirmation label[b-lpr5mleqwh] { color: var(--success); } .verify-your-email[b-k82mb4b845] { max-width: 28rem; margin-inline: auto; border-radius: 1rem; border: 1px solid var(--darker-10); background-color: var(--darker-05); position: relative; --icon-size: 69px; } .verify-your-email .top-icon[b-k82mb4b845] { border-radius: 50%; font-size: 3rem; background-color: var(--darker-10); width: var(--icon-size); height: var(--icon-size); display: flex; align-items: center; justify-content: center; } .verify-your-email.pending h2[b-k82mb4b845] { font-weight: 700; } .verify-your-email.confirmed h2[b-k82mb4b845] { font-weight: 700; color: var(--success); } .verify-your-email p[b-k82mb4b845] { margin-bottom: 0; font-weight: 300; line-height: 1.6; } .verify-your-email .live-confirmation[b-k82mb4b845] { position: unset; font-size: 1.2rem; } .verify-your-email .live-confirmation button[b-k82mb4b845] { padding-block: .25rem; text-transform: unset; font-size: 1rem; margin-inline: auto; } .verify-your-email .live-confirmation label[b-k82mb4b845] { margin-bottom: 0; font-size: 14px; font-weight: 500; letter-spacing: 1px; color: var(--orange-2); } .verify-your-email.awaiting-confirmation .live-confirmation label[b-k82mb4b845] { color: var(--orange-2); } .verify-your-email.pending .live-confirmation svg[b-k82mb4b845] { box-shadow: 0 0 0 0 var(--orange-2); animation: awaiting-confirmation 2s infinite; border-radius: 50rem; } .verify-your-email.confirmed .live-confirmation label[b-k82mb4b845] { color: var(--success); } .fuel-container[b-0kfo7tw4kp], .result-container[b-0kfo7tw4kp] { transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out; overflow: hidden; } .fuel-container.show[b-0kfo7tw4kp] { opacity: 1; max-height: 1000px; } .fuel-container.hide[b-0kfo7tw4kp] { opacity: 0; max-height: 0; } .result-container.show[b-0kfo7tw4kp] { opacity: 1; max-height: 1000px; } .result-container.hide[b-0kfo7tw4kp] { opacity: 0; max-height: 0; } .fuel-container[b-pj20qa2kh2], .result-container[b-pj20qa2kh2] { transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out; overflow: hidden; } .fuel-container.show[b-pj20qa2kh2] { opacity: 1; max-height: 2000px; } .fuel-container.hide[b-pj20qa2kh2] { opacity: 0; max-height: 0; } .result-container.show[b-pj20qa2kh2] { opacity: 1; max-height: 2000px; } .result-container.hide[b-pj20qa2kh2] { opacity: 0; max-height: 0; } .tco-bd h6[b-pj20qa2kh2] { display: flex; align-items: center; gap: 1rem; margin-bottom: .5rem; } .tco-bd p[b-pj20qa2kh2] { color: var(--darker-60); margin: 0; font-size: 14px; } .tco-bd label[b-pj20qa2kh2] { color:var(--danger); font-weight: bold; font-size: 1.4rem; } .tco-amount[b-pj20qa2kh2]{ padding-block: .55rem; border-bottom: 1px solid var(--darker-10); background: var(--darker-07); } .tco-amount .col-auto[b-pj20qa2kh2]{ align-content: center; } .tco-amount .col[b-pj20qa2kh2]{ padding-left: 0; } .tco-amount:nth-of-type(even)[b-pj20qa2kh2]{ background:var(--darker-10); } .dinker input[type=checkbox][b-pj20qa2kh2] { height: 20px; width: 20px; } .dinker div[b-pj20qa2kh2] { padding:1rem; background: var(--darker-15); border-radius: .5rem; display: flex; align-items: center; gap: .75rem; } .dinker div > *[b-pj20qa2kh2] { cursor: pointer; } .btn-link[b-1llqbo5us4] { border-radius: 2rem; transition: all 50ms linear; } .btn-link svg[b-1llqbo5us4] { transition: transform 150ms linear; } .btn-link:hover path[b-1llqbo5us4] { fill: unset; } .btn-link:hover[b-1llqbo5us4] { transform: scale(1.05); } table[b-1llqbo5us4] { margin-bottom: 0; } table td[b-1llqbo5us4] { padding: 1rem; color: var(--black); border-top: 0; width: 50%; } table tr:not(:last-of-type)[b-1llqbo5us4] { border-bottom: 1px solid var(--darker-15); } table tr:nth-of-type(odd)[b-1llqbo5us4] { background-color:var(--darker-07); } table td:first-of-type[b-1llqbo5us4] { border-right: 1px solid var(--darker-15); } table td:last-of-type[b-1llqbo5us4] { text-align: right; font-weight: 600; } .vd[b-1llqbo5us4] { border-radius: 1rem; background: var(--darker-10); overflow: hidden; } .vd a[b-1llqbo5us4] { text-decoration:underline; } .mp[b-1llqbo5us4] { width:max-content; text-align: center; display: flex; color: var(--orange-1); font-weight: 500; font-size: 15px; align-items: center; gap: .25rem; justify-content: center; transition: all 250ms linear; margin-bottom:.5rem; } .mp svg[b-1llqbo5us4] { width: 12px; height: 12px; } .pr[b-1llqbo5us4] { border-radius: 1rem; padding: 1.5rem; border: 2px solid var(--orange-1); } .pr p[b-1llqbo5us4] { font-size: 12px; } .pr h3[b-1llqbo5us4] { line-height:1.1; font-size: 1.5rem; } .pr h4[b-1llqbo5us4]{ font-weight:400; } .pr h4 span[b-1llqbo5us4] { font-size:13px; } .pr a[b-1llqbo5us4] { display:block; margin-top:1rem } p[b-1llqbo5us4]{ max-width:unset; } li[b-1llqbo5us4] { margin-bottom: .5rem; } li a[b-1llqbo5us4] { font-weight: 500; } li[b-1llqbo5us4]::marker { color: var(--black); } .c.valid[b-1llqbo5us4] { background: hsl(105.37deg 100% 32.16% / 50%); background: linear-gradient(0, hsl(105.37deg 100% 32.16% / 80%), hsl(105.37deg 100% 32.16% / 50%)); } .mot[b-1llqbo5us4] { overflow: hidden; border-radius: 1rem; } summary[b-1llqbo5us4]{ font-size:1.5rem; } summary small[b-1llqbo5us4] { font-size: 14px; } .wea[b-1llqbo5us4] { font-size: 1rem; } summary .btn.expand svg[b-1llqbo5us4] { transition: transform 150ms linear; } details[open] summary .btn.expand svg[b-1llqbo5us4] { transform: rotate(180deg); } .history[b-1llqbo5us4] { background-color: var(--darker-05); } .history li[b-1llqbo5us4] { color: var(--black); font-size: 14px; } .history label[b-1llqbo5us4] { display: flex; justify-content: space-between; } .history label span[b-1llqbo5us4] { font-weight: 600; } .history:nth-of-type(even)[b-1llqbo5us4] { } .vmt[b-1llqbo5us4] { padding: 3rem 1.5rem; background-color:var(--darker-05); border-radius:0 0 1rem 1rem; } .c.invalid[b-1llqbo5us4] { background-color: hsl(0deg 100% 41.48% / 50%); background: linear-gradient(0, hsl(0deg 100% 41.48% / 80%), hsl(0deg 100% 41.48% / 50%)); } .c.du[b-1llqbo5us4] { background: hsl(36deg 93% 59% / 50%); background: linear-gradient(0, hsl(36deg 93% 59% / 80%), hsl(36deg 93% 59% / 50%)); } .status-title .status-icon[b-1llqbo5us4] { font-size: 1.5rem; color: #1e682e; margin-right: 0.5rem; } .status-card.bad .status-title .status-icon[b-1llqbo5us4] { color: red; } .status-card.bad .status-title[b-1llqbo5us4] { color: red; } .gg[b-1llqbo5us4] { background: var(--darker-10); border-radius: 1rem; padding: 0; margin-bottom: 1rem; } .c[b-1llqbo5us4] { padding: 3rem 1.5rem; border-radius: 1rem; } .c h5[b-1llqbo5us4] { color: var(--black); font-size: 1.75rem; display: flex; align-items: center; line-height:1.2; gap: .75rem; } .c p[b-1llqbo5us4] { color: var(--black); margin-bottom: 0; } .c svg[b-1llqbo5us4]{ min-width:32px; } @media (min-width: 768px) { .vmt[b-1llqbo5us4] { border-radius: 0 0 0 1rem !important; } .tr[b-1llqbo5us4] { border-radius: 0 0 1rem 0 !important; } } .con-heading[b-1llqbo5us4]{ padding:1rem 0 1rem 1rem; margin:0; display:flex; align-items:center; gap:.75rem; background:var(--darker-15); } .ddw[b-mnjbmcad75] { overflow: hidden; } .scrolling-container[b-mnjbmcad75] { display: flex; width: max-content; animation: scroll-strip-b-mnjbmcad75 60s linear infinite; } .brand-strip[b-mnjbmcad75] { display: flex; gap: 64px; padding-left: 4rem; padding-top: 2rem; } .brand-strip img[b-mnjbmcad75] { height: 48px; width: auto; opacity: .5; } @keyframes scroll-strip-b-mnjbmcad75 { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (prefers-color-scheme: dark) { .brand-strip img[b-mnjbmcad75] { filter: brightness(200%) invert(1); } } @media (min-width: 576px) { .brand-strip img[b-mnjbmcad75] { height: 64px; } } p[b-fpkapl6vur]{ max-width:55ch; margin-inline:auto; line-height:1.65; } p:not(:last-of-type)[b-fpkapl6vur] { margin-bottom: 1.5rem; } h2[b-fpkapl6vur]{ text-wrap:balance; } .table-responsive[b-fzar8cziw5] { max-width: 75rem; margin-inline: auto; scroll-snap-type: x mandatory; } table[b-fzar8cziw5] { border-collapse: collapse; isolation: isolate; border-collapse: separate !important; border-spacing: 0; } tbody[b-fzar8cziw5] { max-height: 400px; } tr[b-fzar8cziw5] { color: var(--black); text-align: center; border-bottom: 1px solid var(--darker-15); } th[b-fzar8cziw5] { font-size: 12px; border-color:var(--darker-30) !important; } th img[b-fzar8cziw5] { max-height:22px; } th div span[b-fzar8cziw5] { display: block; font-weight:500; color:var(--darker-50); } thead[b-fzar8cziw5] { position: static; top: 120px; z-index: 1020; } thead th[b-fzar8cziw5]{ border-bottom:1px solid var(--darker-10) !important; } th[b-fzar8cziw5] { border: 0; background: transparent !important; padding-block: 1rem; } td > div[b-fzar8cziw5] { display:flex; align-items:center; gap:.5rem; text-align:left; } td[b-fzar8cziw5] { border: 0; font-size: 12px; line-height: 1.2; vertical-align: middle; padding: .5rem 1rem; border-left: 0; border-bottom: 1px solid var(--darker-10); } tr:last-child td[b-fzar8cziw5] { border-bottom: 0; } td img[b-fzar8cziw5] { width: 20px; height: 20px; } td .yes path[b-fzar8cziw5] { stroke: #00b11c; } td .no path[b-fzar8cziw5] { stroke: #C90000; stroke-width:2px; } td .cursor-help[b-fzar8cziw5] { stroke: var(--darker-60) !important; fill: var(--darker-60); } th:first-child[b-fzar8cziw5], td:first-child[b-fzar8cziw5] { font-weight: 400; position: sticky; left: -1px; background: var(--white) !important; max-width: 220px; min-width:170px; text-align:left; } td:first-child div[b-fzar8cziw5] { font-size:13px; color:var(--darker-60); } td[b-fzar8cziw5] { padding:.25rem; } :is(td, th):nth-child(2)[b-fzar8cziw5] { font-weight: 400; } :is(td, th):nth-child(2)[b-fzar8cziw5] { font-weight: 700; } th:nth-child(2)[b-fzar8cziw5] { border-radius: 1rem 1rem 0 0 !important; } th:nth-child(3)[b-fzar8cziw5] { font-weight:400; } th:nth-child(2) svg[b-fzar8cziw5] { max-height: 22px; width: auto; } tr:last-of-type td:nth-of-type(2)[b-fzar8cziw5]{ } th[b-fzar8cziw5] { font-size: 16px; } th:not(:first-of-type)[b-fzar8cziw5] { background:transparent; } @media (min-width: 0) { td[b-fzar8cziw5]{ font-size:14px; } } @media (min-width: 576px) { td[b-fzar8cziw5] { font-size: 16px; } } .divider:first-of-type td:nth-child(2)[b-fzar8cziw5] { } .divider td:nth-child(2)[b-fzar8cziw5] { } .divider td:not(:first-of-type)[b-fzar8cziw5] { padding: .75rem; } .divider td[b-fzar8cziw5] { padding-block: .75rem; font-weight: 700; font-size: 16px; background: var(--darker-10) !important; border-bottom: 1px solid var(--darker-10) !important; } .divider p[b-fzar8cziw5] { margin-top:6px; font-weight:400; font-size: 13px; } .divider :is(img,svg)[b-fzar8cziw5] { height:22px; max-height:22px; width:auto; } .table-responsive[b-q0c36r2w62] { margin-inline: auto; scroll-snap-type: x mandatory; position:relative; overflow-x:unset; } .table-responsive[b-q0c36r2w62]::after { content:''; top:0; height:100%; width:2rem; right:0; background:red; } thead[b-q0c36r2w62] { position: sticky; top: 0; z-index: 2; } table[b-q0c36r2w62] { border-collapse: collapse; isolation: isolate; border-collapse: separate !important; border-spacing: 0; } tbody[b-q0c36r2w62] { max-height: 400px; } tr[b-q0c36r2w62] { color: var(--black); text-align: center; } tr img[b-q0c36r2w62]{ width:20px; height:20px; } tr:nth-child(even)[b-q0c36r2w62] { background-color: var(--darker-07); } th[b-q0c36r2w62] { font-size: 12px; border-color:var(--darker-10) !important; } th div span[b-q0c36r2w62] { display: block; font-weight:500; color:var(--darker-50); } thead[b-q0c36r2w62] { position: static; top: 120px; z-index: 1020; } thead th[b-q0c36r2w62]{ border-bottom:1px solid var(--darker-10) !important; } th[b-q0c36r2w62] { border: 0; background: transparent !important; font-size:1.5rem !important; } td > div[b-q0c36r2w62] { text-align:left; font-weight:600; color:var(--black); } td p[b-q0c36r2w62] { font-size:14px; font-weight:400; } td[b-q0c36r2w62] { border: 0; font-size: 12px; line-height: 1.2; border-left: 0; padding:.5rem 0; } tr:last-child td[b-q0c36r2w62] { border-bottom: 0; } td .cursor-help[b-q0c36r2w62] { stroke: var(--darker-60) !important; fill: var(--darker-60); } th:first-child[b-q0c36r2w62], td:first-child[b-q0c36r2w62] { font-weight: 600; position: sticky; left: -1px; max-width: 220px; min-width: 150px; text-align: left; padding: 0; padding-left: .5rem; } th[b-q0c36r2w62] { font-size: 16px; line-height: 1.2; } th:not(:first-of-type)[b-q0c36r2w62] { background:transparent; } @media (min-width: 0) { td h3[b-q0c36r2w62]{ font-size:16px; } } @media (min-width: 576px) { td h3[b-q0c36r2w62] { font-size: 16px; } } td:nth-child(4)[b-q0c36r2w62] { background-color: #f466014a; } a[b-q0c36r2w62] { color: var(--darker-60); font-weight: 400; } summary[b-q0c36r2w62] { padding-block:.5rem; } summary[b-q0c36r2w62]::marker{ } summary h3[b-q0c36r2w62]{ font-weight: 400; } details > p[b-q0c36r2w62] { padding-bottom:.75rem; } .divider td[b-q0c36r2w62] { align-content: end; padding: 1.5rem .5rem .5rem; font-weight: 600; border: 0 !important; background-color: var(--darker-15); } .divider td:nth-child(1)[b-q0c36r2w62] { font-style: italic; text-transform: uppercase; } .divider td:is(:nth-child(2), :nth-child(3))[b-q0c36r2w62] { color: var(--darker-60); } .divider td:nth-child(4)[b-q0c36r2w62] { color: var(--black); background-color: #f466014a; } .divider td:is(:nth-child(2), :nth-child(3), :nth-child(4))[b-q0c36r2w62] { font-size: 14px; padding-inline: .5rem; } .dyk[b-u0ov8ipxhk] { max-width: 75rem; margin-inline: auto; } .dyk h3[b-u0ov8ipxhk] { font-size: 3rem; font-weight:700; } .dyk .col-md-6[b-u0ov8ipxhk] { margin-bottom: 1.5rem; } .dyk p[b-u0ov8ipxhk] { margin-inline: auto; font-weight: 400; } span[b-u0ov8ipxhk] { font-weight: 700; color: var(--black); } .col-md-6 div[b-u0ov8ipxhk] { background: var(--darker-05); border-radius: 2rem; padding: 4rem 2rem; height:100%; } .dyk[b-ejzpt1b5is] { max-width: 75rem; margin-inline: auto; } .dyk h3[b-ejzpt1b5is] { font-size: 3rem; font-weight: 700; } .dyk .col-md-6[b-ejzpt1b5is] { margin-bottom: 1rem; } .dyk p[b-ejzpt1b5is] { margin: 0; font-weight: 400; } span[b-ejzpt1b5is] { font-weight: 700; color:var(--black); } .col-md-6 div[b-ejzpt1b5is] { background: var(--darker-05); border-radius: 2rem; padding: 4rem 2rem; height: 100%; } .input-parent[b-qat5f2d0qv]{ max-width:40rem; } [b-qat5f2d0qv] .btn { border-radius:.5rem; } h6[b-qat5f2d0qv] { font-weight: 400; margin: 0; } #start[b-miigr9ii09] { background: radial-gradient(31.94% 68.31% at 69.04% 52.46%, rgba(244, 102, 1, 0.15) 0%, rgba(0, 0, 0, 0) 100%), var(--darker-05); overflow:hidden; min-height: var(--body-content-height); } #start .input-parent[b-miigr9ii09]{ max-width:36rem; } [b-miigr9ii09] .btn { border-radius: .5rem; padding: 19px 24px; text-shadow:unset; } [b-miigr9ii09] .login-form{ max-width:unset; } [b-miigr9ii09] .scroll-fade { --bg-color: var(--darker-05); } h1[b-miigr9ii09] { line-height: 1.1; text-wrap: balance; font-weight: 700; } h5[b-miigr9ii09] { } h5 b[b-miigr9ii09]{ font-weight:400 !important; } .m[b-miigr9ii09] { align-items: center; gap: 1.5rem; margin-bottom: 1rem; } .m h6[b-miigr9ii09]{ color: var(--darker-60); margin:0; } .bfr[b-miigr9ii09] { align-content: center; } .bfr img[b-miigr9ii09] { width: 100%; height: auto; max-height: 559px; } .m svg[b-miigr9ii09] { height:auto; } .m:last-child[b-miigr9ii09] { margin: 0; } @keyframes scroll-animation-b-miigr9ii09 { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @media (min-width: 0) { .m svg[b-miigr9ii09] { min-width:52px; max-width: 52px; height: auto; } #start[b-miigr9ii09] { background: linear-gradient(to bottom, rgb(244 102 1 / 50%) 0%, rgba(0, 0, 0, 0) 70%), var(--darker-05); } .t[b-miigr9ii09]{ max-width:30rem; } } @media (min-width: 992px) { .m svg[b-miigr9ii09] { max-width: 64px; height: auto; } #start[b-miigr9ii09] { background: radial-gradient(32.94% 68.31% at 71.04% 26.46%, rgba(244, 102, 1, 0.15) 0%, rgba(0, 0, 0, 0) 100%), var(--darker-05); } .bfr[b-miigr9ii09] { padding-left: 2rem; padding-right: 0; } .t[b-miigr9ii09] { max-width: unset; } } .input-parent[b-bh3ogv4oti]{ max-width:40rem; } [b-bh3ogv4oti] .btn { border-radius:.5rem; } p[b-bh3ogv4oti] { line-height: 1.4; } h2[b-bh3ogv4oti]{ font-size:2rem; margin-bottom:.5rem; } h6[b-bh3ogv4oti] { font-weight: 400; margin: 0; } .bb[b-bh3ogv4oti] { background: #f466014d; border-radius: 1rem; border:2px solid var(--orange-1); } .bb h2[b-bh3ogv4oti]{ margin-top:0; font-size:2.5rem; } .loading-container[b-ytk00bhpvy] { position: relative; overflow: hidden; min-height: var(--body-content-height); display: flex; align-items: center; } label[b-ytk00bhpvy] { margin-top:1rem; } .svgs[b-ytk00bhpvy] { position: absolute; top: 36px; left: calc(50% - 32px); font-size: 18px; } h6[b-ytk00bhpvy] { max-width: 17rem; margin-inline: auto; margin-top:1rem; } .s[b-ytk00bhpvy] { animation: right-side-opacity-load .25s ease-in forwards; -webkit-animation: right-side-opacity-load .25s ease-in forwards; opacity: 0; } .slide-in[b-ytk00bhpvy] { animation: slide-in-b-ytk00bhpvy .25s forwards; } .slide-out[b-ytk00bhpvy] { animation: slide-out-b-ytk00bhpvy .25s forwards; } @keyframes slide-in-b-ytk00bhpvy { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slide-out-b-ytk00bhpvy { 0% { transform: translateX(0); opacity: 1; } 50% { opacity: 0; } 100% { transform: translateX(-100%); opacity: 0; } } .svg[b-ytk00bhpvy] { animation: svg-appear-b-ytk00bhpvy 0.25s ease-in-out; } @keyframes svg-appear-b-ytk00bhpvy { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .text-fade-in[b-ytk00bhpvy] { animation: text-fade-in-b-ytk00bhpvy .25s forwards; } @keyframes text-fade-in-b-ytk00bhpvy { from { opacity: 0; } to { opacity: 1; } } .t-fo[b-ytk00bhpvy] { -webkit-animation: fade-out 250ms ease-in forwards; animation: fade-out-b-ytk00bhpvy 250ms ease-in forwards; opacity: 100; } @keyframes fade-out-b-ytk00bhpvy { 0% { opacity: 100; } 50% { opacity: 0; } 100% { opacity: 0; } } h5[b-t7qb7p9pia], p[b-t7qb7p9pia]{ text-wrap:balance; } img[b-t7qb7p9pia] { width: 100%; max-height: 635px; height: auto; object-fit: contain; } h5[b-t7qb7p9pia]{ margin-top:1rem; } .btn[b-t7qb7p9pia] { border-radius:.5rem; width:100%; padding-inline:1rem; } .b[b-t7qb7p9pia] { } .b i[b-t7qb7p9pia] { font-weight: 800; } .b .col-auto[b-t7qb7p9pia] { display: flex; align-items: center; gap: .5rem; font-weight: 600; background: var(--darker-10); padding: .75rem 1rem; border-radius: 20rem; margin-bottom: .5rem; border-bottom: 2px solid #fe6f0736; color: var(--black); } p[b-t7qb7p9pia]{ max-width:50rem; } .t p[b-t7qb7p9pia] { margin-top: 1rem; display: flex; align-items: center; gap: .5rem; color: var(--black); } .t[b-t7qb7p9pia] { margin-top: 1rem; } .t svg[b-t7qb7p9pia]{ min-width:20px; min-height:20px; } .owl[b-t7qb7p9pia]{ display:block; margin-inline:auto; width:100%; max-width:404px; height:auto; } h5[b-wu3m7u2dzp] { margin-top: 1.5rem; font-weight: 700; } ul[b-wu3m7u2dzp]{ margin-top:.5rem; color:var(--black); } li[b-wu3m7u2dzp]{ max-width:30rem; color:var(--darker-70); } li:not(:last-of-type)[b-wu3m7u2dzp]{ margin-bottom:.5rem; } li[b-wu3m7u2dzp]::marker{ } strong[b-wu3m7u2dzp] { color: var(--black); font-weight:500; } .s-s[b-mu2g7iek9m] { text-align: center; background: var(--darker-05); padding: 3rem 2rem; border-radius: 2rem; height: 100%; } .s-s h3[b-mu2g7iek9m] { font-size: 1.4rem; text-wrap: balance; } .s-s img[b-mu2g7iek9m] { margin-bottom: 2rem; width:100%; height:auto; max-width:289px; } p[b-mu2g7iek9m] { margin-inline: auto; } h6[b-mu2g7iek9m]{ font-weight:400; } ul[b-mu2g7iek9m]{ margin-top:1rem; padding-left:1.5rem; } li[b-mu2g7iek9m] { color: var(--darker-60); text-align:left; } .bb[b-8d2ro0fjff] { background: #f466014d; border-radius: 1rem; } .bb h2[b-8d2ro0fjff]{ margin-top:0; } .fuel-container[b-ws2gqmsps7], .result-container[b-ws2gqmsps7] { transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out; overflow: hidden; } .fuel-container.show[b-ws2gqmsps7] { opacity: 1; max-height: 2000px; } .fuel-container.hide[b-ws2gqmsps7] { opacity: 0; max-height: 0; } .result-container.show[b-ws2gqmsps7] { opacity: 1; max-height: 2000px; } .result-container.hide[b-ws2gqmsps7] { opacity: 0; max-height: 0; } .tco-bd h6[b-ws2gqmsps7] { display: flex; align-items: center; gap: 1rem; margin-bottom: 0; } .tco-bd p[b-ws2gqmsps7] { color: var(--darker-60); margin: 0; font-size: 14px; } .tco-bd label[b-ws2gqmsps7] { color:var(--danger); font-weight: bold; font-size: 1.4rem; } .tco-amount[b-ws2gqmsps7]{ padding-block: .55rem; border-bottom: 1px solid var(--darker-10); background: var(--darker-07); } .tco-amount .col-auto[b-ws2gqmsps7]{ align-content: center; } .tco-amount .col[b-ws2gqmsps7]{ padding-left: 0; } .tco-amount:nth-of-type(even)[b-ws2gqmsps7]{ background:var(--darker-10); } .dinker input[type=checkbox][b-ws2gqmsps7] { height: 20px; width: 20px; } .dinker div[b-ws2gqmsps7] { padding:1rem; background: var(--darker-15); border-radius: .5rem; display: flex; align-items: center; gap: .75rem; } .dinker div > *[b-ws2gqmsps7] { cursor: pointer; } p[b-mmie4357u4]{ max-width:unset; } summary[b-mmie4357u4]::-webkit-details-marker { display: none; } .con[b-8a5kyq4nxo] { max-width: 75rem; gap: 1rem; } .mp[b-8a5kyq4nxo] { width: max-content; border-radius: .5rem; text-align: center; display: flex; color: var(--orange-1); font-weight: 500; border-radius: 5rem; font-size: 15px; padding: .15rem .5rem; align-items: center; gap: .25rem; justify-content: center; transition: all 250ms linear; } .mp svg[b-8a5kyq4nxo] { width:12px; height:12px; } .dc[b-8a5kyq4nxo] { color: var(--orange-1); background: hsl(25deg 99% 48% / 15%); align-items: center; gap: .25rem; border-radius: .35rem; font-size: 18px; font-weight: 500; width: auto; line-height: 1.7; padding-inline: .5rem; min-height: 30px; align-content: center; } .dc svg[b-8a5kyq4nxo]{ width: 14px; height: 14px; } .id[b-8a5kyq4nxo]{ font-weight:500; font-size:14px; } .prod.deluxe .bc[b-8a5kyq4nxo]{ border-bottom-color:var(--purple-2); } .radio[b-8a5kyq4nxo] { display: block; background: var(--white); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 2rem; transition: all 200ms linear; border: 2px solid var(--darker-20); overflow:hidden; } .radio:is(:focus, :focus-visible)[b-8a5kyq4nxo] { outline:2px solid var(--black); } .prod[b-8a5kyq4nxo] { background: var(--white); padding: 1.5rem; scroll-snap-stop: always; scroll-snap-align: center; cursor: pointer; transition: all linear 50ms; border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px; position:relative; } .prod .col[b-8a5kyq4nxo] { display:grid; gap:.5rem; } .prod:not(.current):hover[b-8a5kyq4nxo] { box-shadow: rgba(0, 0, 0, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; transform: translateY(-2px); } .fixed[b-8a5kyq4nxo] { position: fixed; z-index: 3; right: 0; left: 0; bottom: 0; background: linear-gradient(var(--darker-t-10) 0%, var(--darker-t-10) 100%); margin-inline: auto; border-radius: 2rem 2rem 0 0; overflow: hidden; backdrop-filter: blur(28px); } .prod.current[b-8a5kyq4nxo] { outline:2px solid var(--orange-1); background: hsl(25deg 99% 48% / 20%); box-shadow: hsl(25deg 99% 48% / 50%) 0px 13px 27px -5px, hsl(25deg 99% 48% / 50%) 0px 8px 16px -8px; } .prod.current .mp[b-8a5kyq4nxo] { } .prod.current .radio[b-8a5kyq4nxo] { position: relative; border-color: var(--orange-1); background-color: var(--orange-1); } .subtext[b-8a5kyq4nxo]{ font-size: 16px; margin-bottom: .5rem; color:var(--darker-t-50) !important; } .prod:last-of-type[b-8a5kyq4nxo] { margin-bottom: 0; } .rev[b-8a5kyq4nxo]{ font-size:14px; width:max-content; } .rev span[b-8a5kyq4nxo]{ line-height:.8; } .prod h1[b-8a5kyq4nxo] { font-size: 18px; font-weight: 400; margin: 0; gap: .5rem; display: flex; justify-content: start; } .prod h1 span[b-8a5kyq4nxo] { letter-spacing: 0px; } .prod h2[b-8a5kyq4nxo] { font-weight:500; font-size:20px; } .prod h5[b-8a5kyq4nxo] { max-width:31ch; } .prod hr[b-8a5kyq4nxo] { border-color:var(--darker-20); } .ffe[b-8a5kyq4nxo]{ font-weight:400; color:var(--orange-1); margin:0; } .prod h6[b-8a5kyq4nxo] { font-weight: 400; color: var(--darker-60); font-size: 14px; } .s[b-8a5kyq4nxo]{ text-align:right; margin:0; } .price[b-8a5kyq4nxo]{ font-size:18px; } .btn-radius-hover[b-8a5kyq4nxo] { font-size: 20px; color: black; text-shadow: unset; font-weight:700; line-height:1.25; } .btn-radius-hover:hover[b-8a5kyq4nxo] { color: black; } .wi .col-6[b-8a5kyq4nxo]{ display:flex; align-items:center; } .wi:focus[b-8a5kyq4nxo] { box-shadow:unset !important; } .sve[b-8a5kyq4nxo]{ color:var(--orange-1); text-decoration:line-through; } .dis-per[b-8a5kyq4nxo] { background: var(--orange-1); border-radius: 6px; padding: 5px 12px; margin-top: 1rem; margin-bottom: 2.5rem; display: inline-grid; font-size: 20px; font-weight: 700; color: black; } .dis-per.c[b-8a5kyq4nxo]{ color:var(--black); background:var(--darker-20); } .owl[b-8a5kyq4nxo] { position: absolute; bottom: calc(50% - 45px); right: -100px; animation: owlWaddle-b-8a5kyq4nxo 1s linear forwards; width:100px; height:auto; } @keyframes owlWaddle-b-8a5kyq4nxo { 0% { right: -100px; transform: rotate(0deg); } 16% { transform: rotate(6deg); } 32% { transform: rotate(0deg); } 48% { transform: rotate(6deg); } 64% { transform: rotate(0deg); } 80% { transform: rotate(6deg); } 100% { right: -1.5rem; transform: rotate(0); } } @media (min-width: 0) { .price[b-8a5kyq4nxo], label[b-8a5kyq4nxo] { font-size: 16px; } .prod h1[b-8a5kyq4nxo] { letter-spacing: 0px; } .prod h1 span[b-8a5kyq4nxo] { letter-spacing: 0px; } } @media (min-width: 576px) { .price[b-8a5kyq4nxo], label[b-8a5kyq4nxo] { font-size: 18px; } .con[b-8a5kyq4nxo] { overflow: unset; flex-wrap: wrap; flex-direction: unset; scroll-snap-type: inline mandatory; } } .history label[b-aihzxtdiz1]{ display: flex; align-items: center; justify-content: space-between; } .history label span[b-aihzxtdiz1]{ font-weight: bold; } .c h6[b-7nkgald7aa]{ font-weight:400; } .c[b-7nkgald7aa] { margin-bottom:.5rem; } .offer-container[b-7nkgald7aa] { background-color: var(--darker-10); border-radius: 1rem; } .offer-container .offers[b-7nkgald7aa] { max-height: 33rem; overflow-y: auto; overflow-x: hidden; } .offer-container .offers .vehicle-offer[b-7nkgald7aa] { -webkit-animation: opacity-load 400ms ease-in forwards; animation: opacity-load 400ms ease-in forwards; opacity: 0; } .offer-container .offers .vehicle-offer.is-deluxe[b-7nkgald7aa] { -webkit-animation: opacity-load 400ms ease-in forwards, deluxe-tab-background 100s linear infinite forwards; animation: opacity-load 400ms ease-in forwards, deluxe-tab-background 100s linear infinite forwards; opacity: 0; } .offer-container .offers[b-7nkgald7aa]::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: transparent; } .offer-container .offers[b-7nkgald7aa]::-webkit-scrollbar { width: 12px; background-color: transparent; } .offer-container .offers[b-7nkgald7aa]::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background: linear-gradient(45deg, rgb(93 93 93), #3c3c3c); } .offer-container.accepted[b-7nkgald7aa] { max-width: 28rem; } .vehicle-image .actions[b-ghxc8yky93] { text-align: center; } .vehicle-image .actions label[b-ghxc8yky93] { color: var(--primary); font-size: 1.1rem; } .vehicle-image .actions .btn[b-ghxc8yky93] { border-radius: .5rem; width: 100%; font-size: 1.3rem; min-height: 45px; } .vehicle-image .actions .btn:not(:only-of-type)[b-ghxc8yky93] { margin-top: .5rem; } .vehicle-image .custom-file .custom-file-label[b-ghxc8yky93] { height: 50px; border-radius: 1rem; margin-bottom: 0; justify-content: center; padding: 0 !important; font-size: 1rem; transition: all 200ms ease-in; border-color: var(--darker-10); background-color: var(--white) } .vehicle-image .custom-file .custom-file-label span[b-ghxc8yky93] { font-weight: 300; margin-inline: .5rem; } .vehicle-image .custom-file .custom-file-label:hover[b-ghxc8yky93] { background-color: var(--darker-05) !important; color: var(--darker-60); } .vehicle-image .custom-file.camera .custom-file-label[b-ghxc8yky93] { background-color: var(--primary); color: white; } .vehicle-image .custom-file.camera .custom-file-label:hover[b-ghxc8yky93] { background-color: #1163d7 !important; color: white; transform: scale(1.02); } .vehicle-image .custom-file .custom-file-input[b-ghxc8yky93] { height: 50px; border: 0; font-size: 1.3rem; margin-block: 0 !important; background-color: var(--darker-10); transition: all 200ms ease-in; content: 'Select Photo'; } .vehicle-image .custom-file .custom-file-input:focus[b-ghxc8yky93] { outline: unset; box-shadow: unset; } .vehicle-image.has-dragged-over[b-ghxc8yky93] { border: 2px dashed #007BFF; background-color: rgba(0, 123, 255, 0.1); } .vehicle-image .actual-image[b-ghxc8yky93] { text-align: center; padding-bottom: .25rem; } .vehicle-image .actual-image > img[b-ghxc8yky93] { object-fit: cover; position: relative; border-radius: .75rem; } .vehicle-image .actual-image > .btn[b-ghxc8yky93] { position: absolute; border-radius: 1rem; } .vehicle-image .actual-image.deleting > .btn[b-ghxc8yky93] { display: none; } .vehicle-image[b-ghxc8yky93] { background: var(--darker-05); border-radius: 1rem; overflow: hidden; } .vehicle-image.image-exists[b-ghxc8yky93] { border-color: var(--success); } .vehicle-image.image-exists h5[b-ghxc8yky93] { color: var(--success); } .vehicle-image .placeholder[b-ghxc8yky93] { padding: 0rem; opacity: 0; -webkit-animation: opacity-load 400ms ease-in forwards; animation: opacity-load 400ms ease-in forwards; position: relative; } .vehicle-image .placeholder img[b-ghxc8yky93] { width: 100%; max-width: 400px; opacity: .7; margin-inline: auto; border-radius: 0rem; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .rr p[b-zcur73zt1n] { color: var(--black); margin-bottom: .5rem; } .btn-link[b-zcur73zt1n] { font-weight:700; } .btn-link:focus[b-zcur73zt1n] { box-shadow:none !important; } h6[b-zcur73zt1n]{ font-weight:600; } label[b-zcur73zt1n]{ font-weight:600; } [b-zcur73zt1n] .bdd:not(:last-of-type) { border-bottom: 1px solid var(--darker-10); } [b-zcur73zt1n] .bdd:nth-of-type(even) { background-color:var(--darker-05); } [b-zcur73zt1n] .bdd > summary { } .bdd summary h6[b-zcur73zt1n] { display:flex; gap:.5rem; align-items:center; width:100%; padding-right:.5rem; } .card[b-zcur73zt1n] { border-radius:1rem; background-color: var(--white); border: 1px solid var(--darker-15); } .card-header[b-zcur73zt1n] { border-bottom-color: var(--darker-15); } .ds[b-zcur73zt1n] { max-height: 800px; overflow-y: auto; } .fdd[b-zcur73zt1n]{ margin-bottom:.25rem; padding:.5rem 1rem; background:var(--white); border: 1px solid var(--darker-15); border-radius:1rem; display:flex; gap:.5rem; justify-content:space-between; } .fdd details[b-zcur73zt1n] { width:100%; } .fdd summary[b-zcur73zt1n]{ font-weight:600; color:var(--black); } .product[b-bij5rw0egf] { align-items: center; justify-content: center; border: 1px solid transparent; background-color: var(--darker-05); padding: .5rem; border-radius: 1rem; transition: all ease-in 500ms; cursor: pointer; scroll-snap-align: center; scroll-snap-type: x mandatory; scroll-padding-inline: 1rem; scroll-snap-stop: always; position: relative; margin: .5rem; } .product.selected[b-bij5rw0egf] { background-color: var(--darker-10); box-shadow: var(--orange-2) 0px 0px 0px 3px; z-index: 1; } .product.offer-credit[b-bij5rw0egf] { max-width: 264px; margin-bottom: auto; border: 1px solid var(--darker-10); } .product.offer-credit.selected[b-bij5rw0egf] { transform: scale(1.02); } .sub[b-bij5rw0egf] { max-width: 50rem; padding: 2rem; border-radius: 2rem; border: 2px solid var(--darker-30); background-color: var(--white); cursor: default; margin-bottom:1.5rem; } .sub button[b-bij5rw0egf] { padding-inline:1rem; width:100%; } .sub.deluxe[b-bij5rw0egf] { background-clip: padding-box, border-box; background-origin: border-box; background-image: linear-gradient(230deg, var(--white), var(--white)), linear-gradient(230deg, #3f27da, var(--orange-1)); border-color: transparent; box-shadow: 0 0 10px #3f27da; } .sub.pro[b-bij5rw0egf] { background-clip: padding-box, border-box; background-origin: border-box; background-image: linear-gradient(230deg, var(--white), var(--white)), linear-gradient(230deg, var(--orange-2), var(--orange-1)); border-color: transparent; box-shadow: 0 0 10px var(--orange-1); } .sub.deluxe.selected[b-bij5rw0egf] { background-clip: padding-box, border-box; background-origin: border-box; background-image: linear-gradient(230deg, var(--darker-10), var(--darker-10)), linear-gradient(230deg, #3f27da, var(--orange-1)); } ol[b-bij5rw0egf]{ padding-left:0; } h4[b-bij5rw0egf]{ margin-bottom:1rem; border-bottom:1px solid var(--darker-10); padding-bottom:1rem; } li[b-0wpgfox4fr] { color: var(--darker-60); margin-bottom:1rem; } .wd img[b-0wpgfox4fr] { max-width: 180px; margin-bottom:1rem; } @media (min-width: 992px) { .ww[b-0wpgfox4fr]{ border-top-right-radius:4rem; } .wf[b-0wpgfox4fr] { border-bottom-left-radius: 4rem; } } .card[b-t0rpbl2gr9] { background: var(--darker-05); border: 2px solid var(--darker-10); height: 100%; border-radius: 1rem; position: relative; overflow:hidden; } h1[b-t0rpbl2gr9]{ text-wrap:balance; } h2 span[b-t0rpbl2gr9]{ letter-spacing:0; } .avg th[b-t0rpbl2gr9] { color: var(--orange-1); } .avg :is(td, th)[b-t0rpbl2gr9]{ border-color:var(--darker-15); } .avg p[b-t0rpbl2gr9] { max-width:unset; } .card .btn[b-t0rpbl2gr9] { border-color: var(--orange-1); color: var(--orange-1); } .card .btn:is(:hover,:focus)[b-t0rpbl2gr9] { background: var(--orange-1); border-color: var(--orange-1); color: black; } .card.st[b-t0rpbl2gr9] { background: linear-gradient(45deg, var(--white), #fe6f0721); border-color: var(--orange-1); } .card.st .c[b-t0rpbl2gr9] { background: var(--orange-1); color: black; font-weight: 600; border-radius: 0 0 1rem 1rem; padding-inline: 1rem; position: absolute; top: 0; right: 1rem; font-size: 14px; text-transform: uppercase; } .card.st .btn[b-t0rpbl2gr9] { background: var(--orange-1); border-color: var(--orange-1); color: black; } .card.st :is(h3, h2)[b-t0rpbl2gr9] { color: var(--orange-1); } .card.st [b-t0rpbl2gr9]::after { position:absolute; } .card.st l[b-t0rpbl2gr9] { border-color:var(--darker-20) !important; } .card :is(h2)[b-t0rpbl2gr9] { line-height: .7; margin-top: 1rem; } .card h2[b-t0rpbl2gr9] { font-size: 3.4rem; } .card h3[b-t0rpbl2gr9] { font-size: 2rem; } .avg[b-t0rpbl2gr9]{ } .avg th:first-child[b-t0rpbl2gr9], .avg td:first-child[b-t0rpbl2gr9] { font-weight: 700; position: sticky; left: -1px; background: var(--white) !important; text-align:left; } .brnd[b-t0rpbl2gr9]{ max-width:100px; height:auto; max-height:64px; } .owl[b-t0rpbl2gr9] { max-height: 264px; object-fit: contain; position: absolute; right: -2rem; bottom: -.5rem; } .sum[b-t0rpbl2gr9] { padding:1rem; margin-inline:0; } @keyframes fadeIn-b-t0rpbl2gr9 { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .fade-in[b-t0rpbl2gr9] { opacity: 0; animation: fadeIn-b-t0rpbl2gr9 0.5s forwards; } .fade-in:nth-child(1)[b-t0rpbl2gr9] { animation-delay: 0.1s; } .fade-in:nth-child(2)[b-t0rpbl2gr9] { animation-delay: 0.2s; } .fade-in:nth-child(3)[b-t0rpbl2gr9] { animation-delay: 0.3s; } .fade-in:nth-child(4)[b-t0rpbl2gr9] { animation-delay: 0.4s; } .fade-in:nth-child(5)[b-t0rpbl2gr9] { animation-delay: 0.5s; } @media (min-width: 0){ .l[b-t0rpbl2gr9] { border-bottom: 1px solid var(--darker-20); margin-bottom:.5rem; } } @media (min-width: 576px) { .l[b-t0rpbl2gr9] { border-bottom: 0; margin-bottom: 0; } } .s[b-ozucxmbg86]{ background-color:var(--darker-05); margin-bottom:2rem; padding:1.5rem; border-radius:1rem; border:1px solid var(--darker-10); } b[b-ozucxmbg86]{ font-weight:400; } h2[b-ozucxmbg86] { margin-bottom:2rem; } .s[b-ozucxmbg86] { transition: all ease-in-out .15s; } .s a:hover[b-ozucxmbg86] { text-decoration:none; } .s p[b-ozucxmbg86] { font-weight:400; } .s svg[b-ozucxmbg86] { transform: scale(1); } .s:hover[b-ozucxmbg86] { transform: scale(1.05) rotate(-2deg); z-index: 4; box-shadow: 0 0 30px var(--orange-1); background: linear-gradient(to top, #fe6f0721 0%, var(--white) 80%); } th[b-99gug8bvhq]{ color:var(--black); } table[b-99gug8bvhq]{ min-width:600px; margin-block:1rem; } p[b-99gug8bvhq], td[b-99gug8bvhq] { align-content:start; color: var(--darker-70); } h2[b-mgxsee0xha]{ font-size:1.5rem; letter-spacing:0; } .dd[b-ohzdbeu63c] { } .dd .col-12[b-ohzdbeu63c] { padding-block: .5rem; } .dd a[b-ohzdbeu63c] { font-weight: 500; } .info-section[b-cyiglpmgwy] { background-color: #f8f9fa; padding: 50px 0; } .info-box[b-cyiglpmgwy] { background-color: white; border-radius: 10px; padding: 30px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); } .highlight-box[b-cyiglpmgwy] { background-color: #0069d9; color: white; border-radius: 10px; padding: 30px; } .bottom-box[b-cyiglpmgwy] { background-color: white; border-radius: 10px; padding: 30px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1); margin-top: 20px; } .video-placeholder[b-cyiglpmgwy] { background-color: #000; height: 250px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px; } .container[b-j0sakjdvno] { padding-block: 4rem; } .container .col-6[b-j0sakjdvno] { padding: 1rem; } .container a[b-j0sakjdvno] { font-weight: 500; } .top-brands-we-sell[b-znlpv8daxa] { max-width: 50rem; margin-inline: auto; margin-bottom: 3rem; } .top-brands-we-sell[b-znlpv8daxa] { } .top-brands-we-sell h1[b-znlpv8daxa] { padding-block: 1rem; text-align: left !important; background-color: var(--darker-10); border-bottom: 2px solid var(--orange-1); color: var(--orange-2) !important; border-top-left-radius: 0rem; border-top-right-radius: 0rem; margin-bottom: 1rem; padding-left: 2rem; } .top-brands-we-sell a[b-znlpv8daxa] { font-weight: 400 !important; color: var(--black); } td[b-1v4xrqr402], th[b-1v4xrqr402]{ color:var(--black); } .conversation-component[b-j2prkpp30x] { justify-content: center; --header-height: 64px; display: block; position: relative; } .chat-header[b-j2prkpp30x] { position:absolute; top: 0; left: 0; width: 100%; padding-block: .25rem; background-color: var(--white); border-bottom: 1px solid var(--darker-20); z-index: 3; } .chat-header label[b-j2prkpp30x] { font-size: .8rem; display: block; margin-bottom: 0; } .chat-header .online[b-j2prkpp30x] { color: #40e748; display: flex; align-items: center; } .chat-header .typing[b-j2prkpp30x] { font-weight: 600; color: var(--darker-50); } .chat-header .col-auto[b-j2prkpp30x] { } .chat-header .col-auto:first-of-type[b-j2prkpp30x] { padding-right: 0; padding-left: 0.5rem; } .chat-header .col-auto:last-of-type[b-j2prkpp30x] { padding-left: 0; display: flex; align-items: center; justify-content: center; } .chat-header .col-auto .btn-group[b-j2prkpp30x] { height: 100%; } .chat-header .col-auto .btn[b-j2prkpp30x] { min-width: 32px; display: flex; align-items: center; justify-content: center; background-color: transparent; color: var(--black) !important; height: 100%; padding: 0; border: unset; border-radius: .5rem; } .chat-header .col-auto .btn span[b-j2prkpp30x] { font-size: 2rem; font-weight: 600; } .chat-header .col[b-j2prkpp30x] { align-items: center; flex-grow: 1; } .chat-header .col h6[b-j2prkpp30x] { font-size: 1rem; font-weight: 500; width: 100%; margin-bottom: 0; text-overflow: ellipsis; overflow-x: clip; white-space: nowrap; } .conversation-component .dropdown-item span[b-j2prkpp30x] { margin-right: .5rem; } .conversation-component .chat-conversation[b-j2prkpp30x] { overflow-y: auto; display: flex; flex: 1 1 auto !important; max-height: calc(100vh - (var(--nav-bar-height))); max-height: calc(100svh - (var(--nav-bar-height))); min-height: calc(100vh - (var(--nav-bar-height))); min-height: calc(100svh - (var(--nav-bar-height))); padding-top: 3rem; padding-bottom: calc(var(--message-input-height)); } .chat-conversation[b-j2prkpp30x]::-webkit-scrollbar, .blazored-typeahead__results[b-j2prkpp30x]::-webkit-scrollbar { width: 10px } .chat-conversation[b-j2prkpp30x]::-webkit-scrollbar-track, .blazored-typeahead__results[b-j2prkpp30x]::-webkit-scrollbar-track { background: rgba(0,0,0,0.12); } .chat-conversation[b-j2prkpp30x]::-webkit-scrollbar-thumb, .blazored-typeahead__results[b-j2prkpp30x]::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.32); } .date-container[b-j2prkpp30x] { --received-bg-col: var(--darker-20); margin-bottom: 1rem; justify-content: center; padding-inline: 1rem; } .date-container > .date[b-j2prkpp30x] { padding-block: 1rem; padding-inline: 0; text-align: center; margin-top: 0.5rem; } .date-container > .date:first-of-type[b-j2prkpp30x] { margin-top: 0; } .date-container > .date > label[b-j2prkpp30x] { color: var(--darker-50); font-size: 12px; padding: .5rem; border-radius: .5rem; margin-bottom: 0; text-align: center; } .date-container .messages[b-j2prkpp30x] { } .date-container .messages .message:not(:last-of-type)[b-j2prkpp30x] { padding-bottom: 2px; } .date-container .messages :is(.received, .sent) .same-class-as-prev:last-of-type[b-j2prkpp30x] { margin-bottom: 1rem; } .message:not(:first-of-type).new-sender[b-j2prkpp30x] { margin-top: 2rem; } .date-container .messages .message.sent > :first-of-type .col-auto[b-j2prkpp30x] { } .date-container .messages .message.received > .col-auto[b-j2prkpp30x] { } .date-container .messages .message .col-auto .row[b-j2prkpp30x] { align-items: end; padding-block: .5rem; max-width: 80vw; align-items: center; } .date-container .messages .message .col-auto .row p[b-j2prkpp30x] { margin-bottom: 0; white-space: pre-line; font-size: 15px; line-height: 19px; color: white; max-width: 30ch; } .message .dropdownbutton-container[b-j2prkpp30x] { display: none; } .message:hover .dropdownbutton-container[b-j2prkpp30x], .message.active .dropdownbutton-container[b-j2prkpp30x] { display: flex; } .message.sent[b-j2prkpp30x] { justify-content: end; margin-left: auto; } .date-container .messages .message.received .col-auto .row p[b-j2prkpp30x] { color: var(--black); } .date-container .messages .message .col-auto .row .col[b-j2prkpp30x] { padding-inline: 0.5rem; } .date-container .messages .message.sent .col-auto .row[b-j2prkpp30x] { justify-content: end; border-top-left-radius: 1rem; border-top-right-radius: 0; border-bottom-left-radius: 1rem; border-bottom-right-radius: 0; background: rgb(0,132,255); background: -moz-linear-gradient(180deg, rgba(0, 155, 255,1) 0%, rgba(0,132,255,1) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 155, 255,1) 0%, rgba(0,132,255,1) 100%); background: linear-gradient(180deg, rgba(0, 155, 255,1) 0%, rgba(0,132,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009BFF",endColorstr="#0084ff",GradientType=1); color: #fff !important; font-weight: 400 !important; padding-left: .5rem; position: relative; } .date-container .messages .message.sent:first-of-type .col-auto .row[b-j2prkpp30x] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .date-container .messages .message.sent:not(.same-class-as-prev) .col-auto .row[b-j2prkpp30x]::after { display: block; position: absolute; content: ''; top: 0; right: -10px; width: 0; height: 0; border-top: 13px solid #0097ff; border-right: 10px solid transparent; z-index: 2; } .date-container .messages .message.sent:not(:first-of-type):not(:last-of-type) .col-auto .row[b-j2prkpp30x] { border-bottom-right-radius: 0; border-top-right-radius: 0; } .date-container .messages .message.sent:last-of-type .col-auto .row[b-j2prkpp30x] { border-bottom-right-radius: 1rem; border-top-right-radius: 0; } .date-container .messages .message.sent:first-of-type .col-auto .row[b-j2prkpp30x] { border-top-right-radius: 0; } .date-container .messages .message.sent:last-of-type .col-auto .row[b-j2prkpp30x] { border-bottom-right-radius: 1rem; } .date-container .messages .message.received .col-auto .row[b-j2prkpp30x] { justify-content: end; border-top-left-radius: 0; border-top-right-radius: 1rem; border-bottom-left-radius: 0; border-bottom-right-radius: 1rem; background-color: var(--received-bg-col); color: var(--dark-2) !important; font-weight: 400 !important; padding-right: .5rem; } .messages .message.received.last .col-auto .row[b-j2prkpp30x] { border-bottom-left-radius: 1rem; } .messages .message:last-of-type[b-j2prkpp30x] { margin-bottom: 1rem; } .messages .message[b-j2prkpp30x] { } .date-container .messages .message.received:first-of-type .col-auto .row[b-j2prkpp30x] { border-top-left-radius: 0; } .date-container .messages .message.received:not(.same-class-as-prev) .col-auto .row[b-j2prkpp30x]::after { display: block; position: absolute; content: ''; top: 0; left: -10px; width: 0; height: 0; border-top: 13px solid var(--received-bg-col); border-left: 10px solid transparent; z-index: 2; } .date-container .messages .message.received:last-of-type .col-auto .row[b-j2prkpp30x] { border-bottom-left-radius: 7.5px; } .date-container .messages .message .timestamp[b-j2prkpp30x] { display: flex; align-items: end; justify-content: end; margin-top: auto; } .date-container .messages .message .timestamp label[b-j2prkpp30x] { font-size: .6875rem; margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: rgb(255 255 255 / 60%); } .date-container .messages .message.sent .timestamp[b-j2prkpp30x] { padding-right: 0.5rem; padding-left: 0.25rem; } .date-container .messages .message.received .timestamp[b-j2prkpp30x] { padding-right: 0.25rem; padding-left: 0.5rem; } .date-container .messages .message.received label[b-j2prkpp30x] { color: var(--darker-50); } .send-message[b-j2prkpp30x] { position: absolute; width: 100%; bottom: 0; left: 0; } .chat[b-j2prkpp30x] { padding-inline: 1rem; background-color: var(--darker-10); } .send-message .message-input[b-j2prkpp30x] { transition: all ease-in-out; transition-duration: 0.2s; display: block; width: 100%; padding: .5rem; border: 0; font-size: 1rem; font-weight: 400; line-height: 1.4; caret-color: var(--orange-2); color: var(--black); background-color: var(--darker-10); min-height: var(--message-input-height); max-height: 200px; height: var(--message-input-height); resize: none; } .send-message .message-input:is(:focus-visible, :focus)[b-j2prkpp30x] { outline: 0; box-shadow: none !important; } .send-message .message-input[b-j2prkpp30x]::placeholder { color: var(--darker-50); font-weight: 400; } .send-message .message-input[b-j2prkpp30x]::-webkit-scrollbar { width: 10px } .send-message .message-input[b-j2prkpp30x]::-webkit-scrollbar-track { background: rgb(0 0 0 / 0); border-radius: 1rem; } .send-message .message-input[b-j2prkpp30x]::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.52); cursor: pointer; border-radius: 1rem; } .send-message .col[b-j2prkpp30x] { padding-right: 0rem; } .send-message .col-auto[b-j2prkpp30x] { display: flex; align-items: center; justify-content: center; } .send-message .btn[b-j2prkpp30x] { width: 48px; height: 48px; border-radius: 50rem; display: flex; align-items: center; justify-content: center; } .send-message .btn.attachment[b-j2prkpp30x] { background-color: var(--darker-50); font-weight: 600; } .send-message .btn.send[b-j2prkpp30x] { } .send-message .btn:hover[b-j2prkpp30x] { box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } .message .more-actions[b-j2prkpp30x] { opacity: 0; } .message:hover .more-actions[b-j2prkpp30x] { opacity: 100; } .all-conversations[b-j2prkpp30x] { justify-content: center; overflow: auto; max-height: calc(var(--body-content-height) - var(--nav-bar-height) - .5rem); } .all-conversations .conversation-item[b-j2prkpp30x] { transition: ease-in .2s; color: var(--muted); cursor: pointer; width: 100%; text-align: start; padding: .5rem; margin-inline: auto; } .all-conversations .conversation-item :is(h6, label)[b-j2prkpp30x] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; transition: ease-out .2s; } .all-conversations .conversation-item h6[b-j2prkpp30x] { font-size: 1rem; color: var(--black); font-weight: 500; display: flex; align-items: center; } .all-conversations .conversation-item.unread h6[b-j2prkpp30x] { font-weight: 800; } .send-message .typing-label[b-j2prkpp30x] { font-size: 11px; font-weight: 400; width: 100%; color: var(--black); animation: right-side-opacity-load 400ms ease-in forwards; -webkit-animation: right-side-opacity-load 400ms ease-in forwards; } .typing-dots[b-j2prkpp30x] { display: inline-block; position: relative; width: 20px; height: 5px; } .typing-dots div[b-j2prkpp30x] { position: absolute; top: 0; width: 5px; height: 5px; border-radius: 50%; transform: scale(0.7); background-color: var(--darker-60); transition: animation ease; animation: typingAnimation-b-j2prkpp30x 2.4s infinite forwards; } .typing-dots div:nth-child(1)[b-j2prkpp30x] { left: 0; animation-delay: 1.5s; } .typing-dots div:nth-child(2)[b-j2prkpp30x] { left: 7px; animation-delay: 1.7s; } .typing-dots div:nth-child(3)[b-j2prkpp30x] { left: 14px; animation-delay: 1.9s; } @keyframes typingAnimation-b-j2prkpp30x { 0%, 20%, 100% { transform: scale(0.7); background-color: var(--darker-60); } 10% { transform: scale(1); background-color: var(--darker-90); } } .all-conversations .conversation-item .unread-count[b-j2prkpp30x] { font-size: 1rem; font-weight: 600; background-color: var(--orange-1); -webkit-background-clip: unset; border-radius: 50rem; width: 8px; height: 8px; display: inline-block; margin-right: .5rem; } .all-conversations .conversation-item .latest-message[b-j2prkpp30x] { } .all-conversations .conversation-item .latest-message label[b-j2prkpp30x] { color: var(--darker-50); font-weight: 400; } .all-conversations .conversation-item.unread :is(h6,label)[b-j2prkpp30x] { font-weight: 600 !important; color: var(--black); } .all-conversations .conversation-item:not(.selected):hover[b-j2prkpp30x] { background-color: var(--darker-15); cursor: pointer; } .all-conversations .conversation-item.selected[b-j2prkpp30x] { background-color: var(--darker-20); cursor: default; } .all-conversations .conversation-item.selected h6[b-j2prkpp30x] { cursor: default; } .typing[b-j2prkpp30x] { width: 5em; height: 2em; position: relative; padding: 10px; margin-left: 5px; background: #e6e6e6; border-radius: 20px; } .typing__dot[b-j2prkpp30x] { float: left; width: 8px; height: 8px; margin: 0 4px; background: #8d8c91; border-radius: 50%; opacity: 0; animation: loadingFade-b-j2prkpp30x 1s infinite; } .typing__dot:nth-child(1)[b-j2prkpp30x] { animation-delay: 0s; } .typing__dot:nth-child(2)[b-j2prkpp30x] { animation-delay: 0.2s; } .typing__dot:nth-child(3)[b-j2prkpp30x] { animation-delay: 0.4s; } @keyframes loadingFade-b-j2prkpp30x { 0% { opacity: 0; } 50% { opacity: 0.8; } 100% { opacity: 0; } } h2[b-sd1sfk6pxx] { text-wrap: pretty; font-size: 2rem; } .cont[b-sd1sfk6pxx] { gap: 1rem; margin-top: -87px; } .cont .col-12[b-sd1sfk6pxx] { box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 25px -5px, rgba(0, 0, 0, 0.25) 0px 4px 12px -8px; background: var(--white); padding: 1rem; overflow: hidden; border-radius: 1rem; } .cont .col-12[b-sd1sfk6pxx] { } .mj svg[b-sd1sfk6pxx] { min-width:24px; } .mj h6[b-sd1sfk6pxx] { line-height:1.25; font-weight:400; display:flex; gap: .25rem; } .se h6[b-sd1sfk6pxx] { font-size:12px; margin-bottom:.5rem; font-weight:400; } .se[b-sd1sfk6pxx]::before { content:''; bottom:1rem; left:10%; height:1px; background-color:rgba(0 0 0 /10%); width:78%; position:absolute; } .vehicle-details-message p[b-sd1sfk6pxx] { color:var(--warning); font-size:14px; } .dd a[b-sd1sfk6pxx] { white-space: nowrap; } .owl[b-sd1sfk6pxx]{ position: absolute; bottom: 14px; width: 152px; right: 9px; height: auto; } .mj .col[b-sd1sfk6pxx]{ align-content:center; } @media (min-width: 0rem) { .bg[b-sd1sfk6pxx] { min-height: 176px; } } @media (min-width: 30rem) { .bg[b-sd1sfk6pxx] { min-height: 176px; } } table :is(td, th)[b-k928563eos]{ border-color:var(--darker-10) !important; } .k td:nth-of-type(2)[b-k928563eos]{ font-weight:400; } .k td[b-k928563eos] { padding: .75rem 0rem .75rem 1rem; align-content: center; width: 50%; } .k td:first-of-type[b-k928563eos] { font-weight:600; } .k tr[b-k928563eos] { background: var(--darker-05); } .k tr:nth-of-type(even)[b-k928563eos]{ background:var(--darker-10); } .k thead tr[b-k928563eos] { background: var(--darker-10); } h3[b-k928563eos] { font-size: 1.2rem; } h3 svg[b-k928563eos] { background-color:transparent !important; } [b-k928563eos] h3 { font-size: 1.2rem; } [b-k928563eos] .t { background:var(--darker-10); margin-bottom: 0; padding: 1rem 1rem; display: flex; align-items: center; gap: .75rem; position: relative; overflow: hidden; } .danger[b-k928563eos] { border: 1px solid var(--danger); background-color: rgb(212 53 38 / 20%); padding:1rem; } .alert-title[b-k928563eos] { padding: 1rem; font-size:26px; display:flex; align-items:center; gap:1rem; margin-bottom:0; } .alert-title svg[b-k928563eos] { min-width:32px; height:auto; } .alert-title.b[b-k928563eos] { background-color: rgb(212 53 38 / 20%); color: var(--danger); border: 1px solid var(--danger); } .alert-title.b path[b-k928563eos] { fill:var(--danger); } .alert-title.m[b-k928563eos] { background-color: var(--darker-20); color: var(--darker-70); border: 1px solid var(--darker-40); } .alert-title.m path[b-k928563eos] { fill: var(--darker-50); } .g li[b-k928563eos] { background-color: rgb(87 189 54 / 20%); } .b li[b-k928563eos] { background-color: rgb(212 53 38 / 20%); } .alert-list li[b-k928563eos]{ padding-block:1rem; display:flex; gap:1rem; align-items:center; padding-left:1rem; font-weight:bold; font-size:18px; } .g li:not(:last-of-type)[b-k928563eos] { border-bottom: 1px solid var(--success); } .b li:not(:last-of-type)[b-k928563eos] { border-bottom: 1px solid var(--danger); } .alert-list li svg[b-k928563eos] { min-width:17px; } .f th[b-k928563eos], .f td[b-k928563eos] { font-size: 14px; text-align: center; font-weight: normal; border: 1px solid var(--darker-10); } [b-k928563eos] .login-form{ top:calc(var(--nav-bar-height) + 2rem); } .mot:not(:last-of-type)[b-k928563eos] { border-bottom: 1px solid var(--darker-10); } .mot li[b-k928563eos] { color:var(--black); font-size:14px; } .mot label[b-k928563eos] { display:flex; justify-content:space-between; } .mot label span[b-k928563eos] { font-weight:600; } .mot td[b-k928563eos]{ padding:.25rem .75rem; } .history[b-k928563eos] { border-bottom: 1px solid var(--darker-10); background-color: var(--darker-05); } .history li[b-k928563eos] { color: var(--black); font-size: 14px; } .history label[b-k928563eos] { display: flex; justify-content: space-between; } .history label span[b-k928563eos] { font-weight: 600; } .history:nth-of-type(even)[b-k928563eos] { background-color: var(--darker-07); } @media (max-width: 568px) { .overflow-auto[b-k928563eos] { display: block; } .f thead[b-k928563eos], .f tbody[b-k928563eos], .f tr[b-k928563eos] { display: block; } .f thead[b-k928563eos] { display: none; } .f[b-k928563eos] { margin-bottom:1rem; } .f tr[b-k928563eos] { } .f tr:not(:only-of-type)[b-k928563eos] { margin-bottom: 1rem; } .f td[b-k928563eos] { display: flex; justify-content: space-between; align-items: center; padding: 10px; font-size:16px; text-align:right; } .f td:first-of-type[b-k928563eos]::before { color: var(--black); } .f td[b-k928563eos]:before { content: attr(data-label); font-weight: 700; text-align: left; } .k td:first-of-type[b-k928563eos] { width: 50%; } } @media print{ .vehicle-report[b-k928563eos]{ opacity:1 !important; padding-top:0 !important; } .reg[b-k928563eos], .reg span[b-k928563eos] { -webkit-print-color-adjust: exact; } } .ss[b-3inuhovj40]{ margin-bottom:.5rem; background:var(--darker-20); color:var(--black); display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1rem; border-radius:.5rem; } .sr[b-3inuhovj40] { min-height: calc(var(--body-content-height) - var(--nav-bar-height)); padding-bottom: 1rem; } .bl[b-3inuhovj40] { max-width: 100rem; margin-inline:auto; } .dropdown-menu .form-check[b-3inuhovj40] { } [b-pjm40kt33e] .faqs { max-width:50rem; } h2[b-w9z1xbvq9k] { text-wrap: pretty; } .cont[b-w9z1xbvq9k] { gap: 1rem; margin-top: -87px; } .cont .col-12[b-w9z1xbvq9k] { box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 25px -5px, rgba(0, 0, 0, 0.25) 0px 4px 12px -8px; background: var(--white); padding: 1rem; overflow: hidden; border-radius: 1rem; } .cont .col-12[b-w9z1xbvq9k] { } .mj svg[b-w9z1xbvq9k] { min-width:24px; } .mj h6[b-w9z1xbvq9k] { line-height:1.25; font-weight:400; display:flex; gap: .25rem; } .se h6[b-w9z1xbvq9k] { margin-bottom: .15rem; font-weight: 600; color: #0000009e; } .se svg[b-w9z1xbvq9k]{ min-width:38px; } .se[b-w9z1xbvq9k]{ text-align:left; } .se p[b-w9z1xbvq9k] { color: #0000009e; font-size: 13px; } .se[b-w9z1xbvq9k]::before { content: ''; bottom: 1rem; background-color: rgba(0 0 0 /20%); position: absolute; left: 33px; width: 2px; height: 78%; } .vehicle-details-message p[b-w9z1xbvq9k] { color:var(--warning); font-size:14px; } .dd a[b-w9z1xbvq9k] { white-space: nowrap; } .owl[b-w9z1xbvq9k]{ position: absolute; bottom: 14px; width: 152px; right: 9px; height: auto; } .mj .col[b-w9z1xbvq9k]{ align-content:center; } .bg[b-w9z1xbvq9k] { min-height: 306px; } @media (min-width: 0rem) { .se[b-w9z1xbvq9k]::before { } } @media (min-width: 30rem) { } table :is(td, th)[b-cu22xclqkk]{ border-color:var(--darker-10) !important; } .k td:nth-of-type(2)[b-cu22xclqkk]{ font-weight:400; } .k td[b-cu22xclqkk] { padding: .75rem 0rem .75rem 1rem; align-content: center; width: 50%; } .k td:first-of-type[b-cu22xclqkk] { font-weight:600; } .k tr[b-cu22xclqkk] { background: var(--darker-05); } .k tr:nth-of-type(even)[b-cu22xclqkk]{ background:var(--darker-10); } .k thead tr[b-cu22xclqkk] { background: var(--darker-10); } [b-cu22xclqkk] h3 { font-size: 1.2rem; } h3 svg[b-cu22xclqkk] { background-color:transparent !important; } [b-cu22xclqkk] .t { background:var(--darker-10); margin-bottom: 0; padding: 1rem 1rem; display: flex; align-items: center; gap: 1rem; position: relative; overflow: hidden; } .danger[b-cu22xclqkk] { border: 1px solid var(--danger); background-color: rgb(212 53 38 / 20%); padding:1rem; } .alert-title[b-cu22xclqkk] { padding: 1rem; font-size:26px; display:flex; align-items:center; gap:1rem; margin-bottom:0; border-radius: 1rem 1rem 0 0; } .alert-title svg[b-cu22xclqkk] { min-width:32px; height:auto; } .b[b-cu22xclqkk] { background-color: rgb(212 53 38 / 20%); color: var(--danger); border: 1px solid var(--danger); } .alert-title.b path[b-cu22xclqkk] { fill:var(--danger); } .m[b-cu22xclqkk] { background-color: var(--darker-20); color: var(--darker-70); border: 1px solid var(--darker-40); } .alert-title.m path[b-cu22xclqkk] { fill: var(--darker-50); } .alert-recommendation[b-cu22xclqkk] { background-color: rgba(255, 223, 128, 0.2); } .g li[b-cu22xclqkk] { background-color: rgb(87 189 54 / 20%); } .alert-list li[b-cu22xclqkk]{ padding-block:1rem; display:flex; gap:1rem; align-items:center; padding-left:1rem; font-weight:bold; font-size:18px; } .g li:not(:last-of-type)[b-cu22xclqkk] { border-bottom: 1px solid var(--success); } .alert-list li svg[b-cu22xclqkk] { min-width:17px; } .f th[b-cu22xclqkk], .f td[b-cu22xclqkk] { font-size: 14px; text-align: center; font-weight: normal; border: 1px solid var(--darker-10); } [b-cu22xclqkk] .login-form{ top:1rem; max-width: 25rem; } .mot:not(:last-of-type)[b-cu22xclqkk] { border-bottom: 1px solid var(--darker-10); } .mot li[b-cu22xclqkk] { color:var(--black); font-size:14px; } .mot label[b-cu22xclqkk] { display:flex; justify-content:space-between; } .mot label span[b-cu22xclqkk] { font-weight:600; } .mot td[b-cu22xclqkk]{ padding:.25rem .75rem; } .history[b-cu22xclqkk] { border-bottom: 1px solid var(--darker-10); background-color: var(--darker-05); } .history li[b-cu22xclqkk] { color: var(--black); font-size: 14px; } .history label[b-cu22xclqkk] { display: flex; justify-content: space-between; } .history label span[b-cu22xclqkk] { font-weight: 600; } .history:nth-of-type(even)[b-cu22xclqkk] { background-color: var(--darker-07); } [b-cu22xclqkk] .btn-outline-dark{ border:0; color:black; } [b-cu22xclqkk] .btn-outline-dark:is(:hover, :active) path{ stroke:white !important; } [b-cu22xclqkk] .btn-outline-dark:is(:hover, :active) { color:white !important; } h1[b-cu22xclqkk] { color: black; font-weight: 700; margin-bottom: 1rem; line-height: 52px; } .hd h6[b-cu22xclqkk] { color: black; font-weight: 500; margin-bottom: 1rem; } .hd p[b-cu22xclqkk] { color: rgba(0 0 0 / 50%); margin: 0; font-size: 14px; } .share[b-cu22xclqkk] { border-block: 1px solid rgba(0 0 0 / 10%); } @media (max-width: 568px) { .overflow-auto[b-cu22xclqkk] { display: block; } .f thead[b-cu22xclqkk], .f tbody[b-cu22xclqkk], .f tr[b-cu22xclqkk] { display: block; } .f thead[b-cu22xclqkk] { display: none; } .f[b-cu22xclqkk] { margin-bottom:1rem; } .f tr[b-cu22xclqkk] { } .f tr:not(:only-of-type)[b-cu22xclqkk] { margin-bottom: 1rem; } .f td[b-cu22xclqkk] { display: flex; justify-content: space-between; align-items: center; padding: 10px; font-size:16px; text-align:right; } .f td:first-of-type[b-cu22xclqkk]::before { color: var(--black); } .f td[b-cu22xclqkk]:before { content: attr(data-label); font-weight: 700; text-align: left; } .k td:first-of-type[b-cu22xclqkk] { width: 50%; } } @media print{ .vehicle-report[b-cu22xclqkk]{ opacity:1 !important; padding-top:0 !important; } .reg[b-cu22xclqkk], .reg span[b-cu22xclqkk] { -webkit-print-color-adjust: exact; } } .check[b-npdagt7mgi] { margin: 0; padding: 1.5rem; border-radius: 1rem; transition:all 200ms linear; } .check.f:hover[b-npdagt7mgi] { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; } :is(.check, path)[b-npdagt7mgi] { } .check.p[b-npdagt7mgi] { background-color:var(--success); } .check.f[b-npdagt7mgi] { background-color: #B10000; } svg[b-npdagt7mgi]{ width:20px; height:20px; } div .check:not(:first-of-type)[b-npdagt7mgi] { margin-top: .5rem; } .check h6[b-npdagt7mgi] { color: black; -webkit-text-fill-color: black; display: flex; align-items: center; gap: .5rem; font-weight: 700; font-size: 1.3rem; } .check p[b-npdagt7mgi] { color: black; font-weight:500; max-width:unset; } .check.p path[b-npdagt7mgi] { stroke:black; } .check.f path[b-npdagt7mgi] { stroke: white; } .check.f :is(h6,p)[b-npdagt7mgi] { color: white; -webkit-text-fill-color: white; } @media print{ .check[b-npdagt7mgi] { page-break-inside: avoid; page-break-after: auto; -webkit-print-color-adjust: exact; } .check h6[b-npdagt7mgi] { -webkit-print-color-adjust: exact; } } .vrl[b-8hrny46vsc] { color: black; font-size: 2.5rem; font-family: var(--charles-wright); letter-spacing: -.5px; padding-block: .5rem; padding-inline: 1rem; border-radius: 0.5rem; background-color: #fbdb00; margin-bottom: 0; text-align: left; } .fixed[b-8hrny46vsc] { position: fixed; z-index: 3; right: 0; left: 0; bottom: 0; background: var(--black); margin-inline: auto; border-radius: 0; overflow: hidden; backdrop-filter: blur(28px); max-width: 35rem; } .vehicle-status[b-8hrny46vsc] { } .sc[b-8hrny46vsc] { } [b-8hrny46vsc] .collapsible-panel { margin-inline: 0; margin-top:1rem; } [b-8hrny46vsc] .collapsible-panel .header { background-color: transparent; padding: .5rem 1.5rem; border-radius:.5rem; color:var(--primary); border:0; text-decoration:underline; } p[b-8hrny46vsc] { font-size: 1rem; } @media (min-width: 0rem) { .bg[b-8hrny46vsc] { min-height: 176px; } } @media (min-width: 30rem) { .bg[b-8hrny46vsc] { min-height: 176px; } } .popup-overlay[b-8hrny46vsc] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--darker-t-50); display: flex; align-items: center; justify-content: center; z-index: 1000; } .popup-content[b-8hrny46vsc] { background: var(--white); padding: 32px; border-radius: 1rem; max-width: 435px; width: 90%; position: relative; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .close-btn[b-8hrny46vsc] { position: absolute; top: 8px; right: 8px; border: none; background: transparent; color: var(--black); font-size: 44px; cursor: pointer; border-radius: 50rem; height: 48px; width: 48px; line-height: .1; display: flex; align-items: center; justify-content: center; } .close-btn span[b-8hrny46vsc] { min-height: 12px; } .hidden[b-8hrny46vsc] { display: none; } .slider-value[b-k0gpzo8qmb] { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); background: var(--white); color: var(--primary); padding: 2px 7px; border-radius: 3px; font-size: 14px; white-space: nowrap; pointer-events: none; font-weight: 800; font-family: var(--poppins-font); } .slider:focus[b-k0gpzo8qmb]{ box-shadow:unset !important; } .vrl[b-d19c1xjdhh] { color: black; font-size: 1.25rem; font-family: var(--charles-wright); letter-spacing: -.5px; padding-block: 0.25rem; padding-inline: 0.75rem; border-radius: 0.5rem; background-color: #fbdb00; margin-bottom: 0; text-align: left; } h1[b-d19c1xjdhh] { font-size: 1.7rem; letter-spacing: 0px; font-style: normal; } .sl li[b-d19c1xjdhh]{ display:flex; align-items:center; gap:.5rem; } .color-circle[b-d19c1xjdhh] { width: 24px; height: 24px; border-radius: 50%; display: inline-block; margin-right: 10px; border: 1px solid var(--black); } .bookmark-listing-button[b-d19c1xjdhh] { font-size: 1rem; padding: 0; border-radius: 50rem !important; padding: 0; text-align: center; display: flex; align-items: center; justify-content: center; } .bookmark-listing-button:focus[b-d19c1xjdhh] { box-shadow: none; } .bookmark-listing-button svg[b-d19c1xjdhh] { width:32px; height:32px; } .vehicle-detail-item[b-d19c1xjdhh] { padding-block: 1rem; } .col-12 > .vehicle-detail-item:nth-of-type(odd)[b-d19c1xjdhh] { background-color: var(--darker-05); } .vehicle-detail-item h6[b-d19c1xjdhh] { font-size: 16px; margin-bottom: 0; font-weight: 400; } .vehicle-detail-item label[b-d19c1xjdhh] { color: var(--black); font-size: 16px; font-weight: 700; margin-bottom: 0; } .vehicle-detail-item .col-6[b-d19c1xjdhh] { display: flex; align-items: center; } .vehicle-detail-item .col-6:first-of-type[b-d19c1xjdhh] { display: flex; align-items: center; padding-right: 0.25rem; text-align: left; } .vehicle-detail-item .col-6:last-of-type[b-d19c1xjdhh] { display: flex; align-items: center; justify-content: start; text-align: start; } .collapsible-panel:not(.collapsed) > .content .vehicle-detail-item:last-of-type[b-d19c1xjdhh] { border-width: 0; } @media (min-width: 576px) { .sl li[b-d19c1xjdhh]{ font-size:1.2rem; } h1[b-d19c1xjdhh] { font-size: 2.7rem; } .vrl[b-d19c1xjdhh]{ font-size:1.7rem; } .bookmark-listing-button svg[b-d19c1xjdhh] { width: 48px; height: 48px; } } .p[b-99gu4301y4] { margin:0; } .p > div[b-99gu4301y4] { padding: .5rem; } .p .c[b-99gu4301y4] { min-height: 128px; width: 100%; height: 100%; } p[b-99gu4301y4]{ margin-bottom:.5rem; } h2[b-99gu4301y4] { margin-top: 2rem; border-bottom: 1px solid var(--darker-30); margin-bottom: .5rem; padding-bottom: .25rem; display: flex; align-items: center; justify-content: space-between; color: var(--darker-30); font-weight: 400; } h2:first-of-type[b-99gu4301y4] { margin-top: 0; } .ex[b-ij5jv8tzhq]{ left:calc(50% - 128px); top:-1.25rem; color:var(--orange-1); font-size:14px; border:1px solid var(--darker-15); } .ex path[b-ij5jv8tzhq] { left: calc(50% - 142px); top: -1.25rem; stroke: var(--orange-1); } .cl[b-ij5jv8tzhq]{ display:flex; gap:.5rem; margin:0; } .cl .col[b-ij5jv8tzhq] { text-align: center; background: linear-gradient(120deg, transparent, var(--white)); border-radius: .5rem; padding: .5rem; } .cl svg[b-ij5jv8tzhq] { margin-bottom:.25rem; width:24px; height:24px; } .cl h6[b-ij5jv8tzhq] { font-weight: 400; text-align: center; font-size:12px; margin-bottom:0; } .b[b-ij5jv8tzhq]{ font-size:14px; font-weight:400; display:flex; align-items:center; gap:.75rem; color:var(--darker-60); margin-bottom:.25rem; } .b svg[b-ij5jv8tzhq] { min-width: 20px; min-height: 20px; max-width: 20px; max-height: 20px; } h2[b-1kqy8hfese]{ font-size:1.3rem; letter-spacing:-1px; } .wisdombase .card-body[b-1kqy8hfese] { background-color: var(--darker-05); border-radius: 2rem; box-shadow: var(--darker-t-10) 0px 1px 3px, var(--darker-t-20) 0px 1px 2px; padding: 2rem; } .wisdombase a:hover[b-1kqy8hfese] { text-decoration: unset; } .wisdombase .card-body p[b-1kqy8hfese] { font-weight: 400; } .card-body[b-1kqy8hfese] { transition: all ease-in-out .15s; } .card-body svg[b-1kqy8hfese] { margin-bottom:1rem; } .card-body:hover[b-1kqy8hfese] { transform: scale(1.05) rotate(-2deg); z-index: 4; box-shadow: 0 0 30px var(--orange-1); background-color: #fe6f0721; } [b-fc6w7gmgfh] .btn-outline-dark:hover path{ stroke:white; } [b-fc6w7gmgfh] .btn-outline-dark:hover { color:white !important; } h1[b-fc6w7gmgfh] { } .hd h6[b-fc6w7gmgfh] { font-weight: 500; margin-bottom: .25rem; } .hd p[b-fc6w7gmgfh] { color: rgba(0 0 0 / 50%); margin: 0; font-size: 14px; } .rm[b-fc6w7gmgfh]{ background:var(--darker-05); border-radius:1rem; padding:1rem; } .rm h2[b-fc6w7gmgfh] { margin:0; } .rm[b-fc6w7gmgfh] ul { margin: 0; padding:.5rem 0 0 1rem; } .share[b-fc6w7gmgfh] { border-block: 1px solid rgba(0 0 0 / 10%); } .sticky-top[b-fc6w7gmgfh]{ z-index: 2; } .toc-section ul[b-fc6w7gmgfh] { } .toc-section ul li[b-fc6w7gmgfh] { position: relative; padding: 0 12px; line-height: 40px; } .toc-section ul li:not(:last-of-type)[b-fc6w7gmgfh]::after { content: ""; background: var(--darker-20); position: absolute; top: 2px; right: 1px; bottom: 0; height: 22px; width: 2px; margin: auto; } @media (max-width: 568px) { .overflow-auto[b-fc6w7gmgfh] { display: block; } .f thead[b-fc6w7gmgfh], .f tbody[b-fc6w7gmgfh], .f tr[b-fc6w7gmgfh] { display: block; } .f thead[b-fc6w7gmgfh] { display: none; } .f[b-fc6w7gmgfh] { margin-bottom: 1rem; } .f tr[b-fc6w7gmgfh] { } .f tr:not(:only-of-type)[b-fc6w7gmgfh] { margin-bottom: 1rem; } .f td[b-fc6w7gmgfh] { display: flex; justify-content: space-between; align-items: center; padding: 10px; font-size: 16px; text-align: right; } .f td:first-of-type[b-fc6w7gmgfh]::before { color: var(--black); } .f td[b-fc6w7gmgfh]:before { content: attr(data-label); font-weight: 700; text-align: left; } .k td:first-of-type[b-fc6w7gmgfh] { width: 50%; } } @media (min-width: 768px) { .toc-section ul li[b-fc6w7gmgfh] { line-height: 40px; font-size: 20px; padding: 0 15px; } } .footer[b-l4ffrw7ag6] { z-index:4; position: absolute; background: var(--darker-05); } .social-icons[b-l4ffrw7ag6] { cursor: default; gap: .5rem; display: flex; flex-wrap:wrap; } .social-icons img[b-l4ffrw7ag6] { max-width: 24px; } .social-icons a[b-l4ffrw7ag6] { min-width: 40px; min-height: 40px; max-height: 40px; background-color: var(--darker-05); border: 1px solid var(--darker-15); padding: 0.25rem; text-decoration: none; transition: all 100ms linear; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: .5rem; } .social-icons a:hover[b-l4ffrw7ag6] { cursor: pointer; transform: scale(1.05); filter: drop-shadow(0 0px 10px var(--orange-1)); } .footer h6[b-l4ffrw7ag6] { color: var(--black); font-weight: 700; letter-spacing: 1px; margin-bottom: .5rem; } .footer label[b-l4ffrw7ag6] { color: var(--darker-60); font-size: 1rem; display: block; } .footer .main .col-12.col-sm-6.col-md-3[b-l4ffrw7ag6] { margin-bottom: 2rem; } .footer .to-top[b-l4ffrw7ag6] { height: 3rem; width: 6rem; display: flex; align-items: center; justify-content: center; margin-inline: auto; background-color: #656A6E; border-radius: 50rem; transition: all 500ms ease-in-out; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; margin-bottom: 2rem; border: none; } .footer .to-top:is(:focus, :focus-visible, :active, :hover)[b-l4ffrw7ag6] { box-shadow: initial; transform: scale(1.2); background-color: var(--orange-2) !important; color: white; text-shadow: 0 2px white; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; } .footer .to-top span[b-l4ffrw7ag6] { font-size: 2.7rem; color: #2E343B; font-weight: 600; text-shadow: 0 1px #2E343B; } .footer ul[b-l4ffrw7ag6] { padding-left: 0; list-style: none; line-height: 1.7; } .footer ul li a[b-l4ffrw7ag6] { font-weight: 400; font-size: .875rem; color: var(--darker-50); transition: all 50ms ease-in-out; } .footer ul li a:hover[b-l4ffrw7ag6] { color: var(--primary); cursor: pointer; } .footer .copyright[b-l4ffrw7ag6] { color: var(--darker-90); margin-bottom: 0; letter-spacing: 0; } .footer .privacy-pol[b-l4ffrw7ag6] { font-size: 12px; margin-bottom: 0; font-weight: 400; } @media (prefers-color-scheme: light) { .social-icons img[b-l4ffrw7ag6] { filter: invert(.4); } } .brief-account-details[b-gejwkypxci] { display: block; overflow: hidden; } .brief-account-details:hover[b-gejwkypxci] { background-color: unset; border-color: transparent; overflow: hidden; } .brief-account-details h5[b-gejwkypxci] { color: white; margin-bottom: 0; font-size: 14px; } .brief-account-details label[b-gejwkypxci] { font-size: 13px; color: var(--darker-50); margin-bottom: 0; max-width: 12rem; line-height: 1.3; }