boot.input-group-text input[type="checkbox"], .input-group-text input[type="radio"], .list-group-horizontal > .list-group-item.active, dl, h1, h2, h3, h4, h5, h6, ol, p, ul { margin-top: 0; } address, dl, ol, p, pre, ul { margin-bottom: 1rem; } body, caption { text-align: left; } dd, label { margin-bottom: 0.5rem; } pre, textarea { overflow: auto; } article, aside, figcaption, figure, footer, header, hgroup, legend, main, nav, section { display: block; } address, legend { line-height: inherit; } progress, sub, sup { vertical-align: baseline; } button, hr, input { overflow: visible; } .img-fluid, .img-thumbnail, legend { max-width: 100%; } .img-fluid, select.form-control[multiple], select.form-control[size], textarea.form-control { height: auto; } .dropdown-menu, .nav, .navbar-nav { list-style: none; } .badge, .dropdown-header, .dropdown-item, .dropdown-toggle, .input-group-text, .navbar-brand, .progress-bar { white-space: nowrap; } :root { --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; } .alert-link, dt, kbd kbd { font-weight: 700; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } abbr[data-original-title], abbr[title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } .btn:not(:disabled):not(.disabled), [role="button"], [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled), summary { cursor: pointer; } address { font-style: normal; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn, .card-text:last-child, .form-check-label, ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dd { margin-left: 0; } blockquote, figure { margin: 0 0 1rem; } b, strong { font-weight: bolder; } sub, sup { position: relative; font-size: 75%; line-height: 0; } .btn, img, svg { vertical-align: middle; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #1163d4; text-decoration: none; background-color: transparent; } .btn-link:hover, a:hover { color: #0b428d; text-decoration: underline; } .btn-link, .btn:hover { text-decoration: none; } a:not([href]), a:not([href]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; -ms-overflow-style: scrollbar; } img { border-style: none; } svg { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #acacac; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; } .list-group-flush, button { border-radius: 0; } button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } select { word-wrap: normal; } .card, code { word-wrap: break-word; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; color: inherit; white-space: normal; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } .custom-range, .custom-select, input[type="date"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control, input[type="time"].form-control { appearance: none; } .figure, .list-inline-item, output { display: inline-block; } summary { display: list-item; } .collapse:not(.show), template { display: none; } .d-none, [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .blockquote, hr { margin-bottom: 1rem; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 400; } .display-1, .display-2, .display-3, .display-4 { font-weight: 300; line-height: 1.2; } .display-1 { font-size: 6rem; } .display-2 { font-size: 5.5rem; } .display-3 { font-size: 4.5rem; } .display-4 { font-size: 3.5rem; } .btn, .btn-link, .dropdown-item, .small, small { font-weight: 400; } hr { box-sizing: content-box; height: 0; margin-top: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; } code, kbd, pre { font-size: 87.5%; } .mark, mark { padding: 0.2em; background-color: #fcf8e3; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .bs-popover-auto[x-placement^="left"], .bs-popover-left, .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #acacac; } .blockquote-footer::before { content: "\2014\00A0"; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; height: auto; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #acacac; } .alert-heading, a > code, pre code { color: inherit; } code { color: #e83e8c; } kbd { padding: 0.2rem 0.4rem; color: #fff; background-color: #212529; border-radius: 0.2rem; } .table, pre { color: #212529; } kbd kbd { padding: 0; font-size: 100%; } pre { display: block; } pre code { font-size: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .card > hr, .no-gutters { margin-right: 0; margin-left: 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .navbar-nav .nav-link, .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .col-12, .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .col-6, .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .col-4, .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-3, .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .col-2, .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } .table { width: 100%; margin-bottom: 1rem; } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm td, .table-sm th { padding: 0.3rem; } .table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #dee2e6; } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th, .table-dark.table-bordered, .table-responsive > .table-bordered { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: var(--darker-05); } .table-hover tbody tr:hover { color: #212529; background-color: var(--darker-07); } .table-primary, .table-primary > td, .table-primary > th { background-color: #bcd3f3; } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #83aee9; } .table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a6c5ef; } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: #e8e8e8; } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #d4d4d4; } .table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #dbdbdb; } .table-success, .table-success > td, .table-success > th { background-color: #d0edc7; } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: #a8dd96; } .table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #c0e7b4; } .table-info, .table-info > td, .table-info > th { background-color: #cfe0f6; } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: #a7c5ef; } .table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #bad2f2; } .table-warning, .table-warning > td, .table-warning > th { background-color: #ffe4bd; } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #ffce85; } .table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffdaa4; } .table-danger, .table-danger > td, .table-danger > th { background-color: #f3c6c2; } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #e9968e; } .table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #efb2ad; } .table-light, .table-light > td, .table-light > th { background-color: #fdfdfe; } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: #fbfcfc; } .table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > td, .table-dark > th { background-color: var(--darker-10); } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: var(--darker-20); } .table .thead-dark th, .table-dark td, .table-dark th, .table-dark thead th { border-color: var(--darker-20); } .table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: var(--darker-20); } .table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .badge-dark, .table .thead-dark th, .table-dark { background-color: var(--darker-10); color: var(--black); } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .accordion > .card, .collapsing, .modal-open, .progress, .progress-bar, .toast { overflow: hidden; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .btn-block, .form-control-file, .form-control-range { display: block; width: 100%; } .form-control-range:hover { cursor:e-resize; } .form-control-range:focus{ box-shadow: unset !important; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .breadcrumb-item.active, .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label, .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { color: #acacac; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .invalid-tooltip, .valid-tooltip { position: absolute; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; border-radius: 0.25rem; line-height: 1.5; top: 100%; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #57bd36; } .valid-tooltip { margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(87, 189, 54, 0.9); } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: #57bd36; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2357BD36' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #57bd36; box-shadow: 0 0 0 0.2rem rgba(87, 189, 54, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #57bd36; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2357BD36' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff; } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #57bd36; box-shadow: 0 0 0 0.2rem rgba(87, 189, 54, 0.25); } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #57bd36; } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #57bd36; } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: #57bd36; } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: #74cf57; background-color: #74cf57; } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(87, 189, 54, 0.25); } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #57bd36; } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #57bd36; } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: #57bd36; box-shadow: 0 0 0 0.2rem rgba(87, 189, 54, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #d43526; } .invalid-tooltip { margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(212, 53, 38, 0.9); } .carousel, .collapsing, .dropdown, .dropleft, .dropright, .dropup { position: relative; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #d43526; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23D43526' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23D43526' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #d43526; box-shadow: 0 0 0 0.2rem rgba(212, 53, 38, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #d43526; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23D43526' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23D43526' stroke='none'/%3e%3c/svg%3e") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff; } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #d43526; box-shadow: 0 0 0 0.2rem rgba(212, 53, 38, 0.25); } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #d43526; } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #d43526; } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { border-color: #d43526; } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { border-color: #df5a4e; background-color: #df5a4e; } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(17, 99, 212, 0.5); } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(212, 53, 38, 0.25); } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #d43526; } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #d43526; } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: #d43526; box-shadow: 0 0 0 0.2rem rgba(212, 53, 38, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .form-inline .form-check, input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .btn { display: inline-block; text-align: center; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:hover { color: #212529; } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 99, 212, 0.25); } .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 122, 218, 0.5); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, a.close.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-primary, .btn-primary.disabled, .btn-primary:disabled, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #1163d4; border-color: #1163d4; } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #0e52b1; border-color: #0d4da5; color: #fff; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0d4da5; border-color: #0c4799; } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(151, 152, 152, 0.5); } .btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .show > .btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #acacac; border-color: #acacac; } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover { background-color: #999; border-color: #939393; color: #212529; } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #939393; border-color: #8c8c8c; } .btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(112, 199, 84, 0.5); } .btn-outline-success:hover, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-success, .btn-success.disabled, .btn-success:disabled, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #57bd36; border-color: #57bd36; } .btn-success.focus, .btn-success:focus, .btn-success:hover { background-color: #499f2e; border-color: #45952b; color: #fff; } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #45952b; border-color: #408b28; } .btn-info.focus, .btn-info:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(111, 161, 229, 0.5); } .btn-info, .btn-info.disabled, .btn-info:disabled, .btn-outline-info:hover, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5590e0; border-color: #5590e0; } .btn-info.focus, .btn-info:focus, .btn-info:hover { background-color: #357bda; border-color: #2a74d8; color: #fff; } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #2a74d8; border-color: #266ecf; } .btn-warning.focus, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 142, 24, 0.5); } .btn-outline-warning:hover, .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-warning, .btn-warning.disabled, .btn-warning:disabled, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffa015; border-color: #ffa015; } .btn-warning.focus, .btn-warning:focus, .btn-warning:hover { background-color: #ee8d00; border-color: #e18600; color: #212529; } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #e18600; border-color: #d47e00; } .btn-danger.focus, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(218, 83, 71, 0.5); } .btn-danger, .btn-danger.disabled, .btn-danger:disabled, .btn-outline-danger:hover, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d43526; border-color: #d43526; } .btn-danger.focus, .btn-danger:focus, .btn-danger:hover { background-color: #b42d20; border-color: #a92a1e; color: #fff; } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #a92a1e; border-color: #9e271c; } .btn-light.focus, .btn-light:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light, .btn-light.disabled, .btn-light:disabled, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light.focus, .btn-light:focus, .btn-light:hover { background-color: #e2e6ea; border-color: #dae0e5; color: #212529; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-dark.focus, .btn-dark:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark, .btn-dark.disabled, .btn-dark:disabled, .btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark.focus, .btn-dark:focus, .btn-dark:hover { background-color: #23272b; border-color: #1d2124; color: #fff; } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-outline-primary { color: #1163d4; border-color: #1163d4; } .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 99, 212, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #1163d4; background-color: transparent; } .btn-outline-secondary { color: #acacac; border-color: #acacac; } .btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(172, 172, 172, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #acacac; background-color: transparent; } .btn-outline-success { color: #57bd36; border-color: #57bd36; } .btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(87, 189, 54, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #57bd36; background-color: transparent; } .btn-outline-info { color: #5590e0; border-color: #5590e0; } .btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(85, 144, 224, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #5590e0; background-color: transparent; } .btn-outline-warning { color: #ffa015; border-color: #ffa015; } .btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 160, 21, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffa015; background-color: transparent; } .btn-outline-danger { color: #d43526; border-color: #d43526; } .btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(212, 53, 38, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d43526; background-color: transparent; } .btn-outline-light { color: #f8f9fa !important; border-color: #f8f9fa !important; } .btn-outline-light:hover { color: #212529 !important; background-color: #f8f9fa !important; border-color: #f8f9fa; } .btn-outline-light.focus, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-dark { color: #343a40; border-color: #343a40; } .dropdown-toggle::after, .dropup .dropdown-toggle::after { vertical-align: 0.255em; content: ""; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; display: inline-block; } .btn-outline-dark.focus, .btn-outline-dark:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-link { color: #1163d4; } .btn-link.focus, .btn-link:focus { text-decoration: underline; } .btn-link.disabled, .btn-link:disabled { color: #acacac; pointer-events: none; } .btn-group-lg > .btn, .btn-lg, .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-group-sm > .btn, .btn-sm, .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom, .btn-block + .btn-block { margin-top: 0.5rem; } .fade { transition: opacity 0.15s linear; } .fade:not(.show), .modal-backdrop.fade { opacity: 0; } .collapsing { height: 0; transition: height 0.35s; } .dropdown-toggle::after { margin-left: 0.255em; border-top: 0.3em solid; border-bottom: 0; } .dropdown-toggle-split::after, .dropdown-toggle:empty::after, .dropleft .dropdown-toggle:empty::after, .dropright .dropdown-toggle-split::after, .dropright .dropdown-toggle:empty::after, .dropup .dropdown-toggle-split::after, .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { margin-left: 0.255em; border-top: 0; border-bottom: 0.3em solid; } .dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after { content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; border-right: 0; border-left: 0.3em solid; vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { margin-left: 0.255em; vertical-align: 0.255em; content: ""; display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; border-right: 0.3em solid; vertical-align: 0; } .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; color: #212529; text-align: inherit; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #1163d4; } .dropdown-item.disabled, .dropdown-item:disabled { color: #acacac; pointer-events: none; background-color: transparent; } .carousel-item-next, .carousel-item-prev, .carousel-item.active, .dropdown-menu.show, .tab-content > .active { display: block !important; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #acacac; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child), .input-group-append, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text, .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after, .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child), .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child), .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child), .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type), .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .custom-select, .input-group-text { font-size: 1rem; line-height: 1.5; border: 1px solid #ced4da; color: #495057; font-weight: 400; } .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group-append .btn:focus, .input-group-prepend .btn:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .custom-file { display: flex; align-items: center; } .breadcrumb-item, .input-group-append, .input-group-prepend { display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; } .input-group-prepend { margin-right: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; text-align: center; background-color: #e9ecef; border-radius: 0.25rem; } .nav, .navbar { flex-wrap: wrap; } .input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(1.5em + 1rem + 2px); } .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.5em + 0.5rem + 2px); } .custom-control-label::after, .custom-control-label::before { top: 0.25rem; left: -1.5rem; display: block; height: 1rem; content: ""; width: 1rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #1163d4; background-color: #1163d4; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(17, 99, 212, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #71a8f4; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #a0c5f7; border-color: #a0c5f7; } .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before, .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; pointer-events: none; background-color: #fff; border: 1px solid #adb5bd; } .custom-file-input:focus ~ .custom-file-label, .custom-select:focus { border-color: #71a8f4; box-shadow: 0 0 0 0.2rem rgba(17, 99, 212, 0.25); } .custom-control-label::after { position: absolute; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before, .nav-pills .nav-link { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #1163d4; background-color: #1163d4; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(17, 99, 212, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat #fff; border-radius: 0.25rem; } .custom-select:focus { outline: 0; } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #acacac; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file, .custom-file-input, .custom-file-label { height: calc(1.5em + 0.75rem + 2px); } .custom-file-label, .custom-file-label::after { padding: 0.375rem 0.75rem; color: #495057; top: 0; line-height: 1.5; right: 0; } .custom-file { position: relative; display: inline-block; width: 100%; margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; margin: 0; opacity: 0; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; left: 0; z-index: 1; font-weight: 400; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .card, .navbar { position: relative; } .badge, .close { font-weight: 700; } .custom-file-label::after { position: absolute; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 99, 212, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 99, 212, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 99, 212, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #1163d4; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } .custom-range::-webkit-slider-thumb:active { background-color: #a0c5f7; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #1163d4; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } .custom-range::-moz-range-thumb:active { background-color: #a0c5f7; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #1163d4; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } .custom-range::-ms-thumb:active { background-color: #a0c5f7; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .nav { display: flex; padding-left: 0; margin-bottom: 0; } .nav-link, .navbar { padding: 0.5rem 1rem; } .nav-link { display: block; } .breadcrumb-item + .breadcrumb-item:hover::before, .card-link:hover, .nav-link:focus, .nav-link:hover, .navbar-brand:focus, .navbar-brand:hover, .navbar-toggler:focus, .navbar-toggler:hover, a.badge:focus, a.badge:hover { text-decoration: none; } .nav-link.disabled { color: #acacac; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border-bottom: 2px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #acacac; background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .badge-primary, .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1163d4; } .navbar-toggler, button.close { background-color: transparent; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .badge:empty, .navbar-expand .navbar-toggler, .popover-header:empty, .tab-content > .tab-pane, .toast.hide { display: none; } .navbar { display: flex; align-items: center; justify-content: space-between; } .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; } .card-header-pills, .card-header-tabs { margin-right: -0.625rem; margin-left: -0.625rem; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: center center/100% 100% no-repeat; } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .list-group-horizontal, .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff; } .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { display: flex; flex-direction: column; min-width: 0; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card-img, .card-img-top, .card > .list-group:first-child { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom, .card > .list-group:last-child { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; } .card > .list-group:last-child { border-bottom-width: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-footer, .card-header { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); } .card-columns .card, .card-title, .toast:not(:last-child) { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-bottom: -0.75rem; border-bottom: 0; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .alert, .btn .badge, .list-group-item, .page-link { position: relative; } .card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100%; } .breadcrumb, .pagination { display: flex; border-radius: 0.25rem; list-style: none; } .card-deck .card, .card-group > .card { margin-bottom: 15px; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; background-color: #e9ecef; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #acacac; content: "/"; } .pagination { padding-left: 0; } .page-link { display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #1163d4; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0b428d; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 99, 212, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #1163d4; border-color: #1163d4; } .page-item.disabled .page-link { color: #acacac; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; line-height: 1; text-align: center; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn .badge { top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0d4da5; } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 99, 212, 0.5); } .badge-secondary { color: #212529; background-color: #acacac; } a.badge-secondary:focus, a.badge-secondary:hover { color: #212529; background-color: #939393; } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(172, 172, 172, 0.5); } .badge-success { color: #fff; background-color: #57bd36; } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #45952b; } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(87, 189, 54, 0.5); } .badge-info { color: #fff; background-color: #5590e0; } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #2a74d8; } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(85, 144, 224, 0.5); } .badge-warning { color: #212529; background-color: #ffa015; } a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #e18600; } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 160, 21, 0.5); } .badge-danger { color: #fff; background-color: #d43526; } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #a92a1e; } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(212, 53, 38, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #dae0e5; } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1d2124; } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .list-group, .progress { display: flex; border-radius: 0.25rem; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #09336e; background-color: #cfe0f6; border-color: #bcd3f3; } .alert-primary hr { border-top-color: #a6c5ef; } .alert-primary .alert-link { color: #051d3f; } .alert-secondary { color: #595959; background-color: #eee; border-color: #e8e8e8; } .alert-secondary hr { border-top-color: #dbdbdb; } .alert-secondary .alert-link { color: #404040; } .alert-success { color: #299407; background-color: #ddf2d7; border-color: #d0edc7; } .alert-success hr { border-top-color: #c0e7b4; } .alert-success .alert-link { color: #1b3a11; } .alert-info { color: #2c4b74; background-color: #dde9f9; border-color: #cfe0f6; } .alert-info hr { border-top-color: #bad2f2; } .alert-info .alert-link { color: #1e334f; } .alert-warning { color: #ffd49791; background-color: #ff98004a; border-color: #ff9b0b38; } .alert-warning hr { border-top-color: #ffdaa4; } .alert-warning .alert-link { color: #563607; } .alert-danger { color: #6e1c14; background-color: #f6d7d4; border-color: #f3c6c2; } .alert-danger hr { border-top-color: #efb2ad; } .alert-danger .alert-link { color: #43110c; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { height: 1rem; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; background-color: #1163d4; transition: width 0.6s; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #acacac; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #1163d4; border-color: #1163d4; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #09336e; background-color: #bcd3f3; } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #09336e; background-color: #a6c5ef; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #09336e; border-color: #09336e; } .list-group-item-secondary { color: #595959; background-color: #e8e8e8; } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #595959; background-color: #dbdbdb; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #595959; border-color: #595959; } .list-group-item-success { color: #2d621c; background-color: #d0edc7; } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #2d621c; background-color: #c0e7b4; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #2d621c; border-color: #2d621c; } .list-group-item-info { color: #2c4b74; background-color: #cfe0f6; } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #2c4b74; background-color: #bad2f2; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #2c4b74; border-color: #2c4b74; } .list-group-item-warning { color: #85530b; background-color: #ffe4bd; } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #85530b; background-color: #ffdaa4; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #85530b; border-color: #85530b; } .list-group-item-danger { color: #6e1c14; background-color: #f3c6c2; } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #6e1c14; background-color: #efb2ad; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #6e1c14; border-color: #6e1c14; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .toast, .toast-header { background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .popover, .tooltip { font-style: normal; font-weight: 400; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; line-break: auto; word-wrap: break-word; text-decoration: none; white-space: normal; } .modal-title, .popover, .tooltip { line-height: 1.5; } .popover, .text-hide, .tooltip { text-shadow: none; } .toast, .tooltip { opacity: 0; font-size: 0.875rem; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; } button.close { padding: 0; border: 0; } .toast { max-width: 350px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border-radius: 0.25rem; } .carousel-indicators .active, .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #acacac; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; text-align: left; text-align: start; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-auto[x-placement^="top"], .bs-tooltip-bottom, .bs-tooltip-top { padding: 0.4rem 0; } .bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow { bottom: 0; } .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-auto[x-placement^="left"], .bs-tooltip-auto[x-placement^="right"], .bs-tooltip-left, .bs-tooltip-right { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow { top: 0; } .bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: var(--black); } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .carousel-indicators li, .popover { background-color: #fff; background-clip: padding-box; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-align: left; text-align: start; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[x-placement^="top"], .bs-popover-top { margin-bottom: 0.5rem; } .bs-popover-auto[x-placement^="top"] > .arrow, .bs-popover-top > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-top > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-auto[x-placement^="right"], .bs-popover-right { margin-left: 0.5rem; } .bs-popover-auto[x-placement^="right"] > .arrow, .bs-popover-right > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="right"] > .arrow::after, .bs-popover-right > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-auto[x-placement^="bottom"] > .arrow, .bs-popover-bottom > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-auto[x-placement^="bottom"] > .arrow::before, .bs-popover-bottom > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="bottom"] > .arrow::after, .bs-popover-bottom > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-auto[x-placement^="left"] > .arrow, .bs-popover-left > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="left"] > .arrow::after, .bs-popover-left > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after, .clearfix::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { transform: translateX(100%); } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .spinner-border, .spinner-grow { display: inline-block; vertical-align: text-bottom; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s; } @media (prefers-reduced-motion: reduce) { .btn, .collapsing, .custom-switch .custom-control-label::after, .fade, .form-control { transition: none; } .custom-range::-webkit-slider-thumb { transition: none; } .custom-range::-moz-range-thumb { transition: none; } .custom-range::-ms-thumb { transition: none; } .badge, .carousel-control-next, .carousel-control-prev, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right, .carousel-indicators li, .carousel-item, .custom-control-label::before, .custom-file-label, .custom-select, .modal.fade .modal-dialog, .progress-bar { transition: none; } .progress-bar-animated { animation: none; } } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { width: 2rem; height: 2rem; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { width: 2rem; height: 2rem; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #1163d4 !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0d4da5 !important; } .bg-secondary { background-color: #acacac !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #939393 !important; } .bg-success { background-color: #57bd36 !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #45952b !important; } .bg-info { background-color: #5590e0 !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #2a74d8 !important; } .bg-warning { background-color: #ffa015 !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #e18600 !important; } .bg-danger { background-color: #d43526 !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #a92a1e !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d2124 !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #1163d4 !important; } .border-secondary { border-color: #acacac !important; } .border-success { border-color: #57bd36 !important; } .border-info { border-color: #5590e0 !important; } .border-warning { border-color: #ffa015 !important; } .border-danger { border-color: #d43526 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded-right, .rounded-top { border-top-right-radius: 0.25rem !important; } .rounded-bottom, .rounded-right { border-bottom-right-radius: 0.25rem !important; } .rounded-left, .rounded-top { border-top-left-radius: 0.25rem !important; } .rounded-bottom, .rounded-left { border-bottom-left-radius: 0.25rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-bottom, .fixed-top { position: fixed; z-index: 1030; right: 0; left: 0; } .fixed-top { top: 0; } .fixed-bottom { bottom: 0; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } .col-sm { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .col-sm-12, .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .col-sm-6, .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .col-sm-4, .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-3, .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .col-sm-2, .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .custom-select, .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .list-group-horizontal-sm, .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0; } .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } .jumbotron { padding: 4rem 2rem; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; } .col-md { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .col-md-12, .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .col-md-6, .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .col-md-4, .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-3, .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .col-md-2, .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .list-group-horizontal-md, .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } .col-lg { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .col-lg-12, .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .col-lg-6, .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .col-lg-4, .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-3, .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .col-lg-2, .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .list-group-horizontal-lg, .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } .modal-lg, .modal-xl { max-width: 800px; } .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 5rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 5rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .modal-xl { max-width: 1140px; } .col-xl { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .col-xl-12, .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .col-xl-6, .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .col-xl-4, .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-3, .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .col-xl-2, .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .list-group-horizontal-xl, .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #1163d4 !important; } a.text-primary:focus, a.text-primary:hover { color: #0b428d !important; } .text-muted, .text-secondary { color: #acacac !important; } a.text-secondary:focus, a.text-secondary:hover { color: #868686 !important; } .text-success { color: #57bd36 !important; } a.text-success:focus, a.text-success:hover { color: #3c8225 !important; } .text-info { color: #5590e0 !important; } a.text-info:focus, a.text-info:hover { color: #2468c5 !important; } .text-warning { color: #ffa015 !important; } a.text-warning:focus, a.text-warning:hover { color: #c87700 !important; } .text-danger { color: #d43526 !important; } a.text-danger:focus, a.text-danger:hover { color: #93251a !important; } a.text-light:focus, a.text-light:hover { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:focus, a.text-dark:hover { color: #121416 !important; } .text-body { color: #212529 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } blockquote, img, pre, tr { page-break-inside: avoid; } *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid #adb5bd; } thead { display: table-header-group; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } .container, body { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } }
.bm-container { display: flex; position: fixed; top: 0; width: 100%; height: 100%; z-index: 100; } .blazored-modal-overlay { display: block; position: fixed; width: 100%; height: 100%; z-index: 101; background-color: rgba(0,0,0,0.5); top: 0; left: 0; } .blazored-modal-focus-trap { z-index: 102; } .blazored-modal { display: flex; z-index: 103; flex-direction: column; background-color: #fff; border-radius: 4px; border: 1px solid #fff; padding: 1.5rem; box-shadow: 0 2px 2px rgba(0,0,0,.25); } .bm-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 0 0 2rem 0; } .blazored-modal-title { margin-bottom: 0; } .bm-close { padding: 1rem; margin: -1rem -1rem -1rem auto; background-color: transparent; border: 0; -webkit-appearance: none; cursor: pointer; font-size: 1.5rem; font-weight: bold; } .blazored-modal-center { align-items: center; justify-content: center; } .blazored-modal-topleft .blazored-modal { position: absolute; top: 32px; left: 32px; } .blazored-modal-topright .blazored-modal { position: absolute; top: 32px; right: 32px; } .blazored-modal-bottomleft .blazored-modal { position: absolute; bottom: 32px; left: 32px; } .blazored-modal-bottomright .blazored-modal { position: absolute; bottom: 32px; right: 32px; } .blazored-modal-scrollable { display: flex; max-height: calc(100% - 1rem); } .blazored-modal-scrollable .blazored-modal-content { overflow-y: auto; } .blazored-modal-scrollable .blazored-modal-footer, .blazored-modal-scrollable .blazored-modal-header { flex-shrink: 0; }
@font-face { font-family: 'CharlesWright'; src: url('https://cdn.carowl.co.uk/fonts/CharlesWright-Bold.ttf') format("truetype"); } :root { interpolate-size: allow-keywords; --blue: #1163D4; --indigo: #6610f2; --purple: rgb(135 98 255); --purple-2: #3f27da; --pink: #e83e8c; --red: #D43526; --dark-green: #dcffde; --dark-green-2: #DDF2D7; --green: #57BD36; --teal: #20c997; --cyan: #5590E0; --white: #fff; --black: #000000; --gray: #acacac; --muted: #acacac; --gray-dark: #343a40; --primary: #1163D4; --secondary: #acacac; --success: #57BD36; --info: #5590E0; --warning: #FFA015; --danger: #D43526; --orange-1: #F46601; --orange-2: #F8AC37; --orange-3: #FF9700; --light: #f8f9fa; --light-2: #f3f3f3; --dark-1: #44494F; --dark-2: #343a40; --grey-1: #D7DADD; --grey-2: #E4E6E8; --grey-3: #b1b1b1; --dark-blue: #205271; --lighter: rgb(230, 230, 230); --lighter-20: rgb(204, 204, 204); --lighter-30: rgb(179, 179, 179); --lighter-40: rgb(153, 153, 153); --lighter-50: rgb(128, 128, 128); --lighter-60: rgb(102, 102, 102); --lighter-70: rgb(77, 77, 77); --lighter-80: rgb(51, 51, 51); --lighter-t-50: rgb(255 255 255 / 50%); --lighter-t-80: rgb(255 255 255 / 80%); --lighter-t-95: rgb(255 255 255 / 95%); --darker-03: rgb(249, 249, 249); --darker-05: rgb(243, 243, 243); --darker-07: rgb(237, 237, 237); --darker-10: rgb(230, 230, 230); --darker-15: rgb(217, 217, 217); --darker-20: rgb(204, 204, 204); --darker-30: rgb(179, 179, 179); --darker-40: rgb(153, 153, 153); --darker-50: rgb(128, 128, 128); --darker-60: rgb(102, 102, 102); --darker-70: rgb(77, 77, 77); --darker-80: rgb(51, 51, 51); --darker-90: rgb(26, 26, 26); --darker-t-05: rgb(0 0 0 / 5%); --darker-t-10: rgb(0 0 0 / 10%); --darker-t-15: rgb(0 0 0 / 15%); --darker-t-20: rgb(0 0 0 / 20%); --darker-t-30: rgb(0 0 0 / 30%); --darker-t-50: rgb(0 0 0/ 50%); --darker-t-80: rgb(0 0 0/ 80%); --nav-bar-height: 64px; --message-input-height: 41px; --body-content-height: calc(100vh - var(--nav-bar-height)); --body-content-height: calc(100svh - var(--nav-bar-height)); --poppins-font: "Roboto", system-ui, sans-serif; --charles-wright: CharlesWright, sans-serif; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; } @media (prefers-color-scheme: light) { .vehicle-valuation-img.cap { filter: invert(1); } } @media (prefers-color-scheme: dark) { :root { --dark-green: #223123 !important; --dark-green-2: #222a25 !important; --muted: #656A6E !important; --grey-1: #575a5d !important; --dark-1: #f8f9fa !important; --dark-2: #D8D9DA !important; --dark-blue: #436D87 !important; --light: #1a1a1a !important; --light-2: #212121 !important; --white: #000000 !important; --black: #FFFFFF !important; --lighter: rgb(25, 25, 25); --lighter-20: rgb(51, 51, 51); --lighter-30: rgb(76, 76, 76); --lighter-40: rgb(102, 102, 102); --lighter-50: rgb(127, 127, 127); --lighter-60: rgb(153, 153, 153); --lighter-70: rgb(178, 178, 178); --lighter-80: rgb(204, 204, 204); --lighter-t-50: rgb(0 0 0 / 50%); --lighter-t-80: rgb(0 0 0 / 80%); --lighter-t-95: rgb(0 0 0 / 95%); --darker-03: rgb(8, 8, 8); --darker-05: rgb(13, 13, 13); --darker-07: rgb(18, 18, 18); --darker-10: rgb(26, 26, 26); --darker-15: rgb(38, 38, 38); --darker-20: rgb(51, 51, 51); --darker-30: rgb(76, 76, 76); --darker-40: rgb(102, 102, 102); --darker-50: rgb(127, 127, 127); --darker-60: rgb(153, 153, 153); --darker-70: rgb(178, 178, 178); --darker-80: rgb(204, 204, 204); --darker-90: rgb(229, 229, 229); --darker-t-05: rgb(255 255 255 / 5%); --darker-t-10: rgb(255 255 255 / 10%); --darker-t-15: rgb(255 255 255 / 15%); --darker-t-20: rgb(255 255 255 / 20%); --darker-t-30: rgb(255 255 255 / 30%); --darker-t-50: rgb(255 255 255 / 50%); --darker-t-80: rgb(255 255 255 / 80%); } .navbar .logo, .brand-logo { background-image: url('https://carowl-images.b-cdn.net/website-images/logos/logo-tiny.webp') !important; } .trustpilot-widget .logo { filter: grayscale(1) brightness(260); } } *{ -webkit-print-color-adjust: exact; } body, html, app, main { height: 100vh; height: -webkit-fill-available; } html { scroll-padding-top: var(--nav-bar-height); } :is(button, input, select, textarea):focus { outline: none !important; box-shadow: 0 0 0 2px var(--primary) !important; } .routine-maintenance { background-color:black; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; text-align:center; } .routine-maintenance > .content{ } .routine-maintenance > .content img { margin-bottom: 2rem; display: block; margin-inline: auto; } .routine-maintenance > .content h1 { color: var(--black); font-size: 3rem; margin-bottom: 2rem; } .routine-maintenance > .content h1 span{ text-shadow:0 0 30px var(--orange-1); } .routine-maintenance > .content p { color: var(--darker-50); margin-inline:auto; } .t { background:var(--darker-10); margin-bottom: 0; padding: 1rem 1rem; display: flex; align-items: center; gap: 1rem; position: relative; overflow: hidden; } .text-darker-70 { color: var(--darker-70); } .page-container { position: relative; background-color: var(--white); min-height: 100vh; padding-bottom: 0; } .body-content { padding-left: 15px !important; padding-right: 15px !important; background-color: var(--white); min-height: var(--body-content-height); } .min-body-height { min-height: var(--body-content-height); } #content-wrap { padding-bottom: 180px; } h1, h2, h3, h4, h5, h6 { line-height: 1.35; font-weight: 700; font-family: var(--poppins-font); color:var(--black); } h1 { font-size: 3.5rem; letter-spacing: -2px; font-weight: 700; } h2 { font-size: clamp(2rem, 6vw + 1rem, 3rem); font-weight: 700; letter-spacing: -2px; } h3 { font-size: clamp(1.5rem, 4vw + 0.8rem, 2.5rem); font-size: clamp(1.5rem, 6cqw, 2rem); } h4 { font-size: clamp(1.5rem, 4vw + 0.8rem, 2); font-size: clamp(1.5rem, 6cqw, 2rem); } .text-orange-gradient { background: -webkit-linear-gradient(0deg, var(--orange-1), var(--orange-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 30px var(--orange-1); font-weight: 700; } .text-deluxe { background: linear-gradient(90deg, var(--purple-2), var(--orange-1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style:italic; font-weight:800; } .text-blue-pink-gradient { background: -webkit-linear-gradient(45deg, #00ffb1, #7a0278); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-shadow-purple { text-shadow: 0 0 30px #6149ff; } .drop-shadow-purple { filter: drop-shadow(0px 0px 8px var(--purple-2)); } .drop-shadow-orange { filter: drop-shadow(0px 0px 8px var(--orange-2)); } :is(p) span { } .optional { background: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background-color: var(--darker-10); border: 1px solid var(--darker-15); border-radius: 50rem; font-size: 12px; font-style: normal; text-shadow: unset; font-weight: 500; color: var(--darker-50); padding-inline: 0.5rem; padding-block: 0.05rem; margin-left: 1rem; } :is(h1, h2, h3, h4, h5, h6) .cursor-help { color: var(--darker-50); margin-left: .25rem; } ::after, li { font-family: var(--poppins-font); } a { line-height: 1.1; color: #1478ff; font-family: var(--poppins-font); cursor:pointer; } a:hover { color: #549dff; } a:visited { text-decoration:underline; } label { font-size: 1rem; line-height: 1.1; font-family: var(--poppins-font); color:var(--black); } p { color: var(--darker-60); line-height: 1.35; } :is(p, .validation-message) { font-family: var(--poppins-font); font-size: 16px; max-width: 55ch; margin-bottom: 0; } .small-text { font-size: 12px; } img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .user-html-content { color: var(--black); } .user-html-content > table { width:unset; } .user-html-content h1 { } .user-html-content p { max-width:unset; color:var(--black); } .user-html-content :is(h1, h2, h3, h4, h5, h6, p) span { all: revert; color: var(--black); } button { font-family: var(--poppins-font) !important; } .trade-2-trade .a { color: #1163D4; text-decoration: none; background-color: transparent; transition: ease-in-out; transition-duration: 0.2s; font-weight: 600; } .a:hover { color: #4F85CF; text-decoration: underline; cursor: pointer; transition: ease-in-out; transition-duration: 0.2s; } .orange-a { color: var(--orange-2) !important; text-decoration: none; background-color: transparent; transition: ease-in-out; transition-duration: 0.2s; font-weight: 600; } .orange-a:hover { color: var(--orange-3); text-decoration: underline; cursor: pointer; } .purple-a { color: var(--purple); text-decoration: none; background-color: transparent; transition: ease-in-out; transition-duration: 0.2s; font-weight: 600; } .purple-a:hover { color: var(--purple-2); text-decoration: underline; cursor: pointer; } .white-a { color: var(--black) !important; text-decoration: none; background-color: transparent; transition: ease-in-out; transition-duration: 0.2s; font-weight: 600; } .white-a:hover { color: var(--orange-2) !important; text-decoration: underline; cursor: pointer; } .grey-a { color: #676767; text-decoration: none; background-color: transparent; transition: ease-in-out; transition-duration: 0.2s; font-weight: 600; } .grey-a:hover { color: var(--dark-2); text-decoration: underline; cursor: pointer; } a:not([href]) { color: #1163D4; text-decoration: none; background-color: transparent; transition: ease-in-out; transition-duration: 0.2s; font-weight: 600; } a:not([href]):hover { color: #4F85CF; text-decoration: underline; cursor: pointer; } .speech-bubble { position: relative; background: #000000; border-radius: .4em; } .speech-bubble:after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 25px solid transparent; border-right-color: #000000; border-left: 0; margin-top: -25px; margin-left: -25px; } .one-wing-owl { --owl-height: 56px; height: var(--owl-height); width: auto; position: absolute; top: calc(-4px - var(--owl-height)); left: 10px; } .owl-in-car { text-align: center; min-height: 30vh; background-size: auto 100%; background-repeat: repeat-x; transition: background-position-x 1s ease-in-out; overflow: hidden; padding-inline: 0rem; } .owl-driving { max-width: 320px; height: auto; position: absolute; bottom: 18px; -webkit-animation: car-driving 14s linear infinite; animation: car-driving 14s ease-in-out infinite, vibrate-1 .35s linear infinite; } @keyframes car-driving { 0% { left: -100%; } 15% { left: calc(50% - (256px / 2)); } 20%, 90% { left: calc(50% - (256px / 2)); } 100% { left: calc(110%); } } .navbar { min-height: var(--nav-bar-height); z-index: 100; width: 100%; transition: all .25s ease-in-out; padding: .5rem; background: var(--darker-05); backdrop-filter: blur(20px); } .navbar .logo { background-image: url('https://cdn.carowl.co.uk/website-images/logos/logo-tiny-black.webp'); background-size: 100%; background-position: center; background-repeat: no-repeat; width: 168px; height: 28px; } .navbar .logo img { } .navbar .logo:focus { box-shadow:unset !important; } .navbar.open { position: fixed; } .navbar .navbar-toggler { border: unset; padding: 0; } .navbar .navbar-toggler:focus { box-shadow:unset !important; } .navbar mobile-signin { border: unset; padding: 0; } .navbar .buttons { max-width: 330px; display: flex; justify-content: end; } .navbar-content-block { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 99; background-color: rgba(0, 0, 0, 0.2); backdrop-filter: blur(8px); transition: backdrop-filter 0.25s ease-in-out; pointer-events: auto; opacity: 1; } .navbar-content-block.closed { background-color: rgba(0, 0, 0, 0); backdrop-filter: blur(0px); height: 0; opacity: 0; pointer-events: none; } @-webkit-keyframes nav-bar-closed-bg-animation { 0% { height: 100vw; } 100% { height: 0; } } @keyframes nav-bar-closed-bg-animation { 0% { width: 100vw; } 100% { width: 0; } } .navbar-nav { margin-top: 1rem; margin-inline: auto; } .nav-item { text-decoration: none; transition: all ease .3s; } .nav-item a { padding:.5rem .5rem; font-weight: 500; text-decoration: none; color: var(--black); font-size: 1rem; border-radius: .5rem; height: 100%; display: flex; align-items: center; text-align: left; margin-inline: auto; position: relative; overflow: hidden; justify-content: space-between; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all ease .3s; } .nav-item > .nav-link.active { background-color: var(--darker-15); border-color: var(--orange-1); color: var(--black); } .nav-item > .nav-link > svg g path { transition: fill linear 250ms; } .nav-item > .nav-link.active > svg g path { fill: var(--black); } .nav-item > .nav-link.active > svg g path { fill: var(--black) !important; } .nav-item > .nav-link.active:focus { box-shadow:unset !important; } .nav-item a:hover { color:var(--black); text-decoration:none !important; background:var(--darker-15); } .nav-item a:focus { background:var(--darker-20); } .nav-item a > svg g path { display: flex; justify-content: center; flex: 0 0 auto; width: auto; max-width: 100%; } .navbar .nav-item a { font-size: 1rem; color: var(--black); gap:.5rem; } .navbar .nav-item a > svg path { } .nav-item .dropdown-item{ font-weight:400; color:var(--darker-70) !important; } .tooltip-inner { padding: 0.75rem; color: var(--light-2); text-align: left; background-color: var(--dark-2); font-weight: 600; border-radius: 0.5rem; font-family: var(--poppins-font); overflow: hidden; } .nav-tabs .nav-item a { color: var(--darker-80) !important; padding-block: .5rem; } .form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--black); caret-color:var(--orange-2); background-color: var(--white); background-clip: padding-box; border: 2px solid var(--darker-20); border-radius: .5rem; transition: all ease-in-out .2s; font-family: var(--poppins-font); outline: 0; } .form-control option { margin: 40px; padding-block:.5rem; background: rgba(0, 0, 0, 0.5); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .form-control::placeholder { color: var(--darker-40); transition: all ease-in-out .2s; } .form-control:focus-within::placeholder { } .form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control:-webkit-autofill:active { border: 2px solid var(--darker-20); -webkit-text-fill-color: var(--black) !important; -webkit-box-shadow: 0 0 0px 1000px var(--white) inset; transition: background-color 999999s ease-in-out 0s, border ease-in-out .2s, box-shadow ease-in-out .2s; } .form-control:focus-within::placeholder{ opacity:1; } .form-control.invalid:not(:focus-within) { border-color: rgb(200, 0, 0); } .form-control:not(:disabled):is(:focus, :focus-within, :active) { border-color: var(--black) !important; box-shadow: unset !important; } .form-control.vehicle { border-color: var(--grey-1); background-color: transparent; color: var(--black); } .form-control:disabled { background-color: var(--darker-30); color: var(--darker-50); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-control:disabled { cursor: not-allowed; } .form-control.form-control-lg { font-size: 2rem; height: unset; padding-block: 0.5rem; } .form-control.form-control-lg:is(:focus, :focus-within, :active) { box-shadow: var(--primary) 0px 7px 13px -4px; } .form-container { margin-inline: auto; max-width:25rem; } .form-container > p { color: rgb(255 255 255 / 80%); } .input-parent { margin-inline: auto; width: 100%; margin-bottom: 1rem; position: relative; } .input-parent > label { color: var(--black); font-size: 16px; line-height:20px; margin-bottom:8px; font-weight: 500; } .row .input-parent:last-of-type { } .disabled .input-parent label { color: var(--darker-40) !important; cursor:default !important; } .disabled span { color: var(--darker-40) !important; cursor: default !important; } .checkbox-parent { display: flex; -webkit-align-items: center; align-items: center; gap: 1rem; } .checkbox-parent label { margin-bottom: 0 !important; font-size: 14px; font-weight: 500; cursor: pointer; color: var(--black); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-parent input[type='checkbox'] { min-width: 16px; min-height: 16px; cursor: pointer; } input[type='checkbox']:disabled { cursor: not-allowed; } .input-parent .far.fa-question-circle { right: 0; color: var(--black); } .disabled .input-parent .far.fa-question-circle { color: var(--grey-3); cursor: default !important; } .input-parent .input-group.password input { border-radius: .5rem; position: relative; padding-right:3.5rem; } .input-group.password > .custom-select:not(:last-child), .input-group.password > .form-control:not(:last-child) { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } .input-parent .input-group .input-group-prepend span { display: flex; align-items: center; justify-content: center; font-size: 1rem; background-color: var(--darker-20); border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-color: transparent; font-weight: 400; color: var(--darker-90); padding-left: 1rem; padding-right: 0.25rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: 1px; } .input-parent .input-group.password .input-group-append .btn { border-radius: .5rem; padding-block: 0; background-color: transparent; z-index: 4; border-color: transparent; display: flex; align-items: center; justify-content: center; font-size: 1em; color: var(--darker-40); min-width: 44px; height: 100%; transition-duration: 200ms; position:absolute; right:0; } .grayscale-off { filter: grayscale(0%) !important; } .owl-section { justify-content: center; position: relative; padding-top: 1rem; padding-block: 5rem; } .owl-section:only-of-type { align-items:center; justify-content:center; min-height: var(--body-content-height); padding-block:1.5rem; } .owl-section:first-of-type { } .owl-section > * { z-index: 2; } .owl-section > .col-12:first-of-type > :is(h1, h2, h3) { text-align: center; } .owl-section > .col-12:first-of-type > :is(h2, h3) { margin-bottom: 2rem; } .owl-section:nth-child(even) { } .dealer-portal .owl-section{ } .dealer-portal .owl-section:nth-child(even) { } .dealer-portal .trustpilot-widget .logo { filter: grayscale(1) brightness(260); } .dealer-portal .owl-section :is(h1, h2, h3, h5, h6) { } .dealer-portal > .col-12 > :is(p, label) { } .nav-link[aria-expanded="false"] svg:last-of-type { transform: rotate(0deg); transition: transform 0.3s ease; } .nav-link[aria-expanded="true"] svg:last-of-type { transform: rotate(180deg); transition: transform 0.3s ease; } .btn-register-signup { display: flex; align-items: center; justify-content: center; padding-block: 0; background-color: var(--darker-10); border-radius: .5rem !important; color: var(--black) !important; transition: all ease-in-out 200ms; min-height: 40px; } .btn-register-signup:hover { background-color: var(--darker-15); color: var(--black); } .btn-register-signup > svg { margin-left: .5rem; } .register-confirmation-helpful { color: white; text-shadow: 1px 1px #0000006b; margin-inline: auto; border-radius: 6px; position: relative; max-width: 47rem; font-weight: 500; line-height: 1.1; } .register-confirmation-helpful b { text-shadow: 1px 1px #00000091; color:var(--orange-2); } .navbar-toggler { position: relative; } #nav-icon { width: 18px; height: 18px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; cursor: pointer; position: relative; } #nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background-color: var(--darker-40); border-radius: 40px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } #nav-icon span:nth-child(1) { top: 0px; } #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 8px; } #nav-icon span:nth-child(4) { bottom: 0px; } #nav-icon.open span:nth-child(1) { top: 14px; width: 0%; left: 50%; } #nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); height: 2px; } #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: 2px; } #nav-icon.open span:nth-child(4) { top: 14px; width: 0%; left: 50%; } @-webkit-keyframes nav-selection { 0% { width: 0%; } 100% { width: 100%; } } @keyframes nav-selection { 0% { width: 0%; } 100% { width: 100%; } } .profile-button, .notification-button { height: 48px; width: 48px; border-radius: 0.5rem !important; padding: 0; transition: all ease-in-out 300ms; border: 0; display:flex; align-items:center; justify-content:center; position:relative; background-color:transparent; } .profile-button svg g path, .notification-button svg g path { transition: fill ease-in-out 300ms; } .profile-button { margin-left: .5rem; } .profile-button span, .notification-button span { font-size: 2rem; color: var(--darker-50); transition: all ease-in-out 300ms; font-weight:300; } .profile-button:hover, .notification-button:hover { background-color: var(--darker-20); color:var(--black); } .profile-button:is(:active, :focus, :focus-within), .notification-button:is(:active, :focus, :focus-within) { background-color: var(--darker-30); color: var(--black); } .profile-button:hover svg g path, .notification-button:hover svg g path { fill: var(--black); } .profile-button:is(:active, :focus, :active, :focus-within) svg g path, .notification-button:is(:active, :focus, :active, :focus-within) svg g path { color: var(--black); } .profile-dropdown { min-width: 14rem !important; } .skip-nav-link { background: rgb(255,151,0); background: -moz-linear-gradient(90deg, rgba(255,151,0,1) 0%, rgba(255,199,117,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,151,0,1) 0%, rgba(255,199,117,1) 100%); background: linear-gradient(90deg, rgba(255,151,0,1) 0%, rgba(255,199,117,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9700",endColorstr="#ffc775",GradientType=1); padding: .5rem 1.5rem; border-radius: 50rem; position: absolute; z-index: 1000; transform: translateY(-120%); left: 0.5rem; color: var(--white); transition: transform 325ms ease-in; } .skip-nav-link:focus { transform: translateY(10px); } .font-charles { font-family: var(--charles-wright); } .font-zenkaku { font-family: 'Zen Kaku Gothic Antique', sans-serif; } .login-paragraph { color: white; margin-inline: auto; text-align:center; } .cool-marker::marker { font-weight: bold; } .dealer-portal-cta { justify-content: center; min-height: var(--body-content-height); } .dealer-portal-cta.second { background-image: unset; padding-block: 7rem; } .dealer-portal-cta > .col-12 > :is(h1,h2) { line-height:1; } .dealer-portal-cta.second :is(h1,h2) { text-align: center !important; margin-top: 1rem; margin-bottom: 1rem; } .dealer-portal-cta > .col-12 > p { text-align: left; } .dealer-portal-cta > .col-12 > label { margin-top:1rem; } .dealer-portal-cta.second > .col-12 > p { text-align: left; font-weight:300; margin-inline: auto; } .dealer-portal-cta.second > .col-12 > label { text-align: center; margin-inline: auto; max-width: unset; display:block; } .dealer-portal-cta.second img { width: 100%; margin-inline: auto; display: block; margin-top: auto; } .dealer-portal-cta > .col-12 > .btn { max-width: 320px; } .dealer-portal-cta.second .btn { margin-inline: auto; } .dealer-portal-cta.form { padding-block:3rem !important; background-image:unset; min-height:unset; } .dealer-portal-cta h1 { margin-bottom: 0; font-weight: 600; letter-spacing:-1px; } .rc-anchor-light { background: var(--darker-50) !important; color: var(--black) !important; } .dealer-portal-cta .col-md-auto { } #signup-component .col-md-auto .stage-parent:first-child { max-width: 28rem; margin-inline: auto; padding: 32px 16px; border-radius: 1rem; background-color: var(--darker-05); overflow: hidden; } #signup-component :is(.upd,.verify-your-email) { border: unset !important; padding:0 !important; } #signup-component .verify-your-email > .col-12 { padding:0 !important; } .dealer-portal-cta .col-12 .col-md-auto { margin-block: auto; } .dealer-portal-cta .col-lg-6 { position:relative; } .dealer-portal-cta > .col-12:only-child { margin-top: auto; margin-bottom: auto; } .cta-button { width: 100%; max-width: 300px; display: block; margin-inline: auto; } .module-items h2 { margin-bottom:1rem; text-align:center; } .module-items .container { max-width:70rem; } .how-it-works.seller { justify-content: center; } .dealer-pricing h3 { font-size: 1.6rem; text-align: center; } .dealer-pricing p { font-size: 1rem; margin-inline: auto; text-align: center; } .dealer-pricing ul { display: grid; grid-template-columns: repeat(2, 1fr); } .comparison-row { max-width: 49rem; margin-inline: auto; } .comparison-row:first-of-type { border-radius: 1rem 1rem 0 0; } .comparison-row:last-of-type { border-radius: 0 0 1rem 1rem; } .comparison-row:first-of-type div { font-size:1.3rem; } .comparison-row:first-of-type :is(div:nth-child(2)) { padding-block: 2rem; border-radius: 2rem 2rem 0rem 0rem; border-top: 2px solid var(--orange-1); } .comparison-row:last-of-type div:nth-child(2) { border-bottom: 2px solid var(--orange-1); border-radius: 0 0 2rem 2rem; } .comparison-row:first-of-type { border-radius: 1rem 1rem 0 0; } .comparison-row:nth-of-type(even) { background-color:var(--darker-10); } .comparison-row:nth-of-type(odd) { } .comparison-row:first-of-type div:nth-child(2) img { width:80%; margin:auto; } .dealer-pricing .comparison-row:nth-of-type(even) { } .comparison-row:first-of-type div:nth-child(3) { color: var(--darker-50); } .comparison-row div { text-align: center; color: white; padding-block: .75rem; font-family: var(--poppins-font); display: flex; align-items: center; justify-content: center; font-family: var(--poppins-font); min-height: 59px; } .comparison-row div:nth-child(1) { color: var(--darker-70); font-weight: 400; text-align: start; justify-content: start; font-size: 15px; line-height: 1.1; } .comparison-row div:nth-child(2) { text-align: center; font-weight: 700; font-family: var(--poppins-font); position: relative; border-inline: 2px solid var(--orange-1); background-color: #fe6f071f; color: var(--orange-1); line-height: 1.1; } .comparison-row div:nth-child(2) img { max-width:130px; } .comparison-row div:nth-child(2) .material-symbols-outlined { color: white; font-size: 2rem; } .comparison-row:not(:first-of-type) div:nth-child(3) { text-align: center; color: var(--darker-40); font-size:15px; } .comparison-row div:nth-child(3) { text-align: center; } .dealer-testimonials .wrapper { overflow: auto; flex-wrap: nowrap; flex-direction: row; scroll-snap-type: inline mandatory; justify-content: center; padding-bottom: 1rem; margin-inline: 0; } .dealer-testimonials h3 { text-align: center; margin-bottom: 2rem; } .dealer-testimonials .testimonials .col-auto { padding:3rem; background-color:rgb(0 0 0 /10%); } .dealer-testimonials .testimonial { padding-top: 2rem; padding-bottom: 2rem; padding-inline: 2rem; scroll-snap-align: center; scroll-snap-type: x mandatory; scroll-padding-inline: 1rem; scroll-snap-stop: always; overflow: hidden; border-radius: 2rem; } .dealer-testimonials .wrapper .testimonial:not(:last-of-type) { margin-right:1rem; } .dealer-testimonials .testimonial img { display:block; margin-inline:auto; max-width:220px; width: auto; min-height: 44px; object-fit: contain; margin-bottom: 1.5rem; margin-inline: auto; transition:all ease-in-out 250ms; } .dealer-testimonials .testimonial img:hover { transform:scale(1.1); } .dealer-testimonials .testimonial p { margin-inline: auto; text-align: left; color: var(--black); font-style: italic; font-size: 16px; line-height: 1.6; } .brands-we-offer img { width: 90px; height: 90px; object-fit:contain; } .max-width-100 p { max-width: 100vw; } .step-progressbar { list-style: none; padding-inline: 1rem; display: flex; justify-content: space-between; align-items: center; position:relative; gap:4rem; margin-bottom:1rem; } .step-progressbar::before { content: ''; position: absolute; top: 16px; left: 8%; height: 2px; width: 80%; background-color: var(--darker-20); } .step-progressbar li { height: 32px; width:100%; position: relative; display: flex; align-items: center; justify-content: center; } .step-progressbar li span { width: 100%; height: 100%; font-size:16px; background-color: var(--darker-10); color: var(--darker-50); font-weight: 600; border-radius: 5rem; position: relative; text-align:center; display: flex; align-items: center; justify-content: center; transition:all 250ms ease-in-out; line-height:.9; line-height:1; } .step-progressbar li.current span { color: white; background-image: linear-gradient(45deg, var(--orange-1), var(--purple-2)); } .step-progressbar.orange li.current span { background-image: linear-gradient(45deg, var(--orange-1), var(--orange-2)); color: white; border-width: 1px; text-shadow: 1px 1px black; } .step-progressbar li.complete span { color: white; background-color: var(--darker-10); border: 1px solid var(--success); } .step-progressbar li.complete svg { } .step-progressbar li span:last-child::after { display: none; } .step-labels { list-style: none; display: flex; justify-content: space-between; padding-left: 0; margin-bottom:.5rem; gap:2rem; } .step-labels li { text-align: center; flex: 1; color: var(--muted); font-size: 12px; line-height:1.2; } @keyframes gradientAnimation { 0% { background-position: -500% 0%; } 100% { background-position: 0% 0%; } } .seller-call-to-action-2 { min-height: var(--body-content-height); position: relative; } .bg-orange-animation { animation: gradientAnimation 250s linear infinite; background: linear-gradient( 90deg, rgba(229, 117, 0, 0.4) 0%, var(--white) 25%, rgba(229, 117, 0, 0.4) 50%, var(--white) 75%, rgba(229, 117, 0, 0.4) 100% ); background-size: 1000% 100%; } .bg-purp-animation { animation: gradientAnimation 250s linear infinite; background: linear-gradient( 90deg, rgba(71, 42, 209, 0.4) 0%, var(--white) 25%, rgba(71, 42, 209, 0.4) 50%, var(--white) 75%, rgba(71, 42, 209, 0.4) 100% ); background-size: 1000% 100%; } .bg-purp { background: linear-gradient( 180deg, rgba(71, 42, 209, 0.4), var(--white)); } .bg-grad-radial-orange { background: rgb(229 117 0 / 40%); background: -moz-radial-gradient(circle, rgb(229 117 0 / 40%) 0%, var(--white) 80%); background: -webkit-radial-gradient(circle, rgb(229 117 0 / 40%) 0%, var(--white) 80%); background: radial-gradient(circle, rgb(229 117 0 / 40%) 0%, var(--white) 80%); } .bg-gradient-lighter { background: #fe6f0751; background: -moz-linear-gradient(to bottom, #fe6f0751 0%, var(--white) 80%); background: -webkit-linear-gradient(to bottom, #fe6f0751 0%, var(--white) 80%); background: linear-gradient(to bottom, #fe6f0751 0%, var(--white) 80%); } .bg-gradient-lighter-top { background: #fe6f0751; background: -moz-linear-gradient(to top, #fe6f0751 0%, var(--white) 80%); background: -webkit-linear-gradient(to top, #fe6f0751 0%, var(--white) 80%); background: linear-gradient(to top, #fe6f0751 0%, var(--white) 80%); } .bg-trans-orange { background: #fe6f0751; } .bg-gradient-orange { background: var(--white); background: -moz-linear-gradient(to top, var(--orange-1) 0%, var(--orange-2) 80%); background: -webkit-linear-gradient(to top, var(--orange-1) 0%, var(--orange-2) 80%); background: linear-gradient(to top, var(--orange-1) 0%, var(--orange-2) 80%); } .bg-grad-linear-orange { background: rgb(229 117 0 / 40%); background: -moz-linear-gradient(to right, rgb(229 117 0 / 40%) 0%, rgb(229 117 0 / 10%) 80%); background: -webkit-linear-gradient(to right, rgb(229 117 0 / 40%) 0%, rgb(229 117 0 / 10%) 80%); background: linear-gradient(to right, rgb(229 117 0 / 40%) 0%, rgb(229 117 0 / 10%) 80%); } .seller-call-to-action-2 > .col-12:first-of-type { margin-block: auto; } .seller-call-to-action-2 .cta-button { max-width: 180px; padding-block: .5rem; } :is(.owl-left, .owl-right, .owl-bottom) { position: absolute; width: auto; height: auto; opacity: .9; z-index: 0; filter: drop-shadow(0px 0px 4px var(--darker-20)); } .owl-left { bottom: 0%; left: 0; } .owl-right { top: -15%; right: 0; } .owl-bottom { bottom: 0; width: 360px; right:calc(50% - 180px); } .seller-index-component .seller-modules { } .seller-index-component .seller-modules h2 { text-align:center; color:var(--black); letter-spacing:0; } ul[role=tablist] { flex-wrap: wrap; } .effortless-selling .col-12 { margin-block:auto; } .effortless-selling h2 { margin-bottom: 1rem; } .effortless-selling .child { max-width: 430px; background-origin: border-box; background-clip: padding-box, border-box; border-radius: 2rem; padding-block: 4rem; margin: 1rem; text-align: center; width: 100%; transition: 150ms all ease-in-out; border: double 2px var(--orange-1); background-image: linear-gradient(45deg, #fe6f0742 0%, var(--white) 80%); display: flex; justify-content: center; overflow: hidden; height: fit-content; } .effortless-selling .child:first-of-type { } .effortless-selling .child:last-of-type { } .effortless-selling.dealer .child:first-of-type { background-image: linear-gradient(black, black), linear-gradient(230deg, #3f27da, var(--orange-1)); } .effortless-selling.dealer .child:last-of-type { background-image: unset; } .effortless-selling.dealer .child .content { padding-inline:2rem; } .effortless-selling h3 { color:var(--black); font-size:2rem; margin-bottom:.5rem !important; } .effortless-selling.dealer h3 { color: white; } .effortless-selling h3 > img { max-height: 34px; margin-top:0; } .effortless-selling h4 { color: var(--darker-50); font-size: 1rem; font-weight:400; } .effortless-selling p { max-width: 37ch; margin-inline: auto; font-weight: 400; padding-inline:.5rem; } .effortless-selling :is(img, video) { margin-top:1.5rem; max-height: 291px; width: auto; height: auto; margin-inline: auto; filter: brightness(0.9); } .effortless-selling.dealer :is(img, video) { margin-top: unset; } .effortless-selling .child:first-of-type img { } .contact-us { } .contact-us .child { height:100%; } .contact-us .child .content { border-radius: 1rem; } .contact-us .child > .content > :is(span, svg) { color:var(--black); font-size:4rem; margin-bottom:1rem; margin-right:1rem; } .contact-us .child a { width:100%; } .material-symbols-outlined.fill { font-variation-settings: 'FILL' 1; } .contact-us img { margin-top: 0rem; margin-bottom: 2rem; max-height: unset; width: 100%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .contact-us a { margin-top:1rem; margin-inline:auto; } .best-choice-wrapper{ position:relative; } .best-choice-wrapper::after { content: 'Best Value'; position: absolute; top: 0; left: 2rem; padding-inline: 1rem; border-radius: 0 0 .5rem .5rem; background: linear-gradient(230deg, #3f27da, #9d35da); color: white; font-size: 1rem; letter-spacing: 2px; font-weight: 400; } .index-titles { margin-block: auto; display: block; height: fit-content; text-align:center; } .index-titles h1 { color: var(--black) !important; font-weight: 700; text-wrap: unset; margin-bottom:0rem; } .bar-left::before, .bar-right::after { content: ""; position: absolute; top: 0rem; bottom: -1rem; width: 12vw; z-index: 3; } .bar-left::before { background: linear-gradient(-90deg, var(--orange-1), var(--orange-2)); left: -8vw; -webkit-animation: slide-in-left-cta 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left-cta 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; transition:all linear 250ms; } .bar-right::after { background: linear-gradient(90deg, var(--orange-1), var(--orange-2)); right: -8vw; -webkit-animation: slide-in-right-cta 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-right-cta 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; transition: all linear 250ms; } .bar-left::before { transform: rotate(-0deg); } .bar-right::after { transform: rotate(0deg); } .bar-left.hide-bars::before { left:-18vw; } .bar-right.hide-bars::after { right: -18vw; } .index-titles h1 span { } .index-titles p { color: var(--darker-70); font-size: 1rem; max-width: unset; margin-inline: auto; font-weight: 400; margin-bottom: 1rem; } .index-titles > img { margin-bottom:.5rem; } .seller-call-to-action-3 .index-titles h1 { line-height:.9; } .seller-call-to-action-3 .index-titles p { } .vehicle-seller-journey { text-align:left; } .vehicle-seller-journey .progress-steps { max-width: 23rem; } .vehicle-seller-journey .login-form { padding: 1rem 0 .5rem 0px !important; max-width:unset !important; } .vehicle-seller-journey .btn-radius-hover { padding-block:1rem; } .vehicle-summary { max-width: 28rem; margin-inline: auto; background-color: var(--darker-07); opacity: 0; animation: side-opacity-load 400ms ease-in forwards; -webkit-animation: side-opacity-load 400ms ease-in forwards; border-radius: .5rem; overflow: hidden; border: 1px solid var(--darker-15); padding: 0.5rem; } .vehicle-summary .vehicle-summary-title { margin-top:.5rem; } .rz-g{ justify-content:center; } .not-my-car { font-weight: 600; color: var(--primary); padding: 0px; margin-top: .25rem; } summary { line-height: 1.3; margin-inline-start: 1rem; } summary::marker { color:var(--black); margin-inline-start: 1rem; margin-right: 1rem; } summary .btn.expand svg { transition: transform 150ms linear; } details[open] summary .btn.expand svg { transform: rotate(180deg); } .open > .btn.expand svg { transform: rotate(180deg); } summary h3 { font-size: 1rem; display: contents; } .expand { border-radius: 50rem !important; transition: all 50ms linear; border:0; } .expand svg { transition: transform 150ms linear; } .expand:hover path { fill: unset !important; } .expand:hover { transform: scale(1.05); box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; } details * { margin: 0; } details::details-content { block-size: 0; transition: block-size .2s linear, content-visibility .2s linear; transition-behavior: allow-discrete; overflow:hidden; } details[open] summary::marker { display:block; transform:rotate(45deg); } details[open]::details-content { block-size: auto; } details * { margin: 0; } .vehicle-component h3 { color: var(--black); font-size: 1.14rem; text-wrap: unset; } .vehicle-registration-label { color: black !important; font-size: 1.2rem; font-family: var(--charles-wright); letter-spacing: 1px; padding-block: 0.25rem; padding-inline: 0.75rem; border-radius: 0.5rem; background-color: #fbdb00; margin-bottom: 0; text-align: left !important; -webkit-print-color-adjust: exact; } .vin { background: var(--black) !important; color: var(--white) !important; letter-spacing: -.5px; padding-block: 0.25rem; padding-inline: 0.75rem; border-radius: 0.5rem; margin-bottom: 0; text-align: left !important; font-weight: 600; -webkit-print-color-adjust: exact; } .vehicle-summary img { max-width:50px; max-height: 50px; width: auto; } .vehicle-summary .stats .col-3 { padding: 0; } .vehicle-summary .stats { max-width: 28rem; border-radius: 1rem; justify-content: space-evenly; padding-block: 0.5rem; } .vehicle-summary .stats .col-3 { padding:0; } .vehicle-summary .stats .col-3 .vehicle-stat { background-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vehicle-summary .stats .col-3 .vehicle-stat span { font-size: 1.8rem; color: var(--darker-50); font-weight:200; } .vehicle-summary .stats .col-3 .vehicle-stat label:first-of-type { font-size: 10px; font-weight: 400; color: var(--darker-50); } .vehicle-summary .stats .col-3 .vehicle-stat label:last-of-type { font-size: 15px; color: var(--black); font-weight: 500; margin-top: auto; } .box-shadow1 { box-shadow: var(--darker-30) 0px 1px 2px 0px, var(--darker-15) 0px 2px 6px 2px; } .box-shadow-orange { box-shadow: var(--orange-1) 0px -5px inset; } .box-shadow-purple { box-shadow: #3f27da 0px -5px inset; } .scrollable-table { max-height: 400px; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .mw-20rem { max-width: 20rem; } .mw-30rem { max-width: 30rem !important; } .mw-50rem { max-width: 50rem; } .mw-75rem { max-width: 75rem; } .mh-20rem { max-height: 20rem; } .mh-50rem { max-height: 50rem; } .mt-minus-3{ margin-top:-.75rem; } .mt-minus-4 { margin-top: -1rem; } .mt-minus-5 { margin-top: -1.5rem; } .scroll-fade { position: relative; overflow: hidden; --bg-color:var(--white); } .scroll-fade::before { content: ""; position: absolute; pointer-events: none; z-index: 2; left: 0; top: 0; bottom: 0; width: 32px; background: linear-gradient(to right, var(--bg-color), transparent); } .scroll-fade::after, .scroll-fade-horizontal::after { content: ""; position: absolute; pointer-events: none; z-index: 2; background: linear-gradient(transparent, var(--darker-03)); } .scroll-fade::after { right: 0; top: 0; bottom: 0; width: 20px; background: linear-gradient(to left, var(--bg-color), transparent); } .scroll-fade-horizontal::after { left: 0; right: 0; top: -50px; height: 50px; } .wizard-buttons{ position:fixed; bottom:0; left:0; width:100%; height:6rem; background-color:var(--darker-03); padding-bottom:1rem; z-index:2; } .transparent-progress { position: absolute; bottom: 0; left: 0; width: 100%; background-color: var(--darker-15); height: 8px; border-radius:0; } .bg-gradient { --gradient-color-1: var(--white); --gradient-color-2: var(--darker-05); background: linear-gradient(180deg, var(--gradient-color-1), var(--gradient-color-2)); position: relative; } .bg-gradient.dark { --gradient-color-1: #1b242c; --gradient-color-2: #2c3842; } .bg-gradient > .title { color: #d1ebff; text-shadow: 1px 1px 1px #3f7aa8; text-align: center; margin-bottom: 1.5rem; text-shadow: 3px 3px 0px rgba(0,0,0,0.2); font-size: clamp(2.5rem, 6vw + 1rem, 3.7rem); } .bg-gradient.dark::before { --col-1: rgb(34 38 42); --col-2: rgb(19 20 20); --bor-col-1: rgb(39 42 45); } .bg-gradient.dark::after { --col-1: rgb(34 38 42); --col-2: rgb(19 20 20); --bor-col-1: rgb(39 42 45); } .bg-orange { background-color: var(--orange-1) !important; } .bg-orange-purple-gradient { background: linear-gradient(45deg, #3f27da, var(--orange-1)); } @keyframes fadeIn { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeOut { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(20px); opacity: 0; } } .border-gradient-pink { border: double 2px transparent !important; background-image: linear-gradient(var(--white), var(--white)), linear-gradient(45deg, #77487e, #ce5262) !important; background-origin: border-box; background-clip: padding-box, border-box; } .trustpilot-widget { padding-inline: 1.5rem; z-index: 2; justify-content: center; width: auto; margin-inline: auto; display: flex; align-items: center; } .trustpilot-widget :is(.col-auto, .col-12) { padding: 0; margin-top: auto; } .trustpilot-widget img { width: auto; max-height: 23px; } .trustpilot-widget img:hover { transform:scale(1.05); } .trustpilot-widget a { color:var(--black); font-size: 1rem; font-weight: 600; } .trustpilot-widget a:hover { text-decoration:unset; text-decoration-color:var(--orange-2); text-decoration-thickness:2px; } .review-navigation { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .prev-button, .next-button { background-color: transparent; border: none; cursor: pointer; } .material-icons { font-size: 24px; } .modules { width: 100%; margin: auto; justify-content:center; } .modules .child { max-width: 320px; padding:1rem; } .module { padding-inline: 1rem; padding-block: 2rem; height: 100%; width: 100%; text-align: center !important; border: double 2px transparent; background-image: linear-gradient(var(--darker-05), var(--darker-05)), linear-gradient(45deg, #FE6F07, #F8AC37); background-origin: border-box; background-clip: padding-box, border-box; border-radius: 2rem; margin-inline: auto; } .module > span { font-size: 5.3em; font-weight: 100; margin-bottom: 1rem; color: #F8AC37; display: flex; align-items: center; justify-content: center; } .module > i::before { } .module > h3 { color: var(--black); font-weight: 600; text-shadow: unset !important; margin-bottom: 0.5rem; font-size: 1.4rem; } .module > p { color: var(--darker-70); max-width: 28ch; font-weight: 300; font-size: 16px; margin-top: .5rem !important; margin-inline: auto !important; } .module.trader { background-image: linear-gradient(var(--white), var(--white)), linear-gradient(45deg, #3f27da, var(--orange-1)); } .module.trader > span { background: -webkit-linear-gradient(45deg, #472ad1, #f56b10); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .module.trader > h3 { font-size: 1.2rem; text-shadow: 2px 2px 0px rgba(0,0,0,0.2); } .module.trader > p { } @keyframes background-slide { 0% { background-position-x: 10000000px; } 100% { background-position-x: 0; } } .dealer-toggle-checkbox-parent { background-color:var(--light); padding:.5rem; border-radius:.5rem; margin:.5rem; } .carousel-indicators li { background-color: var(--grey-3); } .rounded-number { width: 38px; height: 38px; font-size: 1.6rem; border: 2px solid var(--orange-1); background-color: var(--orange-2); border-radius: 50rem; margin-left: auto; margin-right: auto; margin-bottom: 0.9rem; color: var(--white); text-align: center; } .listing-title { font-size: 1.8rem; color: #4E8CE1; transition: all ease-in-out; transition-duration: 0.25s; text-shadow: 0px 0px 5px #0B428D; } .listing-title:hover { text-decoration: underline; color: #C7DFFD; text-shadow: 0px; } .blazored-typeahead__input { border:1px solid var(--grey-1) !important; background-color: var(--white) !important; color: var(--dark-2) !important; border-radius: .5rem !important; transition: ease-in-out; transition-duration: 0.2s; } .blazored-typeahead__result { border-top: 0 !important; color: var(--dark-2) !important; border-color: var(--grey-1) !important; background-color: var(--light) !important; max-height: 17rem !important; text-align:left; } .blazored-typeahead__results { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-color: var(--grey-1) !important; background-color: var(--light) !important; max-height: 15rem !important; } .blazored-typeahead__notfound { border: 0 !important; color: var(--orange-2) !important; font-weight: 600; } .blazored-typeahead__result:hover { background-color: var(--light-2) !important; color: var(--dark-2) !important; } .blazored-typeahead__input-mask-wrapper--disabled .blazored-typeahead__input-mask { background-color: var(--grey-1) !important; color: var(--grey-3) !important; } .blazored-typeahead:focus-within { box-shadow: none !important; border-color: #006cff !important; } .blazored-typeahead { border: none !important; background-color: var(--white); border-color: var(--grey-1) !important; border-radius: .5rem !important; transition: all ease-in-out 200ms; } .blazored-typeahead__input-icon { border-radius: 0 .5rem .5rem 0 !important; transition: all ease-in-out 200ms; } .blazored-typeahead__input-icon:hover { background-color: var(--dark-2) !important; color: var(--white) !important; } .blazored-typeahead__clear { color: var(--grey-1) !important; font-weight: 800; transition: all ease-in-out 200ms; font-size:1.3rem; } .blazored-typeahead__clear:hover { color: var(--orange-2) !important; } .blazored-typeahead__input-mask { border: 1px solid var(--grey-1) !important; border-color: var(--grey-1) !important; background-color: var(--white) !important; color: var(--dark-2) !important; border-radius: .5rem !important; padding: 0rem 1rem !important; } .blazored-typeahead__input-mask-wrapper--disabled { border-radius: .5rem !important; } .town-results{ max-height:17rem; overflow-y:auto; border-radius:.5rem; } .town-results .list-group-item { border: 1px solid var(--darker-10); background-color: var(--darker-20); color: var(--black); padding-inline: 0.5rem; font-family: var(--poppins-font); text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 200ms ease; margin-top: 2px; } .town-results .list-group-item-danger { color: #6e1c14; } .town-results .list-group-item:first-child { padding-block: 0.2rem; color: var(--black); } .town-results .list-group-item:first-child span { color: var(--black); font-family: var(--poppins-font); font-weight: 400; font-size: 12px; } .town-results .list-group-item:not(:first-child) { opacity: 0; transform: translateZ(-1400px) translateX(-1000px); -webkit-animation: slide-in-fwd-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-fwd-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; font-weight: 400; } .town-results .list-group-item:not(:first-child):is(:hover, :focus-within) { background-color: var(--darker-10); border-color: rgba(250, 169, 41, 1) !important; box-shadow: rgb(250 169 41 / 40%) 0px 7px 13px -4px; } .selected-town { display: flex; justify-content: space-between; align-items: center; border-radius: 0.5rem; font-size: 1rem !important; background-color: var(--white); background-clip: padding-box; border: 1px solid var(--darker-20); font-family: var(--poppins-font); font-weight: 400; text-align: left; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 42px; margin-bottom: 0; padding-left: 0.75rem; } .selected-town.disabled { background-color: var(--darker-30); color: var(--darker-50); } .selected-town .btn-link { background-color: var(--lighter-10); } .selected-town .btn-link:hover { background-color: var(--lighter-30); color:var(--dark-2); } .three-dee-icon { font-size: 5em !important; color: rgb(255 225 175); padding: 0.5rem; background-color: rgb(250 170 43); border-radius: 1rem 2rem; height: 100px; width: 100px; display: flex; align-items: center; justify-content: center; box-shadow: rgb(165 112 31 / 67%) 3px 10px 0px, rgb(0 0 0 / 26%) 12px 20px 12px; margin-inline: auto; border: 1px solid rgb(85 54 6 / 11%); margin-bottom: 2rem; } .brand-logo { background-image: url(https://carowl-images.b-cdn.net/website-images/logos/logo-tiny-black.webp); background-size: 100%; background-repeat: no-repeat; background-position:center; display: block; width: 155px; height: 26px; } .carousel-inner img { max-height: calc(100vh - 10rem); object-fit: scale-down; } .carousel-item { transition: all .2s ease-out; } .carousel-indicators li { height: 5px; transition: all .2s ease; } .carousel-indicators .active { opacity: 1; height: 7px; border-top-width: 9px; } .custom-file { display: inline-block; width: 100%; height: auto; margin-bottom: 0; } .custom-file-input { position: relative; z-index: 1; width: 100%; height: 5rem; margin: 0; opacity: 0; background-color: var(--dark-2); text-align: center; cursor: pointer; max-width: 30rem; } .custom-file-input:hover .custom-file-label { background-color: var(--orange-2) !important; } .sco { max-width: 500px; height: auto; width: 100%; border-radius:2rem; } .custom-file-label { cursor: pointer; background-color: var(--white); color: var(--primary); border-radius: .5rem; z-index: 2; border: 0; height: 4rem; padding: 0.375rem 0.75rem; font-weight: 400; display: flex; align-items: center; justify-content:center; font-size: 1rem; border: 1px solid var(--darker-10); margin-inline: auto; max-width: 30rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-file-label:hover { background-color: var(--darker-15) !important; } .custom-file-label::after { content: '' !important; display: none !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .nav-tabs { border-bottom: 0; } .invalid { border-color: #9a0000; } .validation-message { margin-left: 5px; color: #c21818 !important; text-align: left; font-weight: 600 !important; letter-spacing: 0px; margin-top: .3rem; -webkit-animation: opacity-load 400ms ease-in; animation: opacity-load 400ms ease-in; font-size: 12px !important; } .required{ color:rgb(255 0 0); font-size:1.1rem; } #blazor-error-ui { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; overflow: hidden; text-align: center; font-weight: bold; height: 100vh; width: 100vw; display: none; } #blazor-error-ui::after { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; overflow: hidden; text-align: center; font-weight: bold; height: 100vh; width: 100vw; display: none; } #blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; } .friendly-error { background-color: var(--lighter-t-80); height: 100vh; width: 100vw; display: flex; align-items: center; -webkit-animation: top-opacity-load 250ms ease-in forwards, blur-background 400ms ease-in forwards; animation: top-opacity-load 250ms ease-in forwards, blur-background 400ms ease-in forwards; } @keyframes blur-background{ 0% { backdrop-filter:blur(0px); } 100% { backdrop-filter: blur(32px); } } .friendly-error .content { width: 100%; } .friendly-error img { } .friendly-error .content h3 { font-size: 2.4rem; } .friendly-error .content h4 { font-size: 2rem; } .big-checkbox { min-width: 20px; min-height: 20px; cursor: pointer; } .checkbox-round{ cursor:pointer; justify-content:center; } .checkbox-round > input[type='checkbox'] { width: 1.5em; height: 1.5em; background-color: var(--light); border-radius: 50%; vertical-align: middle; border: 1px solid var(--grey-1); -webkit-appearance: none; outline: none; transition: ease-in-out; transition-duration: 0.2s; cursor: pointer; position: absolute !important; } .checkbox-round > input[type='checkbox']:checked { background-color: var(--orange-2); border: 4px solid var(--orange-1); } .checkbox-round > input[type='checkbox']:focus-within { box-shadow: 0px 0px 2px 2px #0084ff; } .checkbox-round > label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1rem; margin-left: 2rem; margin-bottom: 0; cursor: pointer; color: var(--dark-2); } .accept-terms { } .accept-terms > a { font-weight: 500; } .border-orange-gradient { border: double 2px transparent; background-image: linear-gradient(var(--white), var(--white)), linear-gradient(45deg, #FE6F07, #F8AC37); background-origin: border-box; background-clip: padding-box, border-box; } .border-orange { border-color: var(--orange-1) !important; } .border-deluxe { border: double 2px transparent; background-image: linear-gradient(var(--white), var(--white)), linear-gradient(45deg, #3f27da, var(--orange-1)); background-origin: border-box; background-clip: padding-box, border-box; } .border-purple { border: 2px solid #3B00FF; } .border-middle { border: 2px solid #9C3784; } .border-last { border: 2px solid #FC6F0A; } .owl-image { min-height: 100px; max-width: 100px; display: flex; justify-content: center; background-color: rgba(255,255,255,0.1); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; margin-bottom: 1rem; margin-left: 1rem; } .owl-image img { max-width: 56px; filter: brightness(0.9); object-fit: contain; } .previously-searched { } .previously-searched button { color: black; background-color: white; min-height: unset; padding: 0; border: 0 !important; outline: 2px solid transparent !important; font-size: 16px; font-weight: 600; font-family: 'CharlesWright' !important; border-radius: 0.5rem; padding-inline: 0.5rem; padding-block: 0.25rem; margin-left: 0.5rem; transition: all 200ms linear; } .previously-searched button:is(:focus,:focus-within,:focus-visible) { color: var(--primary); box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 2px solid var(--darker-50) !important; } .snap-scrolling { overflow: auto; flex-wrap: nowrap; flex-direction: row; scroll-snap-type: inline mandatory; } .snap-scrolling .col-auto { scroll-snap-align: center; scroll-snap-type: x mandatory; scroll-padding-inline: 1rem; scroll-snap-stop: always; } .letter-spacing-1{ letter-spacing:-1px; } .attach-file:is(:focus, :active) { box-shadow: none !important; } .bid-bar { background-color: var(--darker-10); z-index: 5; } .bid-input-group { flex-grow: 1; } .bid-bar .input-group-text { background-color:var(--white); border:0; color: var(--black); } .vehicle-photo-list { overflow: auto; flex-wrap: nowrap; flex-direction: row; scroll-snap-type: x mandatory; scroll-behavior: smooth; max-height:calc(100vh - 60px); } .vehicle-photo-list .item { cursor: pointer; scroll-snap-align: center; } .vehicle-photo-list .item.selected { cursor: unset; filter: brightness(1) } .vehicle-photo-list .item img { object-fit: scale-down; width: 100%; height: 100%; filter:saturate(1.5); } .vehicle-photo-list .item.selected > img { filter: grayscale(0); } .progress-label{ animation:opacity-animation } .progress-label .loading { color: var(--black); font-size: 1.3rem; font-weight: 500; width: 100%; text-align: center; margin-top: .5rem; } .progress-label .tip { color: var(--darker-30); font-size: 12px; width: 100%; text-align: center; margin-bottom: 1rem; } .loader { border: 4px solid var(--darker-30); border-top: 4px solid var(--darker-80); border-radius: 50%; min-width:32px; min-width:32px; width: 32px; height: 32px; margin-inline:auto; animation: spin .6s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .contact-pill { display: inline-flex; align-items: center; justify-content: center; background-color: var(--darker-10); border-radius: 50px; height: 26px; border: 1px solid var(--darker-15); font-family: var(--poppins-font); } .contact-pill > span { padding-inline: 1rem; align-items: center; justify-content: center; font-size: 12px; text-align: center; font-weight: 600; letter-spacing: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-family: var(--poppins-font); } .scroll-button { height:100%; max-height:75px; background: rgba(255, 255, 255, 0.7); border: none; font-size: 1.5rem; cursor: pointer; z-index: 1; } .scroll-button.left { left: 0; } .scroll-button.right { right: 0; } .text-trade-2-trade { color: #00c2ff; } .contact-pill.trade-2-trade > span { color: #00c2ff; } .contact-pill.free{ background-color:var(--darker-20); } .contact-pill.free > span { background: -webkit-linear-gradient(0deg, var(--black), var(--black)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .contact-pill.verified { color: var(--black); padding-inline: .5rem; font-size: 12px; font-weight: 600; gap:.25rem; } .contact-pill.seller > span { background: -webkit-linear-gradient(0deg, var(--orange-1), var(--orange-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .deluxe-animation { border: double 1px transparent; background: -webkit-linear-gradient(0deg, #4005b5, #b54e03, #4005b5, #b54e03, #4005b5); background-origin: border-box; background-clip: padding-box, border-box; background-size: 1000% 100%; animation: deluxe-tab-background 100s linear infinite forwards; animation-delay: 500ms; } .contact-pill.deluxe-animation > span { color: #ffffffbf; } .contact-pill.deluxe-animation.no-animation { animation: unset; } @keyframes deluxe-tab-background{ 0% { background-position: 0% 0%; } 100% { background-position: 500% 0%; } } @keyframes deluxe-tab-pop { 0% { transform: scale(1); } 50% { transform: scale(.97); } 100% { transform: scale(1); } } .contact-pill.deluxe > span { color: #ffffffc2; font-style:italic; } .vehicle-container { padding-inline:1rem; gap:1.5rem; } .vehicle-container .vehicle-component:not(:only-of-type, :last-of-type) { margin-bottom: 2rem; } .oneline { overflow: auto; flex-wrap: nowrap; flex-direction: row; scroll-snap-type: inline mandatory; } .oneline::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: var(--darker-20); } .oneline::-webkit-scrollbar { width: 10px; background-color: var(--darker-10); } .oneline::-webkit-scrollbar-thumb { background-color: #F90; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) } .add-features .vehicle-feature:not(:last-of-type) { margin-bottom: .5rem; } .vehicle-details-page h1 { margin-bottom: 0; } .vehicle-details-page > h3 { color: var(--darker-70); font-weight:400; } .copied-text { top: -5px; right: 120%; background-color: var(--darker-20); border: 1px solid var(--darker-30); width: 80px; height: 25px; cursor: default; z-index: 5; } .vehicle-valuation-img { max-height:22px; width:auto; height:100%; object-fit:contain; user-select:none; -webkit-user-select:none; } .clean-valuation { background-color:rgb(0 255 0 / 10%) !important; } .average-valuation { background-color: rgb(255 156 0 / 10%) !important; } .below-average-valuation { background-color: rgb(255 0 0 / 10%) !important; } .retail{ background-color:var(--darker-15) !important; } .pending-action-pill { font-size: 1rem; margin-inline: 0.5rem; margin-block: 0.25rem; padding: 0.25rem 0.5rem; border-radius: 0.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: black; outline: 2px solid var(--orange-1); background-color: var(--orange-3); font-weight: 600; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; } .offer-rejected-pill { font-size: 1rem; margin-inline: 0.5rem; margin-block: 0.25rem; padding: 0.25rem 0.5rem; border-radius: 0.5rem; color: white; font-weight: 400; background-color: var(--muted); text-shadow: 1px 1px 0px grey; outline: 2px solid grey; } .live-blinker { position: relative; margin-right: 20px; } .live-blinker::after { content: ''; position: absolute; top:1px; left: 0; border-radius: 50%; margin: 0px; height: 12px; width: 12px; transform: scale(1); transform: scale(1); animation: pulse-black 2s infinite; background-color: var(--success); box-shadow: 0 0 0 0 var(--success); animation: vehicle-offer-live 2s infinite; } .live-blinker.non-blinking::after { animation: none; } .live-blinker.grey::after { background-color: var(--darker-30); box-shadow: 0 0 0 0 var(--darker-30); } .live-blinker.green::after { background-color: var(--success); box-shadow: 0 0 0 0 var(--success); } .live-blinker.red::after { background-color: red; box-shadow: 0 0 0 0 red; } .live-blinker.orange::after { background-color: var(--orange-1); box-shadow: 0 0 0 0 var(--orange-2); } @keyframes vehicle-offer-live { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0,240,0, .7); } 70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(0,240,0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0,240,0, 0); } } .vehicle-information-details .accordion .card-body { padding-inline:1rem !important; } .trader-card { text-align: center; justify-content: center; } .trader-card .offer-from { color: var(--dark-2); text-shadow: 2px 2px 2px 2px var(--orange-1); font-weight: 600; padding-inline: 0.7rem; padding-block: .5rem; background-color: var(--light); border-radius: .5rem; outline: 1px solid var(--darker-20); margin: 0; } .seo-content { margin-inline: auto; padding: 0; max-width: 75rem; } .seo-content h2 { font-size: 2rem; text-align: left !important; margin-bottom: 1rem; color: var(--black) !important; text-wrap: balance; } .seo-content h2:not(:first-of-type) { margin-top: 5rem; } .seo-content h3 { margin-top: 3rem; color: var(--black) !important; text-wrap: balance; } .seo-content p { margin-bottom: 1rem; color: var(--darker-70) !important; max-width: 60ch; line-height: 1.9; } .seo-content ul { max-width: 35rem; padding-left: 1rem; } .seo-content :is(ul, ol) li { color: var(--darker-70); line-height: 1.9; max-width: 60ch; } .seo-content ul li:not(:last-of-type) { margin-bottom:.5rem; } #fields{ isolation:isolate; } .nav-tabs .nav-link { border-color: transparent; } .dealer-overview { margin-bottom: 1rem; font-size: 1rem; font-weight: 700; text-align: center; color: var(--darker-70); font-family: var(--poppins-font); display: flex; align-items: end; } .dealer-overview .deluxe { margin-left:.5rem; } .tab-group { padding: 1rem; background-color: var(--darker-05); min-height: var(--body-content-height); max-width: 17rem; z-index: 2; } .tab-group .tab { margin-bottom: .5rem !important; } .tab-group .nav-tabs .nav-link { border-radius: 1rem; color: var(--darker-40) !important; border-bottom: solid 2px transparent; box-shadow: none !important; transition: all 250ms linear; justify-content: start; padding-left:1rem !important; padding-block:.75rem; } .tab-group .nav-tabs .nav-link span { color: var(--darker-40); margin-right: .5rem; transition: all 250ms linear; } .tab-group .nav-tabs .nav-link svg { margin-right: .5rem; } .tab-group .nav-tabs .nav-link path { stroke: var(--darker-40); transition: all 250ms linear; } .tab-group .nav-tabs .nav-link.deluxe { 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)); } .tab-group .nav-tabs .nav-link.active { border-color: var(--orange-1); color: var(--black) !important; } .tab-group .nav-tabs .nav-link.deluxe.active { color: white !important; background-image: linear-gradient(0deg, transparent, transparent), linear-gradient(45deg, #3f27da, var(--orange-1)); } .tab-group .nav-tabs .nav-link.deluxe.active span { color: white !important; background:unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; } .tab-group .nav-tabs .nav-link.active span { border-color: var(--darker-20); color: var(--black) !important; } .tab-group .nav-tabs .nav-link.active path { border-color: var(--darker-20); stroke: var(--black); } .tab-group .nav-tabs .nav-link.active.saved path { fill:red !important; } .tab-group .nav-tabs .nav-link.deluxe.active path { color:white !important; } .tab-group .nav-tabs .nav-item:not(.active) > .nav-link:hover { border-color: var(--darker-20); } .tab-content { padding-block: 1rem; background-color: var(--white); min-height: var(--body-content-height); overflow-y: auto; z-index: 1; } .tab-content .content-heading { justify-content: center; } .tab-content .content { margin-inline:auto; } .tab-content .content .collapsible-panel:not(:last-of-type){ margin-bottom:1rem; } .tab-content .content .collapsible-panel { } .text { background-color: #4CAF50; color: var(--white); font-size: 16px; padding: 16px 32px; } .text-muted { color: var(--darker-60) !important; } .card { transition: ease-in-out; transition-duration: 0.2s; } .card-header { transition: ease-in-out; transition-duration: 0.2s; } .card-footer { transition: ease-in-out; transition-duration: 0.2s; } .card-hover-dark { } .card-hover-dark:hover { background-color: #5d626b !important; } .short-hr { background-color: #98A1A4; width: 80%; height: 1px; } .hr-thick { background-color: var(--orange-2); width: 100%; height: 5px; border-radius: 0.3rem; } .hr-footer { background-color: var(--orange-2); width: 100%; height: 3px; } .pointer { cursor: pointer; } .cursor-not-allowed { cursor: not-allowed; } .cursor-expand { cursor: zoom-in; } .border-selected { border-style: solid; border-width: 4px; border-color: #4EB26C; } .spinner-car-image { width: 90px; height: auto; position: absolute; left: calc(50% - 45px); top: -54px; -webkit-animation: vibrate-1 0.4s linear infinite both; animation: vibrate-1 0.4s linear infinite both; filter: saturate(1.5); } .spinner { background: var(--darker-10); border-radius: 50%; margin-inline: auto; width: 135px; height: 135px; animation: spin 3.5s infinite linear; position: relative; } @keyframes ellipsis { 0% { content: ''; } 33% { content: '.'; } 66% { content: '..'; } 100% { content: '...'; } } .ellipsis-animation::after { content: ''; animation: ellipsis 1.5s infinite; display: inline-block; width: 1ch; } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .scrolling-wrapper { height: 80vh; overflow-x: hidden; overflow-y: auto; } .custom-switch.custom-switch-sm .custom-control-label { padding-left: 1rem; padding-bottom: 1rem; } .custom-switch.custom-switch-sm .custom-control-label::before { height: 1rem; width: calc(1rem + 0.75rem); border-radius: 2rem; } .custom-switch.custom-switch-sm .custom-control-label::after { width: calc(1rem - 4px); height: calc(1rem - 4px); border-radius: calc(1rem - (1rem / 2)); } .custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(calc(1rem - 0.25rem)); } .custom-switch.custom-switch-md .custom-control-label { padding-left: 2rem; padding-bottom: 1.5rem; } .custom-switch.custom-switch-md .custom-control-label::before { height: 1.5rem; width: calc(2rem + 0.75rem); border-radius: 3rem; } .custom-switch.custom-switch-md .custom-control-label::after { width: calc(1.5rem - 4px); height: calc(1.5rem - 4px); border-radius: calc(2rem - (1.5rem / 2)); } .custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(calc(1.5rem - 0.25rem)); } .custom-switch.custom-switch-lg .custom-control-label { padding-left: 3rem; padding-bottom: 2rem; } .custom-switch.custom-switch-lg .custom-control-label::before { height: 2rem; width: calc(3rem + 0.75rem); border-radius: 4rem; } .custom-switch.custom-switch-lg .custom-control-label::after { width: calc(2rem - 4px); height: calc(2rem - 4px); border-radius: calc(3rem - (2rem / 2)); } .custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(calc(2rem - 0.25rem)); } .custom-switch.custom-switch-xl .custom-control-label { padding-left: 4rem; padding-bottom: 2.5rem; } .custom-switch.custom-switch-xl .custom-control-label::before { height: 2.5rem; width: calc(4rem + 0.75rem); border-radius: 5rem; } .custom-switch.custom-switch-xl .custom-control-label::after { width: calc(2.5rem - 4px); height: calc(2.5rem - 4px); border-radius: calc(4rem - (2.5rem / 2)); } .custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(calc(2.5rem - 0.25rem)); } .spinning { -webkit-animation: spin2 1s infinite linear; animation: spin 1s infinite linear; } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .fa-left { margin-right: 7px; } .darkerScrollbar::-webkit-resizer { } .darkerScrollbar::-webkit-scrollbar{ width: 10px; height: 12px; cursor:pointer; } .darkerScrollbar.thin::-webkit-scrollbar { height: 6px; } .darkerScrollbar::-webkit-scrollbar-track { background: var(--darker-20); } .darkerScrollbar::-webkit-scrollbar-thumb { background: var(--darker-30); } .no-scrollbar::-webkit-scrollbar{ height:0; } .dropdown-menu { padding-block: .5rem; background-color: var(--darker-10); border-radius: 1rem; overflow: hidden; box-shadow: rgb(0 0 0 / 5%) 0 0 0 1px, rgb(0 0 0 / 12%) 0 15px 30px 0; min-width: 140px; left: unset; right: 0px; border: 0; transform: scaleY(0); transform-origin: top; transition: transform 0.3s ease, opacity 0.3s ease; animation: dropdown 0.3s forwards; z-index:3; } .dropdown-toggle::after { display: none !important; } .dropdown-item { border-radius: 0 !important; padding: 12px 12px 8px 12px !important; display: flex; align-items: center; color: var(--darker-70); font-size: 14px; transition: all 150ms ease-in; border: 1px solid transparent; gap:.5rem; } .dropdown-item.red { color:var(--danger); } .dropdown-item.red > span { color: var(--danger); } .dropdown-divider { border-top: 1px solid var(--darker-20); margin-block:.25rem; } .dropdown-item :is(i, span) { font-size: 16px; margin-right: .5rem !important; } .dropdown-toggle i { margin-right: 0 !important; } .dropdown-item:hover { background-color: var(--darker-20); color: var(--black) !important; border-color: transparent; } .navbar-collapse{ justify-content:end; } .notifications-panel { max-width: 35rem; justify-content: space-between; } .notifications-panel h2 { font-size: 1.4rem !important; letter-spacing: 3px; text-align: center; } .notifications-panel .title h2 span { text-shadow: 20px var(--orange-1); } .notifications-panel .title button span{ color: red; } .notifications-panel .notifications { min-height: 15rem; border-radius:.5rem; margin-bottom:.25rem; } .notifications-panel .button__mark_all_read{ border:0; width:100% !important; padding-bottom:0; } .notifications-panel .button__mark_all_read:is(:active, :hover) { background-color:transparent; } .unreadCount { width: 22px; height: 22px; position: absolute; top: -5px; left: 29px; font-size: .8rem !important; font-weight: 700 !important; color: white !important; background-color: var(--red); border-radius: .5rem; margin: 0; padding: 0.25rem; display: flex; align-items: center; justify-content: center; -webkit-animation: opacity-load 400ms ease-in; animation: opacity-load 400ms ease-in; } .no-new-notifications { min-height: 200px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--darker-60); font-weight:400; } .notification { padding-block: .5rem; cursor: pointer; } .notification:first-of-type{ margin-top:0; } .notification .col-auto { padding-right: 0.5rem; } .notification .col { padding-right: 0.5rem; } .notification-actions { border: 0; border-radius: .5rem !important; color: var(--darker-80); background-color: transparent; display: flex; align-items: center; justify-content: center; } .notification-actions:is(:hover, :active, :focus, :active) { background-color: var(--darker-30); box-shadow: unset; } .notification h6 { font-size: 14px; margin-bottom: 0; text-wrap: unset; } .notification .tab { font-style: normal; text-shadow:unset; } .notification.read h6 { font-weight: 400; color: var(--darker-40); } .notification:not(.read) :is(h6, label) { font-weight: 600; color: var(--black); font-weight: 700; } .notification label { color: var(--darker-60); font-weight: 400; font-size: 12px; margin: 0; line-height: 1.2; } .notification.read label { font-weight: 400; color: var(--darker-30); } .notification:hover { transition: ease-in-out; transition-duration: 0.2s; } .filter-pills:has(span){ padding-bottom:1rem; } .seller-call-to-action-3 { padding-block: 2rem; } .rounded-window { border-radius: 100% 100% 100% 0% / 100% 100% 0% 100%; } .wisdombase-title h4 { font-weight:400; } .wisdombase-title img { max-height: 167px; height: 100%; width: auto; object-fit: scale-down; } .max-width-75 { max-width:75rem; } .max-width-unset { max-width: unset; } .max-width-60 { max-width: 60rem; } .wbsub p{ font-weight:400; } .wbsub .card-body { transition: all ease-in-out .15s; } .wbsub .card-body svg { margin-bottom: 1rem; } .wbsub .card-body:hover { transform: scale(1.05) rotate(-2deg); z-index: 4; box-shadow: 0 0 30px var(--orange-1); background-color: #fe6f0721; } .wisdombase-summary .card-body { 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; cursor: pointer; } .wisdombase-summary { padding-bottom: 4rem; opacity: 0; animation: side-opacity-load 400ms ease-in forwards; -webkit-animation: side-opacity-load 400ms ease-in forwards; } .wisdombase-summary .col-12 { margin-inline:auto; max-width:75rem; } .wisdombase-summary h1 { font-size: 2rem; font-weight: 600; text-align: left !important; margin-bottom: 2rem; } .wisdombase-summary h2 { font-size: 1.6rem; font-weight: 600; text-align: left !important; margin-bottom: .5rem; } .wisdombase-summary .col-12 > p { font-weight:400; font-size:14px; color:var(--darker-60); padding-bottom:1rem; border-bottom: 1px solid var(--darker-10); } .wisdombase-summary p:not(:last-of-type) { margin-bottom: 1rem; } .wisdombase-summary p > a { display: block; font-size: 1.1rem; margin-bottom: .25rem; font-weight:600; } .wisdombase-summary a:hover { text-decoration: unset; } .rz-tabview { max-width: 60rem; margin-inline: auto; } .faqs { } .faq p { font-size: 14px; } .accordion a { justify-content: space-between; } .accordion a:is(:hover, :focus-within, :focus) { text-decoration: unset; } .accordion a:focus { text-decoration: unset !important; } .accordion a > span { display: inline-block; margin-right: 5px; } .accordion a:hover > span { text-decoration: unset; } .accordion a > span::before { content: "expand_more"; } .accordion a[aria-expanded="true"] > span::before { content: "expand_less"; } .wizard .header { background: linear-gradient(45deg, var(--orange-1), #6e2ccb); } .wizard .header :is(h2,p) { color: white; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box } .noUi-target { position: relative } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1 } .noUi-connects { overflow: hidden; z-index: 0 } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto } .noUi-vertical .noUi-origin { top: -100%; width: 0 } .noUi-horizontal .noUi-origin { height: 0 } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute } .noUi-touch-area { height: 100%; width: 100% } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform .3s; transition: transform .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-horizontal { height: 10px } .noUi-horizontal .noUi-handle { width: 24px; height: 24px; right: -16px; top: -7px; border-radius: 1rem; } .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -10px; bottom: -17px } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto } .noUi-target { background: var(--black); border-radius: 4px; box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB } .noUi-connects { border-radius: 3px } .noUi-connect { background: var(--orange-1); max-height:10px; } .noUi-draggable { cursor: ew-resize } .noUi-vertical .noUi-draggable { cursor: ns-resize } .noUi-handle { border: 3px solid var(--black); border-radius: 3px; background: var(--darker-20); cursor: default; } .noUi-active { box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB } .noUi-handle:after { left: 17px } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px } .noUi-vertical .noUi-handle:after { top: 17px } [disabled] .noUi-connect { background: #B8B8B8 } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box } .noUi-pips { position: absolute; color: #999 } .noUi-value { position: absolute; white-space: nowrap; text-align: center } .noUi-value-sub { color: #ccc; font-size: 10px } .noUi-marker { position: absolute; background: #CCC } .noUi-marker-sub { background: #AAA } .noUi-marker-large { background: #AAA } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100% } .noUi-value-horizontal { -webkit-transform: translate(-50%,50%); transform: translate(-50%,50%) } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%,50%); transform: translate(50%,50%) } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px } .noUi-marker-horizontal.noUi-marker-sub { height: 10px } .noUi-marker-horizontal.noUi-marker-large { height: 15px } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100% } .noUi-value-vertical { -webkit-transform: translate(0,-50%); transform: translate(0,-50%); padding-left: 25px } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0,50%); transform: translate(0,50%) } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px } .noUi-marker-vertical.noUi-marker-sub { width: 10px } .noUi-marker-vertical.noUi-marker-large { width: 15px } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%,0); transform: translate(-50%,0); left: 50%; bottom: 120% } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0,-50%); transform: translate(0,-50%); top: 50%; right: 120% } .noUi-horizontal .noUi-origin > .noUi-tooltip { -webkit-transform: translate(50%,0); transform: translate(50%,0); left: auto; bottom: 10px } .noUi-vertical .noUi-origin > .noUi-tooltip { -webkit-transform: translate(0,-18px); transform: translate(0,-18px); top: auto; right: 28px } .vehicle-information-details .accordion .collapsible-panel .content { padding: 0; } .trade-valuation .content { padding: 0 !important; } .listing-features .content { padding-block: 1rem; } .listing-feature .col-12:not(:last-of-type) { margin-bottom: .5rem; } .wisdom-page { } .wisdom-page :is(ul,ol) li::marker { font-weight:800; } .wisdom-page :is(ol) li::marker { margin-right:.5rem; } .wisdom-page :is(ol, ul) li:not(:first-of-type) { margin-top: .5rem; } .wisdom-page li { color: var(--darker-60); font-family:var(--poppins-font); font-weight: 400; line-height:1.85; } .wisdom-page img { border-radius: .5rem; margin-block:2rem; } .wisdom-page h1 { font-size: 3rem; margin-top: 1rem; margin-bottom: 1rem; letter-spacing: 0px; } .wisdom-page h2 { color: var(--black); font-size: 2rem; margin-top: 1.95em; letter-spacing: 0px; } .wisdom-page img + h2 { margin-top: 0; } .wbcont > img:first-child { margin-top: 0; } .wisdom-page h3 { color: var(--black); margin-top: 1.5rem; margin-bottom: .5rem; letter-spacing: 0px; font-size: 1.55rem; } .wisdom-page h4 { font-size: 1.25rem; } .wisdom-page p { color: var(--darker-60); line-height: 1.85; font-weight: 400; letter-spacing: 0.5px; max-width: 780px; } .wisdom-page p:not(:last-of-type) { margin-bottom: 1em; } .wisdom-page > h2 > p:first-of-type { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .wisdom-page a { position: relative; display: inline-flex; } .wisdom-page table { width: 100%; border-collapse: collapse; border: 1px solid #e0e0e0; } .wisdom-page table thead { background-color: var(--darker-15); } .wisdom-page th, .wisdom-page td { padding: 12px 15px; text-align: left; border-bottom: 1px solid var(--darker-10); } .wisdom-page th { font-weight: 600; color: var(--black); } .wisdom-page tbody tr:hover { background-color: var(--darker-10); } .wisdom-page tbody tr:nth-child(even) { background-color: var(--darker-05); } .wisdom-page-summary { max-width: 40rem; margin-inline: auto; } .wisdom-page-summary ul { margin-top: 0; padding:1rem 0 0 1rem; } .wisdom-page-summary li { margin-bottom:.25rem; } .wisdom-page-summary li a { font-weight:500; } .wisdom-page .wisdom-page-summary { margin-inline: unset; } .features { overflow-x: auto; gap: .5rem; margin-bottom: 1rem; flex-wrap: nowrap; padding-inline: 1rem; } .awesome-feature { display: flex; align-items: center; gap: .25rem; text-align: left; background-color: var(--darker-t-10); border: 1px solid var(--darker-t-10); border-radius: 50rem; padding-inline: .75rem; padding-block: 0.25rem; backdrop-filter: blur(10px); } .awesome-feature span { background: -webkit-linear-gradient(0deg, var(--orange-1), var(--orange-2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; font-size: 1.5rem; font-weight: 200; user-select: none; } .awesome-feature p { color:var(--darker-80); font-size:14px; } awesome-feature:not(:last-of-type) { } .dealer-shop{ background-color:var(--white); } .dealer-shop.subscriptions { max-width: unset; } .dealer-shop h1 { margin-bottom:.5rem; } .dealer-shop .title :is(h1,h2,h3) { } .dealer-shop .title label { font-weight: 400; font-size: 1rem; color: var(--darker-50); text-align: center; margin-inline: auto; display: block; margin-bottom:0rem; } .product-container { overflow: auto; flex-wrap: nowrap; flex-direction: row; padding-top: 2rem; padding-bottom: 1rem; scroll-snap-type: inline mandatory; } .dealer-shop.subscriptions .product-container { } .expand-animation { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s ease-in-out, padding-block .5s ease-in-out; overflow: hidden; } .expand-animation.expanded { grid-template-rows: 1fr; } .subscription .yearly-saving { background-color: red; padding: 0rem 1rem; border-radius: 50rem; top: -1rem; font-weight: 700; right: 1rem; color: white; position: absolute; font-family: var(--poppins-font); text-shadow: 1px 1px 0 black; } .vertical-text { writing-mode: vertical-lr; transform: rotate(180deg); } .product { 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 { background-color: var(--darker-10); box-shadow: var(--orange-2) 0px 0px 0px 3px; z-index: 1; } .product.offer-credit { max-width: 264px; margin-bottom: auto; border:1px solid var(--darker-10); } .product.offer-credit.selected { transform: scale(1.02); } .product.subscription { max-width: 265px; padding: 1rem; border-radius: 2rem; border: 2px solid var(--darker-30); background-color:var(--white); cursor:default; padding-bottom:5rem; } .product.subscription button{ } .product.subscription.deluxe, .product.subscription.deluxe button { 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; } .product.subscription.pro { 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); margin-inline: 1.25rem; } .product.subscription.deluxe.selected { 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)); } .product > label { top: 0; left: 0; width: 100%; text-align: center; font-size: 15px; font-weight: 600; padding-block: .25rem; margin-bottom: 0; border-radius: 1rem 1rem 0 0; } .product :is(img, video) { width: 208px; height: 103px; object-fit: cover; margin-inline: auto; display: block; } .subscription.deluxe :is(img, video) { padding: 0px; background-clip: padding-box, border-box; background-origin: border-box; background-image: linear-gradient(230deg, var(--darker-05), var(--darker-05)), linear-gradient(230deg, #3f27da, var(--orange-1)); border: 2px solid transparent; } .product h2 { color: var(--darker-90); margin-bottom: 0; } .subscription.pro :is(h2, h3, .subscription-benefit > span) { background: linear-gradient(230deg, var(--orange-2), var(--orange-1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .subscription.deluxe :is(h2, h3, .subscription-benefit > span) { background: linear-gradient(230deg, #3f27da, var(--orange-1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .product h3 { font-size:1.3rem; color:var(--black); margin-bottom:0; } .product.offer-credit h3 { text-align: center; font-weight: 500; color: var(--darker-50); } .product h4 { font-size: 1.6rem; font-weight: 800; text-align: center; margin-top: 0.5rem; } .product h6 { font-size: 1.1rem; text-align:center; margin-bottom:0; font-size:14px; } .product h6 > span { font-style:normal; } .product ol { margin-bottom: 0.5rem; padding-left: 0; margin-top: 1rem; } .product button { width: 100%; font-size: 1rem; margin-top: 1rem; filter: grayscale(0); } .product.selected button { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; background-color: var(--darker-20); filter: grayscale(1); } .subscription .contact-pill { } .subscription.current { position: relative; cursor: default; } .subscription.current::after { top: 0; left: calc(100% / 2 - 90px); content: 'Current Tier'; position: absolute; height: 2rem; width: 180px; background: var(--black); font-style: normal; font-weight: 800; font-size: 15px; display: flex; align-items: center; border-bottom-left-radius: 50rem; border-bottom-right-radius: 50rem; justify-content: center; line-height: 117.5%; letter-spacing: 0px; color: var(--white); text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25); } .subscription .btn { position: absolute; bottom: 1rem; left: 5%; margin-inline: auto; width: 90%; background-image: unset; border: 1px solid var(--darker-70); color:var(--black); } .subscription.pro .btn { border: 1px solid var(--orange-1); box-shadow:0 0 5px var(--orange-2); } .subscription .btn:hover { color: var(--black) !important; } .subscription.deluxe button { } .subscription{ } .subscription h2 { text-align: center; margin-bottom: 1.5rem; margin-top: 2rem; font-weight: 700; } .subscription.pro h2 { text-shadow: 0 0 20px var(--orange-1); } .subscription h4 { text-align: center; font-size: 2.2rem; color: var(--black); margin-bottom: 0.75rem; margin-top: .75rem; font-weight: 300; } .subscription h5 { text-shadow: unset; font-size: 14px; color: var(--darker-60); font-weight: 300; text-align: center; } .subscription-benefit { color:var(--darker-90); display:flex; align-items:center; margin-bottom:.25rem; gap:.25rem; font-size:15px; } .subscription-benefit > span{ margin-right:.5rem; font-size:1.2rem; } .current-offer-credits { } .current-offer-credits .col-12 { display: flex; align-items: center; } .current-offer-credits img { max-width: 48px; width: auto; height: auto; } .order-success { --check-size: 100px; padding-top: 5rem; padding-bottom: 1rem; max-width: 350px; margin-inline: auto; margin-top: 100px; position: relative; background-color: var(--darker-05); border-radius: 1rem; border: 1px solid var(--darker-10); } .order-success .confirmation-check { width: var(--check-size); height: var(--check-size); left: calc(50% - (var(--check-size) / 2)); top: -130px; position: absolute; background-color: var(--light); border-radius: 50rem; display: flex; align-items: center; justify-content: center; box-shadow: rgb(255 147 0) 0px 0px 22px; } .order-success .confirmation-check span { font-size: 4rem; font-weight: 600; color: var(--orange-2); } .order-success .col-12 { text-align:center; } .order-success h2 { text-align: center; color: var(--orange-2); font-size: 1.2rem; letter-spacing:0; } .order-success h1 { text-align: center; color: var(--black); font-size: 1.6rem; letter-spacing: 0; } .order-success h3 { text-align: left; color: var(--dark-2); font-size: 1rem; } .order-success h4 { color: var(--muted); font-size: 1rem; } .order-success p { text-align: center; margin-inline: auto; color: var(--dark-2); margin-bottom:2rem; } .order-success .product { max-width: 335px; margin-inline: auto; background-color: var(--white); border-radius: .5rem; box-shadow: var(--orange-1) 0px 0px 8px 2px, rgb(248 151 29 / 55%) 0px 1px 0px -1px; } .order-success .product:not(:last-of-type) { margin-bottom:1rem; } .order-success .product :is(.col, .col-auto) { display:flex; align-items:center; } .order-success .product img { width:64px; height:64px; } .order-success .product label { font-size:1.2rem; color:var(--black); margin-bottom:0; font-weight:700; } .order-success .payment-intent{ text-align:center; margin-top:1rem; } .order-success .payment-intent h4 { text-align: center; margin-top: 1rem; margin-bottom:0; color:var(--dark-2); letter-spacing:0; font-size:1.1rem; } .order-success .payment-intent label { font-size:2rem; } .deluxe-s { background: -webkit-linear-gradient(0deg, #4005b5, #b54e03, #4005b5, #b54e03, #4005b5); color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 700% 100%; animation: deluxe-tab-background 10s linear infinite forwards; } @keyframes shimmer { to { background-position: 200% center; } } .hvr { position: relative; overflow: hidden; } .hvr::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .hvr:hover::after { opacity: 1; } .payment-component { justify-content: center; width: 100%; margin-inline: auto; padding-top: 1rem; } .payment-component .col-12{ text-align:center; } .payment-component img { height: 20px; width: auto; transition: all ease-in-out 400ms; } .payment-component img:is(:hover, :active) { transform:scale(1.05), rotate(1deg); } .payment-component button { margin-inline:auto; } .line { flex: 1; height: 2px; background-color: var(--darker-30); border-radius: 2rem; } .email-flow{ padding-inline:.5rem; } .email-flow:not(:last-of-type) { margin-bottom:.5rem; } .email-flow h3 { color:var(--black); font-size:1.2rem; text-align:left; margin-bottom:.25rem; } .email-flow p { color: var(--darker-60); text-align: left; font-size:14px; } .email-flow label { color: var(--darker-90); text-align: left; font-size: 14px; font-weight:600; } .email-flow.disabled :is(h3, p, label) { text-decoration: line-through; color: var(--darker-40); } .dealer-dashboard-item p { color:var(--darker-80); } .referral img{ } .referral span { width:32px; height:32px; } .referral h5 { font-size:1.07rem; } .referral p { font-size: 14px; } .form-max-width{ max-width:28rem; } @media (min-width: 0) { :root { --nav-bar-height: 60px; --header-height: 66px; } h1 { font-size: 3rem; } .navbar { padding: .75rem 1rem; max-height: 100vh; overflow-y: auto; } .profile-dropdown { top:unset; bottom:100%; } .index-titles h1 { font-size: 3rem; } .owl-section { padding-block: 8rem; } .date-container .messages .message .col-auto .row p { max-width: 30ch; } .buyer-owl { width: 200px; top: -150px; } .word-cycle { width: 93px; height: 42px; margin-left: .25rem; } .word-cycle__word { font-weight:700; } .notifications-panel { border-radius: .5rem; max-width: unset; } .notifications-panel .notifications { border-radius: 0; } .tab-group { min-height: auto; max-width: 100%; min-width: 320px; } .owl-section .background-image img { max-width: 206px; } .owl-section.bg-gradient:first-of-type::before { position: unset; } .stats .col-auto .vehicle-stat { padding-inline: .5rem; } .stats .col-auto .vehicle-stat label:first-of-type { font-size: .75rem; } .stats .col-auto .vehicle-stat label:last-of-type { font-size: 1.2rem; } .wisdom-page-cta { padding-block: 3rem; } .ac { border-width: 0; } .date-container .messages .message .col-auto .row { max-width: calc(100vw - 2rem); } .date-container{ padding-inline:unset; } .vehicle-summary .title .col{ padding-left:.5rem; } .dealer-pricing .comparison-row:first-of-type .col:nth-child(2){ background-size:90%; } .dealer-pricing .comparison-row .col:nth-child(1) { padding-right: .5rem; padding-left: .5rem; } .dealer-pricing .comparison-row .col:nth-child(2) { margin-right:0; } .navbar-nav { animation: side-opacity-load 400ms ease-in; -webkit-animation: side-opacity-load 400ms ease-in; margin-inline:auto; } .navbar .nav-item a { justify-content: start; padding: 1rem; } .dropdown-menu .dropdown-item { padding: .5rem !important; } .nav-item:not(:last-of-type) { margin-bottom:.5rem; } .dealer-testimonials .wrapper { justify-content: start; } .dealer-testimonials .testimonial{ max-width:90%; } .dealer-signup-cta { padding-block: 2rem; } .progress-steps > div{ max-width:unset; } .progress-steps > div:not(:last-of-type) { } .seller-index-component .owl-in-car img { max-width: 78px; bottom: 8px; } .vehicle-summary .title img { max-height: 52px; width: 52px; } .vehicle-summary .title h3 { font-size: 1.4rem; } .dealer-portal-cta { background-position: -877px 0px; } .dealer-portal-cta h1 { font-size:2.5rem; } .effortless-selling img{ max-height:194px; } .subscription { max-width: 230px; } :is(.owl-left, .owl-right) { height: auto; width: 160px; } .owl-left { bottom: -93px; left: 0; } .owl-right { bottom: -43px; right: 0; top: unset; } .wisdom-page p { line-height: 1.75; } .vehicle-image .placeholder { } .vehicle-image .placeholder img { } .seller-call-to-action-2{ padding-top:2rem; padding-bottom:150px; } .vehicle-offer > .offer-price { } .vehicle-offer.is-deluxe > .offer-price { border-bottom: 1px solid rgb(255 255 255 / 15%); } .bar-left::before, .bar-right::after { width: 12vw; } .bid-bar { position: fixed; z-index: 30; right: 0; left: 0; bottom: 0; margin-inline: 0; } .send-message, .chat-header { position: fixed; } .chat-header{ top:var(--nav-bar-height); } .wizard-buttons { z-index:3; width: 100%; height: 8rem; } .car-svg { width: 134px; height: 100px; display: block; left: calc(50% - 67px); } .owl-in-car{ min-height:200px; } } @media (min-width: 375px) { .index-titles h1{ font-size:3.8rem; } .index-titles h5 { } .seller-testimonial { margin-right: 1rem; min-width: 300px; max-width: 300px; } .owl-in-car { min-height: 200px; } .dealer-portal-cta h1 { font-size: 3rem; } } @media (min-width: 375px) { .index-titles h1 { font-size: 3.7rem; } .seller-testimonial { margin-right: 1rem; min-width: 330px; max-width: 330px; } } @media (min-width: 576px) { h1 { font-size: 3.5rem; } .word-cycle { width: 107px; height: 45px; margin-left: .25rem; } .word-cycle__word { text-align: left; } .nav-link { text-align: center; } .dealer-pricing .comparison-row:first-of-type .col:nth-child(2) { background-size: 70%; } .progress-steps { max-width: unset; } .progress-steps > div:not(:last-of-type) { margin-bottom: 0; } .dealer-signup-cta .progress-steps { max-width: 28rem; } .dealer-portal-cta { } :is(.owl-left, .owl-right) { position: absolute; width: 190px; height: auto; } .wisdom-page p { line-height: 1.75; } .vehicle-offer.is-deluxe > .offer-price { border-color: rgb(255 255 255 / 15%); border-bottom: 0; } } @media (min-width: 768px) { .tab-group { min-height: var(--body-content-height); } .bid-bar { position: unset; } .send-message, .chat-header { position:absolute; } .chat-header { top: 0; } .owl-section{ padding-block:10rem; } .buyer-owl { display: block; width:300px; top:-223px; } .date-container .messages .message .col-auto .row p { max-width: 60ch; } .owl-section .background-image img { max-width: 310px; } .vehicle-summary .stats .col-auto .vehicle-stat { padding-inline: 1.5rem; } .wisdom-page-cta { padding-block: 4rem; } .date-container .messages .message .col-auto .row { max-width: 80vw; } .vehicle-summary .title .col { padding-left: 1rem; } .dealer-pricing .comparison-row .col:nth-child(1) { padding-right: 0; } .dealer-testimonials .testimonial { max-width: 350px; } .index-titles h1 { font-size: 5rem; } .owl-in-car { min-height: 300px; } .word-cycle { height: 61px; width: 127px; } .vehicle-summary .title img { max-height: 72px; width: 72px; } .effortless-selling img { max-height: 290px; } .seller-call-to-action-2 { padding-top: 7rem; } :is(.owl-left, .owl-right) { position: absolute; width: 200px; height: auto; } .owl-left { bottom: -12%; left: 0; } .owl-right { top: -12%; bottom: unset; right: 0; } .border-md-0{ border:0 !important; } .bar-left::before, .bar-right::after { top:-1rem; width: 15vw; } .wizard-buttons { height: 6rem; } .car-svg { width: 234px; height: 200px; display: block; left: calc(50% - 117px); } } @media (min-width: 992px) { :root { --nav-bar-height: 64px; --header-height: 64px; } .navbar { padding: 0; max-height: 100vh; overflow-y: unset; } .navbar .nav-item a { padding: .75rem; } .rounded-more-lg{ border-radius: 1rem; } .dropdown-menu .dropdown-item{ padding:.5rem; } .profile-dropdown { top: 100%; bottom: unset; } .notifications-panel { max-width: 35rem; } .bar-left::before, .bar-right::after { top: -1rem; width: 25vw; } .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; margin-left: 0; } .dropdown:hover .nav-link svg:last-of-type { transform: rotate(180deg); transition: transform 0.3s ease; } .navbar-content-block.open { display: none; } .navbar.open { height: unset; } .navbar .nav-item span { font-size: 1.2rem; } .navbar .nav-item:not(:last-of-type) { margin-bottom: unset; margin-right: 1rem; } .navbar-nav { max-width:unset; animation: unset; -webkit-animation: unset; } .profile-button-dropdown { top: 100%; bottom: unset; } .notification-main-panel { width: 97vw; max-width: 500px; top: 100%; bottom: unset; } .page-container.no-footer { padding-bottom: 0; } .navbar { border-top-left-radius: unset; border-top-right-radius: unset; } .tab-group { min-height: var(--body-content-height); max-width: 17rem; border-right: 1px solid var(--darker-15); } :is(.owl-left, .owl-right) { position: absolute; width: 267px; height: auto; } .owl-left { bottom: 0%; left: 0; } .owl-right { bottom: unset; top: -130px; right: 0; } .dealer-testimonials .wrapper { justify-content: center; } .dealer-portal-cta { background-position-x: -1077px; } .subscription { min-width: 265px; } .important-info { position: sticky; top: 2rem; } .ac { border-right: 1px solid var(--darker-20); } } @media (min-width: 1300px) { .dealer-portal-cta { } } @media (min-width: 1921px) { .dealer-portal-cta { } .seller-testimonial { margin-right: 7rem; min-width: 1000px; max-width: 1000px; } } @media print { * { --black:black; --white:white; box-shadow: none !important; color: black !important; } .block-print{ display: block !important; } .row, .col-12, .col-md-6 { width: 100% !important; max-width:unset !important; } .expand { display: none !important; } .no-print, .navbar, .footer, .sidebar, .skip-nav-link { display: none !important; } .print{ max-height:unset !important; } .content { display: block !important; } .page-break { page-break-before: always; } .avoid-break { page-break-inside: avoid; } body { font-family: Arial, sans-serif; font-size: 12pt; line-height: 1.4; margin: 1cm; padding: 0; color: #000; background: #fff; } a { color: #000; text-decoration: underline; } img { max-width: 100% !important; height: auto !important; } table { width: 100%; border-collapse: collapse; } table { page-break-inside: avoid; page-break-after: auto; } .kmh{ max-height:unset !important; } }
.alert.purple { background-color: var(--darker-t-15); color: white; border-color: var(--darker-t-15); } .g-1{ gap: .25rem; } .g-2 { gap: .5rem; } .g-3 { gap: 1rem; } .g-12 { gap: 12px; } .text-uppercase{ text-transform:uppercase; } .text-orange{ color:var(--orange-1); } .overflow-x-auto { overflow-x: auto; } .form-check { display: flex; gap: .75rem; padding-left: 1.25rem; margin-bottom: .75rem; } .form-check-input { margin-bottom: 0; margin-left: 0; } .font-size-large { font-size:2rem; } .font-size-16 { font-size: 16px !important; } .font-size-small { font-size: 14px !important; } .font-size-very-small { font-size: 12px !important; } .font-weight-semi-bold { font-weight: 400 !important; } .box-shadow { box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, .1); } .box-shadow-0 { box-shadow: unset !important; } .border-semi-thick { border-width: 2px !important; border-style: solid; } .badge-warning { color: #8E4508 !important; } .bg-yellow { background-color: #FF9700 !important; } .text-info-light { color: #ADC9F0 !important; } .text-yellow { color: #FF9700 !important; } .text-yellow-light { color: #FFD9A4 !important; } .text-strikethrough{ text-decoration: line-through; } .text-truncate { width: 100%; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } .bg-grey { background-color: #454a53 !important; } .border-grey { border-color: #454a53 !important; } .border-grey-light { border-color: #8F9297 !important; } .border-grey-lighter { border-color: #c5c5c5 !important; } .bg-grey-light { background-color: #E5E5E5 !important; } .bg-grey-slightly-lighter { background-color: #DADADA !important; } .text-grey { color: var(--grey-2) !important; } .text-slightdarkgrey { color: #9a9a9a !important; } .text-lightgrey { color: #C1C2C5 !important; } .text-darkgrey { color: #454a53 !important; } .font-weight-bold { font-weight: 600 !important; } .border-orange-light { border-color: #ffb74f !important; } .bg-transparent { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0) !important; } .text-underline { text-decoration: underline; } .bg-lighter { background-color: #58585B; background-color: rgba(255,255,255,0.12) !important; } .bg-lighter-3 { background-color: #858587; background-color: rgba(255,255,255,0.36) !important; } .bg-lighter-5 { background-color: #A0A0A2; background-color: rgba(255,255,255,0.5) !important; } .bg-lighter-7 { background-color: #C6C6C7; background-color: rgba(255,255,255,0.7) !important; } .text-light { color: var(--light) !important } .text-lighter { color: #555557; color: rgba(255,255,255,0.1) !important; } .text-lighter-2 { color: #68686A; color: rgba(255,255,255,0.2) !important; } .text-lighter-3 { color: #7A7A7C; color: rgba(255,255,255,0.3) !important; } .text-lighter-4 { color: #8E8E8F; color: rgba(255,255,255,0.4) !important; } .text-darker-15{ color:var(--darker-15) !important; } .text-darker-20 { color: var(--darker-20) !important; } .border-bottom { border-bottom: 1px solid !important; } .border-top { border-top: 1px solid !important; } .text-dark { color: var(--dark-2) !important; } .border-thick { border-width: 2px !important; } .mt-8 { margin-top: 8rem; } .mt-10 { margin-top: 10rem; } .bg-light { background-color: var(--light) !important } .text-darker { color: var(--dark-2); } .text-darker { color: #3C3C3E; color: rgba(0,0,0,0.1) !important; } .text-darker-2 { color: #353537; color: rgba(0,0,0,0.2) !important; } .text-darker-3 { color: #2E2E30; color: rgba(0,0,0,0.3) !important; } .text-darker-4 { color: #282829; color: rgba(0,0,0,0.4) !important; } .text-darker-70 { color: var(--darker-70) !important; } .text-white { color: var(--white) !important; } .text-black { color: var(--black) !important; } .bg-actual-white { background-color: white !important; } .text-actual-white { color: white !important; } .text-actual-black { color: black !important; } .bg-black { background-color: var(--black) !important } .bg-white { background-color: var(--white) !important } .bg-dark-light { background-color: var(--dark-1) !important } .bg-dark { background-color: var(--dark-2) !important } .bg-darker-05 { background-color: var(--darker-05) !important; } .bg-darker-10 { background-color: var(--darker-10) !important; } .bg-darker-15 { background-color: var(--darker-15) !important; } .bg-darker-20 { background-color: var(--darker-20) !important; } .bg-darker-t-20 { background-color: var(--darker-t-20) !important; } .background-blur{ backdrop-filter:blur(3px); } .border-lighter-20 { border-color: var(--lighter-20) !important; } .border-darker-05 { border-color: var(--darker-05) !important; } .border-darker-10 { border-color: var(--darker-10) !important; } .border-darker-15 { border-color: var(--darker-15) !important; } .border-darker-20 { border-color: var(--darker-20) !important; } .border-darker-30 { border-color: var(--darker-30) !important; } .border-white { border-color: var(--white) !important; } .rounded-0{ border-radius:0 !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important } .rounded-top-left { border-top-left-radius: .25rem !important; } .rounded-top-left-0 { border-top-left-radius: 0 !important; } .rounded-top-right { border-top-right-radius: .25rem !important } .rounded-top-right-0 { border-top-right-radius: 0 !important } .rounded-bottom-left { border-bottom-left-radius: .25rem !important; } .rounded-bottom-left-0 { border-bottom-left-radius: 0 !important; } .rounded-left-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-bottom-right { border-bottom-right-radius: .25rem !important } .rounded-bottom-right-0 { border-bottom-right-radius: 0 !important; } .rounded-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-panel { border-radius: .50rem !important; } .rounded-top-panel { border-top-left-radius: .50rem !important; border-top-right-radius: .50rem !important; } .rounded-top-left-panel { border-top-left-radius: .50rem !important; } .rounded-top-right-panel { border-top-right-radius: .50rem !important; } .rounded-bottom-panel { border-bottom-left-radius: .50rem !important; border-bottom-right-radius: .50rem !important; } .rounded-bottom-left-panel { border-bottom-left-radius: .5rem !important; } .rounded-bottom-right-panel { border-bottom-right-radius: .5rem !important; } .rounded-left-panel { border-top-left-radius: .5rem !important; border-bottom-left-radius: .5rem !important; } .rounded-right-panel { border-bottom-right-radius: .5rem !important; border-top-right-radius: .5rem !important; } .rounded-more { border-radius: 20px !important; } .r-2 { border-radius: 2rem !important; } .rounded-top-more { border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; } .rounded-bottom-more { border-bottom-left-radius: 20px !important; border-bottom-right-radius: 20px !important; } .rounded-bottom-right-more { border-bottom-right-radius: 20px !important; } .rounded-bottom-left-more { border-bottom-left-radius: 20px !important; } .py-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .pt-6 { padding-top: 6rem !important; } .pb-6 { padding-bottom: 6rem !important; } .text-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .text-shadow-unset { text-shadow: unset; } .text-shadow-black-2 { text-shadow: 1px 1px 2px black !important; } .text-shadow-black { text-shadow: 1px 1px 2px black !important; } .text-shadow-brown { text-shadow: 1px 2px #9B5C23 !important; } .short-text-shadow-brown { text-shadow: 1px 1px #9B5C23 !important; }
.bm-container { display:block; z-index: 106 !important; background-color: rgba(0,0,0,0.8) !important; right:0; } .blazored-modal-overlay { backdrop-filter: blur(20px); } .blazored-modal-focus-trap { } .bm-close { margin-right: 0 !important; padding-block:0 !important; color: red; border-radius:0; } .bm-close span { font-size: 2rem; margin-bottom: 0.25rem; display: block; } .bm-header { align-items: center !important; position: relative; padding: 1rem 2px 1rem 1rem !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: var(--darker-10); } .bm-content { padding-inline: 1rem; padding-block: 1rem; background-color: var(--white) !important; border-bottom: 1px solid var(--darker-15); position: relative; backdrop-filter: blur(20px); overflow-y: auto; } .bm-title { color: var(--black) !important; font-size: 1.2rem; font-weight: 600; margin:0; } .blazored-modal-photo-select { z-index: 102; flex-direction: column; border-radius: 1.5rem; max-width: 1100px; width: 90vw; height: auto; overflow-y: auto; overflow-x: hidden; max-height: 95vh; } .blazored-modal-take-photo { z-index: 102; flex-direction: column; width: 95vw; height: auto; } .blazored-modal-take-photo > .blazored-modal-content { padding: 0; background-color: transparent; } .blazored-modal-take-photo > .blazored-modal-content #videoFeed { width: 100%; height: auto; opacity: 0; -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; border-radius: .5rem; position: relative; } .blazored-modal-take-photo > .blazored-modal-content > img { width: 100vw; height: 100vh; object-fit: contain; opacity: 0; animation: side-opacity-load 700ms ease-in forwards; border-radius: .5rem; } .blazored-modal-take-photo > .blazored-modal-content #currentPhoto { display:none; } .blazored-modal-take-photo > .blazored-modal-content button { padding-inline: .7rem; padding-block: .5rem; border-radius: .5rem; font-size: 1.25rem; width: auto; text-transform:uppercase; opacity:0; animation: side-opacity-load 400ms ease-in forwards; animation-delay:400ms; } .blazored-modal-take-photo > .blazored-modal-content .buttons { text-align:center; position:absolute; bottom:0px; left:0; width:100%; } .blazored-modal-take-photo > .blazored-modal-content .close { position: absolute; top: 0px; right: 20px; font-size:2.5rem; color:var(--muted) !important; } .blazored-modal-take-photo > .blazored-modal-content button:only-child { max-width: none; width: 100%; } @media screen and (orientation:portrait) { .blazored-modal-take-photo > .blazored-modal-content #videoFeed, .blazored-modal-take-photo > .blazored-modal-content .buttons { display: none; } } @media screen and (orientation:landscape) { .blazored-modal-take-photo { height:100vh; width:100vw; } .blazored-modal-take-photo > .blazored-modal-content #videoFeed { display:block; width: 100vw; height: 100vh; opacity: 0; -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; border-radius: .5rem; } .blazored-modal-take-photo > .blazored-modal-content .buttons { text-align: center; position: absolute; top: 0px; left: 17px; width: 40px; height:100vh; } .blazored-modal-take-photo > .blazored-modal-content .buttons button:only-child { text-align: center; width: 60px; height: 100%; writing-mode: vertical-lr; text-orientation: upright; border-radius: 0; } .blazored-modal-take-photo > .blazored-modal-content .buttons button:not(:only-child) { border-radius:0; text-align: center; width: 60px; height: 50%; writing-mode: vertical-lr; text-orientation: upright; } } .blazored-modal-feature-select { z-index: 102; flex-direction: column; width: 90vw; max-width:420px; overflow-x: hidden; scroll-padding-bottom:1rem; } .blazored-modal-feature-select .checkbox-parent { margin-bottom:.5rem; } .blazored-modal-feature-select .checkbox-parent label { font-size: 17px; color: var(--black); font-weight: 300; } .blazored-modal-feature-select .checkbox-parent input[type='checkbox'] { min-width: 22px; min-height: 22px; } .blazored-modal-photo-viewer { z-index: 102; flex-direction: column; border-radius: 12px; width: 100vw; height: 100vh; background-color: var(--white); } .blazored-info-modal { z-index: 102; flex-direction: column; border-radius: 12px; width: 50vw; max-height: 99vh; overflow-y: auto; } .blazored-confirmation-modal { z-index: 102; flex-direction: column; border-radius: 12px; width: 90vw; max-width: 500px; height: auto; margin-inline:auto; max-height: 99vh; overflow-y: auto; border: 1px solid var(--darker-20); border-radius: 1rem; margin-top:1rem; } .blazored-confirmation-modal h6 { font-size:1.2rem; color:var(--black); font-weight:600; text-wrap:unset; } .blazored-confirmation-modal p { font-size: 1rem; color: var(--darker-70); margin-bottom:1.5rem; line-height:1.3; } .blazored-confirmation-modal .yes { min-width: 138px; } .blazored-login-modal { z-index: 102; flex-direction: column; background-color: var(--light); border-radius: .5rem; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.36); width: 23rem; max-width: 666px; height: auto; max-height: 90vh; overflow-y: auto; box-shadow: rgb(0 0 0 / 10%) 0 0 20px; } .blazored-help-modal { max-width: 450px; margin-inline: auto; } .blazored-help-modal .bm-content { } .blazored-enquiry-modal { z-index: 102; flex-direction: column; border-radius: 1rem; width: 96vw; height: auto; max-height: 100vh; max-width: 440px; overflow-x: hidden; border: 1px solid var(--darker-20); margin-top: 1rem; margin-inline:auto; background-color: var(--darker-10); } .blazored-enquiry-modal .bm-content { padding-block: 1rem; padding-inline: 1rem; max-height: calc((100vh - 62px) - 2rem); } .blazored-enquiry-modal .validation-message { color: red !important; } .blazored-enquiry-modal .blazored-modal-content h6 { font-size: 1.1rem; color: var(--black); font-weight:400; } .edit-emailflow-modal { z-index: 3; flex-direction: column; border-radius: 12px; width: 100%; max-width: 99vh; height: auto; max-height: 99vh; overflow-y: auto; } .leave-feedback-modal { z-index: 102; flex-direction: column; border-radius: 1rem; width: 90vw; max-width:540px; height: auto; overflow-y: auto; max-height: 90vh; border: 1px solid var(--darker-20); margin-inline:auto; margin-top:1rem } .blazored-contact-modal { z-index: 102; flex-direction: column; border-radius: 1rem; max-width:32rem; width: 95%; height: auto; overflow-y: auto; max-height: 99vh; margin-inline: auto; } .generic-modal { z-index: 102; flex-direction: column; border-radius: 1rem; width: auto; height: 100vh; overflow-y: auto; border: 1px solid var(--darker-20); margin-inline:auto; } .generic-modal.notifs .bm-content { } .generic-modal .bm-content { height: calc(100% - 58px); } .max-width-380{ max-width:380px; } .fullscreen-modal { height: 100vh; overflow:hidden; } .fullscreen-modal > .bm-content { padding-inline: 0.25rem; height: 100vh; } .ex-mod > .bm-content { padding-block:0; padding-inline: 0rem; } .t .bm-content { padding-bottom: 0; height: 100%; } .hccg .bm-content{ padding-top:0; padding-inline:0; } @media (min-width: 0px) { .generic-modal { width: 100vw; border-radius: 0; } .blazored-help-modal { border: 0; border-radius: 0; } .blazored-help-modal .bm-content { } } @media (min-width: 576px) { .blazored-info-modal { width: 95vw; } .generic-modal { width: fit-content; height: 100vh; margin-right: unset; margin-left: auto; margin-top: 0; max-width: 100vw; border-radius: 1rem 0 0 1rem; animation: right-side-opacity-load 400ms ease-in forwards; -webkit-animation: right-side-opacity-load 400ms ease-in forwards; opacity: 0; box-shadow: var(--darker-30) 0px 5px 15px; } .bm-content { border-bottom-width: 0; } .blazored-help-modal { border: 1px solid var(--darker-15); border-radius: 1rem; overflow:hidden; margin-top:3rem; } .blazored-help-modal .bm-content { max-height: calc((100vh - 3rem) - 92px); } .generic-modal .bm-content { } } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { }
.animation-delay-100 { animation-delay: 200ms !important; } .animation-delay-200 { animation-delay: 300ms !important; } .animation-delay-300 { animation-delay: 400ms !important; } .animation-delay-400 { animation-delay: 500ms !important; } .animation-delay-500 { animation-delay: 600ms !important; } .animation-delay-600 { animation-delay: 700ms !important; } .animation-delay-700 { animation-delay: 800ms !important; } .animation-delay-800 { animation-delay: 900ms !important; } .animation-delay-900 { animation-delay: 1000ms !important; } .animation-delay-1s { animation-delay: 1s !important; } .animation-delay-1100 { animation-delay: 1.1s !important; } .animation-delay-1200 { animation-delay: 1.2s !important; } .animation-delay-1600 { animation-delay: 1.6s !important; } .animation-delay-2s { animation-delay: 2s !important; } .animation { transition: ease-in-out; transition-duration: 0.2s; } .animation-unset { animation: unset !important; transform: scaleY(1); opacity:1; } .opacity-0 { opacity: 0; } @keyframes floatAnimation { 0% { bottom: 50px; } 50% { bottom: 30px; } 100% { bottom: 50px; } } .floatingElement { animation: floatAnimation 3s infinite ease-in-out; position: relative; } @-webkit-keyframes slide-out-bck-center { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-1100px); transform: translateZ(-1100px); opacity: 0; } } @keyframes slide-out-bck-center { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-1100px); transform: translateZ(-1100px); opacity: 0; } } @-webkit-keyframes slide-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } } @keyframes slide-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } } @-webkit-keyframes slide-out-bck-center { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-1100px); transform: translateZ(-1100px); opacity: 0; } } @keyframes slide-out-bck-center { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-1100px); transform: translateZ(-1100px); opacity: 0; } } .slide-in-bottom { -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation: slide-in-bottom 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; } @-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .swing-in-top-fwd { -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both; } @-webkit-keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } .shadow-drop-2-center { -webkit-animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes shadow-drop-2-center { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { -webkit-transform: translateZ(50px); transform: translateZ(50px); -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35); box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35); } } @keyframes shadow-drop-2-center { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); opacity:0; } 100% { -webkit-transform: translateZ(50px); transform: translateZ(50px); -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35); box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35); opacity: 1; } } .pulsate-fwd { -webkit-animation: pulsate-fwd 0.5s ease-in-out 3 both; animation: pulsate-fwd 0.5s ease-in-out 3 both; } @-webkit-keyframes pulsate-fwd { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulsate-fwd { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .slit-in-horizontal { -webkit-animation: slit-in-horizontal 0.45s ease-out both; animation: slit-in-horizontal 0.45s ease-out both; } @-webkit-keyframes slit-in-horizontal { 0% { -webkit-transform: translateZ(-800px) rotateX(90deg); transform: translateZ(-800px) rotateX(90deg); opacity: 0; } 54% { -webkit-transform: translateZ(-160px) rotateX(87deg); transform: translateZ(-160px) rotateX(87deg); opacity: 1; } 100% { -webkit-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } } @keyframes slit-in-horizontal { 0% { -webkit-transform: translateZ(-800px) rotateX(90deg); transform: translateZ(-800px) rotateX(90deg); opacity: 0; } 54% { -webkit-transform: translateZ(-160px) rotateX(87deg); transform: translateZ(-160px) rotateX(87deg); opacity: 1; } 100% { -webkit-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } } .scale-in-center { -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .slide-in-left { -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .slide-in-fwd-bottom { -webkit-animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-fwd-bottom { 0% { -webkit-transform: translateZ(-1400px) translateY(800px); transform: translateZ(-1400px) translateY(800px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } } @keyframes slide-in-fwd-bottom { 0% { -webkit-transform: translateZ(-1400px) translateY(800px); transform: translateZ(-1400px) translateY(800px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); opacity: 1; } } .slide-in-fwd-right { -webkit-animation: slide-in-fwd-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-fwd-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-fwd-right { 0% { -webkit-transform: translateZ(-1400px) translateX(1000px); transform: translateZ(-1400px) translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } } @keyframes slide-in-fwd-right { 0% { -webkit-transform: translateZ(-1400px) translateX(1000px); transform: translateZ(-1400px) translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } } .slide-in-fwd-left { opacity: 0; transform: translateZ(-1400px) translateX(-1000px); -webkit-animation: slide-in-fwd-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-fwd-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-fwd-left { 0% { -webkit-transform: translateZ(-1400px) translateX(-1000px); transform: translateZ(-1400px) translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } } @keyframes slide-in-fwd-left { 0% { -webkit-transform: translateZ(-1400px) translateX(-1000px); transform: translateZ(-1400px) translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); opacity: 1; } } .slide-in-elliptic-bottom-fwd { -webkit-animation: slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-elliptic-bottom-fwd { 0% { -webkit-transform: translateY(600px) rotateX(30deg) scale(0); transform: translateY(600px) rotateX(30deg) scale(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: translateY(0) rotateX(0) scale(1); transform: translateY(0) rotateX(0) scale(1); -webkit-transform-origin: 50% -1400px; transform-origin: 50% -1400px; opacity: 1; } } @keyframes slide-in-elliptic-bottom-fwd { 0% { -webkit-transform: translateY(600px) rotateX(30deg) scale(0); transform: translateY(600px) rotateX(30deg) scale(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } 100% { -webkit-transform: translateY(0) rotateX(0) scale(1); transform: translateY(0) rotateX(0) scale(1); -webkit-transform-origin: 50% -1400px; transform-origin: 50% -1400px; opacity: 1; } } .slide-in-fwd-center { -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-fwd-center { 0% { -webkit-transform: translateZ(-1400px); transform: translateZ(-1400px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes slide-in-fwd-center { 0% { -webkit-transform: translateZ(-1400px); transform: translateZ(-1400px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .slide-in-top { -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } @-webkit-keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .slide-in-right { -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .slide-out-left { -webkit-animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } @-webkit-keyframes slide-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } } @keyframes slide-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } } .opacity-animation { opacity: 0; -webkit-animation: opacity-load 400ms ease-in forwards; animation: opacity-load 400ms ease-in forwards; } @keyframes opacity-load { 0% { opacity: 0; } 100% { opacity: 100; } } @keyframes opacity-load-20 { 0% { opacity: 0; } 100% { opacity: .5; } } .fade-out { -webkit-animation: fade-out 400ms ease-in forwards; animation: fade-out 400ms ease-in forwards; opacity: 100; } @keyframes fade-out { 0% { opacity: 100; } 100% { opacity: 0; } } .top-opacity-load { opacity: 0; animation: top-opacity-load 400ms cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards; } @keyframes top-opacity-load { 0% { transform: translateY(-30px); opacity: 0; } 100% { transform: translateY(0); opacity: 100; } } .side-opacity-load { opacity: 0; animation: side-opacity-load 400ms ease-in forwards; -webkit-animation: side-opacity-load 400ms ease-in forwards; } @keyframes side-opacity-load { 0% { transform: translateX(-15px); opacity: 0; } 100% { transform: translateX(0); opacity: 100; } } .right-side-opacity-load { animation: right-side-opacity-load 400ms ease-in forwards; -webkit-animation: right-side-opacity-load 400ms ease-in forwards; opacity: 0; } @keyframes right-side-opacity-load { 0% { transform: translateX(15px); opacity: 0; } 100% { transform: translateX(0); opacity: 100; } } .flip-horizontal-top { animation: flip-horizontal-top 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; } @keyframes flip-horizontal-top { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); } 50% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity:1; } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } } .vibrate-1 { animation: vibrate-1 .4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite; } @-webkit-keyframes vibrate-1 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-.5px, .5px); transform: translate(-.5px, .5px); } 40% { -webkit-transform: translate(-.5px, -.5px); transform: translate(-.5px, -.5px); } 60% { -webkit-transform: translate(.5px, .5px); transform: translate(.5px, .5px); } 80% { -webkit-transform: translate(.5px, -.5px); transform: translate(.5px, -.5px); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @keyframes vibrate-1 { 0% { -webkit-transform: translate(0); transform: translate(0); } 20% { -webkit-transform: translate(-.5px, .5px); transform: translate(-.5px, .5px); } 40% { -webkit-transform: translate(-.5px, -.5px); transform: translate(-.5px, -.5px); } 60% { -webkit-transform: translate(.5px, .5px); transform: translate(.5px, .5px); } 80% { -webkit-transform: translate(.5px, -.5px); transform: translate(.5px, -.5px); } 100% { -webkit-transform: translate(0); transform: translate(0); } } .glow { font-size: 80px; color: #fff; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate; } @-webkit-keyframes glow { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px var(--orange-2), 0 0 40px var(--orange-2), 0 0 50px var(--orange-2), 0 0 60px var(--orange-2), 0 0 70px var(--orange-2); } to { text-shadow: 0 0 20px #fff, 0 0 30px var(--orange-3), 0 0 40px var(--orange-3), 0 0 50px var(--orange-3), 0 0 60px var(--orange-3), 0 0 70px var(--orange-3), 0 0 80px var(--orange-3); } } @keyframes awaiting-confirmation { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(254, 166, 46, .7); } 70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(254, 166, 46, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(254, 166, 46, 0); } } .wobble-hor-top { -webkit-animation: wobble-hor-top 0.8s both; animation: wobble-hor-top 0.8s both; } @-webkit-keyframes wobble-hor-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); opacity: 1; } } @keyframes wobble-hor-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); opacity: 1; } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); opacity: 1; } } @-webkit-keyframes wobble-ver-left { 0%, 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(-30px) rotate(-6deg); transform: translateY(-30px) rotate(-6deg); } 30% { -webkit-transform: translateY(15px) rotate(6deg); transform: translateY(15px) rotate(6deg); } 45% { -webkit-transform: translateY(-15px) rotate(-3.6deg); transform: translateY(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateY(9px) rotate(2.4deg); transform: translateY(9px) rotate(2.4deg); } 75% { -webkit-transform: translateY(-6px) rotate(-1.2deg); transform: translateY(-6px) rotate(-1.2deg); } } .wobble-ver-left { -webkit-animation: wobble-ver-left 0.8s both; animation: wobble-ver-left 0.8s both; } @keyframes wobble-ver-left { 0%, 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateY(-30px) rotate(-6deg); transform: translateY(-30px) rotate(-6deg); } 30% { -webkit-transform: translateY(15px) rotate(6deg); transform: translateY(15px) rotate(6deg); } 45% { -webkit-transform: translateY(-15px) rotate(-3.6deg); transform: translateY(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateY(9px) rotate(2.4deg); transform: translateY(9px) rotate(2.4deg); } 75% { -webkit-transform: translateY(-6px) rotate(-1.2deg); transform: translateY(-6px) rotate(-1.2deg); } } @-webkit-keyframes slide-in-left-cta { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0) rotate(3deg); transform: translateX(0) rotate(3deg); opacity: 1; } } @keyframes slide-in-left-cta { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0; } 100% { -webkit-transform: translateX(0) rotate(-3deg); transform: translateX(0) rotate(-3deg); opacity: 1; } } @-webkit-keyframes slide-in-right-cta { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right-cta { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0) rotate(3deg); transform: translateX(0) rotate(3deg); opacity: 1; } } @keyframes dropdown { from { opacity: 0; transform: scaleY(0); max-height: 0; } to { opacity: 1; transform: scaleY(1); max-height: 500px; } } .grow-from-bottom { animation: growFromBottom 2s ease-out forwards; } @keyframes growFromBottom { 0% { height: 0; } 100% { height: 100%; } } @-webkit-keyframes shake-top { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } 10% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 20%, 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 30%, 50%, 70% { -webkit-transform: rotate(4deg); transform: rotate(4deg); } 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } } .shake-top { -webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; } @keyframes shake-top { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } 10% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 20%, 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } 30%, 50%, 70% { -webkit-transform: rotate(4deg); transform: rotate(4deg); } 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 90% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } } .scale-up-center { -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } @-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.25); transform: scale(1.25); } } @keyframes scale-up-center { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.25); transform: scale(1.25); } } .slide-in-bottom { -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; } @-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes appear { from { opacity: 0; transform: scale(.5); } to { opacity: 1; transform: scale(1); } }
.btn { font-weight: 500; line-height:1; border-radius: .5rem; -webkit-transition: all ease-out !important; -moz-transition: all ease-out !important; -o-transition: all ease-out !important; transition: all ease-out !important; transition-duration: 0.3s !important; } .btn-icon { background: unset; border:0; } .btn-icon path{ stroke:var(--darker-60); } .btn-icon:not(:disabled):is(.focus, :focus-within, :focus, :active) path { stroke: var(--black); } .btn-link.focus, .btn-link:focus{ text-decoration:none; } .btn:disabled { cursor: not-allowed; } .btn.icon > i { margin-right: .5rem; } .btn-primary { border: 1px solid #0E52B1; background: #1163D4; color: #E4EDFA; } .btn-primary:hover { box-shadow: 0px 0px 4px 2px #2872D8; color: #ffffff; background-color: #0E52B1; } .btn-primary.focus, .btn-primary:focus { color: #fff; background: #0B428D !important; border-color: #0d4da5; box-shadow: 0 0 0 0.2rem rgb(53 122 218 / 50%); } .btn-primary.disabled, .btn-primary:disabled { box-shadow: 0px 0px 0px 0px #2872D8; color: #fff; background-color: #1163d4 !important; border-color: #1163d4 !important; cursor: not-allowed; } .btn-outline-primary path{ fill:var(--primary); stroke:var(--primary); } .btn svg path { transition: all ease-in-out 250ms; } .btn-outline-primary { } .btn-outline-primary:not(:disabled):hover > svg path { fill: white; stroke: white; } .btn-outline-primary:active { background-color: #0E52B1; } .btn-success { background-color: #57bd36; border: 1px solid #499F2E; color: #fff; } .btn-success:hover { color: #fff; background-color: #499f2e; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #499f2e; border-color: #45952b; box-shadow: 0 0 0 0.2rem rgb(112 199 84 / 50%); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #57bd36; border-color: #57bd36; box-shadow: 0px 0px 0px 0px #2872D8; cursor: not-allowed; } .btn-danger { background: linear-gradient(0deg, red, #8a0000); } .btn-grad-blue { background-image: linear-gradient(to right, #2483C5 0%, #075f93 51%) } .btn-grad-blue { margin: 10px; padding: 15px 45px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: 0 0 20px var(--light); border-radius: 10px; display: block; } .btn-grad-blue:hover { transform: scale(1.05); color: white; text-decoration: none; } .btn.btn-grad-orange { text-shadow: 2px 1px 0 rgb(156, 104, 33); background: linear-gradient(to right, rgba(254,194,114,1), rgba(252,168,54,1), rgba(252,168,54,1), rgba(254,194,114,1)); padding: 15px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; border-radius: 10px; font-weight: 600; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .btn.btn-grad-orange:not(:disabled):hover { background-position: 100% 0; } .btn.btn-grad-orange:not(:disabled):active { transform: scale(0.95); } .btn-outline-light.active { color: var(--white) !important; border-color: var(--black) !important; } .car-sweep { overflow: hidden; position: relative; } .car-sweep::after { --width: 100px; content: ""; position: absolute; width: 0; height: var(--width); bottom: -100px; background-image: url("https://carowl-images.b-cdn.net/website-images/owls/owl-in-car-driving-no-shadow.fw.png"); background-size: contain; background-repeat: no-repeat; transition: transform linear .3s 100ms, left linear 1.2s; -webkit-animation: vibrate-1 .35s linear infinite; animation: vibrate-1 .35s linear infinite; } .car-sweep:not(:disabled)::after { left: -100px; } .car-sweep:disabled::after { width: var(--width); left: calc(100% + 5px); } @keyframes gradient-bg-normal { 0% { background-size: 100% 200%; } 100% { background-size: 100% 100%; } } @keyframes gradient-bg-hover { 0% { background-size: 100% 100%; } 100% { background-size: 100% 150%; } } @keyframes gradient-bg-focus { 0% { background-size: 100% 150%; } 100% { background-size: 100% 250%; } } .btn-link:hover{ color:var(--black); } .btn-link:hover path { fill: var(--black); } .btn-radius-hover { padding: 1rem 2rem; width: fit-content; font-size: 22px; border-radius: 50rem; border: 0px solid; background: linear-gradient(85.71deg, var(--orange-1) 16.75%, var(--orange-1) 55.43%, var(--orange-1) 91.71%); color: black; font-weight: 600; display: flex; align-items: center; justify-content: center; transition: all 125ms linear !important; } .btn-radius-hover.small { padding-block: .25rem; padding-inline: 1rem; font-size: 1rem; letter-spacing: 1px; } .btn-radius-hover.grey { color: white; background: #5E5E5E; } .btn-radius-hover.outlined.grey { background: unset; border: 1px solid var(--darker-20); } .btn-radius-hover.outlined.grey:hover { background: var(--darker-10); border: 1px solid var(--darker-30); } .btn-radius-hover.white { background: linear-gradient(0deg, var(--black), var(--black)); color:var(--white) !important; } .btn-radius-hover.black { background: black; color:white !important; } .btn-radius-hover.purple { background: linear-gradient(0deg, #4426ff, #7f3cae); color: white !important; } .btn-radius-hover.blue { background: linear-gradient(85.71deg, #087AFF 16.75%, #09B5FF 55.43%, #087BFF 91.71%); } .btn-radius-hover.red { background: linear-gradient(0deg, red, #8a0000); } .btn-radius-hover.deluxe { background: linear-gradient(45deg, #3f27da, var(--orange-1)); } .btn-radius-hover.deluxe:not(:disabled):hover { background: linear-gradient(45deg, var(--orange-1), #3f27da); } .btn-radius-hover.blue:not(:disabled):hover { background-color: rgb(13 83 159); } .btn-radius-hover.blue:active { background-color: rgb(6 51 99); } .btn-radius-hover.green { background: linear-gradient(90deg, rgb(36 177 24), rgb(15 99 7)); } .btn-radius-hover span { font-weight: 300; margin-inline:.5rem; } .btn-radius-hover svg { font-weight: 300; min-width:24px; } .btn-radius-hover:disabled { color: var(--lighter-40); box-shadow: none; cursor: not-allowed; background: linear-gradient(90deg, var(--darker-70), var(--darker-50)); } .btn-radius-hover:not(:disabled):hover { box-shadow: none; transform: scale(1.02); 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; } .btn-radius-hover:not(:disabled):active { transform: scale(.95); } .btn-radius-hover:not(:disabled):is(.focus, :focus-within, :focus, :active) { border-color:rgb(255 255 255 / 50%); } .btn-radius-hover.disabled, .btn-radius-hover:disabled, .btn-radius-hover.focus, .btn-radius-hover:focus-within { cursor: default; } .btn-long-outlined { padding-inline: 3rem; width: auto; font-size: 1.5rem; border-radius: 0.5rem 1rem; text-transform: uppercase; color: var(--darker-30) !important; border: 2px solid var(--darker-30); transition: all 300ms ease-in-out; overflow: hidden; } .btn-long-outlined:hover { border-radius: 1rem .5rem; color: white !important; background-color: var(--orange-2); } .btn-long-outlined.focus, .btn-long-outlined:focus { background-color: var(--orange-2); box-shadow: none; } .btn-long-outlined.disabled, .btn-long-outlined:disabled { opacity: .6; box-shadow: none; cursor: not-allowed; } .btn-provider { display: inline-flex; align-items: center; background: var(--white); color: var(--black); padding-inline: 1rem; font-size: 1rem; text-align: right; transition: font-weight 50ms linear; justify-content: space-between; border-radius: .5rem; letter-spacing: 0; } .btn-provider:hover { color:unset; } .btn-provider:not(:disabled):hover { } .btn-provider:is(:active, :focus-within) { } .btn-provider:not(:disabled):active { } .fb { background-color: #1877F2; color: white; } .fb:hover { color: white; background-color: #004aab; } .ms { color: #5E5E5E; background-color: #2F2F2F; border: 1px solid #8C8C8C; } .ms:hover { color: #5E5E5E; background-color: #1f1f1f; } .google { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.54); background-color: white; } .google:hover { color: rgba(0, 0, 0, 0.54); background-color: #cfcfcf; } @media (prefers-color-scheme: dark) { .ms { color: white; background-color: #2F2F2F; border: unset; } .ms:hover { color: white; } } .btn-icon{ background-color:transparent; height:32px; }
@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: 1rem 0; background: var(--darker-10); border-radius: 8px; } .tab-header[b-n16lsv5f4r] { display: flex; position: relative; } .tab-btn[b-n16lsv5f4r] { flex: 1; padding: 10px 20px; background: none; border: none; cursor: pointer; font-size: 1rem; transition: color 0.3s ease; position: relative; z-index: 2; color: var(--darker-30); } .tab-btn:focus[b-n16lsv5f4r] { box-shadow:unset !important; } .tab-btn.active[b-n16lsv5f4r] { font-weight: 400; 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; } ul[b-n16lsv5f4r] { margin:0; } ul li[b-n16lsv5f4r] { color: var(--black); font-size: 16px; display: flex; align-items: center; gap: .25rem; margin-bottom: .25rem; font-weight: 400; } ul li svg[b-n16lsv5f4r] { max-width:16px; max-height:16px; } 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 .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; } .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; background-color: var(--darker-10); 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: 1rem; height: 100%; display: flex; flex-direction: column; scroll-snap-stop: always; scroll-snap-align: center; border-radius: .5rem; } .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: 1rem; 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 :is(a,p)[b-kaf6i35xcg] { color: var(--black) !important; font-size: 14px; font-weight: 400; } .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] { color: var(--black); border-top: 0; width:50%; } table tr:not(:last-of-type)[b-1llqbo5us4] { border-bottom: 1px solid var(--darker-10); } table tr:nth-of-type(odd)[b-1llqbo5us4] { background-color:var(--darker-07); } table td:first-of-type[b-1llqbo5us4] { font-weight: 600; } table td:first-of-type[b-1llqbo5us4] { } .vd[b-1llqbo5us4]{ border-radius:1rem; background:var(--darker-10); overflow:hidden; } 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; } } .ddw[b-mnjbmcad75]{ display:flex; } .brand-strip[b-mnjbmcad75] { display: flex; width: max-content; animation: scroll-strip-b-mnjbmcad75 60s linear infinite; padding-top: 2rem; gap: 64px; padding-left:4rem; } .brand-strip img[b-mnjbmcad75] { height: 48px; width: auto; opacity: .5; } @keyframes scroll-strip-b-mnjbmcad75 { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @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] { max-width: 58rem; 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:14px; } } @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; } 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; } .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; font-size: 15px; 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); max-width: 35rem; } .prod.current[b-8a5kyq4nxo] { outline:2px solid var(--orange-1); background: linear-gradient(0deg, hsl(25deg 99% 48% / 10%), var(--white)); box-shadow: hsl(25deg 99% 48% / 10%) 0px 13px 27px -5px, hsl(25deg 99% 48% / 30%) 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: 14px; margin-bottom: .5rem; } .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; } .currency[b-8a5kyq4nxo] { font-size: 13px; margin-right: 1px; } .whole-price[b-8a5kyq4nxo] { font-size: 28px; line-height: 1; } .decimal-price[b-8a5kyq4nxo] { font-size: 13px; vertical-align: top; margin-left: 2px; position: relative; } .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; } .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; } .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] { font-family: 'Bebas Neue', sans-serif; letter-spacing: 2px; 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); border-right: 0; margin-bottom:.5rem; } } @media (min-width: 576px) { .l[b-t0rpbl2gr9] { border-bottom: 0; border-right: 1px solid var(--darker-20); 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: 12px; } .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; } .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; } } .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] .url-splitter { padding-top: 0; padding-bottom: 1.5rem; } [b-fc6w7gmgfh] .url-splitter label{ color:black; } [b-fc6w7gmgfh] .url-splitter a { color:rgba(0 0 0 / 50%); } [b-fc6w7gmgfh] .url-splitter span { color: rgba(0 0 0 / 50%); } [b-fc6w7gmgfh] .btn-outline-dark{ border:0; color:black !important; } [b-fc6w7gmgfh] .btn-outline-dark:hover path{ stroke:white; } [b-fc6w7gmgfh] .btn-outline-dark:hover { color:white !important; } h1[b-fc6w7gmgfh] { color: black; font-weight: 700; margin-bottom: 2rem; line-height: 52px; } .hd h6[b-fc6w7gmgfh] { color: black; 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; } @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%; } } .footer[b-l4ffrw7ag6] { z-index:4; position: absolute; background: var(--darker-05); } .social-icons[b-l4ffrw7ag6] { margin-top: 1rem; cursor: default; gap: .5rem; display: inline-flex; } .social-icons svg[b-l4ffrw7ag6] { width: 20px; } .social-icons a[b-l4ffrw7ag6] { min-width: 40px; min-height: 40px; max-height: 40px; color: var(--darker-30); background-color: var(--darker-05); border: 1px solid var(--darker-10); padding: 0.25rem; text-decoration: none; transition: all 100ms linear; font-weight: 600; font-size: 1.9rem; display: flex; align-items: center; justify-content: center; border-radius: .25rem; } .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 500ms ease-in-out; } .footer ul li a:hover[b-l4ffrw7ag6] { color: var(--orange-2); cursor: pointer; text-decoration: none; } .footer .copyright[b-l4ffrw7ag6] { color: var(--darker-90); margin-bottom: 0; letter-spacing: 0; } .footer .privacy-pol[b-l4ffrw7ag6] { font-size: 10px; margin-bottom: 0; font-weight: 400; } .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; }