html {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
word-spacing: 1px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
font-size: 62.5%;
}
.carousel-last-transports-tile-content .bottom .title {
font-size: 1.4rem;
font-weight: 700;
}
body {
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
body {
font-size: 1.4rem;
}
}
:root {
--space-null: 0;
--space-xxs: 0.2rem;
--space-xs: 0.4rem;
--space-sm: 0.8rem;
--space-2sm: 1.2rem;
--space-md: 1.6rem;
--space-2md: 2rem;
--space-3md: 2.4rem;
--space-4md: 3rem;
--space-lg: 3.2rem;
--space-2lg: 4rem;
--space-3lg: 4.8rem;
--space-4lg: 5.6rem;
--space-xl: 6.4rem;
--space-2xl: 7.2rem;
--space-3xl: 9.6rem;
--space-xxl: 12.8rem;
--avatar-xl: 12.8rem;
--avatar-lg: 7.2rem;
--avatar-md: 4.8rem;
--avatar-sm: 3rem;
--dot-lg: 2.4rem;
--dot-md: 1.6rem;
--dot-sm: 1.2rem;
--form-item-xxl: 5.6rem;
--form-item-xl: 4.8rem;
--form-item-xl-height: 4.8rem;
--form-item-lg: 4rem;
--form-item-md: 3rem;
--form-item-sm: 2.4rem;
--form-item-xs: 2rem;
--icon-xxl: 6.4rem;
--icon-xl: 4.8rem;
--icon-lg: 3.2rem;
--icon-md: 2.4rem;
--icon-sm: 2rem;
--icon-xs: 1.6rem;
--header-height: 7.2rem;
--header-top-height: 3rem;
--scroll-width: 0.8rem;
--scroll-height: 0.8rem;
--element-width-min: 25.6rem;
--display-mobile-min: 36rem;
--display-mobile-max: 76.7rem;
--display-tablet-min: 76.8rem;
--display-tablet-max: 102.3rem;
--display-desktop-sm-min: 102.4rem;
--display-desktop-sm-max: 143.9rem;
--display-desktop-md-min: 144rem;
--display-desktop-md-max: 192rem;
--content-width-mobile-min: 30rem;
--content-width-mobile-max: 70.7rem;
--content-width-tablet-min: 67.2rem;
--content-width-tablet-max: 92.7rem;
--content-width-desktop-sm-min: 91.2rem;
--content-width-desktop-sm-max: 132.7rem;
--content-narrow-width-desktop-sm-max: 110.1rem;
--content-width-desktop-md-min-max: 124.8rem;
--content-narrow-width-desktop-md-min-max: 103.6rem;
--copy-max-width: 78rem;
--breadcrumb-height: 2.4rem;
--badge-lg: 2.4rem;
--badge-md: 1.6rem;
--form-item: 2.4rem;
--link: 0.4rem;
--contbg: 2.4rem;
--avatar: 99.9rem;
--badge-numeric: 99.9rem;
--flag: 99.9rem;
--alert: 1rem;
--box-xs: 0.4rem;
--box-sm: 1rem;
--box-md: 2.4rem;
--box-lg: 4rem;
--box-pill: 99.9rem;
--scroll: 99.9rem;
--bubble: 0.4rem;
--bubble-dropdown: 1rem;
--primary-bg-light: #fff8f6;
--primary-bg-light-hover: #fee5db;
--primary-border-light: #fee5db;
--primary-border-light-hover: #fdbba3;
--primary-border: #fa5519;
--primary-bg-hover: #fb7747;
--primary-bg: #fa5519;
--primary-bg-pressed: #bc4013;
--primary-content: #fa5519;
--primary-link-hover: #fa5519;
--primary-link: #bc4013;
--primary-link-pressed: #7d2b0d;
--secondary-bg-light: #e6f4e9;
--secondary-bg-light-hover: #cce7d1;
--secondary-border-light: #cce7d1;
--secondary-border-light-hover: #66b876;
--secondary-border: #00891b;
--secondary-bg-hover: #33a149;
--secondary-bg: #00891b;
--secondary-bg-pressed: #006714;
--secondary-content: #00891b;
--secondary-link-hover: #00891b;
--secondary-link: #006714;
--secondary-link-pressed: #00450e;
--tertiary-bg-light: #f5f6f7;
--tertiary-bg-light-hover: #e2e3e6;
--tertiary-border-light: #e2e3e6;
--tertiary-border-light-hover: #ced1d6;
--tertiary-border: #0a1833;
--tertiary-bg-hover: #838c9c;
--tertiary-bg: #3b465c;
--tertiary-bg-pressed: #0a1833;
--tertiary-content: #3b465c;
--tertiary-link-hover: #3b465c;
--tertiary-link: #0a1833;
--tertiary-link-pressed: #000a1d;
--quaternary-bg-light: #f0edec;
--quaternary-bg-light-hover: #dcd4d2;
--quaternary-border-light: #dcd4d2;
--quaternary-border-light-hover: #a38f88;
--quaternary-border: #654438;
--quaternary-bg-hover: #846960;
--quaternary-bg: #654438;
--quaternary-bg-pressed: #4c332a;
--quaternary-content: #654438;
--quaternary-link-hover: #654438;
--quaternary-link: #4c332a;
--quaternary-link-pressed: #33221c;
--error-bg-light: #fcdcdc;
--error-bg-light-hover: #f9bab9;
--error-border-light: #f9bab9;
--error-border-light-hover: #f59896;
--error-border: #e53f3c;
--error-bg-hover: #f59896;
--error-bg: #f27573;
--error-bg-pressed: #e53f3c;
--error-content: #a3120f;
--error-link-hover: #520908;
--error-link: #a3120f;
--error-link-pressed: #520908;
--warning-bg-light: #fff0cc;
--warning-bg-light-hover: #ffe299;
--warning-border-light: #ffe299;
--warning-border-light-hover: #ffd366;
--warning-border: #d69904;
--warning-bg-hover: #ffd366;
--warning-bg: #ffc433;
--warning-bg-pressed: #d69904;
--warning-content: #996d00;
--warning-link-hover: #4d3600;
--warning-link: #996d00;
--warning-link-pressed: #4d3600;
--success-bg-light: #effed6;
--success-bg-light-hover: #e0fdad;
--success-border-light: #e0fdad;
--success-border-light-hover: #d0fc84;
--success-border: #95c641;
--success-bg-hover: #d0fc84;
--success-bg: #c1fb5b;
--success-bg-pressed: #95c641;
--success-content: #507c03;
--success-link-hover: #365302;
--success-link: #507c03;
--success-link-pressed: #365302;
--info-bg-light: #d6effe;
--info-bg-light-hover: #ade0fd;
--info-border-light: #ade0fd;
--info-border-light-hover: #84d0fc;
--info-border: #08a1f9;
--info-bg-hover: #84d0fc;
--info-bg: #5bc1fb;
--info-bg-pressed: #08a1f9;
--info-content: #046ca7;
--info-link-hover: #023653;
--info-link: #046ca7;
--info-link-pressed: #023653;
--content-primary: #0a1833;
--content-primary-reversed: #fff;
--content-secondary: #3b465c;
--content-secondary-reversed: #ced1d6;
--content-placeholder: #3b465c;
--content-tertiary: #838c9c;
--bg-0: #fff;
--bg-0-reversed: #0a1833;
--bg-1: #e2e3e6;
--bg-2: #dcd4d2;
--bg-3: #fee5db;
--bg-add-1: #c6ecfe;
--bg-add-2: #fff3a8;
--bg-add-3: #d8d5ea;
--bg-elevated: #fff;
--bg-controll-item: #fff;
--bg-controll-item-hover: #f5f6f7;
--bg-controll-item-pressed: #e2e3e6;
--bg-controll-item-selected: #fee5db;
--bg-controll-item-selected-hover: #fdbba3;
--bg-overlay: rgba(0, 10, 29, 0.8);
--bg-overlay-subtle: rgba(0, 10, 29, 0.5);
--bg-track: #e2e3e6;
--border-enabled: #838c9c;
--border-hover: #0a1833;
--border-focus: #000a1d;
--border-focus-reversed: #f5f6f7;
--border-static: #ced1d6;
--border-static-reversed: #3b465c;
--border-static-white: #fff;
--cta-secondary-bg: #fee5db;
--cta-secondary-bg-hover: #fdbba3;
--cta-secondary-bg-pressed: #fb7747;
--cta-tertiary-bg: #e2e3e6;
--cta-tertiary-bg-hover: #ced1d6;
--cta-tertiary-bg-pressed: #838c9c;
--cta-icon-hover: rgba(0, 10, 29, 0.1);
--cta-icon-pressed: rgba(0, 10, 29, 0.25);
--cta-icon-reversed-hover: rgba(245, 246, 247, 0.1);
--cta-icon-reversed-pressed: rgba(245, 246, 247, 0.25);
--scroll-track: #f5f6f7;
--scroll-bar: #ced1d6;
--scroll-bar-hover: #ced1d6;
--scroll-reversed-bar-hover: #ced1d6;
--scroll-reversed-bar: #838c9c;
--scroll-reversed-track: #3b465c;
--base-black: #000;
--base-white: #fff;
}
body ::-webkit-scrollbar {
height: var(--scroll-height);
width: var(--scroll-width);
}
body ::-webkit-scrollbar-track {
background: var(--scroll-track);
border-radius: var(--scroll);
}
body ::-webkit-scrollbar-thumb {
background: var(--scroll-bar);
border-radius: var(--scroll);
}
body ::-webkit-scrollbar-thumb:hover {
background: var(--scroll-bar-hover);
}
body.scroll-reversed ::-webkit-scrollbar-track {
background: var(--scroll-reversed-track);
}
body.scroll-reversed ::-webkit-scrollbar-thumb {
background: var(--scroll-reversed-bar);
}
body.scroll-reversed ::-webkit-scrollbar-thumb:hover {
background: var(--scroll-reversed-bar-hover);
}
*,
:after,
:before {
box-sizing: border-box;
margin: 0;
-webkit-tap-highlight-color: transparent;
}
.grecaptcha-badge {
display: none !important;
}
.resize-observer[data-v-b329ee4c] {
background-color: transparent;
border: none;
opacity: 0;
}
.resize-observer[data-v-b329ee4c],
.resize-observer[data-v-b329ee4c] object {
display: block;
height: 100%;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.v-popper__popper {
left: 0;
outline: none;
top: 0;
z-index: 10000;
}
.v-popper__popper.v-popper__popper--hidden {
opacity: 0;
pointer-events: none;
transition:
opacity 0.15s,
visibility 0.15s;
visibility: hidden;
}
.v-popper__popper.v-popper__popper--shown {
opacity: 1;
transition: opacity 0.15s;
visibility: visible;
}
.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition > .v-popper__wrapper {
transition: none !important;
}
.v-popper__backdrop {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.v-popper__inner {
box-sizing: border-box;
overflow-y: auto;
position: relative;
}
.v-popper__inner > div {
max-height: inherit;
max-width: inherit;
position: relative;
z-index: 1;
}
.v-popper__arrow-container {
height: 10px;
position: absolute;
width: 10px;
}
.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
display: none;
}
.v-popper__arrow-inner,
.v-popper__arrow-outer {
border-style: solid;
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0;
}
.v-popper__arrow-inner {
border-width: 7px;
visibility: hidden;
}
.v-popper__arrow-outer {
border-width: 6px;
}
.v-popper__popper[data-popper-placement^='bottom'] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^='top'] .v-popper__arrow-inner {
left: -2px;
}
.v-popper__popper[data-popper-placement^='bottom'] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^='top'] .v-popper__arrow-outer {
left: -1px;
}
.v-popper__popper[data-popper-placement^='top'] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^='top'] .v-popper__arrow-outer {
border-bottom-color: transparent !important;
border-bottom-width: 0;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.v-popper__popper[data-popper-placement^='top'] .v-popper__arrow-inner {
top: -2px;
}
.v-popper__popper[data-popper-placement^='bottom'] .v-popper__arrow-container {
top: 0;
}
.v-popper__popper[data-popper-placement^='bottom'] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^='bottom'] .v-popper__arrow-outer {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
border-top-width: 0;
}
.v-popper__popper[data-popper-placement^='bottom'] .v-popper__arrow-inner {
top: -4px;
}
.v-popper__popper[data-popper-placement^='bottom'] .v-popper__arrow-outer {
top: -6px;
}
.v-popper__popper[data-popper-placement^='left'] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^='right'] .v-popper__arrow-inner {
top: -2px;
}
.v-popper__popper[data-popper-placement^='left'] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^='right'] .v-popper__arrow-outer {
top: -1px;
}
.v-popper__popper[data-popper-placement^='right'] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^='right'] .v-popper__arrow-outer {
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-left-width: 0;
border-top-color: transparent !important;
}
.v-popper__popper[data-popper-placement^='right'] .v-popper__arrow-inner {
left: -4px;
}
.v-popper__popper[data-popper-placement^='right'] .v-popper__arrow-outer {
left: -6px;
}
.v-popper__popper[data-popper-placement^='left'] .v-popper__arrow-container {
right: -10px;
}
.v-popper__popper[data-popper-placement^='left'] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^='left'] .v-popper__arrow-outer {
border-bottom-color: transparent !important;
border-right-color: transparent !important;
border-right-width: 0;
border-top-color: transparent !important;
}
.v-popper__popper[data-popper-placement^='left'] .v-popper__arrow-inner {
left: -2px;
}
.v-popper--theme-tooltip .v-popper__inner {
background: #000c;
border-radius: 6px;
color: #fff;
padding: 7px 12px 6px;
}
.v-popper--theme-tooltip .v-popper__arrow-outer {
border-color: #000c;
}
.v-popper--theme-dropdown .v-popper__inner {
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
box-shadow: 0 6px 30px #0000001a;
color: #000;
}
.v-popper--theme-dropdown .v-popper__arrow-inner {
border-color: #fff;
visibility: visible;
}
.v-popper--theme-dropdown .v-popper__arrow-outer {
border-color: #ddd;
}
a {
color: inherit;
text-decoration: none;
}
.autosmartservice-logo {
height: 4rem;
width: 15rem;
}
.autosmartservice-logo.xmas {
height: 4.8rem;
}
.icon {
height: 100%;
width: 100%;
}
.icon.xs {
height: var(--icon-xs, 16px);
min-width: var(--icon-xs, 16px);
width: var(--icon-xs, 16px);
}
.icon.sm {
height: var(--icon-sm);
min-width: var(--icon-sm);
width: var(--icon-sm);
}
.icon.md {
height: var(--icon-md);
min-width: var(--icon-md);
width: var(--icon-md);
}
.icon.lg {
height: var(--icon-lg, 32px);
min-width: var(--icon-lg, 32px);
width: var(--icon-lg, 32px);
}
.icon.xl {
height: var(--icon-xl, 48px);
min-width: var(--icon-xl, 48px);
width: var(--icon-xl, 48px);
}
.icon.auto {
width: auto;
}
.icon[data-v-80d98e70] {
cursor: pointer;
}
.button {
align-items: center;
border: none;
border-radius: var(--form-item, 24px);
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-flow: row nowrap;
justify-content: center;
position: relative;
text-decoration: none;
width: auto;
}
.button .suffix {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.2rem;
}
.button.wide {
width: 100%;
}
@media only screen and (max-width: 767px) {
.button {
width: 100%;
}
}
.button:focus-visible {
border-color: var(--border-focus);
outline: 4px solid var(--border-focus);
}
.button .inner {
align-items: baseline;
display: flex;
flex-flow: row nowrap;
gap: inherit;
justify-content: center;
}
.button .inner .text {
line-height: 2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.button.icon-only {
flex-shrink: 0;
padding: 0;
}
.button.lg .icon,
.button.md .icon,
.button.xl .icon {
height: var(--icon-md);
width: var(--icon-md);
}
.button.md,
.button.sm {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.2rem;
}
.button.sm {
gap: var(--space-xxs);
height: var(--form-item-sm);
min-height: var(--form-item-sm);
padding: 0 var(--space-2sm);
}
.button.sm.icon-only {
width: var(--form-item-sm);
}
.button.sm .icon {
height: var(--icon-sm);
width: var(--icon-sm);
}
.button.md {
gap: var(--space-xxs, 2px);
height: var(--form-item-md, 30px);
min-height: var(--form-item-md, 30px);
padding: 0 var(--space-md, 16px);
}
.button.md.icon-only {
width: var(--form-item-md, 30px);
}
.button.lg,
.button.xl {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.button.lg {
gap: var(--space-xs, 4px);
height: var(--form-item-lg, 40px);
min-height: var(--form-item-lg, 40px);
padding: 0 var(--space-2md, 20px);
}
.button.lg.icon-only {
width: var(--form-item-lg, 40px);
}
.button.xl {
gap: var(--space-xs);
height: var(--form-item-xl);
min-height: var(--form-item-xl);
padding: 0 var(--space-3md);
}
.button.xl.icon-only {
width: var(--form-item-xl);
}
.button:disabled {
cursor: default;
opacity: 0.5;
}
.button.primary {
background-color: var(--primary-bg);
color: var(--content-primary-reversed);
}
.button.primary .icon {
fill: var(--content-primary-reversed);
}
.button.primary:hover {
background-color: var(--primary-bg-hover);
}
.button.primary:active {
background-color: var(--primary-bg-pressed);
}
.button.primary:disabled {
background-color: var(--primary-bg);
}
.button.secondary {
background-color: var(--cta-secondary-bg);
color: var(--primary-link);
}
.button.secondary .icon {
fill: var(--primary-link);
}
.button.secondary:hover {
background-color: var(--cta-secondary-bg-hover);
}
.button.secondary:active {
background-color: var(--cta-secondary-bg-pressed);
}
.button.secondary:disabled {
background-color: var(--cta-secondary-bg);
}
.button.tertiary {
background-color: var(--cta-tertiary-bg);
color: var(--tertiary-link);
}
.button.tertiary .icon {
fill: var(--tertiary-link);
}
.button.tertiary:hover {
background-color: var(--cta-tertiary-bg-hover);
}
.button.tertiary:active {
background-color: var(--cta-tertiary-bg-pressed);
}
.button.tertiary:disabled {
background-color: var(--cta-tertiary-bg);
}
.button.quaternary {
background-color: var(--tertiary-bg);
color: var(--content-primary-reversed);
}
.button.quaternary .icon {
fill: var(--content-primary-reversed);
}
.button.quaternary:hover {
background-color: var(--tertiary-bg-hover);
}
.button.quaternary:active {
background-color: var(--tertiary-bg-pressed);
}
.button.quaternary:disabled {
background-color: var(--tertiary-bg);
}
.button.subtle {
background-color: transparent;
color: var(--primary-link);
}
.button.subtle .icon {
fill: var(--primary-link);
}
.button.subtle .suffix {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.2rem;
}
.button.subtle:hover {
background-color: var(--bg-controll-item-hover);
}
.button.subtle:active {
background-color: var(--bg-controll-item-pressed);
}
.button.reversed,
.button.subtle:disabled {
background-color: var(--bg-0);
}
.button.reversed {
color: var(--primary-link);
}
.button.reversed .icon {
fill: var(--primary-link);
}
.button.reversed .suffix {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.2rem;
}
.button.reversed:hover {
background-color: var(--cta-secondary-bg-hover);
}
.button.reversed:active {
background-color: var(--cta-secondary-bg-pressed);
}
.button.reversed:disabled {
background-color: var(--bg-0);
}
.button .icon {
align-items: center;
display: flex;
justify-content: center;
}
.button .icon.before {
order: -1;
}
.button .icon.only {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.button .icon.none {
display: none;
}
a {
align-items: center;
cursor: pointer;
gap: var(--space-xs);
text-decoration: none;
}
a,
a .text {
display: inline-flex;
}
a .text {
width: 100%;
}
@media only screen and (max-width: 1023px) {
a.hide-mobile .text {
display: none;
}
}
a:focus-visible {
border-color: var(--border-focus);
border-radius: var(--link);
outline: 2px solid var(--border-focus);
}
a.xs {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 600;
gap: var(--space-xxs);
letter-spacing: 0.3px;
line-height: 1.8rem;
}
a.xs p {
margin-bottom: 0;
}
a.xs p ~ p {
margin-top: 1.2rem;
}
a.xs .icon {
height: var(--icon-xs);
width: var(--icon-xs);
}
a.sm {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
gap: var(--space-xxs);
letter-spacing: 0.3px;
line-height: 2rem;
}
a.sm p {
margin-bottom: 0;
}
a.sm p ~ p {
margin-top: 1.4rem;
}
a.sm .icon {
height: var(--icon-sm);
width: var(--icon-sm);
}
a.md {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
a.md p {
margin-bottom: 0;
}
a.md p ~ p {
margin-top: 1.6rem;
}
a.md .icon {
height: var(--icon-md);
width: var(--icon-md);
}
a.primary {
color: var(--primary-link);
}
a.primary .icon {
fill: var(--primary-link);
}
a.primary:hover {
color: var(--primary-link-hover);
}
a.primary:hover .icon {
fill: var(--primary-link-hover);
}
a.primary:active {
color: var(--primary-link-pressed);
}
a.primary:active .icon {
fill: var(--primary-link-pressed);
}
a.secondary {
color: var(--secondary-link);
}
a.secondary .icon {
fill: var(--secondary-link);
}
a.secondary:hover {
color: var(--secondary-link-hover);
}
a.secondary:hover .icon {
fill: var(--secondary-link-hover);
}
a.secondary:active {
color: var(--secondary-link-pressed);
}
a.secondary:active .icon {
fill: var(--secondary-link-pressed);
}
a.tertiary {
color: var(--tertiary-link);
}
a.tertiary .icon {
fill: var(--tertiary-link);
}
a.tertiary:hover {
color: var(--tertiary-link-hover);
}
a.tertiary:hover .icon {
fill: var(--tertiary-link-hover);
}
a.tertiary:active {
color: var(--tertiary-link-pressed);
}
a.tertiary:active .icon {
fill: var(--tertiary-link-pressed);
}
a.reversed {
color: var(--content-primary-reversed);
}
a.reversed .icon {
fill: var(--content-primary-reversed);
}
a.reversed:hover {
color: var(--primary-link-hover);
}
a.reversed:hover .icon {
fill: var(--primary-link-hover);
}
a.reversed:active {
color: var(--primary-link-pressed);
}
a.reversed:active .icon {
fill: var(--primary-link-pressed);
}
a.disabled {
opacity: 0.5;
pointer-events: none;
}
a .icon {
align-items: center;
display: flex;
justify-content: center;
}
a .icon.before {
order: -1;
}
a .icon.none {
display: none;
}
.header-link {
align-items: center;
color: var(--tertiary-link);
cursor: pointer;
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
height: var(--header-height);
letter-spacing: 0.3px;
line-height: 1.4rem;
position: relative;
width: -moz-max-content;
width: max-content;
}
.header-link.active:after,
.header-link:hover:after {
background-color: var(--primary-border);
border-radius: var(--box-sm) var(--box-sm) 0 0;
bottom: 0;
content: '';
height: 0.3rem;
position: absolute;
width: 100%;
}
.header-link.top {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 700;
height: var(--header-top-height);
letter-spacing: 0.3px;
line-height: 1.2rem;
}
.header-link > * {
align-items: center;
align-self: stretch;
display: flex;
}
#main-menu,
#main-menu .links {
align-items: center;
display: flex;
gap: var(--space-2md);
}
#main-menu .links {
flex: 1 0 0;
}
#header {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#header {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
#header {
max-width: 100%;
}
}
#header {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#header {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
#header {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
#header {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#header {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
#header {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
#header .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#header .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
#header .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
#header .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#header .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
#header .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
#header {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#header {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
#header {
gap: var(--space-3md, 24px);
}
}
#header .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#header .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
#header .content {
gap: var(--space-3md, 24px);
}
}
#header {
align-items: center;
display: flex;
margin: 0 auto;
position: relative;
}
#header,
#header .content {
justify-content: center;
}
@media only screen and (max-width: 1023px) {
#header .content {
flex-direction: column;
}
}
#header {
background: var(--bg-0);
height: var(--header-height);
padding-bottom: 0;
padding-top: 0;
width: 100%;
}
@media only screen and (max-width: 767px) {
#header {
border-bottom: 1px solid var(--border-static, #ced1d6);
}
}
@media only screen and (max-width: 1199px) {
#header.my-account-header .logo {
flex: 1 0 0;
}
#header.my-account-header .mobile-only {
display: block;
}
#header.my-account-header .desktop-only {
display: none;
}
}
#header.my-account-header .sm-desktop-only {
display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
#header.my-account-header .sm-desktop-only {
display: inherit;
}
}
#header .content {
align-items: center;
display: flex;
flex-direction: row;
gap: var(--space-2lg);
height: 100%;
width: 100%;
}
#header .content.full-width {
max-width: 100%;
}
@media only screen and (min-width: 1440px) {
#header .content.full-width {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
#header .content.only-logo {
justify-content: flex-start;
}
@media only screen and (max-width: 1023px) {
#header .logo {
flex: 1 0 0;
}
}
#header .menu {
flex: 1 0 0;
}
#header .icon-menu {
align-items: center;
display: flex;
fill: var(--primary-content);
height: var(--form-item-lg);
justify-content: center;
width: var(--form-item-lg);
}
#header .icon-menu .icon {
height: 100%;
width: 100%;
}
#header .right {
align-items: center;
display: flex;
flex-direction: row;
gap: var(--space-2sm);
}
#header .right .notifications {
display: flex;
flex-flow: row nowrap;
}
#header .right .notifications .icon-wrapper {
align-items: center;
display: flex;
height: var(--form-item-lg);
justify-content: center;
width: var(--form-item-lg);
}
#header .right .notifications .icon-wrapper:empty {
width: auto;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header .right .avatar-dropdown-wrapper .label-wrapper .user-name {
display: none;
}
}
#header .mobile-only {
display: none;
}
@media only screen and (max-width: 1023px) {
#header .mobile-only {
display: block;
}
#header .desktop-only {
display: none;
}
}
#header .sm-desktop-only {
display: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#header .sm-desktop-only {
display: inherit;
}
}
#header .md-desktop-min {
display: none;
}
@media only screen and (min-width: 1440px) {
#header .md-desktop-min {
display: inherit;
}
}
body.block-scroll {
height: 100%;
overflow: hidden;
position: fixed;
width: 100%;
}
.footer-copyright {
color: var(--content-secondary-reversed);
display: flex;
flex: 1 0 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.1rem;
font-weight: 400;
gap: var(--space-xs);
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.footer-copyright p {
margin-bottom: 0;
}
.footer-copyright p ~ p {
margin-top: 1.1rem;
}
@media only screen and (max-width: 1023px) {
.footer-copyright {
flex-direction: column-reverse;
width: 100%;
}
}
.footer-copyright .text a {
color: inherit;
font-weight: 700;
text-decoration: inherit;
}
.footer-copyright.slim {
flex-direction: column-reverse;
}
.button {
background-color: unset;
border: none;
border-radius: var(--form-item);
box-sizing: border-box;
cursor: pointer;
fill: var(--tertiary-link);
padding: 0;
position: relative;
}
.button:hover {
background-color: var(--cta-icon-hover);
}
.button:active {
background-color: var(--cta-icon-pressed);
}
.button:disabled {
background-color: unset;
cursor: not-allowed;
}
.button:disabled .icon {
opacity: 0.5;
}
.button:focus-visible {
border-color: var(--border-focus);
outline: 4px solid var(--border-focus);
}
.button.reversed {
fill: var(--content-primary-reversed);
}
.button.reversed:hover {
background-color: var(--cta-icon-reversed-hover);
}
.button.reversed:active {
background-color: var(--cta-icon-reversed-pressed);
}
.button.reversed:disabled {
background-color: unset;
}
.button.reversed:disabled .icon {
opacity: 0.5;
}
.button.reversed:focus-visible {
border-color: var(--border-focus-reversed);
outline: 4px solid var(--border-focus-reversed);
}
.button .icon {
height: var(--icon-md);
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: var(--icon-md);
}
.button.sm {
height: var(--form-item-sm);
min-width: var(--form-item-sm);
width: var(--form-item-sm);
}
.button.sm .icon {
height: var(--icon-sm);
width: var(--icon-sm);
}
.button.md {
height: var(--form-item-md);
min-width: var(--form-item-md);
width: var(--form-item-md);
}
.button.lg {
height: var(--form-item-lg);
min-width: var(--form-item-lg);
}
.button.xl {
height: var(--form-item-xl);
min-width: var(--form-item-xl);
}
.mobile-menu {
display: none;
}
.mobile-menu.active {
display: block;
}
.divider {
align-items: center;
color: var(--content-primary);
display: flex;
}
.divider .text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.6rem;
margin: 0 var(--space-sm);
}
.divider:after,
.divider:before {
background-color: var(--border-static);
content: '';
flex: 1;
height: 1px;
}
.divider.negative {
color: var(--content-primary-reversed);
}
.divider.negative:after,
.divider.negative:before {
background-color: var(--border-static-reversed);
}
.divider.vertical {
align-self: stretch;
background-color: var(--border-static);
flex-direction: column;
height: auto;
width: 1px;
}
.divider.vertical:after,
.divider.vertical:before {
height: 0;
width: 0;
}
.footer-contact a:-moz-any-link {
color: var(--content-secondary-reversed);
text-decoration: none;
}
.footer-contact a:any-link {
color: var(--content-secondary-reversed);
text-decoration: none;
}
.footer-contact[data-v-0331eadf] {
align-items: flex-start;
display: flex;
flex-direction: column;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
gap: var(--space-sm);
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.footer-contact p[data-v-0331eadf] {
margin-bottom: 0;
}
.footer-contact p ~ p[data-v-0331eadf] {
margin-top: 1.2rem;
}
.footer-contact .contact-phone[data-v-0331eadf] {
align-items: center;
color: var(--content-secondary-reversed);
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
height: auto;
line-height: 150%;
}
.footer-contact .contact-phone .icons[data-v-0331eadf] {
display: flex;
flex: 0;
opacity: 0.5;
pointer-events: none;
}
.footer-contact .contact-phone .numbers[data-v-0331eadf] {
flex: 1;
opacity: 0.5;
}
@media only screen and (max-width: 767px) {
.footer-contact.slim[data-v-0331eadf] {
width: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.footer-contact.slim[data-v-0331eadf] {
flex-wrap: wrap-reverse;
}
}
.footer-contact .footer-link[data-v-0331eadf] {
flex-basis: 100%;
}
.badge-wrapper {
border-radius: var(--box-xs, 4px);
color: var(--content-primary-reversed);
font-size: 1rem;
line-height: 1rem;
padding: var(--space-xs, 4px);
text-align: center;
}
.badge-wrapper,
.badge-wrapper.large {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.badge-wrapper.large {
font-size: 1.4rem;
line-height: 1.4rem;
}
.badge-wrapper.numeric {
border-radius: var(--badge-numeric);
min-width: 1.8rem;
}
.badge-wrapper.numeric.large {
min-width: 2.2rem;
}
.badge-wrapper.primary {
background-color: var(--primary-bg);
}
.badge-wrapper.neutral {
background-color: var(--bg-1);
color: var(--content-secondary);
}
.badge-wrapper.error {
background-color: var(--error-bg);
}
.badge-wrapper.success {
background-color: var(--success-bg);
color: var(--content-secondary);
}
.badge-wrapper.info {
background-color: var(--info-bg);
}
.badge-wrapper.info2 {
background-color: var(--bg-add-1);
color: var(--content-secondary);
}
.badge-wrapper.neutral-dark {
background-color: var(--tertiary-bg);
}
.badge-wrapper.warning {
background-color: var(--warning-bg);
color: var(--content-secondary);
}
.footer-link[data-v-0cb024f1] {
align-items: center;
color: var(--content-secondary-reversed);
display: inline-flex;
flex-shrink: 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
gap: var(--space-xs);
height: var(--form-item-sm);
letter-spacing: 0.3px;
line-height: 1.2rem;
padding: var(--space-xxs) var(--space-null);
width: 100%;
}
.footer-link .link[data-v-0cb024f1]:hover {
color: var(--primary-link-hover);
cursor: pointer;
}
.footer-link[data-v-0cb024f1]:active {
color: var(--primary-link-pressed);
}
.footer-link[data-v-0cb024f1]:focus,
.footer-link[data-v-0cb024f1]:focus-visible {
border: 2px solid var(--border-focus-reversed);
border-radius: var(--radius-xs);
}
.footer-link.disabled[data-v-0cb024f1] {
opacity: 0.5;
pointer-events: none;
}
.logotype[data-v-ce7edea5] {
height: auto;
width: auto;
}
.ro-stamps {
align-items: center;
display: flex;
gap: var(--space-sm);
}
.ro-stamps .sal-1,
.ro-stamps .sal-2 {
height: 4.4rem;
width: 17.5rem;
}
@media only screen and (max-width: 767px) {
.ro-stamps {
align-items: flex-start;
flex-direction: column;
width: 100%;
}
}
.footer-link[data-v-77cfb1c5] {
align-items: center;
color: var(--content-secondary-reversed);
display: inline-flex;
flex-shrink: 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
gap: var(--space-xs);
height: var(--form-item-sm);
letter-spacing: 0.3px;
line-height: 1.2rem;
padding: var(--space-xxs) var(--space-null);
width: 100%;
}
.footer-link .link[data-v-77cfb1c5]:hover {
color: var(--primary-link-hover);
cursor: pointer;
}
.footer-link[data-v-77cfb1c5]:active {
color: var(--primary-link-pressed);
}
.footer-link[data-v-77cfb1c5]:focus,
.footer-link[data-v-77cfb1c5]:focus-visible {
border: 2px solid var(--border-focus-reversed);
border-radius: var(--radius-xs);
}
.footer-link.disabled[data-v-77cfb1c5] {
opacity: 0.5;
pointer-events: none;
}
.progress-spinner[data-v-4f0408ef] {
height: var(--icon-xxl);
margin: 0.666rem;
width: var(--icon-xxl);
}
.progress-spinner svg[data-v-4f0408ef] {
animation: loading-rotate-4f0408ef 2s linear infinite;
height: 100%;
width: 100%;
}
.progress-spinner .path[data-v-4f0408ef] {
animation: loading-dash-4f0408ef 1.5s ease-in-out infinite;
stroke: var(--primary-bg-pressed);
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
stroke-linecap: round;
stroke-width: 0.4rem;
}
.progress-spinner.negative .path[data-v-4f0408ef] {
stroke: var(--bg-0);
}
.progress-spinner.sm[data-v-4f0408ef] {
transform: scale(0.315);
}
.progress-spinner.md[data-v-4f0408ef] {
transform: scale(0.375);
}
.progress-spinner.lg[data-v-4f0408ef] {
transform: scale(0.5);
}
.progress-spinner.xl[data-v-4f0408ef] {
transform: scale(75%);
}
.progress-spinner.auto[data-v-4f0408ef] {
height: 100%;
margin: 0;
width: -moz-max-content;
width: max-content;
}
@keyframes loading-rotate-4f0408ef {
to {
transform: rotate(1turn);
}
}
@keyframes loading-dash-4f0408ef {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
.disable-scroll {
overflow: hidden;
}
.zindex-fix {
z-index: var(--zindex-fix-value, 0);
}
.modal-base .modal-wrapper[data-v-745d5e95] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
gap: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
gap: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
gap: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
gap: var(--space-3md);
}
}
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
padding: var(--space-3md);
}
}
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
border-radius: var(--box-md, 24px);
}
}
.modal-base .modal-wrapper[data-v-745d5e95] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.modal-base .modal-wrapper[data-v-745d5e95] {
padding-bottom: var(--space-3lg);
padding-top: var(--space-3lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
padding-bottom: var(--space-3lg);
padding-top: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
padding-bottom: var(--space-4lg);
padding-top: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
padding-bottom: var(--space-4lg);
padding-top: var(--space-4lg);
}
}
.modal-base .modal-wrapper .modal .title.h1[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper .modal .title.h1[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper .modal .title.h1[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper .modal .title.h1[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.modal-base .modal-wrapper .modal .title.h2[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper .modal .title.h2[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper .modal .title.h2[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper .modal .title.h2[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.modal-base .modal-wrapper .modal .title.h3[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper .modal .title.h3[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper .modal .title.h3[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper .modal .title.h3[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.modal-base .modal-wrapper .modal .title.h4[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper .modal .title.h4[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper .modal .title.h4[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper .modal .title.h4[data-v-745d5e95] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.modal-base .modal-wrapper .modal .title.lead-semi-bold[data-v-745d5e95] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.modal-base .modal-wrapper .modal .title.lead-semi-bold p[data-v-745d5e95] {
margin-bottom: 0;
}
.modal-base .modal-wrapper .modal .title.lead-semi-bold p ~ p[data-v-745d5e95] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-base .modal-wrapper .modal .title.lead-semi-bold[data-v-745d5e95] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.modal-base .modal-wrapper .modal .title.lead-semi-bold p[data-v-745d5e95] {
margin-bottom: 0;
}
.modal-base
.modal-wrapper
.modal
.title.lead-semi-bold
p
~ p[data-v-745d5e95] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-base .modal-wrapper .modal .title.lead-semi-bold[data-v-745d5e95] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.modal-base .modal-wrapper .modal .title.lead-semi-bold p[data-v-745d5e95] {
margin-bottom: 0;
}
.modal-base
.modal-wrapper
.modal
.title.lead-semi-bold
p
~ p[data-v-745d5e95] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.modal-base .modal-wrapper .modal .title.lead-semi-bold[data-v-745d5e95] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.modal-base .modal-wrapper .modal .title.lead-semi-bold p[data-v-745d5e95] {
margin-bottom: 0;
}
.modal-base
.modal-wrapper
.modal
.title.lead-semi-bold
p
~ p[data-v-745d5e95] {
margin-top: 2rem;
}
}
body[data-v-745d5e95] ::-webkit-scrollbar {
height: var(--scroll-height);
width: var(--scroll-width);
}
body[data-v-745d5e95] ::-webkit-scrollbar-track {
background: var(--scroll-track);
border-radius: var(--scroll);
}
body[data-v-745d5e95] ::-webkit-scrollbar-thumb {
background: var(--scroll-bar);
border-radius: var(--scroll);
}
body[data-v-745d5e95] ::-webkit-scrollbar-thumb:hover {
background: var(--scroll-bar-hover);
}
body.scroll-reversed[data-v-745d5e95] ::-webkit-scrollbar-track {
background: var(--scroll-reversed-track);
}
body.scroll-reversed[data-v-745d5e95] ::-webkit-scrollbar-thumb {
background: var(--scroll-reversed-bar);
}
body.scroll-reversed[data-v-745d5e95] ::-webkit-scrollbar-thumb:hover {
background: var(--scroll-reversed-bar-hover);
}
.modal-base[data-v-745d5e95] {
z-index: 120000;
}
.modal-base .modal-wrapper[data-v-745d5e95] {
align-items: center;
display: flex;
height: 100dvh;
justify-content: center;
left: 50%;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
width: 100vw;
z-index: 120000;
}
.modal-base .modal-wrapper[data-v-745d5e95]:before {
background-color: var(--bg-overlay-subtle);
content: '';
height: 110vh;
position: absolute;
width: 110vw;
}
@media only screen and (max-width: 767px) {
.modal-base .modal-wrapper[data-v-745d5e95] {
max-height: var(--app-height, 100%);
}
}
.modal-base .modal-wrapper.fullscreen[data-v-745d5e95] {
align-items: flex-start;
padding: 0;
}
.modal-base .modal-wrapper.fullscreen .modal[data-v-745d5e95] {
border-radius: 0;
height: 100vh;
width: 100vw;
}
.modal-base .modal-wrapper.fullscreen .modal .content[data-v-745d5e95] {
height: 100%;
}
.modal-base .modal-wrapper.fullscreen .modal .close[data-v-745d5e95] {
fill: var(--tertiary-link);
right: var(--space-sm);
top: var(--space-sm);
}
.modal-base .modal-wrapper.fullscreen .modal .title[data-v-745d5e95] {
padding-right: var(--space-3md);
}
.modal-base .modal-wrapper.fullscreen .modal .footer-wrapper[data-v-745d5e95] {
margin-top: auto;
}
.modal-base .modal-wrapper.right[data-v-745d5e95] {
align-items: flex-start;
justify-content: flex-end;
max-width: none;
padding: 0;
}
.modal-base .modal-wrapper.right .modal[data-v-745d5e95] {
animation: slide-in-from-right-745d5e95 0.3s ease forwards;
border-radius: 0;
height: 100dvh;
width: auto;
}
.modal-base .modal-wrapper.right .modal.slide-out-animation[data-v-745d5e95] {
animation: slide-out-to-right-745d5e95 0.3s ease forwards;
}
.modal-base .modal-wrapper.right .modal .content[data-v-745d5e95] {
height: 100%;
}
.modal-base .modal-wrapper.right .modal .close[data-v-745d5e95] {
fill: var(--tertiary-link);
right: var(--space-sm);
top: var(--space-sm);
}
.modal-base .modal-wrapper.right .modal .title[data-v-745d5e95] {
padding-right: var(--space-3md);
}
.modal-base .modal-wrapper.right .blocker[data-v-745d5e95] {
background-color: var(--bg-overlay-subtle);
}
.modal-base .modal-wrapper .blocker[data-v-745d5e95] {
bottom: 0;
content: ' ';
position: fixed;
top: 0;
width: 150vw;
}
.modal-base .modal-wrapper .modal[data-v-745d5e95] {
background-color: var(--content-primary-reversed);
display: flex;
flex-flow: column nowrap;
max-height: 100%;
min-width: var(--element-width-min);
position: relative;
}
.modal-base .modal-wrapper .modal .title[data-v-745d5e95] {
color: var(--content-primary);
}
.modal-base .modal-wrapper .modal .close[data-v-745d5e95] {
align-items: center;
cursor: pointer;
display: flex;
fill: var(--content-primary-reversed);
height: var(--form-item-md);
justify-content: center;
position: absolute;
right: 0;
top: calc((var(--form-item-md) + var(--space-xs)) * -1);
width: var(--form-item-md);
}
.modal-base .modal-wrapper .modal .loader[data-v-745d5e95] {
display: flex;
justify-content: center;
margin: 10% auto;
}
@media only screen and (min-width: 768px) {
.modal-base .modal-wrapper .modal .loader[data-v-745d5e95] {
min-width: 500px;
}
}
.modal-base .modal-wrapper .modal .content[data-v-745d5e95] {
overflow: auto;
}
.modal-base .modal-wrapper .modal .content.scroll[data-v-745d5e95] {
padding-right: var(--space-md);
}
.modal-base .modal-wrapper .modal .footer[data-v-745d5e95],
.modal-base .modal-wrapper .modal .left[data-v-745d5e95],
.modal-base .modal-wrapper .modal .right[data-v-745d5e95] {
display: flex;
flex-flow: row nowrap;
gap: var(--space-sm);
}
.modal-base .modal-wrapper .modal .footer-wrapper[data-v-745d5e95] {
position: relative;
}
.modal-base .modal-wrapper .modal .footer-wrapper.fade[data-v-745d5e95]:after {
background: linear-gradient(180deg, #fff0 18.75%, #fff);
content: '';
display: block;
height: var(--space-3md);
left: 0;
position: absolute;
top: calc(var(--space-3lg) * -1);
width: 97%;
}
@media only screen and (max-width: 1023px) {
.modal-base
.modal-wrapper
.modal
.footer-wrapper.fade[data-v-745d5e95]:after {
top: calc(var(--space-2lg) * -1);
}
}
.modal-base .modal-wrapper .modal .footer[data-v-745d5e95] {
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.modal-base .modal-wrapper .modal .footer[data-v-745d5e95],
.modal-base .modal-wrapper .modal .left[data-v-745d5e95],
.modal-base .modal-wrapper .modal .right[data-v-745d5e95] {
flex-flow: column nowrap !important;
}
}
.modal-base .modal-wrapper.no-overflow .content[data-v-745d5e95] {
overflow: initial;
}
@keyframes slide-in-from-right-745d5e95 {
0% {
opacity: 0;
transform: translate(100%);
}
to {
opacity: 1;
transform: translate(0);
}
}
@keyframes slide-out-to-right-745d5e95 {
0% {
opacity: 1;
transform: translate(0);
}
to {
opacity: 0;
transform: translate(100%);
}
}
.menu-list[data-v-35346e02] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-xs, 4px);
width: 100%;
}
.menu-list-wrapper[data-v-35346e02] {
align-self: stretch;
display: flex;
flex: 1;
gap: var(--space-xxs, 2px);
}
.menu-list-wrapper[data-v-35346e02],
.menu-list-wrapper.vertical[data-v-35346e02] {
flex-direction: column;
}
.menu-list-wrapper.vertical.scroll[data-v-35346e02] {
overflow-y: scroll;
padding-right: var(--space-xs, 4px);
}
.menu-list-wrapper.horizontal[data-v-35346e02],
.menu-list-wrapper.wrap[data-v-35346e02] {
align-items: flex-start;
flex-direction: row;
}
.menu-list-wrapper.wrap[data-v-35346e02] {
align-content: flex-start;
flex-wrap: wrap;
}
.menu-list-item-flag[data-v-f7a6059c] {
align-items: center;
background-color: var(--bg-controll-item);
border: 2px transparent;
border-radius: var(--box-xs);
color: var(--content-primary);
cursor: pointer;
display: flex;
gap: var(--space-md);
min-height: var(--form-item-lg);
padding: calc(var(--space-sm) - 2px) var(--space-2md);
width: 100%;
}
.menu-list-item-flag .country-and-description[data-v-f7a6059c] {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: 0;
justify-content: center;
}
.menu-list-item-flag .country-and-description .description[data-v-f7a6059c] {
align-self: stretch;
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.menu-list-item-flag .country-and-description .description p[data-v-f7a6059c] {
margin-bottom: 0;
}
.menu-list-item-flag
.country-and-description
.description
p
~ p[data-v-f7a6059c] {
margin-top: 1.2rem;
}
.menu-list-item-flag .country-and-description .label[data-v-f7a6059c] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
}
.menu-list-item-flag .country-and-description .label p[data-v-f7a6059c] {
margin-bottom: 0;
}
.menu-list-item-flag .country-and-description .label p ~ p[data-v-f7a6059c] {
margin-top: 1.4rem;
}
.menu-list-item-flag .country-and-description .label[data-v-f7a6059c] {
display: block;
line-height: 2rem;
}
@media only screen and (min-width: 768px) {
.menu-list-item-flag[data-v-f7a6059c]:hover {
background-color: var(--bg-controll-item-hover);
}
}
.menu-list-item-flag[data-v-f7a6059c]:active {
background-color: var(--bg-controll-item-pressed);
}
.menu-list-item-flag.disabled[data-v-f7a6059c] {
opacity: 0.5;
}
.menu-list-item-flag[data-v-f7a6059c]:focus-visible {
border: 2px solid var(--border-focus);
}
.menu-list-item-flag.selected[data-v-f7a6059c] {
background-color: var(--bg-controll-item-selected);
}
.menu-list-item-flag.selected[data-v-f7a6059c]:hover {
background-color: var(--bg-controll-item-selected-hover);
}
.menu-list-item-flag.selected .selected-icon[data-v-f7a6059c] {
fill: var(--primary-content);
margin-left: auto;
}
.lang-switch-modal-content[data-v-8e16a403] {
align-items: flex-start;
color: var(--content-secondary);
display: flex;
flex-direction: column;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
gap: var(--space-3md);
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.lang-switch-modal-content p[data-v-8e16a403] {
margin-bottom: 0;
}
.lang-switch-modal-content p ~ p[data-v-8e16a403] {
margin-top: 1.6rem;
}
.lang-switch {
align-items: center;
color: var(--content-secondary);
display: flex;
flex-flow: row nowrap;
gap: var(--space-sm);
}
.lang-switch.reversed {
color: var(--content-secondary-reversed);
}
.lang-switch:focus-visible {
border-color: var(--border-focus);
border-radius: var(--form-item);
outline: 2px solid var(--border-focus);
}
.lang-switch:hover {
color: var(--primary-link-hover);
}
.lang-switch:active {
color: var(--primary-link-pressed);
}
.lang-switch.disabled {
opacity: 0.5;
pointer-events: none;
}
.lang-switch .text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.2rem;
}
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
max-width: 100%;
}
}
#footer[data-v-363e35a6] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer[data-v-363e35a6] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer[data-v-363e35a6] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
#footer[data-v-363e35a6] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
#footer[data-v-363e35a6] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer[data-v-363e35a6] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
#footer[data-v-363e35a6] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer[data-v-363e35a6] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer[data-v-363e35a6] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
#footer[data-v-363e35a6] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
#footer.account[data-v-363e35a6] {
padding: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer.account[data-v-363e35a6] {
padding: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) {
#footer.account[data-v-363e35a6] {
padding: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
#footer .content[data-v-363e35a6] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content[data-v-363e35a6] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
#footer .content[data-v-363e35a6] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
#footer .content[data-v-363e35a6] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content[data-v-363e35a6] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content[data-v-363e35a6] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
#footer .content[data-v-363e35a6] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
#footer .content[data-v-363e35a6] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content[data-v-363e35a6] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content[data-v-363e35a6] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
#footer .content[data-v-363e35a6] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
gap: var(--space-3md, 24px);
}
}
#footer .content[data-v-363e35a6],
#footer .content .footer-slim[data-v-363e35a6],
#footer.account .content .footer-slim[data-v-363e35a6] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content[data-v-363e35a6],
#footer .content .footer-slim[data-v-363e35a6],
#footer.account .content .footer-slim[data-v-363e35a6] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content[data-v-363e35a6],
#footer .content .footer-slim[data-v-363e35a6],
#footer.account .content .footer-slim[data-v-363e35a6] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
#footer .content[data-v-363e35a6],
#footer .content .footer-slim[data-v-363e35a6],
#footer.account .content .footer-slim[data-v-363e35a6] {
gap: var(--space-3md, 24px);
}
}
#footer .contbg[data-v-363e35a6] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .contbg[data-v-363e35a6] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .contbg[data-v-363e35a6] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
#footer .contbg[data-v-363e35a6] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
#footer[data-v-363e35a6] {
margin: 0 auto;
position: relative;
}
#footer[data-v-363e35a6],
#footer .content[data-v-363e35a6] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
#footer .content[data-v-363e35a6] {
flex-direction: column;
}
}
#footer .contbg[data-v-363e35a6] {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
#footer .content[data-v-363e35a6] {
position: inherit;
}
#footer.account[data-v-363e35a6] {
align-items: center;
display: flex;
justify-content: center;
margin: 0 auto;
position: relative;
}
@media only screen and (min-width: 1440px) {
#footer.account[data-v-363e35a6] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
#footer.account .content[data-v-363e35a6] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
#footer.account .content[data-v-363e35a6] {
flex-direction: column;
}
}
#footer.account .contbg[data-v-363e35a6] {
border-radius: var(--contbg);
bottom: var(--space-3md);
left: 0;
position: absolute;
right: 0;
top: var(--space-3md);
}
@media only screen and (max-width: 767px) {
#footer.account .contbg[data-v-363e35a6] {
bottom: var(--space-2sm);
top: var(--space-2sm);
}
}
#footer.account .content[data-v-363e35a6] {
position: inherit;
}
#footer[data-v-363e35a6],
#footer.account[data-v-363e35a6] {
background-color: var(--bg-0);
}
#footer.account[data-v-363e35a6] {
padding-left: var(--space-3md);
padding-right: var(--space-3md);
width: 100%;
}
#footer.account .contbg[data-v-363e35a6] {
background: var(--bg-0-reversed);
margin: 0;
padding-bottom: var(--space-2sm);
padding-top: var(--space-2sm);
}
#footer.account .content[data-v-363e35a6] {
min-width: 100%;
}
#footer.account .content .footer-slim[data-v-363e35a6] {
align-items: center;
display: flex;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
#footer.account .content .footer-slim[data-v-363e35a6] {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
#footer.account .content .footer-slim[data-v-363e35a6] {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
#footer.account .content .footer-slim[data-v-363e35a6] {
align-items: flex-start;
flex-direction: column;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
#footer.account
.content
.footer-slim
.footer-copyright.footer-copyright-ro[data-v-363e35a6] {
flex-basis: 0;
flex-grow: 1;
}
#footer.account .content .footer-slim .ro-stamps[data-v-363e35a6] {
align-items: flex-start;
}
}
@media only screen and (min-width: 1440px) and (max-width: 1671px) {
#footer.account .content .footer-slim[data-v-363e35a6] {
flex-wrap: wrap;
}
}
#footer .contbg[data-v-363e35a6] {
background: var(--bg-0-reversed);
}
#footer .content[data-v-363e35a6] {
width: 100%;
}
#footer .content .footer-slim[data-v-363e35a6] {
align-items: center;
display: flex;
justify-content: space-around;
width: 100%;
}
#footer .content .footer-slim .footer-copyright[data-v-363e35a6] {
flex: 1;
gap: var(--space-xs);
min-width: 26rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content .footer-slim .footer-copyright[data-v-363e35a6] {
flex-basis: 50%;
}
#footer
.content
.footer-slim
.footer-copyright.footer-copyright-ro[data-v-363e35a6] {
flex-basis: 0;
flex-grow: 1;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer
.content
.footer-slim
.footer-copyright.footer-copyright-ro[data-v-363e35a6] {
flex-basis: 50%;
}
}
#footer .content .footer-slim .footer-contact-links[data-v-363e35a6] {
display: flex;
flex: 1;
flex-direction: column;
gap: var(--space-xs);
min-width: 26rem;
}
#footer
.content
.footer-slim
.footer-contact-links
.footer-contact[data-v-363e35a6] {
align-items: normal;
}
#footer .content .footer-slim .footer-contact-links[data-v-363e35a6] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
#footer .content .footer-slim .footer-contact-links p[data-v-363e35a6] {
margin-bottom: 0;
}
#footer .content .footer-slim .footer-contact-links p ~ p[data-v-363e35a6] {
margin-top: 1.1rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content .footer-slim .footer-contact-links[data-v-363e35a6] {
flex-basis: 30%;
}
}
#footer .content .footer-slim .footer-navigation[data-v-363e35a6] {
display: flex;
flex: 1;
gap: var(--space-md);
min-width: 26rem;
padding: var(--space-xxs);
}
#footer .content .footer-slim .footer-navigation .footer-link[data-v-363e35a6] {
width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content .footer-slim .footer-navigation[data-v-363e35a6] {
flex-basis: 50%;
justify-content: center;
}
}
#footer .content .footer-slim .ro-stamps[data-v-363e35a6] {
flex: 1;
flex-direction: column;
gap: var(--space-xs);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content .footer-slim .ro-stamps[data-v-363e35a6] {
align-items: flex-start;
}
}
#footer .content .footer-slim .footer-lang-switch[data-v-363e35a6] {
display: flex;
flex: 0;
gap: var(--space-sm);
order: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content .footer-slim[data-v-363e35a6] {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content .footer-slim[data-v-363e35a6] {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
#footer .content .footer-slim[data-v-363e35a6] {
align-items: flex-start;
flex-direction: column;
}
}
#error-page[data-v-204affc7] {
display: flex;
flex-flow: column nowrap;
min-height: 100vh;
}
#error-page footer[data-v-204affc7] {
width: 100%;
}
#error-page .wrapper[data-v-204affc7] {
align-items: center;
color: var(--tertiary-content);
display: flex;
flex-grow: 1;
gap: 8rem;
justify-content: center;
padding: 6rem;
}
@media only screen and (max-width: 767px) {
#error-page .wrapper[data-v-204affc7] {
flex-direction: column;
gap: 5rem;
padding: 1rem;
text-align: center;
}
}
#error-page .wrapper .loader[data-v-204affc7] {
align-items: center;
display: flex;
flex-direction: column;
}
#error-page .wrapper .loader .text[data-v-204affc7] {
font-size: 2.4rem;
font-weight: 600;
margin: 2rem 0;
}
#error-page .wrapper .col-left[data-v-204affc7] {
flex: 1 0;
}
#error-page .wrapper .col-left img[data-v-204affc7] {
float: right;
max-width: 30rem;
width: 100%;
}
#error-page .wrapper .col-right[data-v-204affc7] {
flex: 2;
}
#error-page .wrapper .col-right span[data-v-204affc7] {
font-size: 4.8rem;
font-weight: 600;
line-height: 5.6rem;
}
#error-page .wrapper .col-right h2[data-v-204affc7] {
font-size: 2.4rem;
font-weight: 600;
line-height: 3.2rem;
margin: 3rem 0;
}
@media only screen and (max-width: 767px) {
#error-page .wrapper .col-right h2[data-v-204affc7] {
margin: 1rem 0;
}
}
#error-page .wrapper .col-right p[data-v-204affc7] {
font-size: 1.6rem;
font-weight: 400;
line-height: 2.4rem;
margin: 0;
}
#error-page .wrapper .col-right p > a[data-v-204affc7] {
color: var(--primary-content);
}
@media only screen and (max-width: 767px) {
#error-page .wrapper .col-left[data-v-204affc7],
#error-page .wrapper .col-right[data-v-204affc7] {
flex: 0;
}
}
#error-page .stack-trace[data-v-204affc7] {
margin: 0 auto;
max-width: 80%;
white-space: break-spaces;
}
.image-wrapper .image {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.image-wrapper .image {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.image-wrapper .image {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.image-wrapper .image {
border-radius: var(--box-md, 24px);
}
}
.image-wrapper {
height: auto;
position: relative;
width: 100%;
}
.image-wrapper .image {
align-content: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 100%;
justify-content: center;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
.image-wrapper .image.circle {
border-radius: var(--box-pill);
}
.image-wrapper .image.tiny {
border-radius: var(--box-sm);
}
.image-wrapper .image img {
display: block;
height: 100%;
min-height: 1px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.image-wrapper .image img.auto-height {
height: auto;
}
@supports not (aspect-ratio: 1/1) {
.image-wrapper.aspect-ratio-1-1 {
padding-bottom: 100%;
}
.image-wrapper.aspect-ratio-4-3 {
padding-bottom: 75%;
}
.image-wrapper.aspect-ratio-5-4 {
padding-bottom: 80%;
}
.image-wrapper.aspect-ratio-16-9 {
padding-bottom: 56.25%;
}
.image-wrapper.aspect-ratio-21-9 {
padding-bottom: 42.86%;
}
.image-wrapper.portrait.aspect-ratio-1-1 {
padding-bottom: 100%;
}
.image-wrapper.portrait.aspect-ratio-4-3 {
padding-bottom: 133.33%;
}
.image-wrapper.portrait.aspect-ratio-5-4 {
padding-bottom: 125%;
}
.image-wrapper.portrait.aspect-ratio-16-9 {
padding-bottom: 177.78%;
}
.image-wrapper.portrait.aspect-ratio-21-9 {
padding-bottom: 233.33%;
}
}
.tooltip-wrapper {
cursor: pointer;
display: flex;
width: -moz-fit-content !important;
width: fit-content !important;
}
.tooltip-ds {
background: var(--bg-0-reversed, #0a1833);
border-radius: var(--bubble, 4px);
color: var(--content-primary-reversed, #fff);
max-width: 24rem;
padding: 0;
position: relative;
z-index: 125000;
}
.tooltip-ds .v-popper__inner {
background: transparent;
padding: var(--space-2sm, 12px);
word-wrap: break-word;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.tooltip-ds .v-popper__inner p {
margin-bottom: 0;
}
.tooltip-ds .v-popper__inner p ~ p {
margin-top: 1.4rem;
}
.tooltip-ds .v-popper__arrow-inner,
.tooltip-ds .v-popper__arrow-outer {
border-color: var(--bg-0-reversed, #0a1833);
transform: scale(1.1);
}
.bubble-wrapper {
background-color: var(--bg-0, #fff);
border-radius: var(--bubble, 4px);
position: absolute;
width: 100%;
z-index: 100000;
}
.bubble-wrapper.hide .arrow {
display: none;
}
.bubble-wrapper .inside-wrapper {
position: relative;
}
.bubble-wrapper .inside-wrapper .arrow {
background-color: var(--bg-0, #fff);
border-radius: 35% 0;
height: 1rem;
position: absolute;
rotate: 45deg;
width: 1rem;
}
.bubble-wrapper.top {
top: calc(100% + var(--space-sm));
}
.bubble-wrapper.top .inside-wrapper .arrow {
top: -0.5rem;
}
.bubble-wrapper.bottom {
bottom: calc(100% + var(--space-sm));
}
.bubble-wrapper.bottom .inside-wrapper .arrow {
bottom: -0.5rem;
}
.bubble-wrapper.border {
border: 1px solid var(--border-static);
border-radius: var(--bubble-dropdown, 10px);
}
.bubble-wrapper.border .inside-wrapper .arrow {
border-color: var(--border-static);
border-style: solid;
}
.bubble-wrapper.border.bottom .inside-wrapper .arrow {
border-width: 0 1px 1px 0;
bottom: -0.6rem;
}
.bubble-wrapper.border.top .inside-wrapper .arrow {
border-width: 1px 0 0 1px;
top: -0.6rem;
}
.bubble-wrapper.left .inside-wrapper .arrow {
left: calc(10% - 0.5rem);
}
.bubble-wrapper.center .inside-wrapper .arrow {
left: calc(50% - 0.5rem);
}
.bubble-wrapper.right .inside-wrapper .arrow {
right: calc(10% - 0.5rem);
}
.wrapper[data-v-1540a2d6] {
position: relative;
}
.wrapper .tooltip-advanced[data-v-1540a2d6] {
left: 50%;
max-width: 250px;
transform: translate(-50%);
width: -moz-max-content;
width: max-content;
}
.wrapper .tooltip-advanced .content[data-v-1540a2d6] {
padding: var(--space-md);
position: relative;
}
.wrapper .tooltip-advanced .close-btn[data-v-1540a2d6] {
position: absolute;
right: 4px;
top: 4px;
}
.icon[data-v-4cd96cfc] {
fill: var(--content-secondary);
}
input[data-v-166ead1c] {
display: none;
}
label[data-v-166ead1c] {
cursor: pointer;
}
.checkbox-wrapper[data-v-166ead1c] {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-shrink: 0;
gap: var(--space-xs);
}
.checkbox-wrapper .checkbox[data-v-166ead1c] {
align-items: flex-start;
align-self: stretch;
display: flex;
gap: var(--space-sm);
}
.checkbox-wrapper .checkbox .checkbox-icon-wrapper[data-v-166ead1c] {
align-items: center;
background: var(--tertiary-bg-light);
border-color: var(--border-static);
border-radius: 5px;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
cursor: pointer;
display: flex;
height: var(--icon-md);
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: var(--icon-md);
}
.checkbox-wrapper
.checkbox
.checkbox-icon-wrapper
.checkbox-icon[data-v-166ead1c] {
fill: var(--bg-0);
height: var(--icon-md);
width: var(--icon-md);
}
.checkbox-wrapper .checkbox .label-wrapper[data-v-166ead1c] {
align-items: flex-start;
cursor: pointer;
display: flex;
flex: 1 0 0;
gap: var(--space-xs);
padding: var(--space-xxs) var(--space-null);
}
.checkbox-wrapper .checkbox .label-wrapper .required-icon[data-v-166ead1c] {
fill: var(--error-content);
}
.checkbox-wrapper .checkbox .label-wrapper .column[data-v-166ead1c] {
align-items: flex-start;
display: flex;
flex-direction: column;
}
.checkbox-wrapper
.checkbox
.label-wrapper
.column
.label-text[data-v-166ead1c] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.checkbox-wrapper
.checkbox
.label-wrapper
.column
.label-text
p[data-v-166ead1c] {
margin-bottom: 0;
}
.checkbox-wrapper
.checkbox
.label-wrapper
.column
.label-text
p
~ p[data-v-166ead1c] {
margin-top: 1.4rem;
}
.checkbox-wrapper
.checkbox
.label-wrapper
.column
.description[data-v-166ead1c] {
color: var(--content-tertiary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.checkbox-wrapper
.checkbox
.label-wrapper
.column
.description
p[data-v-166ead1c] {
margin-bottom: 0;
}
.checkbox-wrapper
.checkbox
.label-wrapper
.column
.description
p
~ p[data-v-166ead1c] {
margin-top: 1.2rem;
}
.checkbox-wrapper .checkbox:hover .checkbox-icon-wrapper[data-v-166ead1c] {
background: var(--tertiary-bg-light-hover);
}
.checkbox-wrapper .checkbox.error .checkbox-icon-wrapper[data-v-166ead1c] {
border-color: var(--error-border);
}
.checkbox-wrapper .checkbox.disabled .checkbox-icon-wrapper[data-v-166ead1c] {
background: var(--tertiary-bg-light);
opacity: 0.5;
}
.checkbox-wrapper
.checkbox:focus-visible
.checkbox-icon-wrapper[data-v-166ead1c] {
border-color: var(--border-focus);
border-width: 2px;
}
.checkbox-wrapper .validation-text[data-v-166ead1c] {
color: var(--error-content);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
height: 1.8rem;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.checkbox-wrapper .validation-text p[data-v-166ead1c] {
margin-bottom: 0;
}
.checkbox-wrapper .validation-text p ~ p[data-v-166ead1c] {
margin-top: 1.2rem;
}
.checkbox-wrapper.checked .checkbox .checkbox-icon-wrapper[data-v-166ead1c] {
background-color: var(--primary-bg);
border-width: 0;
}
.checkbox-wrapper.checked
.checkbox:hover
.checkbox-icon-wrapper[data-v-166ead1c] {
background-color: var(--primary-bg-hover);
}
.checkbox-wrapper.checked
.checkbox:active
.checkbox-icon-wrapper[data-v-166ead1c] {
background-color: var(--primary-bg-pressed);
}
.checkbox-wrapper.checked
.checkbox.error
.checkbox-icon-wrapper[data-v-166ead1c] {
background-color: var(--error-bg);
}
.checkbox-wrapper.checked
.checkbox.disabled
.checkbox-icon-wrapper[data-v-166ead1c] {
opacity: 0.5;
}
.checkbox-wrapper.checked
.checkbox:focus-visible
.checkbox-icon-wrapper[data-v-166ead1c] {
border-color: var(--border-focus);
border-width: 2px;
box-sizing: border-box;
}
.dot-wrapper[data-v-2c381187] {
border: 1px solid var(--border-static-white);
border-radius: var(--badge-numeric);
}
.dot-wrapper.lg[data-v-2c381187] {
height: var(--dot-lg);
width: var(--dot-lg);
}
.dot-wrapper.md[data-v-2c381187] {
height: var(--dot-md);
width: var(--dot-md);
}
.dot-wrapper.sm[data-v-2c381187] {
height: var(--dot-sm);
width: var(--dot-sm);
}
.dot-wrapper.new[data-v-2c381187] {
background-color: var(--primary-bg);
}
.dot-wrapper.offline[data-v-2c381187] {
background-color: var(--bg-1);
}
.dot-wrapper.online[data-v-2c381187] {
background-color: var(--success-bg);
}
.avatar {
border-radius: var(--avatar);
position: relative;
}
.avatar .avatar-circle {
align-items: center;
border-radius: var(--avatar);
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}
.avatar .avatar-circle span {
padding-top: 1.5px;
}
.avatar .avatar-circle.solid {
background-color: var(--primary-bg);
color: var(--content-primary-reversed);
}
.avatar .avatar-circle.outlined {
background-color: var(--content-primary-reversed);
border: 1px solid var(--primary-bg);
color: var(--primary-bg);
}
.avatar.sm {
font-size: 1.4rem;
height: var(--avatar-sm);
line-height: 1.4rem;
min-width: var(--avatar-sm);
width: var(--avatar-sm);
}
.avatar.md,
.avatar.sm {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
}
.avatar.md {
font-size: 1.8rem;
height: var(--avatar-md);
line-height: 1.8rem;
min-width: var(--avatar-md);
width: var(--avatar-md);
}
.avatar.lg {
font-size: 2.4rem;
height: var(--avatar-lg);
line-height: 2.4rem;
min-width: var(--avatar-lg);
width: var(--avatar-lg);
}
.avatar.lg,
.avatar.xl {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
}
.avatar.xl {
font-size: 4rem;
height: var(--avatar-xl);
line-height: 4rem;
min-width: var(--avatar-xl);
width: var(--avatar-xl);
}
.avatar-badge {
bottom: 0;
left: 50%;
margin: 0 auto;
position: absolute;
transform: translate(-50%);
width: -moz-max-content;
width: max-content;
}
.avatar-badge .badge-wrapper {
align-items: center;
display: flex;
gap: var(--space-xs);
}
.avatar-badge .icon {
height: var(--icon-sm);
width: var(--icon-sm);
}
.avatar-badge .icon svg {
fill: var(--content-secondary);
}
.dot {
position: absolute;
right: 0;
top: -0.2rem;
}
.tile-base {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tile-base {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.tile-base {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.tile-base {
padding: var(--space-3md);
}
}
.tile-base {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tile-base {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.tile-base {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.tile-base {
border-radius: var(--box-md, 24px);
}
}
.tile-base {
background-color: var(--bg-elevated);
display: flex;
}
.tile-base.outlined,
.tile-base.outlined-grey {
border: 1px solid var(--border-static);
}
.tile-base.grey,
.tile-base.outlined-grey {
background-color: var(--tertiary-bg-light);
}
.tile-base.orange {
background-color: var(--bg-3);
}
.rating-wrapper[data-v-9e194ba5] {
align-items: center;
display: flex;
flex-direction: row;
gap: var(--space-sm);
}
.rating-wrapper .rating-stars[data-v-9e194ba5] {
align-items: center;
display: flex;
flex-flow: row nowrap;
position: relative;
}
.rating-wrapper .rating-stars .star[data-v-9e194ba5] {
background-color: var(--warning-bg);
display: inline-flex;
flex-flow: nowrap;
height: var(--icon-md);
-webkit-mask: url(./star-outlined.Ih8-D79J.svg) no-repeat center;
mask: url(./star-outlined.Ih8-D79J.svg) no-repeat center;
-webkit-mask-size: contain;
mask-size: contain;
position: relative;
width: var(--icon-md);
}
.rating-wrapper .rating-stars .star.primary[data-v-9e194ba5] {
background-color: var(--primary-bg);
}
.rating-wrapper .rating-stars .color[data-v-9e194ba5] {
background-color: var(--warning-bg);
display: flex;
height: 100%;
left: 0;
-webkit-mask-image: url(./star-solid.xfkjQ-2P.svg);
mask-image: url(./star-solid.xfkjQ-2P.svg);
-webkit-mask-image: url(./star-solid.xfkjQ-2P.svg);
mask-repeat: repeat-x;
-webkit-mask-repeat: repeat-x;
overflow: hidden;
position: absolute;
top: 0;
}
.rating-wrapper .rating-stars .color.primary[data-v-9e194ba5] {
background-color: var(--primary-bg);
}
.rating-wrapper .rating-text[data-v-9e194ba5] {
color: var(--warning-content);
font-size: 1.6rem;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.rating-wrapper .rating-text[data-v-9e194ba5],
.rating-wrapper.lg .rating-text[data-v-9e194ba5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-weight: 700;
}
.rating-wrapper.lg .rating-text[data-v-9e194ba5] {
font-size: 2.4rem;
letter-spacing: 0.2px;
line-height: 2.4rem;
}
.rating-wrapper.lg .star[data-v-9e194ba5] {
height: var(--icon-lg);
width: var(--icon-lg);
}
.rating-wrapper.lg .color[data-v-9e194ba5] {
mask-size: var(--icon-lg) var(--icon-lg);
-webkit-mask-size: var(--icon-lg) var(--icon-lg);
}
.number-of-shipments {
align-content: center;
align-items: center;
color: var(--content-primary);
display: flex;
flex-wrap: wrap;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
gap: var(--space-xs);
letter-spacing: 0.3px;
line-height: 1.2rem;
}
.number-of-shipments .shipping-icon {
align-self: flex-start;
background-color: var(--primary-content);
display: flex;
height: var(--icon-md);
-webkit-mask-size: contain;
mask-size: contain;
max-width: var(--icon-md);
width: var(--icon-md);
}
.number-of-shipments .count {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.badge-user.small[data-v-fcf44c0b] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.badge-user.small[data-v-fcf44c0b] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.badge-user.small[data-v-fcf44c0b] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.badge-user.small[data-v-fcf44c0b] {
border-radius: var(--box-md, 24px);
}
}
.badge-user[data-v-fcf44c0b] {
align-items: center;
color: var(--content-primary);
display: inline-flex;
font-size: 1.6rem;
gap: var(--space-xs, 4px);
line-height: 1.6rem;
}
.badge-user[data-v-fcf44c0b],
.badge-user.small[data-v-fcf44c0b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-weight: 700;
letter-spacing: 0.3px;
}
.badge-user.small[data-v-fcf44c0b] {
font-size: 1.2rem;
line-height: 1.2rem;
}
.badge-user .badge-icon[data-v-fcf44c0b] {
fill: var(--primary-content);
}
.avatar-block-wrapper[data-v-bc29c9ca] {
align-items: center;
display: flex;
flex-flow: row nowrap;
gap: var(--space-sm);
}
.avatar-block-wrapper .right[data-v-bc29c9ca],
.avatar-block-wrapper .right .name-and-opinions[data-v-bc29c9ca] {
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.avatar-block-wrapper .right .name-and-opinions[data-v-bc29c9ca] {
align-items: flex-start;
align-self: stretch;
}
.avatar-block-wrapper .right .name-and-opinions.row[data-v-bc29c9ca] {
align-items: baseline;
flex-direction: row;
flex-wrap: wrap;
}
.avatar-block-wrapper .right .name-and-opinions .name[data-v-bc29c9ca] {
display: -webkit-box;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.6rem;
line-height: 2rem;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
color: var(--content-primary);
-webkit-line-clamp: 1;
}
.avatar-block-wrapper .right .name-and-opinions .id[data-v-bc29c9ca] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.1rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.avatar-block-wrapper .right .name-and-opinions .id p[data-v-bc29c9ca] {
margin-bottom: 0;
}
.avatar-block-wrapper .right .name-and-opinions .id p ~ p[data-v-bc29c9ca] {
margin-top: 1.1rem;
}
.avatar-block-wrapper .right .name-and-opinions .opinions[data-v-bc29c9ca] {
color: var(--primary-link);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
}
.avatar-block-wrapper .right .name-and-opinions .opinions p[data-v-bc29c9ca] {
margin-bottom: 0;
}
.avatar-block-wrapper
.right
.name-and-opinions
.opinions
p
~ p[data-v-bc29c9ca] {
margin-top: 1.4rem;
}
.avatar-block-wrapper
.right
.name-and-opinions
.number-of-shipments[data-v-bc29c9ca] {
align-content: center;
align-items: center;
align-self: stretch;
display: flex;
flex-wrap: wrap;
gap: var(--space-xs);
}
.avatar-block-wrapper .right .badge-wrapper[data-v-bc29c9ca] {
width: -moz-fit-content;
width: fit-content;
}
.avatar-block-wrapper .right.badges[data-v-bc29c9ca] {
gap: var(--space-sm);
}
@media only screen and (max-width: 767px) {
.avatar-block-wrapper[data-v-bc29c9ca] {
align-self: stretch;
}
}
.avatar-block-wrapper.type-c .name-and-opinions[data-v-bc29c9ca] {
align-items: flex-end;
flex-direction: row;
flex-wrap: wrap;
}
.avatar-block-wrapper.type-c .name-and-opinions .name[data-v-bc29c9ca] {
order: 1;
}
.avatar-block-wrapper.type-c .name-and-opinions .id[data-v-bc29c9ca] {
order: 3;
width: 100%;
}
.avatar-block-wrapper.type-c .name-and-opinions .opinions[data-v-bc29c9ca] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
order: 2;
}
.avatar-block-wrapper.type-c .name-and-opinions .opinions p[data-v-bc29c9ca] {
margin-bottom: 0;
}
.avatar-block-wrapper.type-c
.name-and-opinions
.opinions
p
~ p[data-v-bc29c9ca] {
margin-top: 1.2rem;
}
.title h4.display[data-v-9f7238a8] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.title h4.display[data-v-9f7238a8] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.title h4.display[data-v-9f7238a8] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.title h4.display[data-v-9f7238a8] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.title h4.head[data-v-9f7238a8] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 125%;
}
@media only screen and (max-width: 767px) {
.title h4.head[data-v-9f7238a8] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 125%;
}
}
.title[data-v-9f7238a8] {
align-content: center;
align-items: center;
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
gap: var(--space-md);
height: auto;
min-height: 2.8rem;
width: 100%;
}
.title h4.display[data-v-9f7238a8] {
color: var(--content-primary);
}
.title h4.head[data-v-9f7238a8] {
color: var(--content-secondary);
}
.icon-collapsible-tile[data-v-30339a9f] {
background-color: var(--content-primary);
height: var(--icon-md);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
width: var(--icon-md);
}
.mobile-nav {
display: none;
position: fixed;
top: 72px;
left: 0;
right: 0;
z-index: 9999;
background: #fff;
padding: 20px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.mobile-nav.active {
display: block;
}
.mobile-nav__inner {
display: flex;
flex-direction: column;
gap: 14px;
}
.mobile-nav__link {
display: block;
padding: 14px 16px;
border-radius: 12px;
color: #111;
text-decoration: none;
font-size: 18px;
font-weight: 600;
background: #f6f6f6;
}
.autosmart-logo {
display: block;
max-width: 260px;
height: auto;
}
.custom-animal-select {
position: relative;
}
.animal-select-dropdown {
display: none;
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 50;
width: 100%;
min-width: 220px;
padding: 8px;
background: #fff;
border-radius: 14px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14);
}
.custom-animal-select.active .animal-select-dropdown {
display: flex;
flex-direction: column;
gap: 4px;
}
.animal-select-dropdown button {
width: 100%;
padding: 12px 14px;
border: 0;
border-radius: 10px;
background: transparent;
color: #111;
font: inherit;
text-align: left;
cursor: pointer;
}
.animal-select-dropdown button:hover {
background: #f5f5f5;
}
.clear-button {
font-size: 22px;
line-height: 1;
}
.logo .autosmart-logo {
width: 260px;
}
@media (max-width: 767px) {
.logo .autosmart-logo {
width: 210px;
}
}
.mobile-nav__link:hover {
background: #ececec;
}
body.menu-open {
overflow: hidden;
}
@media (min-width: 768px) {
.mobile-nav {
display: none !important;
}
}
.icon-collapsible-tile.chevron-collapse[data-v-30339a9f] {
-webkit-mask-image: url('/assets/images/chevron-icon.svg');
mask-image: url('/assets/images/chevron-icon.svg');
}
.cookie-banner {
position: fixed;
left: 16px;
right: 16px;
bottom: 16px;
z-index: 99999;
display: none;
background: #111;
color: #fff;
border-radius: 18px;
padding: 18px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}
.cookie-banner.active {
display: block;
}
.cookie-banner__content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
max-width: 1180px;
margin: 0 auto;
}
.cookie-banner__text p {
margin: 6px 0 0;
font-size: 14px;
line-height: 1.45;
color: rgba(255, 255, 255, 0.82);
}
.cookie-banner__actions {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.cookie-banner__link {
color: #fff;
font-size: 14px;
text-decoration: underline;
}
.cookie-banner__button {
border: 0;
border-radius: 999px;
padding: 12px 22px;
background: #fa5519;
color: #fff;
font-weight: 700;
cursor: pointer;
}
@media (max-width: 767px) {
.cookie-banner {
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 16px;
}
.cookie-banner__content {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.cookie-banner__actions {
width: 100%;
justify-content: space-between;
}
.cookie-banner__button {
width: 50%;
}
}
.icon-collapsible-tile.chevron-expand[data-v-30339a9f] {
-webkit-mask-image: url('/assets/images/chevron-icon.svg');
mask-image: url('/assets/images/chevron-icon.svg');
}
.breadcrumb-link[data-v-43d9140e] {
color: var(--content-tertiary);
cursor: pointer;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.4rem;
text-decoration: none;
white-space: nowrap;
}
.breadcrumb-link[data-v-43d9140e]:hover {
color: var(--tertiary-link-hover);
}
.breadcrumb-link[data-v-43d9140e]:active {
color: var(--tertiary-link-pressed);
}
.breadcrumb-link[data-v-43d9140e]:focus-visible {
border-color: var(--border-focus);
border-radius: var(--link);
outline: 2px solid var(--border-focus);
}
.breadcrumb-link.current[data-v-43d9140e] {
color: var(--content-primary);
}
.breadcrumb-wrapper[data-v-1118a19a] {
align-items: center;
display: flex;
flex-flow: row nowrap;
gap: var(--space-xs);
height: var(--breadcrumb-height, 24px);
}
.breadcrumb-wrapper .icon[data-v-1118a19a] {
fill: var(--content-tertiary);
}
.breadcrumb-wrapper .breadcrumb[data-v-1118a19a] {
align-items: center;
display: flex;
flex-flow: row nowrap;
gap: var(--space-xs);
}
.breadcrumb-section[data-v-5aa6f2c8] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
padding-bottom: var(--space-3md, 24px);
padding-top: var(--space-3md, 24px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.breadcrumb-section[data-v-5aa6f2c8] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.breadcrumb-section[data-v-5aa6f2c8] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.breadcrumb-section[data-v-5aa6f2c8] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.breadcrumb-section[data-v-5aa6f2c8] {
overflow-x: auto;
}
.button-edit[data-v-fee595a1] {
align-items: flex-start;
background: var(--bg-0);
border: 1px solid var(--border-static);
border-radius: var(--box-pill);
display: flex;
justify-content: center;
}
.button-edit svg[data-v-fee595a1] {
fill: var(--tertiary-link);
}
@media only screen and (max-width: 767px) {
.upload-button-wrapper[data-v-8b6d79f0] {
align-self: stretch;
}
}
.upload-button-wrapper .upload-button .error[data-v-8b6d79f0] {
background-color: var(--error-bg);
}
.validation-text[data-v-8b6d79f0] {
color: var(--error-content);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.validation-text p[data-v-8b6d79f0] {
margin-bottom: 0;
}
.validation-text p ~ p[data-v-8b6d79f0] {
margin-top: 1.2rem;
}
.upload-wrapper[data-v-a7632cd4] {
display: flex;
}
.background-edit-modal-content .text[data-v-2cea1bb3] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.background-edit-modal-content .text p[data-v-2cea1bb3] {
margin-bottom: 0;
}
.background-edit-modal-content .text p ~ p[data-v-2cea1bb3] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.background-edit-modal-content .text[data-v-2cea1bb3] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.background-edit-modal-content .text p[data-v-2cea1bb3] {
margin-bottom: 0;
}
.background-edit-modal-content .text p ~ p[data-v-2cea1bb3] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.background-edit-modal-content .text[data-v-2cea1bb3] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.background-edit-modal-content .text p[data-v-2cea1bb3] {
margin-bottom: 0;
}
.background-edit-modal-content .text p ~ p[data-v-2cea1bb3] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.background-edit-modal-content .text[data-v-2cea1bb3] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.background-edit-modal-content .text p[data-v-2cea1bb3] {
margin-bottom: 0;
}
.background-edit-modal-content .text p ~ p[data-v-2cea1bb3] {
margin-top: 2rem;
}
}
.background-edit-modal-content[data-v-2cea1bb3] {
align-items: stretch;
color: var(--content-secondary);
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
}
.background-edit-modal-content .text[data-v-2cea1bb3] {
align-self: flex-start;
}
.background-edit-modal-content .helper[data-v-2cea1bb3] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.background-edit-modal-content .helper p[data-v-2cea1bb3] {
margin-bottom: 0;
}
.background-edit-modal-content .helper p ~ p[data-v-2cea1bb3] {
margin-top: 1.4rem;
}
.background-edit-modal-content .error[data-v-2cea1bb3],
.background-edit-modal-content .helper-text[data-v-2cea1bb3] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.background-edit-modal-content .error p[data-v-2cea1bb3],
.background-edit-modal-content .helper-text p[data-v-2cea1bb3] {
margin-bottom: 0;
}
.background-edit-modal-content .error p ~ p[data-v-2cea1bb3],
.background-edit-modal-content .helper-text p ~ p[data-v-2cea1bb3] {
margin-top: 1.2rem;
}
.background-edit-modal-content .error[data-v-2cea1bb3],
.background-edit-modal-content .helper-text[data-v-2cea1bb3] {
color: var(--content-primary);
}
.background-edit-modal-content .error[data-v-2cea1bb3] {
color: var(--error-content);
}
.background-edit-modal-content .button[data-v-2cea1bb3] {
width: -moz-fit-content;
width: fit-content;
}
@media only screen and (max-width: 767px) {
.background-edit-modal .button,
.background-edit-modal .upload-button {
flex-grow: 1;
}
}
.background-edit-modal .modal {
width: 780px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.background-edit-modal .modal {
width: 660px;
}
}
@media only screen and (max-width: 767px) {
.background-edit-modal .modal {
min-width: 300px;
}
}
.profile-image-background[data-v-033ee338] {
border-radius: var(--box-md);
height: 26.2rem;
margin-bottom: -6.4rem;
width: 100%;
}
@media only screen and (max-width: 767px) {
.profile-image-background.aspect-ratio-14-3[data-v-033ee338] {
aspect-ratio: 16/9 !important;
padding-bottom: 56.25%;
}
}
.edit-btn[data-v-033ee338] {
position: absolute;
right: var(--space-3md);
top: var(--space-3md);
z-index: 1;
}
.user-awards[data-v-04999b85] {
align-items: flex-start;
display: flex;
gap: var(--space-xs, 4px);
}
.badge-group[data-v-a14b9e0d] {
align-items: center;
display: inline-flex;
gap: var(--space-xs, 4px);
}
.auction-card[data-v-364bd351] {
align-items: center;
display: flex;
flex-flow: row nowrap;
gap: var(--space-md);
position: relative;
}
.auction-card .icon[data-v-364bd351],
.auction-card .image[data-v-364bd351] {
height: 74px;
width: 74px;
}
.auction-card .details[data-v-364bd351] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-xs);
}
.auction-card .details .title[data-v-364bd351] {
display: -webkit-box;
-webkit-line-clamp: 2;
max-width: 178px;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2.4rem;
overflow: hidden;
word-break: break-word;
}
.auction-card .details .title p[data-v-364bd351] {
margin-bottom: 0;
}
.auction-card .details .title p ~ p[data-v-364bd351] {
margin-top: 1.6rem;
}
.auction-card .details .info[data-v-364bd351] {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
}
.auction-card .details .category[data-v-364bd351] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.auction-card .details .category p[data-v-364bd351] {
margin-bottom: 0;
}
.auction-card .details .category p ~ p[data-v-364bd351] {
margin-top: 1.2rem;
}
.auction-card .details .date[data-v-364bd351],
.auction-card .details .identifier[data-v-364bd351] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.auction-card .details .date p[data-v-364bd351],
.auction-card .details .identifier p[data-v-364bd351] {
margin-bottom: 0;
}
.auction-card .details .date p ~ p[data-v-364bd351],
.auction-card .details .identifier p ~ p[data-v-364bd351] {
margin-top: 1.2rem;
}
.auction-card .details .date[data-v-364bd351] {
color: var(--content-tertiary);
white-space: nowrap;
}
.auction-card .details .identifier[data-v-364bd351] {
color: var(--content-secondary);
}
.auction-card .badge[data-v-364bd351] {
left: -8px;
position: absolute;
top: 4px;
z-index: 100;
}
.ask-for-offer-modal .content[data-v-92eaa302] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-md);
height: 100%;
}
.ask-for-offer-modal .text[data-v-92eaa302] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.ask-for-offer-modal .text p[data-v-92eaa302] {
margin-bottom: 0;
}
.ask-for-offer-modal .text p ~ p[data-v-92eaa302] {
margin-top: 1.6rem;
}
.ask-for-offer-modal .text[data-v-92eaa302] {
color: var(--content-secondary);
}
.ask-for-offer-modal .lead[data-v-92eaa302] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 3rem;
}
.ask-for-offer-modal .lead p[data-v-92eaa302] {
margin-bottom: 0;
}
.ask-for-offer-modal .lead p ~ p[data-v-92eaa302] {
margin-top: 2rem;
}
.ask-for-offer-modal .lead[data-v-92eaa302] {
color: var(--content-primary);
}
.ask-for-offer-modal .submit-button[data-v-92eaa302] {
align-self: flex-end;
width: -moz-fit-content;
width: fit-content;
}
.ask-for-offer-modal .listing[data-v-92eaa302] {
align-items: center;
cursor: pointer;
display: flex;
flex-flow: row nowrap;
gap: var(--space-md);
}
.ask-for-offer-modal .listing .auction-card[data-v-92eaa302] {
width: 100%;
}
.ask-for-offer-modal .progress-spinner[data-v-92eaa302] {
align-self: center;
}
@media only screen and (min-width: 768px) {
.ask-for-offer-modal .modal {
max-width: 500px;
}
}
.avatar-edit-modal-content .text[data-v-27a0b5bb] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.avatar-edit-modal-content .text p[data-v-27a0b5bb] {
margin-bottom: 0;
}
.avatar-edit-modal-content .text p ~ p[data-v-27a0b5bb] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.avatar-edit-modal-content .text[data-v-27a0b5bb] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.avatar-edit-modal-content .text p[data-v-27a0b5bb] {
margin-bottom: 0;
}
.avatar-edit-modal-content .text p ~ p[data-v-27a0b5bb] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.avatar-edit-modal-content .text[data-v-27a0b5bb] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.avatar-edit-modal-content .text p[data-v-27a0b5bb] {
margin-bottom: 0;
}
.avatar-edit-modal-content .text p ~ p[data-v-27a0b5bb] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.avatar-edit-modal-content .text[data-v-27a0b5bb] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.avatar-edit-modal-content .text p[data-v-27a0b5bb] {
margin-bottom: 0;
}
.avatar-edit-modal-content .text p ~ p[data-v-27a0b5bb] {
margin-top: 2rem;
}
}
.avatar-edit-modal-content[data-v-27a0b5bb] {
align-items: center;
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
}
.avatar-edit-modal-content .text[data-v-27a0b5bb] {
align-self: flex-start;
color: var(--content-secondary);
}
.avatar-edit-modal-content .error[data-v-27a0b5bb],
.avatar-edit-modal-content .helper-text[data-v-27a0b5bb] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.avatar-edit-modal-content .error p[data-v-27a0b5bb],
.avatar-edit-modal-content .helper-text p[data-v-27a0b5bb] {
margin-bottom: 0;
}
.avatar-edit-modal-content .error p ~ p[data-v-27a0b5bb],
.avatar-edit-modal-content .helper-text p ~ p[data-v-27a0b5bb] {
margin-top: 1.2rem;
}
.avatar-edit-modal-content .error[data-v-27a0b5bb],
.avatar-edit-modal-content .helper-text[data-v-27a0b5bb] {
color: var(--content-primary);
}
.avatar-edit-modal-content .error[data-v-27a0b5bb] {
color: var(--error-content);
}
.avatar-edit-modal-content .button[data-v-27a0b5bb] {
width: -moz-fit-content;
width: fit-content;
}
@media only screen and (max-width: 767px) {
.avatar-edit-modal .button,
.avatar-edit-modal .upload-button {
flex-grow: 1;
}
}
.avatar-edit-modal .modal {
width: 780px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.avatar-edit-modal .modal {
width: 660px;
}
}
@media only screen and (max-width: 767px) {
.avatar-edit-modal .modal {
min-width: 300px;
}
}
.hero-user-profile[data-v-57c605e1] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-user-profile[data-v-57c605e1] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-user-profile[data-v-57c605e1] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.hero-user-profile[data-v-57c605e1] {
gap: var(--space-3md, 24px);
}
}
.hero-user-profile .user-name[data-v-57c605e1] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-user-profile .user-name[data-v-57c605e1] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-user-profile .user-name[data-v-57c605e1] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.hero-user-profile .user-name[data-v-57c605e1] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.hero-user-profile[data-v-57c605e1] {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.hero-user-profile .avatar-container[data-v-57c605e1] {
position: relative;
}
.hero-user-profile .avatar-container .avatar[data-v-57c605e1] {
background: #d3d3d3 50% / cover no-repeat;
border: 2px solid var(--bg-controll-item);
border-radius: var(--avatar);
}
.hero-user-profile .avatar-container .button-edit[data-v-57c605e1] {
position: absolute;
right: 0;
top: 0;
}
.hero-user-profile .user-name[data-v-57c605e1] {
color: var(--content-primary);
}
.hero-user-profile .user-experience[data-v-57c605e1] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.hero-user-profile .user-experience p[data-v-57c605e1] {
margin-bottom: 0;
}
.hero-user-profile .user-experience p ~ p[data-v-57c605e1] {
margin-top: 1.6rem;
}
.hero-user-profile .user-experience[data-v-57c605e1] {
color: var(--content-tertiary);
}
.progress-bar[data-v-4e590426] {
border-radius: var(--box-xs);
flex: 1;
flex-direction: column;
gap: 1.2rem;
}
.progress-bar[data-v-4e590426],
.progress-bar .bar[data-v-4e590426] {
align-items: flex-start;
display: flex;
}
.progress-bar .bar[data-v-4e590426] {
background: var(--bg-1);
border-radius: 0.4rem;
flex-shrink: 0;
height: 0.8rem;
width: 100%;
}
.progress-bar .bar .color[data-v-4e590426] {
border-radius: var(--box-xs);
height: 0.8rem;
transition:
background 0.4s,
width 0.4s;
}
.progress-bar .bar .color.warning[data-v-4e590426] {
background: var(--warning-bg);
}
.progress-bar .bar .color.error[data-v-4e590426] {
background: var(--error-bg);
}
.progress-bar .bar .color.success[data-v-4e590426] {
background: var(--success-bg);
}
.chart[data-v-a4c42d0e] {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
width: 100%;
}
.chart .name[data-v-a4c42d0e] {
color: var(--content-secondary);
flex: 1 0 100%;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6rem;
}
.chart .name[data-v-a4c42d0e],
.chart .value[data-v-a4c42d0e] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
letter-spacing: 0.3px;
}
.chart .value[data-v-a4c42d0e] {
color: var(--content-primary);
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4rem;
}
.tile-opinion-bars[data-v-5d6a4cc3] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex: 1;
flex-direction: column;
gap: var(--space-3md);
}
.tile-opinion-bars .title[data-v-5d6a4cc3] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 125%;
}
.tile-opinion-bars .charts[data-v-5d6a4cc3] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.tile-opinion-bars .button-see-opinions[data-v-5d6a4cc3] {
display: flex;
justify-content: flex-end;
width: 100%;
}
@media only screen and (max-width: 767px) {
.tile-opinion-bars .button-see-opinions .button[data-v-5d6a4cc3] {
width: auto;
}
}
.tile-reputation .content[data-v-980b58cd] {
align-items: center;
display: flex;
flex: 1;
flex-flow: column nowrap;
gap: var(--space-2sm);
justify-content: center;
}
.tile-reputation .content .head[data-v-980b58cd] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 125%;
}
.tile-experience[data-v-a5b35532] {
align-items: flex-start;
background: var(--tertiary-bg-light);
display: flex;
flex: 1;
flex-direction: column;
gap: var(--space-sm);
justify-content: center;
text-align: center;
}
.tile-experience .text-top[data-v-a5b35532] {
color: var(--content-secondary);
font-size: 1.8rem;
font-weight: 600;
line-height: 125%;
}
.tile-experience .text-top[data-v-a5b35532],
.tile-experience .value[data-v-a5b35532] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
letter-spacing: 0.2px;
width: 100%;
}
.tile-experience .value[data-v-a5b35532] {
color: var(--content-primary);
font-size: 2.4rem;
font-weight: 700;
line-height: 2.4rem;
}
.tile-experience .text-bottom[data-v-a5b35532] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.4rem;
width: 100%;
}
.tiles[data-v-38880ccf],
.tiles .tiles-experience[data-v-38880ccf],
.tiles .tiles-experience .experience[data-v-38880ccf] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tiles[data-v-38880ccf],
.tiles .tiles-experience[data-v-38880ccf],
.tiles .tiles-experience .experience[data-v-38880ccf] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.tiles[data-v-38880ccf],
.tiles .tiles-experience[data-v-38880ccf],
.tiles .tiles-experience .experience[data-v-38880ccf] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.tiles[data-v-38880ccf],
.tiles .tiles-experience[data-v-38880ccf],
.tiles .tiles-experience .experience[data-v-38880ccf] {
gap: var(--space-3md, 24px);
}
}
.tiles[data-v-38880ccf] {
align-items: center;
display: flex;
flex: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.tiles[data-v-38880ccf] {
flex-direction: column;
}
}
.tiles .tiles-experience[data-v-38880ccf] {
display: flex;
flex: 1;
flex-direction: column;
width: 100%;
}
.tiles .tiles-experience .experience[data-v-38880ccf] {
display: flex;
flex: 1;
}
.tiles .tile-reputation[data-v-38880ccf],
.tiles .tiles-experience .experience .tile-experience[data-v-38880ccf] {
flex: 1;
}
.flags-group[data-v-d0bc4a0c] {
align-items: center;
display: inline-flex;
}
.flags-group.sm[data-v-d0bc4a0c] {
gap: var(--space-xs);
}
.flags-group.md[data-v-d0bc4a0c] {
gap: var(--space-sm);
}
.notice[data-v-32a7d6c2] {
align-items: flex-start;
border-radius: var(--box-sm, 10px);
color: var(--content-secondary);
display: flex;
fill: var(--content-secondary);
gap: var(--space-sm, 8px);
padding: var(--space-sm, 8px) var(--space-md, 16px);
width: 100%;
}
.notice.success[data-v-32a7d6c2] {
background-color: var(--success-bg-light);
}
.notice.warning[data-v-32a7d6c2] {
background-color: var(--warning-bg-light);
}
.notice.error[data-v-32a7d6c2] {
background-color: var(--error-bg-light);
}
.notice.info[data-v-32a7d6c2] {
background-color: var(--info-bg-light);
}
.notice.neutral[data-v-32a7d6c2] {
background-color: var(--tertiary-bg-light);
}
.notice.neutral2[data-v-32a7d6c2] {
background-color: var(--quaternary-bg-light);
}
.notice.basic[data-v-32a7d6c2] {
background-color: transparent;
padding: var(--space-null);
}
.notice.basic.success[data-v-32a7d6c2] {
color: var(--success-content);
fill: var(--success-content);
}
.notice.basic.warning[data-v-32a7d6c2] {
color: var(--warning-content);
fill: var(--warning-content);
}
.notice.basic.error[data-v-32a7d6c2] {
color: var(--error-content);
fill: var(--error-content);
}
.notice.basic.info[data-v-32a7d6c2] {
color: var(--info-content);
fill: var(--info-content);
}
.notice.basic.neutral[data-v-32a7d6c2] {
color: var(--content-secondary);
fill: var(--content-secondary);
}
.notice.basic.neutral2[data-v-32a7d6c2] {
color: var(--quaternary-content);
fill: var(--quaternary-content);
}
.notice .copy-with-cta[data-v-32a7d6c2] {
align-content: center;
align-items: center;
display: flex;
flex: 1 0 0;
flex-wrap: wrap;
gap: var(--space-md, 16px);
}
.notice .copy-with-cta .text[data-v-32a7d6c2] {
flex: 1 0 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
min-width: 188px;
}
.notice .copy-with-cta .text p[data-v-32a7d6c2] {
margin-bottom: 0;
}
.notice .copy-with-cta .text p ~ p[data-v-32a7d6c2] {
margin-top: 1.4rem;
}
.notice .copy-with-cta .cta[data-v-32a7d6c2] {
align-items: center;
display: flex;
gap: var(--space-md, 16px);
justify-content: flex-end;
}
.profile-hero[data-v-35648567] {
min-width: var(--display-mobile-min);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero[data-v-35648567] {
min-width: var(--display-tablet-min);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero[data-v-35648567] {
min-width: var(--display-desktop-sm-min);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero[data-v-35648567] {
min-width: var(--display-desktop-md-min);
}
}
.profile-hero[data-v-35648567] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero[data-v-35648567] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero[data-v-35648567] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero[data-v-35648567] {
max-width: 100%;
}
}
.profile-hero[data-v-35648567] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero[data-v-35648567] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero[data-v-35648567] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero[data-v-35648567] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero[data-v-35648567] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero[data-v-35648567] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero[data-v-35648567] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.profile-hero[data-v-35648567] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero[data-v-35648567] {
padding-bottom: var(--space-4lg);
padding-top: var(--space-4lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero[data-v-35648567] {
padding-bottom: var(--space-xl);
padding-top: var(--space-xl);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero[data-v-35648567] {
padding-bottom: var(--space-2xl);
padding-top: var(--space-2xl);
}
}
.profile-hero .content[data-v-35648567] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero .content[data-v-35648567] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero .content[data-v-35648567] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero .content[data-v-35648567] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.profile-hero .content[data-v-35648567] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero .content[data-v-35648567] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero .content[data-v-35648567] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero .content[data-v-35648567] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.profile-hero[data-v-35648567],
.profile-hero .all .data[data-v-35648567] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero[data-v-35648567],
.profile-hero .all .data[data-v-35648567] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero[data-v-35648567],
.profile-hero .all .data[data-v-35648567] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero[data-v-35648567],
.profile-hero .all .data[data-v-35648567] {
gap: var(--space-3md, 24px);
}
}
.profile-hero .content[data-v-35648567] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-hero .content[data-v-35648567] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-hero .content[data-v-35648567] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-hero .content[data-v-35648567] {
gap: var(--space-3md, 24px);
}
}
.profile-hero[data-v-35648567] {
margin: 0 auto;
position: relative;
}
.profile-hero[data-v-35648567],
.profile-hero .content[data-v-35648567] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.profile-hero .content[data-v-35648567] {
flex-direction: column;
}
}
.profile-hero .content[data-v-35648567] {
flex-direction: column;
width: 100%;
}
.profile-hero .all[data-v-35648567] {
align-self: stretch;
flex-direction: column;
}
.profile-hero .all[data-v-35648567],
.profile-hero .all .data[data-v-35648567] {
align-items: flex-start;
display: flex;
justify-content: center;
position: relative;
}
.profile-hero .all .data[data-v-35648567] {
width: 100%;
}
@media only screen and (min-width: 1024px) {
.profile-hero .all .data[data-v-35648567] {
padding-right: var(--space-3md);
}
}
@media only screen and (max-width: 1023px) {
.profile-hero .all .data[data-v-35648567] {
flex-direction: column;
}
}
.profile-hero .all .data.new-courier[data-v-35648567] {
width: 100%;
}
.profile-hero .all .data .hero-user-profile[data-v-35648567] {
flex: 0 0 400px;
}
@media only screen and (max-width: 1023px) {
.profile-hero .all .data .hero-user-profile[data-v-35648567] {
flex: 1;
width: 100%;
}
}
.courier-new-view .new-carrier[data-v-fef48edc] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.courier-new-view .new-carrier p[data-v-fef48edc] {
margin-bottom: 0;
}
.courier-new-view .new-carrier p ~ p[data-v-fef48edc] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.courier-new-view .new-carrier[data-v-fef48edc] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.courier-new-view .new-carrier p[data-v-fef48edc] {
margin-bottom: 0;
}
.courier-new-view .new-carrier p ~ p[data-v-fef48edc] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.courier-new-view .new-carrier[data-v-fef48edc] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.courier-new-view .new-carrier p[data-v-fef48edc] {
margin-bottom: 0;
}
.courier-new-view .new-carrier p ~ p[data-v-fef48edc] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.courier-new-view .new-carrier[data-v-fef48edc] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 3rem;
}
.courier-new-view .new-carrier p[data-v-fef48edc] {
margin-bottom: 0;
}
.courier-new-view .new-carrier p ~ p[data-v-fef48edc] {
margin-top: 2rem;
}
}
.courier-new-view[data-v-fef48edc] {
display: flex;
flex-direction: column;
justify-content: center;
}
.courier-new-view .badge[data-v-fef48edc] {
flex: 1;
justify-content: center;
}
.courier-new-view .new-carrier[data-v-fef48edc] {
align-items: flex-start;
align-self: stretch;
color: var(--content-primary);
display: flex;
max-width: var(--copy-max-width);
}
.badges-list-courier[data-v-01c5761a] {
align-items: flex-start;
display: inline-flex;
flex-direction: column;
gap: var(--space-md);
}
.badges-list-courier.small[data-v-01c5761a] {
gap: var(--space-sm);
}
.chart-single-bar[data-v-0e91e811] {
flex-wrap: wrap;
}
.chart-single-bar[data-v-0e91e811],
.chart-single-bar .bar-and-value[data-v-0e91e811] {
align-items: center;
display: flex;
gap: var(--space-sm);
width: 100%;
}
.chart-single-bar .bar-and-value .percentage[data-v-0e91e811] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.check-item[data-v-8df60e5d] {
align-items: center;
display: flex;
gap: var(--space-xs);
white-space: nowrap;
}
.check-item .icon[data-v-8df60e5d] {
fill: var(--content-secondary-reversed);
}
.check-item .icon.completed[data-v-8df60e5d] {
fill: var(--success-content);
}
.check-item .icon.partial[data-v-8df60e5d] {
fill: var(--warning-bg);
}
.profile-complection-tile[data-v-7c4f78e3] {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-complection-tile[data-v-7c4f78e3] {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-complection-tile[data-v-7c4f78e3] {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.profile-complection-tile[data-v-7c4f78e3] {
padding: var(--space-3md);
}
}
.profile-complection-tile[data-v-7c4f78e3] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-complection-tile[data-v-7c4f78e3] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-complection-tile[data-v-7c4f78e3] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-complection-tile[data-v-7c4f78e3] {
border-radius: var(--box-md, 24px);
}
}
.profile-complection-tile .head[data-v-7c4f78e3] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 125%;
}
@media only screen and (max-width: 767px) {
.profile-complection-tile .head[data-v-7c4f78e3] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 125%;
}
}
.profile-complection-tile[data-v-7c4f78e3] {
background: var(--info-bg-light);
color: var(--content-secondary);
display: flex;
flex-direction: column;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
gap: var(--space-3md);
letter-spacing: 0.3px;
line-height: 2rem;
}
.profile-complection-tile p[data-v-7c4f78e3] {
margin-bottom: 0;
}
.profile-complection-tile p ~ p[data-v-7c4f78e3] {
margin-top: 1.4rem;
}
.profile-complection-tile .check-group[data-v-7c4f78e3] {
display: flex;
flex-wrap: wrap;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
gap: var(--space-md);
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.col-left[data-v-c962bd4a],
.col-right[data-v-c962bd4a] {
gap: var(--space-lg, 32px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.col-left[data-v-c962bd4a],
.col-right[data-v-c962bd4a] {
gap: var(--space-3lg, 32px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.col-left[data-v-c962bd4a],
.col-right[data-v-c962bd4a] {
gap: var(--space-xl, 64px);
}
}
@media only screen and (min-width: 1440px) {
.col-left[data-v-c962bd4a],
.col-right[data-v-c962bd4a] {
gap: var(--space-3xl, 96px);
}
}
.col-left[data-v-c962bd4a] {
align-items: flex-start;
display: flex;
flex: 0 0 400px;
flex-direction: column;
}
@media only screen and (max-width: 1023px) {
.col-left[data-v-c962bd4a] {
flex: 1;
width: 100%;
}
}
.col-right[data-v-c962bd4a] {
align-items: flex-start;
display: flex;
flex: 1;
flex-direction: column;
}
.profile-section[data-v-68e4cfc9] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section[data-v-68e4cfc9] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section[data-v-68e4cfc9] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.profile-section[data-v-68e4cfc9] {
max-width: 100%;
}
}
.profile-section[data-v-68e4cfc9] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section[data-v-68e4cfc9] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section[data-v-68e4cfc9] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.profile-section[data-v-68e4cfc9] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.profile-section[data-v-68e4cfc9] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section[data-v-68e4cfc9] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section[data-v-68e4cfc9] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.profile-section[data-v-68e4cfc9] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.profile-section[data-v-68e4cfc9] {
padding-bottom: var(--space-3md, 24px);
padding-top: var(--space-3md, 24px);
}
.profile-section .content[data-v-68e4cfc9] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section .content[data-v-68e4cfc9] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section .content[data-v-68e4cfc9] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.profile-section .content[data-v-68e4cfc9] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.profile-section .content[data-v-68e4cfc9] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section .content[data-v-68e4cfc9] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section .content[data-v-68e4cfc9] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.profile-section .content[data-v-68e4cfc9] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.profile-section[data-v-68e4cfc9] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section[data-v-68e4cfc9] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section[data-v-68e4cfc9] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-section[data-v-68e4cfc9] {
gap: var(--space-3md, 24px);
}
}
.profile-section .content[data-v-68e4cfc9] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section .content[data-v-68e4cfc9] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section .content[data-v-68e4cfc9] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-section .content[data-v-68e4cfc9] {
gap: var(--space-3md, 24px);
}
}
.profile-section[data-v-68e4cfc9] {
margin: 0 auto;
position: relative;
}
.profile-section[data-v-68e4cfc9],
.profile-section .content[data-v-68e4cfc9] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.profile-section .content[data-v-68e4cfc9] {
flex-direction: column;
}
}
.profile-section .content[data-v-68e4cfc9] {
align-items: flex-start;
gap: var(--space-3md);
}
@media only screen and (max-width: 1023px) {
.profile-section .content[data-v-68e4cfc9] {
display: flex;
flex: 1;
flex-direction: column;
gap: var(--space-2lg);
}
.profile-section .content .badges-list[data-v-68e4cfc9],
.profile-section .content .profile-about[data-v-68e4cfc9],
.profile-section .content .profile-completion-tile[data-v-68e4cfc9],
.profile-section .content .profile-license[data-v-68e4cfc9],
.profile-section .content .profile-photos[data-v-68e4cfc9] {
order: -1;
}
}
.profile-section .content.new-courier[data-v-68e4cfc9] {
align-items: center;
flex-direction: column;
}
.profile-section .content .profile-information[data-v-68e4cfc9],
.profile-section .content .profile-specialization[data-v-68e4cfc9] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.profile-section .content .profile-specialization[data-v-68e4cfc9] {
width: 30rem;
}
@media only screen and (max-width: 1023px) {
.profile-section .content .profile-specialization[data-v-68e4cfc9] {
width: 100%;
}
}
.awards-list-customer[data-v-564bc1ba] {
align-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--space-3md);
justify-content: center;
}
.awards-list-customer.small[data-v-564bc1ba] {
gap: var(--space-sm);
}
.awards-list-customer.vertical[data-v-564bc1ba] {
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
}
.profile-section[data-v-395c79f3] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section[data-v-395c79f3] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section[data-v-395c79f3] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.profile-section[data-v-395c79f3] {
max-width: 100%;
}
}
.profile-section[data-v-395c79f3] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section[data-v-395c79f3] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section[data-v-395c79f3] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.profile-section[data-v-395c79f3] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.profile-section[data-v-395c79f3] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section[data-v-395c79f3] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section[data-v-395c79f3] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.profile-section[data-v-395c79f3] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.profile-section[data-v-395c79f3] {
padding-bottom: var(--space-3md, 24px);
padding-top: var(--space-3md, 24px);
}
.profile-section .content[data-v-395c79f3] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section .content[data-v-395c79f3] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section .content[data-v-395c79f3] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.profile-section .content[data-v-395c79f3] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.profile-section .content[data-v-395c79f3] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section .content[data-v-395c79f3] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section .content[data-v-395c79f3] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.profile-section .content[data-v-395c79f3] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.profile-section[data-v-395c79f3] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section[data-v-395c79f3] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section[data-v-395c79f3] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-section[data-v-395c79f3] {
gap: var(--space-3md, 24px);
}
}
.profile-section .content[data-v-395c79f3] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-section .content[data-v-395c79f3] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-section .content[data-v-395c79f3] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-section .content[data-v-395c79f3] {
gap: var(--space-3md, 24px);
}
}
.profile-section[data-v-395c79f3] {
margin: 0 auto;
position: relative;
}
.profile-section[data-v-395c79f3],
.profile-section .content[data-v-395c79f3] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.profile-section .content[data-v-395c79f3] {
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.profile-section .awards-list-customer[data-v-395c79f3] {
justify-content: flex-start;
}
}
.filters[data-v-48726b26] {
align-self: stretch;
flex-wrap: wrap;
justify-content: space-between;
max-width: var(--copy-max-width);
min-width: var(--element-width-min);
row-gap: var(--space-3md);
}
.filters[data-v-48726b26],
.filters .checkboxes[data-v-48726b26] {
align-content: center;
align-items: center;
display: flex;
}
.filters .checkboxes[data-v-48726b26] {
flex: 1 0 0;
flex-wrap: wrap;
gap: var(--space-3md);
min-width: 300px;
}
.filters .datepicker[data-v-48726b26] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-xs);
justify-content: center;
width: 220px;
}
.textarea-base-main-wrapper[data-v-d560f4c9] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-xs);
justify-content: center;
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
.textarea-base-main-wrapper .top[data-v-d560f4c9] {
align-items: center;
align-self: stretch;
display: flex;
gap: var(--space-xs);
height: var(--icon-md);
justify-content: flex-end;
}
.textarea-base-main-wrapper .top .label[data-v-d560f4c9] {
color: var(--content-primary);
flex: 1;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
line-height: 2.2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.textarea-base-main-wrapper .top .required-icon[data-v-d560f4c9] {
fill: var(--error-content);
}
.textarea-base-main-wrapper .textarea-with-helpers[data-v-d560f4c9] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-xs);
height: 100%;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper[data-v-d560f4c9] {
align-items: center;
align-self: stretch;
background: var(--tertiary-bg-light);
border: 1px solid var(--border-static);
border-radius: var(--form-item);
cursor: text;
display: flex;
gap: var(--space-xs);
height: 100%;
padding: var(--space-2sm);
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper[data-v-d560f4c9]:hover {
background: var(--tertiary-bg-light-hover);
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper[data-v-d560f4c9]:focus-visible {
border: 2px solid var(--border-focus);
outline: none;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
svg[data-v-d560f4c9] {
fill: var(--content-secondary);
height: var(--icon-md);
width: var(--icon-md);
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
.textarea[data-v-d560f4c9] {
background-color: transparent;
border: none;
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
height: 100%;
letter-spacing: 0.3px;
line-height: 2rem !important;
line-height: 1.4rem;
outline: none;
overflow: hidden;
padding: 0;
resize: none;
text-overflow: ellipsis;
width: 100%;
}
@media only screen and (max-width: 767px) {
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
.textarea.is-ios[data-v-d560f4c9] {
font-size: 1.6rem !important;
}
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
.textarea[data-v-d560f4c9]::-moz-placeholder {
border: none;
color: var(--content-primary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
opacity: 1;
outline: none;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
width: 100%;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
.textarea[data-v-d560f4c9]::placeholder {
border: none;
color: var(--content-primary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
opacity: 1;
outline: none;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
width: 100%;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
.textarea::-moz-placeholder
p[data-v-d560f4c9] {
margin-bottom: 0;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
.textarea::placeholder
p[data-v-d560f4c9] {
margin-bottom: 0;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
.textarea::-moz-placeholder
p
~ p[data-v-d560f4c9] {
margin-top: 1.4rem;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.textarea-wrapper
.textarea::placeholder
p
~ p[data-v-d560f4c9] {
margin-top: 1.4rem;
}
.textarea-base-main-wrapper .textarea-with-helpers .helpers[data-v-d560f4c9] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-flow: row wrap;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
gap: var(--space-xs) var(--space-sm);
justify-content: flex-end;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.textarea-base-main-wrapper .textarea-with-helpers .helpers p[data-v-d560f4c9] {
margin-bottom: 0;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.helpers
p
~ p[data-v-d560f4c9] {
margin-top: 1.2rem;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.helpers
.helper-text[data-v-d560f4c9] {
color: var(--content-primary);
flex: 1;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.helpers
.validation-text[data-v-d560f4c9] {
color: var(--error-content);
flex-basis: 100%;
height: 1.8rem;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.helpers
.warning-text[data-v-d560f4c9] {
color: var(--warning-content);
flex-basis: 100%;
height: 1.8rem;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.helpers
.counter[data-v-d560f4c9] {
align-self: flex-end;
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.helpers
.counter
p[data-v-d560f4c9] {
margin-bottom: 0;
}
.textarea-base-main-wrapper
.textarea-with-helpers
.helpers
.counter
p
~ p[data-v-d560f4c9] {
margin-top: 1.2rem;
}
.textarea-base-main-wrapper.active
.textarea-with-helpers
.textarea-wrapper[data-v-d560f4c9] {
background: var(--tertiary-bg-light-hover);
}
.textarea-base-main-wrapper.active
.textarea-with-helpers
.textarea-wrapper
.textarea[data-v-d560f4c9] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
overflow-y: auto;
}
.textarea-base-main-wrapper.active
.textarea-with-helpers
.textarea-wrapper
.textarea
p[data-v-d560f4c9] {
margin-bottom: 0;
}
.textarea-base-main-wrapper.active
.textarea-with-helpers
.textarea-wrapper
.textarea
p
~ p[data-v-d560f4c9] {
margin-top: 1.4rem;
}
.textarea-base-main-wrapper.with-value
.textarea-with-helpers
.textarea-wrapper
.textarea[data-v-d560f4c9] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.textarea-base-main-wrapper.with-value:not(.active) textarea[data-v-d560f4c9] {
display: -webkit-box;
-webkit-line-clamp: 10;
width: 100%;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.textarea-base-main-wrapper.warning
.textarea-with-helpers
.textarea-wrapper[data-v-d560f4c9] {
border: 2px solid var(--warning-border);
}
.textarea-base-main-wrapper.warning
.textarea-with-helpers
.textarea-wrapper
svg[data-v-d560f4c9] {
fill: var(--warning-content);
}
.textarea-base-main-wrapper.warning
.textarea-with-helpers
.counter[data-v-d560f4c9] {
color: var(--warning-content);
}
.textarea-base-main-wrapper.error
.textarea-with-helpers
.textarea-wrapper[data-v-d560f4c9] {
border: 2px solid var(--error-border);
}
.textarea-base-main-wrapper.error
.textarea-with-helpers
.textarea-wrapper
svg[data-v-d560f4c9] {
fill: var(--error-content);
}
.textarea-base-main-wrapper.error
.textarea-with-helpers
.counter[data-v-d560f4c9] {
color: var(--error-content);
}
.textarea-base-main-wrapper.disabled
.textarea-with-helpers
.textarea-wrapper[data-v-d560f4c9] {
cursor: not-allowed;
opacity: 0.5;
}
.textarea-base-main-wrapper.disabled
.textarea-with-helpers
.textarea-wrapper
.textarea[data-v-d560f4c9] {
cursor: not-allowed;
}
.report-modal-content .lead[data-v-dc095032] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.report-modal-content .lead p[data-v-dc095032] {
margin-bottom: 0;
}
.report-modal-content .lead p ~ p[data-v-dc095032] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.report-modal-content .lead[data-v-dc095032] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.report-modal-content .lead p[data-v-dc095032] {
margin-bottom: 0;
}
.report-modal-content .lead p ~ p[data-v-dc095032] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.report-modal-content .lead[data-v-dc095032] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.report-modal-content .lead p[data-v-dc095032] {
margin-bottom: 0;
}
.report-modal-content .lead p ~ p[data-v-dc095032] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.report-modal-content .lead[data-v-dc095032] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.report-modal-content .lead p[data-v-dc095032] {
margin-bottom: 0;
}
.report-modal-content .lead p ~ p[data-v-dc095032] {
margin-top: 2rem;
}
}
.report-modal-content[data-v-dc095032] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
}
@media only screen and (min-width: 768px) {
.report-modal-content[data-v-dc095032] {
min-width: 600px;
}
}
@media (max-height: 820px) {
.report-modal-content[data-v-dc095032] {
margin-right: 5px;
}
}
.report-modal-content .textarea-base-main-wrapper[data-v-dc095032] {
height: 194px;
}
.report-modal-content .lead[data-v-dc095032] {
color: var(--content-primary);
}
.report-modal-content .text[data-v-dc095032] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.report-modal-content .text p[data-v-dc095032] {
margin-bottom: 0;
}
.report-modal-content .text p ~ p[data-v-dc095032] {
margin-top: 1.6rem;
}
.submit-button[data-v-dc095032] {
align-self: flex-end;
width: -moz-fit-content;
width: fit-content;
}
.report-modal .content {
padding-right: 0 !important;
}
.toasts {
z-index: 120001;
}
.comment-tile[data-v-52f0afaf] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.comment-tile[data-v-52f0afaf] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.comment-tile[data-v-52f0afaf] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.comment-tile[data-v-52f0afaf] {
gap: var(--space-3md, 24px);
}
}
.comment-tile[data-v-52f0afaf] {
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.comment-tile[data-v-52f0afaf] {
flex-wrap: wrap;
}
}
.comment-tile .avatar[data-v-52f0afaf] {
flex: 0 0 18.8rem;
}
@media only screen and (max-width: 767px) {
.comment-tile .avatar[data-v-52f0afaf] {
flex: 0 0 100%;
}
}
.comment-tile .wrapper[data-v-52f0afaf] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
width: 100%;
}
.comment-tile .wrapper .answer[data-v-52f0afaf],
.comment-tile .wrapper .feedback[data-v-52f0afaf],
.comment-tile .wrapper .opinion[data-v-52f0afaf] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-sm);
}
.comment-tile .wrapper .answer .badge-wrapper[data-v-52f0afaf],
.comment-tile .wrapper .feedback .badge-wrapper[data-v-52f0afaf],
.comment-tile .wrapper .opinion .badge-wrapper[data-v-52f0afaf] {
align-self: flex-start;
}
.comment-tile .wrapper .text[data-v-52f0afaf] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
word-break: break-word;
}
.comment-tile .wrapper .text p[data-v-52f0afaf] {
margin-bottom: 0;
}
.comment-tile .wrapper .text p ~ p[data-v-52f0afaf] {
margin-top: 1.6rem;
}
.comment-tile .wrapper .date[data-v-52f0afaf] {
color: var(--content-tertiary);
flex: 1 1 100%;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.comment-tile .wrapper .date p[data-v-52f0afaf] {
margin-bottom: 0;
}
.comment-tile .wrapper .date p ~ p[data-v-52f0afaf] {
margin-top: 1.6rem;
}
.comment-tile .wrapper .options[data-v-52f0afaf] {
align-items: center;
display: flex;
flex-flow: row nowrap;
gap: var(--space-2sm);
justify-content: flex-end;
}
.comment-tile .wrapper .options .button-more[data-v-52f0afaf] {
position: relative;
}
.comment-tile .wrapper .options .button-more .button[data-v-52f0afaf] {
flex: 0 0 auto;
}
.comment-tile
.wrapper
.options
.button-more
.dropdown-menu-base[data-v-52f0afaf] {
right: -0.6rem;
width: -moz-max-content;
width: max-content;
}
.comment-tile .wrapper .answer .head[data-v-52f0afaf],
.comment-tile .wrapper .answer .text[data-v-52f0afaf] {
color: var(--tertiary-content);
}
.comment-tile .wrapper .answer .head[data-v-52f0afaf] {
align-items: center;
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
gap: var(--space-xs);
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.comment-tile .wrapper .answer .head p[data-v-52f0afaf] {
margin-bottom: 0;
}
.comment-tile .wrapper .answer .head p ~ p[data-v-52f0afaf] {
margin-top: 1.6rem;
}
.comment-tile .wrapper .answer .head .icon[data-v-52f0afaf] {
transform: rotate(180deg);
}
.load-more-trigger[data-v-a615162d] {
height: 1px;
}
.button-load-more[data-v-f3478c96] {
margin: 2rem 0;
}
.spinner[data-v-b06af1e4] {
align-self: center;
flex: 1;
margin: 3rem 0;
text-align: center;
}
.profile-opinions[data-v-f7eac79d] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions[data-v-f7eac79d] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions[data-v-f7eac79d] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions[data-v-f7eac79d] {
max-width: 100%;
}
}
.profile-opinions[data-v-f7eac79d] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions[data-v-f7eac79d] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions[data-v-f7eac79d] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions[data-v-f7eac79d] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.profile-opinions[data-v-f7eac79d] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions[data-v-f7eac79d] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.profile-opinions[data-v-f7eac79d] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions[data-v-f7eac79d] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions[data-v-f7eac79d] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions[data-v-f7eac79d] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.profile-opinions .content[data-v-f7eac79d] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions .content[data-v-f7eac79d] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions .content[data-v-f7eac79d] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.profile-opinions .content[data-v-f7eac79d] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions .content[data-v-f7eac79d] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions .content[data-v-f7eac79d] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions .content[data-v-f7eac79d] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.profile-opinions .content[data-v-f7eac79d] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions .content[data-v-f7eac79d] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions .content[data-v-f7eac79d] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions .content[data-v-f7eac79d] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.profile-opinions[data-v-f7eac79d] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions[data-v-f7eac79d] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions[data-v-f7eac79d] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions[data-v-f7eac79d] {
gap: var(--space-3md, 24px);
}
}
.profile-opinions .content[data-v-f7eac79d] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions .content[data-v-f7eac79d] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions .content[data-v-f7eac79d] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions .content[data-v-f7eac79d] {
gap: var(--space-3md, 24px);
}
}
.profile-opinions .contbg[data-v-f7eac79d] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-opinions .contbg[data-v-f7eac79d] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-opinions .contbg[data-v-f7eac79d] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.profile-opinions .contbg[data-v-f7eac79d] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.profile-opinions[data-v-f7eac79d] {
display: flex;
margin: 0 auto;
position: relative;
}
.profile-opinions[data-v-f7eac79d],
.profile-opinions .content[data-v-f7eac79d] {
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.profile-opinions .content[data-v-f7eac79d] {
flex-direction: column;
}
}
.profile-opinions .contbg[data-v-f7eac79d] {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.profile-opinions .content[data-v-f7eac79d] {
position: inherit;
}
.profile-opinions .contbg[data-v-f7eac79d] {
background-color: var(--tertiary-bg-light);
}
.profile-opinions .content[data-v-f7eac79d] {
align-items: stretch;
display: flex;
flex-flow: column nowrap;
max-width: var(--copy-max-width);
width: 100%;
}
.profile-opinions .description[data-v-f7eac79d] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-opinions .description p[data-v-f7eac79d] {
margin-bottom: 0;
}
.profile-opinions .description p ~ p[data-v-f7eac79d] {
margin-top: 1.6rem;
}
.profile-opinions .description[data-v-f7eac79d] {
color: var(--content-secondary);
}
.profile-opinions .infinite-scroll[data-v-f7eac79d] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-2sm);
}
.profile-opinions .comment-tile[data-v-f7eac79d] {
width: 100%;
}
.locations-wrapper {
align-items: flex-start;
flex-direction: column;
}
.locations-wrapper,
.locations-wrapper > div {
align-self: stretch;
display: flex;
gap: var(--space-xxs);
}
.locations-wrapper > div {
align-items: center;
color: var(--content-primary);
flex-wrap: nowrap;
}
.locations-wrapper > div .location-icon {
align-self: flex-start;
background-color: var(--primary-content);
display: flex;
-webkit-mask-size: contain;
mask-size: contain;
}
.locations-wrapper > div .location-icon.md {
height: var(--icon-md);
max-width: var(--icon-md);
width: var(--icon-md);
}
.locations-wrapper > div .location-icon.sm {
height: var(--icon-sm);
max-width: var(--icon-sm);
width: var(--icon-sm);
}
.locations-wrapper > div > div {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-wrap: nowrap;
gap: var(--space-xxs);
overflow: hidden;
text-overflow: ellipsis;
}
.locations-wrapper > div > div .label {
align-items: center;
display: flex;
}
.locations-wrapper > div > div .address {
padding-top: 0.2rem;
}
.locations-wrapper.truncate .address {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.locations-wrapper.sm > div {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.locations-wrapper.sm > div p {
margin-bottom: 0;
}
.locations-wrapper.sm > div p ~ p {
margin-top: 1.1rem;
}
.locations-wrapper.sm > div > div .label {
height: var(--icon-sm);
min-width: 4.7rem;
width: 4.7rem;
}
.locations-wrapper.md > div {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2rem;
}
.locations-wrapper.md > div p {
margin-bottom: 0;
}
.locations-wrapper.md > div p ~ p {
margin-top: 1.4rem;
}
.locations-wrapper.md > div > div .label {
height: var(--icon-md);
min-width: 5.8rem;
width: 5.8rem;
}
.auction-tile-wrapper {
align-items: flex-start;
align-self: stretch;
background: var(--quaternary-bg-light);
border-radius: var(--box-sm);
display: flex;
flex-direction: column;
gap: var(--space-md);
padding: var(--space-md);
}
.auction-tile-wrapper .title {
display: -webkit-box;
-webkit-box-orient: vertical;
align-self: stretch;
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.3px;
-webkit-line-clamp: 2;
line-height: 2rem;
overflow: hidden;
text-overflow: ellipsis;
}
.auction-tile-wrapper .title p {
margin-bottom: 0;
}
.auction-tile-wrapper .title p ~ p {
margin-top: 1.4rem;
}
.opinion-tile-wrapper .opinion .opinion-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.opinion-tile-wrapper .opinion .opinion-text p {
margin-bottom: 0;
}
.opinion-tile-wrapper .opinion .opinion-text p ~ p {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.opinion-tile-wrapper .opinion .opinion-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.opinion-tile-wrapper .opinion .opinion-text p {
margin-bottom: 0;
}
.opinion-tile-wrapper .opinion .opinion-text p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.opinion-tile-wrapper .opinion .opinion-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.opinion-tile-wrapper .opinion .opinion-text p {
margin-bottom: 0;
}
.opinion-tile-wrapper .opinion .opinion-text p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.opinion-tile-wrapper .opinion .opinion-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.opinion-tile-wrapper .opinion .opinion-text p {
margin-bottom: 0;
}
.opinion-tile-wrapper .opinion .opinion-text p ~ p {
margin-top: 2rem;
}
}
.opinion-tile-wrapper {
flex: 1 0 0;
flex-direction: column;
gap: var(--space-3md);
}
.opinion-tile-wrapper,
.opinion-tile-wrapper .opinion {
align-items: flex-start;
align-self: stretch;
display: flex;
}
.opinion-tile-wrapper .opinion {
flex-direction: column;
gap: var(--space-md);
}
.opinion-tile-wrapper .opinion .opinion-text {
align-self: stretch;
color: var(--content-secondary);
display: -webkit-box;
text-align: start;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
}
.opinion-tile-wrapper .avatar-with-name {
align-items: center;
display: flex;
gap: var(--space-sm);
}
.opinion-tile-wrapper .avatar-with-name .name {
color: var(--primary-content);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.opinion-tile-wrapper .avatar-with-name .name p {
margin-bottom: 0;
}
.opinion-tile-wrapper .avatar-with-name .name p ~ p {
margin-top: 1.6rem;
}
.opinion-tile-wrapper .auction-tile {
max-width: 268px;
}
@media only screen and (max-width: 767px) {
.opinion-tile-wrapper .auction-tile {
max-width: 252px;
}
}
.opinion-single-wrapper {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.opinion-single-wrapper {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.opinion-single-wrapper {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.opinion-single-wrapper {
gap: var(--space-3md, 24px);
}
}
.opinion-single-wrapper {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.opinion-single-wrapper {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.opinion-single-wrapper {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.opinion-single-wrapper {
border-radius: var(--box-md, 24px);
}
}
.opinion-single-wrapper .left .header {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.opinion-single-wrapper .left .header {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.opinion-single-wrapper .left .header {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.opinion-single-wrapper .left .header {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.opinion-single-wrapper {
align-items: center;
align-self: stretch;
display: flex;
height: 100%;
width: 100%;
}
.opinion-single-wrapper .right {
align-items: flex-end;
display: flex;
flex: 1 0 0;
height: 433px;
justify-content: center;
position: relative;
}
.opinion-single-wrapper .right .ready {
align-items: center;
background: var(--success-bg);
border-radius: var(--alert);
display: flex;
gap: var(--space-xs);
justify-content: center;
left: 0;
padding: var(--space-sm) var(--space-2sm);
position: absolute;
top: 126px;
z-index: 1;
}
.opinion-single-wrapper .right .ready svg {
fill: var(--content-primary);
}
.opinion-single-wrapper .right .ready .text {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.opinion-single-wrapper .right .image {
align-content: flex-start;
display: flex;
flex-direction: row;
height: 545px;
justify-content: center;
left: calc(50% - 197px);
overflow: hidden;
position: absolute;
top: -88px;
width: 394px;
z-index: 0;
}
.opinion-single-wrapper .right .image img {
display: block;
}
.opinion-single-wrapper .left {
align-self: auto;
flex: 1 0 0;
gap: var(--space-2lg);
}
.opinion-single-wrapper .left .header {
align-items: flex-start;
align-self: stretch;
color: var(--content-primary);
display: flex;
}
.opinion-single-wrapper .left .opinion .opinion-text {
-webkit-line-clamp: 3;
}
.opinion-single-wrapper .left .avatar-with-name {
display: none;
}
@media only screen and (min-width: 768px) {
.opinion-single-wrapper .left .auction-tile {
max-width: 284px;
}
}
@media only screen and (max-width: 767px) {
.opinion-single-wrapper {
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.opinion-single-wrapper .right {
align-self: stretch;
flex: initial;
height: auto;
}
.opinion-single-wrapper .right .image {
align-content: flex-start;
display: flex;
flex-direction: row;
height: 277px;
justify-content: flex-start;
inset: auto 0 0 auto;
width: 183px;
}
.opinion-single-wrapper .right .image img {
display: block;
height: 330px;
width: 220px;
}
.opinion-single-wrapper .right .ready {
bottom: 0;
top: auto;
}
.opinion-single-wrapper .left {
align-self: stretch;
gap: var(--space-md);
}
}
.banner-question-wrapper[data-v-b6833662] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper[data-v-b6833662] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper[data-v-b6833662] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper[data-v-b6833662] {
max-width: 100%;
}
}
.banner-question-wrapper[data-v-b6833662] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper[data-v-b6833662] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper[data-v-b6833662] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper[data-v-b6833662] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-question-wrapper[data-v-b6833662] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper[data-v-b6833662] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper[data-v-b6833662] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper[data-v-b6833662] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-question-wrapper .content[data-v-b6833662] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper .content[data-v-b6833662] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper .content[data-v-b6833662] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper .content[data-v-b6833662] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-question-wrapper .content[data-v-b6833662] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper .content[data-v-b6833662] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper .content[data-v-b6833662] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper .content[data-v-b6833662] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-question-wrapper[data-v-b6833662] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper[data-v-b6833662] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper[data-v-b6833662] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper[data-v-b6833662] {
gap: var(--space-3md, 24px);
}
}
.banner-question-wrapper .content[data-v-b6833662] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper .content[data-v-b6833662] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper .content[data-v-b6833662] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper .content[data-v-b6833662] {
gap: var(--space-3md, 24px);
}
}
.banner-question-wrapper[data-v-b6833662] {
margin: 0 auto;
position: relative;
}
.banner-question-wrapper[data-v-b6833662],
.banner-question-wrapper .content[data-v-b6833662] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-question-wrapper .content[data-v-b6833662] {
flex-direction: column;
}
}
.banner-question-wrapper .content .top .title[data-v-b6833662] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper .content .top .title[data-v-b6833662] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper .content .top .title[data-v-b6833662] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper .content .top .title[data-v-b6833662] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-question-wrapper .content .top .lead-text[data-v-b6833662] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.banner-question-wrapper .content .top .lead-text p[data-v-b6833662] {
margin-bottom: 0;
}
.banner-question-wrapper .content .top .lead-text p ~ p[data-v-b6833662] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-question-wrapper .content .top .lead-text[data-v-b6833662] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-question-wrapper .content .top .lead-text p[data-v-b6833662] {
margin-bottom: 0;
}
.banner-question-wrapper .content .top .lead-text p ~ p[data-v-b6833662] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-question-wrapper .content .top .lead-text[data-v-b6833662] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-question-wrapper .content .top .lead-text p[data-v-b6833662] {
margin-bottom: 0;
}
.banner-question-wrapper .content .top .lead-text p ~ p[data-v-b6833662] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.banner-question-wrapper .content .top .lead-text[data-v-b6833662] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.banner-question-wrapper .content .top .lead-text p[data-v-b6833662] {
margin-bottom: 0;
}
.banner-question-wrapper .content .top .lead-text p ~ p[data-v-b6833662] {
margin-top: 2rem;
}
}
.banner-question-wrapper.blue[data-v-b6833662] {
background: var(--bg-add-1);
}
.banner-question-wrapper.lilac[data-v-b6833662] {
background: var(--bg-add-3);
}
.banner-question-wrapper .content[data-v-b6833662] {
flex-direction: column;
gap: var(--space-2xl);
}
@media only screen and (max-width: 1023px) {
.banner-question-wrapper .content[data-v-b6833662] {
gap: var(--space-2lg);
}
}
.banner-question-wrapper .content .top[data-v-b6833662] {
align-items: center;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.banner-question-wrapper .content .top .title[data-v-b6833662] {
align-self: stretch;
color: var(--content-primary);
text-align: center;
}
.banner-question-wrapper .content .top .lead-text[data-v-b6833662] {
align-self: stretch;
color: var(--content-secondary);
text-align: center;
}
.banner-question-wrapper .content .buttons[data-v-b6833662] {
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.banner-question-wrapper .content .buttons a[data-v-b6833662] {
display: flex;
}
.banner-question-wrapper .content .buttons .button-email[data-v-b6833662] {
color: var(--primary-link);
flex: 1;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.banner-question-wrapper .content .buttons .button-phone[data-v-b6833662] {
flex: 1;
}
.banner-question-wrapper
.content
.buttons
.button-phone[data-v-b6833662]
.button-inside-wrapper {
gap: var(--space-xs);
}
.input-base-main-wrapper {
align-items: flex-start;
align-self: stretch;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: var(--space-xs);
justify-content: center;
}
.input-base-main-wrapper .top {
align-items: center;
align-self: stretch;
display: flex;
gap: var(--space-xs);
height: var(--icon-md);
justify-content: flex-end;
}
.input-base-main-wrapper .top .label {
align-items: center;
color: var(--content-primary);
display: flex;
flex: 1;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
gap: var(--space-xs);
letter-spacing: 0.3px;
line-height: 1.4rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.input-base-main-wrapper .top .required-icon {
fill: var(--error-content);
}
.input-base-main-wrapper .input-with-helpers {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.input-base-main-wrapper .input-with-helpers .input-wrapper {
align-items: center;
align-self: stretch;
background: var(--tertiary-bg-light);
border: 1px solid var(--border-static);
border-radius: var(--form-item);
cursor: text;
display: flex;
gap: var(--space-xs);
height: var(--form-item-lg);
padding: var(--space-null) calc(var(--space-md) - 0.2rem);
}
.input-base-main-wrapper .input-with-helpers .input-wrapper:hover {
background: var(--tertiary-bg-light-hover);
}
.input-base-main-wrapper .input-with-helpers .input-wrapper:focus-visible {
border: 2px solid var(--border-focus);
outline: none;
}
.input-base-main-wrapper .input-with-helpers .input-wrapper svg {
fill: var(--content-secondary);
height: var(--icon-md);
width: var(--icon-md);
}
.input-base-main-wrapper .input-with-helpers .input-wrapper .input-left {
align-items: center;
color: var(--content-secondary);
display: flex;
flex: 1 0 0;
gap: var(--space-xxs);
}
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.prefix {
align-items: center;
display: flex;
justify-content: center;
}
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper {
align-items: center;
cursor: pointer;
display: block;
display: flex;
flex: 1 0 0;
height: var(--form-item-lg);
}
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input {
background-color: transparent;
border: none;
color: var(--content-primary);
cursor: pointer;
display: flex;
flex: 1 0 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.4rem;
outline: none;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
width: 100%;
}
@media only screen and (max-width: 767px) {
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input.is-ios {
font-size: 1.6rem !important;
}
}
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input::-moz-placeholder {
border: none;
color: var(--content-primary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.4rem;
opacity: 1;
outline: none;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
width: 100%;
}
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input::placeholder {
border: none;
color: var(--content-primary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.4rem;
opacity: 1;
outline: none;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
width: 100%;
}
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
input::-webkit-inner-spin-button,
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.input-base-main-wrapper
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
input[type='number'] {
-moz-appearance: textfield;
}
.input-base-main-wrapper .input-with-helpers .input-wrapper .suffix {
align-items: center;
display: flex;
justify-content: center;
}
.input-base-main-wrapper .input-with-helpers .helpers {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
gap: var(--space-null);
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.input-base-main-wrapper .input-with-helpers .helpers p {
margin-bottom: 0;
}
.input-base-main-wrapper .input-with-helpers .helpers p ~ p {
margin-top: 1.2rem;
}
.input-base-main-wrapper .input-with-helpers .helpers .helper-text {
color: var(--content-primary);
}
.input-base-main-wrapper .input-with-helpers .helpers .validation-text {
align-self: stretch;
color: var(--error-content);
height: 1.8rem;
}
.input-base-main-wrapper .input-with-helpers .helpers .warning-text {
color: var(--warning-content);
height: 1.8rem;
}
.input-base-main-wrapper.active .input-with-helpers .input-wrapper {
background: var(--tertiary-bg-light-hover);
}
.input-base-main-wrapper.with-value
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.input-base-main-wrapper.warning .input-with-helpers .input-wrapper {
border: 2px solid var(--warning-border);
}
.input-base-main-wrapper.warning .input-with-helpers .input-wrapper svg {
fill: var(--warning-content);
}
.input-base-main-wrapper.warning
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input {
color: var(--warning-content);
}
.input-base-main-wrapper.warning
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input::-moz-placeholder {
color: var(--warning-content);
}
.input-base-main-wrapper.warning
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input::placeholder {
color: var(--warning-content);
}
.input-base-main-wrapper.error .input-with-helpers .input-wrapper {
border: 2px solid var(--error-border);
}
.input-base-main-wrapper.error .input-with-helpers .input-wrapper svg {
fill: var(--error-content);
}
.input-base-main-wrapper.error
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input {
color: var(--error-content);
}
.input-base-main-wrapper.error
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input::-moz-placeholder {
color: var(--error-content);
}
.input-base-main-wrapper.error
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input::placeholder {
color: var(--error-content);
}
.input-base-main-wrapper.disabled .input-with-helpers .input-wrapper {
cursor: not-allowed;
opacity: 0.5;
}
.input-base-main-wrapper.disabled
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input {
cursor: not-allowed;
}
.dropdown-menu-wrapper .dropdown-menu-inside-wrapper[data-v-9d4d8e44] {
align-items: flex-start;
border-radius: var(--box-sm, 10px);
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: var(--space-xs, 4px);
padding: var(--space-xs, 4px);
}
.dropdown-menu-wrapper .dropdown-menu-inside-wrapper .content[data-v-9d4d8e44] {
align-items: flex-start;
align-self: stretch;
display: flex;
gap: var(--space-xs, 4px);
}
.dropdown-menu-wrapper
.dropdown-menu-inside-wrapper
.content.scroll[data-v-9d4d8e44] {
overflow-y: auto;
}
.dropdown-menu-wrapper.alt {
background-color: var(--bg-0-reversed);
border: none;
border-radius: var(--box-xs);
color: var(--content-primary-reversed);
}
.dropdown-menu-wrapper.alt .arrow {
display: none;
}
.dropdown-menu-wrapper.alt .divider {
width: 100%;
}
.menu-list-item[data-v-96fcdfdd] {
align-items: center;
background-color: var(--bg-controll-item);
border: 2px transparent;
border-radius: var(--box-xs);
color: var(--content-primary);
cursor: pointer;
display: flex;
gap: var(--space-xs);
min-height: var(--form-item-lg);
padding: calc(var(--space-sm) - 2px) var(--space-2md);
width: 100%;
}
.menu-list-item .label[data-v-96fcdfdd] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
}
.menu-list-item .label p[data-v-96fcdfdd] {
margin-bottom: 0;
}
.menu-list-item .label p ~ p[data-v-96fcdfdd] {
margin-top: 1.4rem;
}
.menu-list-item .label[data-v-96fcdfdd] {
display: block;
line-height: 2rem;
}
.menu-list-item .icon-wrapper[data-v-96fcdfdd] {
fill: var(--content-secondary);
height: var(--icon-md);
min-width: var(--icon-md);
}
.menu-list-item .suffix[data-v-96fcdfdd] {
margin-left: auto;
}
.menu-list-item.flag[data-v-96fcdfdd] {
gap: var(--space-md);
}
.menu-list-item.image[data-v-96fcdfdd],
.menu-list-item.image-gray[data-v-96fcdfdd] {
gap: var(--space-sm);
}
.menu-list-item.image .prefix[data-v-96fcdfdd],
.menu-list-item.image-gray .prefix[data-v-96fcdfdd] {
display: flex;
height: var(--form-item-xl);
min-width: var(--form-item-xl);
width: var(--form-item-xl);
}
.menu-list-item.image-gray[data-v-96fcdfdd] {
background-color: var(--quaternary-bg-light);
}
.menu-list-item.image-gray[data-v-96fcdfdd]:hover {
background-color: var(--quaternary-bg-light-hover);
}
.menu-list-item.action[data-v-96fcdfdd] {
padding: var(--space-sm);
padding-left: var(--space-2md);
}
.menu-list-item.action .suffix[data-v-96fcdfdd] {
align-items: center;
display: flex;
}
@media only screen and (min-width: 768px) {
.menu-list-item[data-v-96fcdfdd]:hover {
background-color: var(--bg-controll-item-hover);
}
}
.menu-list-item[data-v-96fcdfdd]:active {
background-color: var(--bg-controll-item-pressed);
}
.menu-list-item.disabled[data-v-96fcdfdd] {
opacity: 0.5;
}
.menu-list-item[data-v-96fcdfdd]:focus-visible {
border: 2px solid var(--border-focus);
}
.menu-list-item.selected[data-v-96fcdfdd] {
background-color: var(--bg-controll-item-selected);
}
.menu-list-item.selected[data-v-96fcdfdd]:hover {
background-color: var(--bg-controll-item-selected-hover);
}
.menu-list-item.selected .selected-icon[data-v-96fcdfdd] {
fill: var(--primary-content);
margin-left: auto;
}
.powered-by-google[data-v-d27177f1] {
align-items: flex-end;
align-self: stretch;
background-color: var(--tertiary-bg-light);
border-radius: var(--box-xs);
color: var(--content-secondary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.1rem;
font-weight: 400;
gap: var(--space-xs);
justify-content: flex-end;
letter-spacing: 0.3px;
line-height: 1.6rem;
padding: var(--space-xs);
}
.powered-by-google p[data-v-d27177f1] {
margin-bottom: 0;
}
.powered-by-google p ~ p[data-v-d27177f1] {
margin-top: 1.1rem;
}
.powered-by-google .logo[data-v-d27177f1] {
height: 1.6rem;
width: 4.7rem;
}
.list-item .result[data-v-4eb38c3b] {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-item .result.multiline[data-v-4eb38c3b] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
}
.list-item .result[data-v-4eb38c3b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.list-item .result p[data-v-4eb38c3b] {
margin-bottom: 0;
}
.list-item .result p ~ p[data-v-4eb38c3b] {
margin-top: 1.4rem;
}
.list-item .result .bold[data-v-4eb38c3b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
}
.list-item .result .bold p[data-v-4eb38c3b] {
margin-bottom: 0;
}
.list-item .result .bold p ~ p[data-v-4eb38c3b] {
margin-top: 1.4rem;
}
.list-item .result .bold.trim-right[data-v-4eb38c3b] {
margin-right: -0.4rem;
}
.show-more[data-v-4eb38c3b] {
border-top: 1px solid var(--border-static);
text-align: center;
}
.show-more[data-v-4eb38c3b] .label {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
width: 100%;
}
.show-more[data-v-4eb38c3b] .label p {
margin-bottom: 0;
}
.show-more[data-v-4eb38c3b] .label p ~ p {
margin-top: 1.4rem;
}
.input-autocomplete-wrapper[data-v-6c93d237] {
position: relative;
}
.input-autocomplete-wrapper .input-base .clear-button[data-v-6c93d237] {
display: none;
}
.input-autocomplete-wrapper
.input-base.with-value
.clear-button[data-v-6c93d237] {
display: block;
}
.input-autocomplete-address[data-v-eddfa9c3] {
position: relative;
}
.chips-wrapper[data-v-4e84a35f] {
align-items: center;
background: var(--bg-0);
border: 1px solid var(--border-static);
border-radius: var(--form-item);
display: inline-flex;
flex-shrink: 0;
height: var(--form-item-md);
justify-content: center;
}
.chips-wrapper .label-with-icon[data-v-4e84a35f] {
align-items: center;
color: var(--content-secondary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
gap: var(--space-xs);
justify-content: center;
letter-spacing: 0.3px;
line-height: 1.4rem;
padding: 0 var(--space-sm);
}
.chips-wrapper .label-with-icon .icon[data-v-4e84a35f] {
fill: var(--content-secondary);
}
.chips-wrapper.small[data-v-4e84a35f] {
height: var(--form-item-sm);
}
.chips-wrapper.small .label-with-icon[data-v-4e84a35f] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.2rem;
}
.select-base-wrapper {
align-self: stretch;
position: relative;
}
.select-base-wrapper .input-base .input-with-helpers .input-wrapper,
.select-base-wrapper
.input-base
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input {
cursor: pointer;
}
@media only screen and (max-width: 1023px) {
.select-base-wrapper
.input-base
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input {
pointer-events: none;
}
}
.select-base-wrapper
.input-base
.input-with-helpers
.input-wrapper
.suffix
.icon {
background-color: var(--content-primary);
fill: var(--content-primary);
}
.select-base-wrapper
.input-base.multiple
.select-base-wrapper
.input-base.chips
.input-left
.input-inside-wrapper
.input {
flex: 0;
width: 0 !important;
}
.select-base-wrapper
.input-base.multiple
.select-base-wrapper
.input-base.chips
.input-left
.input-inside-wrapper
.input:active,
.select-base-wrapper
.input-base.multiple
.select-base-wrapper
.input-base.chips
.input-left
.input-inside-wrapper
.input:focus {
flex: 1;
width: auto !important;
}
.select-base-wrapper .chips-wrapper {
align-items: center;
display: inline-flex;
gap: var(--space-xs);
z-index: 1000;
}
.select-base-wrapper .chip-enter-active,
.select-base-wrapper .chip-leave-active {
transition:
transform 0.15s ease,
opacity 0.15s ease;
}
.select-base-wrapper .chip-enter-from,
.select-base-wrapper .chip-leave-to {
opacity: 0;
transform: scale(0.9);
}
.select-base-wrapper .chip-move {
transition: transform 0.15s ease;
}
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper {
background: var(--bg-0);
border: 1px solid transparent;
height: var(--form-item-xl);
}
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper:hover {
background: var(--quaternary-bg-light);
}
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper:focus-visible {
background: var(--tertiary-bg-light);
}
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper.active
.input-with-helpers
.input-wrapper {
background: var(--quaternary-bg-light);
}
@media only screen and (max-width: 1023px) {
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper {
background: var(--quaternary-bg-light);
}
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper:hover {
background: var(--quaternary-bg-light-hover);
}
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper:focus-visible {
background: var(--quaternary-bg-light);
}
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper.active
.input-with-helpers
.input-wrapper {
background: var(--quaternary-bg-light-hover);
}
}
.input-hero-search-wrapper[data-v-7a28b9ec]
.input-base-main-wrapper.with-value
.input-with-helpers
.input-wrapper
.input-left
.input-inside-wrapper
.input {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.main-category-menu-list .list-item[data-v-9266e5d7] {
min-width: var(--element-width-min);
width: 100%;
}
@media only screen and (min-width: 1024px) {
.main-category-menu-list .list-item[data-v-9266e5d7] {
width: calc(33.33% - var(--space-sm));
}
}
.subcategory-view .category-parent[data-v-0a8d0bf7] {
background-color: var(--bg-controll-item-hover);
margin-bottom: var(--space-sm);
}
.subcategory-view .menu-list-item[data-v-0a8d0bf7] {
min-width: calc(var(--element-width-min) + 3rem);
width: 100%;
}
@media only screen and (min-width: 1024px) {
.subcategory-view .menu-list-item[data-v-0a8d0bf7] {
width: calc(33.33% - var(--space-sm));
}
}
.button[data-v-26fa8eab] {
background-color: var(--base-white);
border: none;
border-radius: var(--box-pill, 999px);
box-sizing: border-box;
cursor: pointer;
filter: drop-shadow(0 0 24px rgba(131, 140, 156, 0.25));
gap: var(--space-sm, 8px);
height: var(--form-item-xxl, 56px);
padding: var(--space-sm, 8px);
position: relative;
width: var(--form-item-xxl, 56px);
}
.button[data-v-26fa8eab],
.button .icon-wrapper[data-v-26fa8eab] {
align-items: center;
display: flex;
justify-content: center;
}
.button .icon-wrapper[data-v-26fa8eab] {
fill: var(--primary-content);
}
.button .icon-wrapper.lg[data-v-26fa8eab] {
height: var(--icon-lg, 32px);
min-width: var(--icon-lg, 32px);
width: var(--icon-lg, 32px);
}
.button .icon-wrapper .icon[data-v-26fa8eab] {
height: 100%;
width: 100%;
}
.button .icon-wrapper .icon.md[data-v-26fa8eab] {
height: var(--icon-md, 24px);
min-width: var(--icon-md, 24px);
width: var(--icon-md, 24px);
}
.fade-enter-active[data-v-a98450f1],
.fade-leave-active[data-v-a98450f1] {
transition: opacity 0.1s ease;
}
.fade-enter[data-v-a98450f1],
.fade-leave-active[data-v-a98450f1] {
opacity: 0;
}
@media only screen and (min-width: 1024px) {
.modal-base.select-hero-search-category-modal[data-v-a98450f1]
.modal-wrapper
.modal {
height: auto;
max-height: none;
}
}
@media only screen and (max-width: 767px) {
.select-hero-search-category-modal[data-v-a98450f1] .menu-list {
padding-bottom: 60px;
}
}
.button-fab[data-v-a98450f1] {
bottom: 0;
display: flex;
left: 50%;
position: fixed;
transform: translate(-50%, -50%);
z-index: 1111111;
}
.category-view .category-parent[data-v-856c8e1c] {
background-color: var(--bg-controll-item-hover);
margin-bottom: var(--space-sm);
}
.category-view .menu-list-item[data-v-856c8e1c] {
min-width: calc(var(--element-width-min) + 3rem);
width: 100%;
}
@media only screen and (min-width: 1024px) {
.category-view .menu-list-item[data-v-856c8e1c] {
width: calc(33.33% - var(--space-sm));
}
}
.fade-enter-active[data-v-91687cfa],
.fade-leave-active[data-v-91687cfa] {
transition: opacity 0.1s ease;
}
.fade-enter[data-v-91687cfa],
.fade-leave-active[data-v-91687cfa] {
opacity: 0;
}
@media only screen and (min-width: 1024px) {
.modal-base.select-hero-search-category-modal[data-v-91687cfa]
.modal-wrapper
.modal {
height: auto;
max-height: none;
}
}
@media only screen and (max-width: 767px) {
.select-hero-search-category-modal[data-v-91687cfa] .menu-list {
padding-bottom: 60px;
}
}
.button-fab[data-v-91687cfa] {
bottom: 0;
display: flex;
left: 50%;
position: fixed;
transform: translate(-50%, -50%);
z-index: 1111111;
}
.select-base-wrapper[data-v-8381a838] {
position: static;
}
.select-base-wrapper[data-v-8381a838]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper {
background: var(--bg-0);
border: 1px solid transparent;
height: var(--form-item-xl);
}
.select-base-wrapper[data-v-8381a838]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper:hover {
background: var(--quaternary-bg-light);
}
.select-base-wrapper[data-v-8381a838]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper:focus-visible {
background: var(--bg-0);
}
.select-base-wrapper[data-v-8381a838]
.input-base-main-wrapper.active
.input-with-helpers
.input-wrapper {
background: var(--quaternary-bg-light);
}
@media only screen and (max-width: 1023px) {
.select-base-wrapper[data-v-8381a838]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper {
background: var(--quaternary-bg-light);
}
.select-base-wrapper[data-v-8381a838]
.input-base-main-wrapper
.input-with-helpers
.input-wrapper:hover {
background: var(--quaternary-bg-light-hover);
}
}
.main-search-wrapper {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-2sm);
}
@media only screen and (max-width: 1023px) {
.main-search-wrapper {
gap: var(--space-md);
}
}
.main-search-wrapper .main-search-form {
align-items: center;
align-self: stretch;
background: var(--bg-0);
border: 4px solid var(--border-static-white);
border-radius: var(--box-md);
display: flex;
gap: var(--space-xs);
position: relative;
}
.main-search-wrapper .main-search-form .divider {
padding: 1.2rem 0;
}
.main-search-wrapper .main-search-form .select-hero-search {
width: 100%;
}
@media only screen and (min-width: 1024px) {
.main-search-wrapper .main-search-form .select-hero-search {
min-width: var(--element-width-min);
position: static !important;
width: var(--element-width-min, 25.6rem);
}
}
.main-search-wrapper .main-search-form .frame {
align-items: center;
display: flex;
gap: var(--space-xs);
}
.main-search-wrapper .main-search-form .frame .input-hero-search-wrapper {
flex: 1;
}
@media only screen and (max-width: 1023px) {
.main-search-wrapper .main-search-form {
align-items: flex-start;
border-width: 12px;
flex-direction: column;
gap: var(--space-sm);
justify-content: center;
position: static;
}
.main-search-wrapper .main-search-form .divider {
display: none;
}
.main-search-wrapper .main-search-form .select-hero-search {
align-self: stretch;
position: relative;
}
.main-search-wrapper .main-search-form .frame {
align-self: stretch;
flex-direction: column;
gap: var(--space-sm);
}
.main-search-wrapper .main-search-form .button,
.main-search-wrapper .main-search-form .frame .input-hero-search-wrapper {
align-self: stretch;
}
}
.hero-section {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.hero-section {
max-width: 100%;
}
}
.hero-section {
padding: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section {
padding: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) {
.hero-section {
padding: var(--space-4lg);
}
}
.hero-section .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.hero-section .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.hero-section .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.hero-section .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.hero-section {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.hero-section {
gap: var(--space-3md, 24px);
}
}
.hero-section .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.hero-section .content {
gap: var(--space-3md, 24px);
}
}
.hero-section .contbg {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section .contbg {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section .contbg {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.hero-section .contbg {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.hero-section {
align-items: center;
display: flex;
justify-content: center;
margin: 0 auto;
position: relative;
}
@media only screen and (min-width: 1440px) {
.hero-section {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.hero-section .content {
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.hero-section .content {
flex-direction: column;
}
}
.hero-section .contbg {
border-radius: var(--contbg);
bottom: var(--space-3md);
left: 0;
position: absolute;
right: 0;
top: var(--space-3md);
}
@media only screen and (max-width: 767px) {
.hero-section .contbg {
bottom: var(--space-2sm);
top: var(--space-2sm);
}
}
.hero-section .content {
position: inherit;
}
@media only screen and (min-width: 1024px) and (max-width: 1130px) {
.hero-section {
overflow-x: hidden;
padding-bottom: var(--space-3xl, 96px);
}
}
.hero-section .contbg {
background-color: var(--quaternary-bg-light);
}
@media only screen and (min-width: 1024px) {
.hero-section .contbg {
top: 0;
}
}
@media only screen and (max-width: 1023px) {
.hero-section .contbg {
top: var(--space-2sm);
top: bottom(--space-2sm);
}
}
.hero-section .content {
align-items: stretch;
display: flex;
justify-content: space-between;
width: 100%;
}
.hero-section .content .left {
align-items: flex-start;
align-self: center;
display: flex;
flex: 1;
flex-direction: column;
gap: var(--space-lg);
}
.hero-section .content .left .copy {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-2md);
}
.hero-section .content .left .copy .heads {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-null);
}
.hero-section .content .left .copy .heads * {
color: var(--content-primary);
}
.hero-section .content .left .copy .heads :lang(de) {
text-transform: none;
word-break: break-word;
}
.hero-section .content .left .copy .lead-text {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.hero-section .content .left .copy .lead-text p {
margin-bottom: 0;
}
.hero-section .content .left .copy .lead-text p ~ p {
margin-top: 2rem;
}
.hero-section .content .left .main-search {
width: 100%;
}
@media only screen and (min-width: 1024px) {
.hero-section .content .left .main-search {
height: 4.8rem;
position: relative;
}
.hero-section .content .left .main-search .main-search-wrapper {
left: 0;
position: absolute;
top: 0;
width: 79.2rem;
}
}
.hero-section
.content
.left
.main-search
.input-autocomplete-address
.with-value
.input-wrapper {
padding: var(--space-null) var(--space-md);
}
.hero-section .content .left .main-search .dropdown-autocomplete-wrapper {
min-width: 39rem;
}
@media only screen and (min-width: 1024px) {
.hero-section .content .left .main-search .dropdown-autocomplete-wrapper {
transform: translate(-25%);
}
}
@media only screen and (max-width: 767px) {
.hero-section .content .left .main-search .dropdown-autocomplete-wrapper {
min-width: calc(100vw - var(--space-4md) * 2);
}
}
@media only screen and (max-width: 767px) {
.hero-section
.content
.left
.main-search
.location-from
.dropdown-autocomplete-wrapper,
.hero-section
.content
.left
.main-search
.location-to
.dropdown-autocomplete-wrapper {
transform: translate(-1.2rem);
}
}
.hero-section .content .left .bottom-wrapper {
display: flex;
gap: 2rem;
width: 100%;
}
@media only screen and (max-width: 767px) {
.hero-section .content .left .bottom-wrapper {
align-items: center;
flex-direction: column;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section .content .left {
min-width: 51rem;
}
}
.hero-section .content .right {
align-content: center;
display: flex;
flex: 1;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section .content {
gap: 0;
}
}
@media only screen and (min-width: 1024px) {
.hero-section .content {
min-height: 50.5rem;
}
}
h1[data-v-28dc0758] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
h1[data-v-28dc0758] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
h1[data-v-28dc0758] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
h1[data-v-28dc0758] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.hero-animation {
align-items: center;
display: flex;
justify-content: center;
width: 100%;
}
.hero-animation svg {
transform: unset !important;
}
.hero-animation .animation {
max-width: 71rem;
min-width: 55rem;
}
.hero-animation .animation.mobile {
margin: 0 auto;
max-width: 45rem;
min-width: auto;
}
.button-big[data-v-68c50eb0] {
border-radius: var(--box-pill);
height: var(--form-item-xxl) !important;
min-height: var(--form-item-xxl) !important;
padding: 0 var(--space-3md) !important;
}
.button-big[data-v-68c50eb0] .inner,
.button-big[data-v-68c50eb0] .inner .suffix {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.button-sticky[data-v-9d5e5a73] {
background: var(--bg-0);
border-top: 1px solid var(--border-static);
bottom: 0;
display: none;
padding: var(--space-sm) var(--space-md);
padding-bottom: var(--space-2sm);
position: fixed;
width: 100vw;
z-index: 105000;
}
.button-sticky a[data-v-9d5e5a73] {
width: 100%;
}
.button-sticky.show[data-v-9d5e5a73] {
display: flex;
}
h1 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
h1 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
h1 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
h1 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
h1.h2-display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
h1.h2-display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
h1.h2-display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
h1.h2-display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.tile-ready[data-v-24cb3b55] {
align-items: center;
background: var(--success-bg);
border-radius: var(--alert);
color: var(--content-primary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
gap: var(--space-xs);
justify-content: center;
letter-spacing: 0.3px;
line-height: 1.6rem;
padding: var(--space-sm) var(--space-2sm);
}
.tile-ready .icon[data-v-24cb3b55] {
fill: var(--content-primary);
}
.hero-section-for-couriers[data-v-8ecf4a68] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
max-width: 100%;
}
}
.hero-section-for-couriers[data-v-8ecf4a68] {
padding: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
padding: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
padding: var(--space-4lg);
}
}
.hero-section-for-couriers .content[data-v-8ecf4a68] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.hero-section-for-couriers .content[data-v-8ecf4a68] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.hero-section-for-couriers[data-v-8ecf4a68] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
gap: var(--space-3md, 24px);
}
}
.hero-section-for-couriers .content[data-v-8ecf4a68] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
gap: var(--space-3md, 24px);
}
}
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.hero-section-for-couriers[data-v-8ecf4a68] {
align-items: center;
display: flex;
justify-content: center;
margin: 0 auto;
position: relative;
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers[data-v-8ecf4a68] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.hero-section-for-couriers .content[data-v-8ecf4a68] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.hero-section-for-couriers .content[data-v-8ecf4a68] {
flex-direction: column;
}
}
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
border-radius: var(--contbg);
bottom: var(--space-3md);
left: 0;
position: absolute;
right: 0;
top: var(--space-3md);
}
@media only screen and (max-width: 767px) {
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
bottom: var(--space-2sm);
top: var(--space-2sm);
}
}
.hero-section-for-couriers .content[data-v-8ecf4a68] {
position: inherit;
}
.hero-section-for-couriers .content .left .head .head-display[data-v-8ecf4a68] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers
.content
.left
.head
.head-display[data-v-8ecf4a68] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section-for-couriers
.content
.left
.head
.head-display[data-v-8ecf4a68] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers
.content
.left
.head
.head-display[data-v-8ecf4a68] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.hero-section-for-couriers .content .left .head .lead-text[data-v-8ecf4a68] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.hero-section-for-couriers .content .left .head .lead-text p[data-v-8ecf4a68] {
margin-bottom: 0;
}
.hero-section-for-couriers
.content
.left
.head
.lead-text
p
~ p[data-v-8ecf4a68] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-section-for-couriers .content .left .head .lead-text[data-v-8ecf4a68] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.hero-section-for-couriers
.content
.left
.head
.lead-text
p[data-v-8ecf4a68] {
margin-bottom: 0;
}
.hero-section-for-couriers
.content
.left
.head
.lead-text
p
~ p[data-v-8ecf4a68] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-section-for-couriers .content .left .head .lead-text[data-v-8ecf4a68] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.hero-section-for-couriers
.content
.left
.head
.lead-text
p[data-v-8ecf4a68] {
margin-bottom: 0;
}
.hero-section-for-couriers
.content
.left
.head
.lead-text
p
~ p[data-v-8ecf4a68] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.hero-section-for-couriers .content .left .head .lead-text[data-v-8ecf4a68] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.hero-section-for-couriers
.content
.left
.head
.lead-text
p[data-v-8ecf4a68] {
margin-bottom: 0;
}
.hero-section-for-couriers
.content
.left
.head
.lead-text
p
~ p[data-v-8ecf4a68] {
margin-top: 2rem;
}
}
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
background-color: var(--bg-0-reversed);
}
@media only screen and (min-width: 1024px) {
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
top: 0;
}
}
@media only screen and (max-width: 1023px) {
.hero-section-for-couriers .contbg[data-v-8ecf4a68] {
top: var(--space-2sm);
top: bottom(--space-2sm);
}
}
.hero-section-for-couriers .content .left[data-v-8ecf4a68],
.hero-section-for-couriers .content .right[data-v-8ecf4a68] {
align-self: stretch;
flex: 1;
}
.hero-section-for-couriers .content .left[data-v-8ecf4a68] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-lg);
justify-content: center;
}
.hero-section-for-couriers .content .left .head[data-v-8ecf4a68] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-2md);
}
.hero-section-for-couriers .content .left .head .head-display[data-v-8ecf4a68] {
color: var(--content-primary-reversed);
}
.hero-section-for-couriers .content .left .head .lead-text[data-v-8ecf4a68] {
color: var(--content-secondary-reversed);
}
.hero-section-for-couriers .content .left .buttons-wrapper[data-v-8ecf4a68] {
align-items: flex-start;
align-self: stretch;
display: flex;
gap: var(--space-md);
}
@media only screen and (max-width: 767px) {
.hero-section-for-couriers .content .left .buttons-wrapper[data-v-8ecf4a68] {
flex-direction: column;
}
.hero-section-for-couriers
.content
.left
.buttons-wrapper[data-v-8ecf4a68]
> * {
width: 100%;
}
}
.hero-section-for-couriers .content .right[data-v-8ecf4a68] {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
}
.hero-section-for-couriers .content .right .image-wrapper[data-v-8ecf4a68] {
max-width: 44.1rem;
width: 100%;
}
.hero-section-for-couriers .content .right .image-wrapper[data-v-8ecf4a68] img {
width: auto;
}
.hero-section-for-couriers .content .right .tile-ready[data-v-8ecf4a68] {
bottom: 2.4rem;
position: absolute;
right: 0;
}
.hero-section-for-couriers .content .right .tile-base[data-v-8ecf4a68] {
left: 0;
position: absolute;
top: 5.3rem;
}
@media only screen and (max-width: 767px) {
.hero-section-for-couriers .content .right .tile-ready[data-v-8ecf4a68] {
right: 1rem;
}
.hero-section-for-couriers .content .right .tile-base[data-v-8ecf4a68] {
left: 1rem;
top: 2.4rem;
}
}
.tile-content .description[data-v-17c54dc2] {
gap: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tile-content .description[data-v-17c54dc2] {
gap: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.tile-content .description[data-v-17c54dc2] {
gap: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.tile-content .description[data-v-17c54dc2] {
gap: var(--space-3md);
}
}
.tile-content .title[data-v-17c54dc2] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tile-content .title[data-v-17c54dc2] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.tile-content .title[data-v-17c54dc2] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.tile-content .title[data-v-17c54dc2] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.tile-content .description[data-v-17c54dc2] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.tile-content .description p[data-v-17c54dc2] {
margin-bottom: 0;
}
.tile-content .description p ~ p[data-v-17c54dc2] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tile-content .description[data-v-17c54dc2] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.tile-content .description p[data-v-17c54dc2] {
margin-bottom: 0;
}
.tile-content .description p ~ p[data-v-17c54dc2] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.tile-content .description[data-v-17c54dc2] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.tile-content .description p[data-v-17c54dc2] {
margin-bottom: 0;
}
.tile-content .description p ~ p[data-v-17c54dc2] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.tile-content .description[data-v-17c54dc2] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 3rem;
}
.tile-content .description p[data-v-17c54dc2] {
margin-bottom: 0;
}
.tile-content .description p ~ p[data-v-17c54dc2] {
margin-top: 2rem;
}
}
.tile-content[data-v-17c54dc2] {
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.tile-content .title[data-v-17c54dc2] {
color: var(--content-primary);
}
.tile-content .description[data-v-17c54dc2] {
color: var(--content-secondary);
display: flex;
}
@media only screen and (max-width: 767px) {
.tile-content .description[data-v-17c54dc2] {
flex-direction: column;
}
}
article[data-v-6a39e9e5] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
article[data-v-6a39e9e5] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article[data-v-6a39e9e5] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
article[data-v-6a39e9e5] {
max-width: 100%;
}
}
article[data-v-6a39e9e5] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
article[data-v-6a39e9e5] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article[data-v-6a39e9e5] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
article[data-v-6a39e9e5] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
article[data-v-6a39e9e5] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
article[data-v-6a39e9e5] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article[data-v-6a39e9e5] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
article[data-v-6a39e9e5] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
article .content[data-v-6a39e9e5] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article .content[data-v-6a39e9e5] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
article .content[data-v-6a39e9e5] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
article .content[data-v-6a39e9e5] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
article .content[data-v-6a39e9e5] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article .content[data-v-6a39e9e5] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
article .content[data-v-6a39e9e5] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
article .content[data-v-6a39e9e5] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
article .content[data-v-6a39e9e5] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article .content[data-v-6a39e9e5] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
article .content[data-v-6a39e9e5] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
article[data-v-6a39e9e5] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
article[data-v-6a39e9e5] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article[data-v-6a39e9e5] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
article[data-v-6a39e9e5] {
gap: var(--space-3md, 24px);
}
}
article .content[data-v-6a39e9e5] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
article .content[data-v-6a39e9e5] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article .content[data-v-6a39e9e5] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
article .content[data-v-6a39e9e5] {
gap: var(--space-3md, 24px);
}
}
article[data-v-6a39e9e5] {
margin: 0 auto;
position: relative;
}
article[data-v-6a39e9e5],
article .content[data-v-6a39e9e5] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
article .content[data-v-6a39e9e5] {
flex-direction: column;
}
}
.help-page .title[data-v-6a39e9e5] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-page .title[data-v-6a39e9e5] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-page .title[data-v-6a39e9e5] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.help-page .title[data-v-6a39e9e5] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
article .subtitle[data-v-6a39e9e5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
article .subtitle p[data-v-6a39e9e5] {
margin-bottom: 0;
}
article .subtitle p ~ p[data-v-6a39e9e5] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
article .subtitle[data-v-6a39e9e5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
article .subtitle p[data-v-6a39e9e5] {
margin-bottom: 0;
}
article .subtitle p ~ p[data-v-6a39e9e5] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
article .subtitle[data-v-6a39e9e5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
article .subtitle p[data-v-6a39e9e5] {
margin-bottom: 0;
}
article .subtitle p ~ p[data-v-6a39e9e5] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
article .subtitle[data-v-6a39e9e5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
article .subtitle p[data-v-6a39e9e5] {
margin-bottom: 0;
}
article .subtitle p ~ p[data-v-6a39e9e5] {
margin-top: 2rem;
}
}
.help-page .title[data-v-6a39e9e5] {
color: var(--content-primary);
margin-bottom: var(--space-3md);
}
article[data-v-6a39e9e5] {
display: block;
padding: 2rem 0;
padding-left: 0 !important;
}
article .subtitle[data-v-6a39e9e5] {
color: var(--content-secondary);
margin-bottom: var(--space-2sm);
}
article .content[data-v-6a39e9e5] {
display: contents;
margin: 0 auto;
}
article[data-v-6a39e9e5] .ui.column.grid {
display: flex;
gap: 3rem;
}
article[data-v-6a39e9e5] .ui.column.grid > * {
flex: 1;
}
article[data-v-6a39e9e5] a,
article[data-v-6a39e9e5] br,
article[data-v-6a39e9e5] div,
article[data-v-6a39e9e5] li,
article[data-v-6a39e9e5] p,
article[data-v-6a39e9e5] span {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
article[data-v-6a39e9e5] a p,
article[data-v-6a39e9e5] br p,
article[data-v-6a39e9e5] div p,
article[data-v-6a39e9e5] li p,
article[data-v-6a39e9e5] p p,
article[data-v-6a39e9e5] span p {
margin-bottom: 0;
}
article[data-v-6a39e9e5] a p ~ p,
article[data-v-6a39e9e5] br p ~ p,
article[data-v-6a39e9e5] div p ~ p,
article[data-v-6a39e9e5] li p ~ p,
article[data-v-6a39e9e5] p p ~ p,
article[data-v-6a39e9e5] span p ~ p {
margin-top: 1.6rem;
}
article[data-v-6a39e9e5] a,
article[data-v-6a39e9e5] br,
article[data-v-6a39e9e5] div,
article[data-v-6a39e9e5] li,
article[data-v-6a39e9e5] p,
article[data-v-6a39e9e5] span {
color: var(--content-secondary);
}
article[data-v-6a39e9e5] p {
display: block;
}
article[data-v-6a39e9e5] a {
color: var(--primary-link);
text-decoration: none;
}
article[data-v-6a39e9e5] a:hover {
color: var(--primary-link-hover);
}
article[data-v-6a39e9e5] img {
border: 1px solid var(--border-static);
border-radius: 10px;
margin: 10px 0;
padding: 4px;
}
article[data-v-6a39e9e5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
list-style-type: disc;
padding-left: var(--space-4md);
}
article[data-v-6a39e9e5] p {
margin-bottom: 0;
}
article[data-v-6a39e9e5] p ~ p {
margin-top: 1.6rem;
}
article[data-v-6a39e9e5] li {
margin-bottom: var(--space-2sm);
}
article[data-v-6a39e9e5] li:last-child {
margin-bottom: 0;
}
article[data-v-6a39e9e5] li::marker {
color: var(--primary-content);
}
article[data-v-74a76b8f] {
display: block;
}
article .content[data-v-74a76b8f] {
display: block;
margin: 0 auto;
}
article[data-v-74a76b8f] .ui.column.grid {
display: flex;
gap: 3rem;
}
article[data-v-74a76b8f] .ui.column.grid > * {
flex: 1;
}
article[data-v-74a76b8f] a.button {
background-color: var(--primary-bg, #fa5519);
border-radius: 24px;
color: #fff !important;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 14px;
padding: 17px 24px;
position: relative;
text-align: center;
text-decoration: none !important;
white-space: nowrap;
}
article[data-v-74a76b8f] a.button:hover {
background-color: var(--primary-link, #bc4013);
text-decoration: none !important;
}
.hero-help[data-v-075c9364] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help[data-v-075c9364] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help[data-v-075c9364] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.hero-help[data-v-075c9364] {
max-width: 100%;
}
}
.hero-help[data-v-075c9364] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help[data-v-075c9364] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help[data-v-075c9364] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.hero-help[data-v-075c9364] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.hero-help[data-v-075c9364] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help[data-v-075c9364] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.hero-help[data-v-075c9364] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help[data-v-075c9364] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help[data-v-075c9364] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.hero-help[data-v-075c9364] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.hero-help .content[data-v-075c9364] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help .content[data-v-075c9364] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help .content[data-v-075c9364] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.hero-help .content[data-v-075c9364] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.hero-help .content[data-v-075c9364] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help .content[data-v-075c9364] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help .content[data-v-075c9364] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.hero-help .content[data-v-075c9364] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.hero-help[data-v-075c9364] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help[data-v-075c9364] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help[data-v-075c9364] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.hero-help[data-v-075c9364] {
gap: var(--space-3md, 24px);
}
}
.hero-help .content[data-v-075c9364] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help .content[data-v-075c9364] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help .content[data-v-075c9364] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.hero-help .content[data-v-075c9364] {
gap: var(--space-3md, 24px);
}
}
.hero-help .contbg[data-v-075c9364] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help .contbg[data-v-075c9364] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help .contbg[data-v-075c9364] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.hero-help .contbg[data-v-075c9364] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.hero-help .content .tile-content .description[data-v-075c9364] {
gap: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help .content .tile-content .description[data-v-075c9364] {
gap: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help .content .tile-content .description[data-v-075c9364] {
gap: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.hero-help .content .tile-content .description[data-v-075c9364] {
gap: var(--space-3md);
}
}
.hero-help[data-v-075c9364] {
margin: 0 auto;
position: relative;
}
.hero-help[data-v-075c9364],
.hero-help .content[data-v-075c9364] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.hero-help .content[data-v-075c9364] {
flex-direction: column;
}
}
.hero-help .contbg[data-v-075c9364] {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.hero-help .content[data-v-075c9364] {
position: inherit;
}
.hero-help .content .tile-content .title[data-v-075c9364] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help .content .tile-content .title[data-v-075c9364] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help .content .tile-content .title[data-v-075c9364] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.hero-help .content .tile-content .title[data-v-075c9364] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.hero-help .content .tile-content .description[data-v-075c9364] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.hero-help .content .tile-content .description p[data-v-075c9364] {
margin-bottom: 0;
}
.hero-help .content .tile-content .description p ~ p[data-v-075c9364] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help .content .tile-content .description[data-v-075c9364] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.hero-help .content .tile-content .description p[data-v-075c9364] {
margin-bottom: 0;
}
.hero-help .content .tile-content .description p ~ p[data-v-075c9364] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.hero-help .content .tile-content .description[data-v-075c9364] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.hero-help .content .tile-content .description p[data-v-075c9364] {
margin-bottom: 0;
}
.hero-help .content .tile-content .description p ~ p[data-v-075c9364] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.hero-help .content .tile-content .description[data-v-075c9364] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 3rem;
}
.hero-help .content .tile-content .description p[data-v-075c9364] {
margin-bottom: 0;
}
.hero-help .content .tile-content .description p ~ p[data-v-075c9364] {
margin-top: 2rem;
}
}
.hero-help[data-v-075c9364] {
height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.hero-help[data-v-075c9364] {
height: 98rem;
}
}
@media only screen and (min-width: 1024px) {
.hero-help[data-v-075c9364] {
height: 68rem;
}
}
.hero-help .contbg[data-v-075c9364] {
background-color: var(--primary-bg-light);
}
.hero-help .contbg .background-image[data-v-075c9364] {
aspect-ratio: auto;
bottom: 0;
left: 50%;
max-height: 640px;
position: absolute;
transform: translate(-50%);
z-index: 1;
}
@media only screen and (max-width: 1023px) {
.hero-help .contbg .background-image[data-v-075c9364] {
width: 100%;
}
}
.hero-help .content[data-v-075c9364] {
align-items: flex-end;
color: var(--content-primary-reversed);
height: 100%;
width: 100%;
z-index: 1000;
}
@media only screen and (max-width: 1023px) {
.hero-help .content[data-v-075c9364] {
justify-content: flex-start;
}
}
@media only screen and (max-width: 767px) {
.hero-help .content[data-v-075c9364] {
margin-bottom: 50vw;
}
}
.hero-help .content .text[data-v-075c9364] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 3rem;
}
.hero-help .content .text p[data-v-075c9364] {
margin-bottom: 0;
}
.hero-help .content .text p ~ p[data-v-075c9364] {
margin-top: 2rem;
}
.hero-help .content .text[data-v-075c9364] {
text-align: center;
}
.hero-help .content .help-tile[data-v-075c9364] {
width: 100%;
}
.hero-help .content .tiles[data-v-075c9364] {
display: flex;
flex-flow: row wrap;
gap: var(--space-3md);
width: 100%;
}
@media only screen and (min-width: 1024px) {
.hero-help .content .tiles[data-v-075c9364] {
flex-wrap: nowrap;
}
}
.hero-help .content .tile-content[data-v-075c9364] {
align-self: stretch;
display: flex;
flex-flow: column nowrap;
gap: var(--space-md);
width: 100%;
}
.hero-help .content .tile-content .title[data-v-075c9364] {
color: var(--content-primary);
}
.hero-help .content .tile-content .description[data-v-075c9364] {
color: var(--content-secondary);
display: flex;
flex-flow: column nowrap;
flex-grow: 1;
justify-content: space-between;
}
h1[data-v-22b81efe] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
h1[data-v-22b81efe] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
h1[data-v-22b81efe] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
h1[data-v-22b81efe] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.sidebar-menu-item[data-v-d02906e7] {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}
.sidebar-menu-item .sidebar-sub-label[data-v-d02906e7] {
color: var(--content-tertiary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
padding: var(--space-xs) 0 var(--space-xs) 0;
}
.sidebar-menu-item .sidebar-sub-label p[data-v-d02906e7] {
margin-bottom: 0;
}
.sidebar-menu-item .sidebar-sub-label p ~ p[data-v-d02906e7] {
margin-top: 1.2rem;
}
.sidebar-menu-item .menu-item[data-v-d02906e7] {
align-items: center;
border-radius: var(--box-sm);
color: var(--content-primary);
cursor: pointer;
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
gap: var(--space-sm);
justify-content: space-between;
letter-spacing: 0.3px;
line-height: 2.4rem;
padding: var(--space-sm);
width: 100%;
}
.sidebar-menu-item .menu-item p[data-v-d02906e7] {
margin-bottom: 0;
}
.sidebar-menu-item .menu-item p ~ p[data-v-d02906e7] {
margin-top: 1.6rem;
}
.sidebar-menu-item .menu-item.active[data-v-d02906e7] {
background-color: var(--primary-bg-light-hover);
color: var(--content-primary);
}
.sidebar-menu-item .menu-item.active .menu-icon[data-v-d02906e7] {
fill: var(--primary-content);
}
.sidebar-menu-item .menu-item[data-v-d02906e7]:not(.active):hover {
background-color: var(--tertiary-bg-light);
color: var(--content-primary);
}
.sidebar-menu-item .menu-item:not(.active):hover .menu-icon[data-v-d02906e7] {
fill: var(--content-primary);
}
.sidebar-menu-item .menu-item .menu-content[data-v-d02906e7] {
align-items: center;
display: flex;
gap: var(--space-sm);
}
.sidebar-menu-item .menu-item .icon-badge-wrapper[data-v-d02906e7] {
display: flex;
position: relative;
}
.sidebar-menu-item .menu-item .icon-badge-wrapper .dot[data-v-d02906e7] {
position: absolute;
right: -5px;
top: 0;
}
.sidebar-menu-item .menu-item .menu-icon[data-v-d02906e7] {
fill: var(--content-secondary);
}
.sidebar-menu-item .menu-item .menu-icon.menu-icon-active[data-v-d02906e7] {
fill: var(--primary-content);
}
.sidebar-menu-item .menu-item .chevron-icon[data-v-d02906e7] {
fill: var(--content-tertiary);
transition: transform 0.3s ease;
}
.sidebar-menu-item .menu-item .chevron-icon.rotated[data-v-d02906e7] {
transform: rotate(180deg);
}
.sidebar-menu-item .submenu[data-v-d02906e7] {
display: flex;
flex-direction: column;
width: 100%;
}
.sidebar-menu-item .submenu .submenu-link[data-v-d02906e7] {
border-radius: var(--box-sm);
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
padding: var(--space-sm) var(--space-sm) var(--space-sm) var(--space-2lg);
width: 100%;
}
.sidebar-menu-item .submenu .submenu-link p[data-v-d02906e7] {
margin-bottom: 0;
}
.sidebar-menu-item .submenu .submenu-link p ~ p[data-v-d02906e7] {
margin-top: 1.4rem;
}
.sidebar-menu-item .submenu .submenu-link.active[data-v-d02906e7] {
color: var(--primary-content);
}
.sidebar-menu-item .submenu .submenu-link.active[data-v-d02906e7]:hover {
background-color: var(--tertiary-bg-light);
color: var(--primary-content);
}
.sidebar-menu-item .submenu .submenu-link[data-v-d02906e7]:hover {
background-color: var(--tertiary-bg-light);
color: var(--content-primary);
}
.side-bar-menu[data-v-19ec5055] {
background: var(--bg-0);
border-radius: var(--box-md);
display: flex;
flex-direction: column;
height: calc(100vh - var(--header-height));
justify-content: space-between;
max-height: 100%;
padding: var(--space-md) 0 var(--space-md) 0;
width: 28rem;
}
@media only screen and (max-width: 1199px) {
.side-bar-menu[data-v-19ec5055] {
gap: var(--space-2sm);
height: 100%;
padding: 0;
width: 26.8rem;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.side-bar-menu[data-v-19ec5055] {
width: 21rem;
}
}
.side-bar-menu .bottom-group-and-button[data-v-19ec5055] {
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.side-bar-menu .bottom-group[data-v-19ec5055],
.side-bar-menu .button-group[data-v-19ec5055],
.side-bar-menu .top-group[data-v-19ec5055] {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.side-bar-menu .button-group .menu-link[data-v-19ec5055] {
display: none;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.side-bar-menu .button-group .menu-link[data-v-19ec5055] {
display: block;
}
}
.sidebar-button-group[data-v-44c7f831] {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.sidebar-button-group .menu-link[data-v-44c7f831] {
display: none;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.sidebar-button-group .menu-link[data-v-44c7f831] {
display: block;
}
}
.sidebar-button-group .menu-link .button-wrapper[data-v-44c7f831] {
width: 100%;
}
.sidebar-button-group .menu-link .button-wrapper .content[data-v-44c7f831] {
align-items: center;
display: flex;
gap: var(--space-xs);
}
.switch-base[data-v-a50bdca7] {
display: flex;
flex-flow: row nowrap;
gap: var(--space-md);
}
.switch-base.disabled[data-v-a50bdca7] {
opacity: 0.5;
pointer-events: none;
}
.switch-base .switch[data-v-a50bdca7] {
background: var(--tertiary-bg);
border-radius: var(--form-item);
cursor: pointer;
display: inline-flex;
height: var(--form-item-sm);
min-width: var(--form-item-xl);
position: relative;
transition: background 0.4s;
width: var(--form-item-xl);
}
.switch-base .switch[data-v-a50bdca7]:before {
background-color: var(--bg-0);
border-radius: var(--form-item);
content: '';
height: var(--form-item-xs);
left: 0.2rem;
position: absolute;
top: 0.2rem;
transition: all 0.4s;
width: var(--form-item-xs);
}
.switch-base .switch[data-v-a50bdca7]:hover {
background: var(--tertiary-bg-hover);
}
.switch-base .switch[data-v-a50bdca7]:focus-visible {
border-radius: var(--form-item);
outline: 2px solid var(--border-focus);
}
.switch-base .switch.checked[data-v-a50bdca7] {
background: var(--secondary-content);
}
.switch-base .switch.checked[data-v-a50bdca7]:before {
transform: translate(calc(var(--form-item-xl) / 2));
}
.switch-base .switch.checked[data-v-a50bdca7]:hover {
background: var(--secondary-bg-hover);
}
.switch-base .switch.small[data-v-a50bdca7] {
height: var(--form-item-xs);
min-width: var(--form-item-lg);
width: var(--form-item-lg);
}
.switch-base .switch.small[data-v-a50bdca7]:before {
height: var(--icon-xs);
width: var(--icon-xs);
}
.switch-base .switch.small.checked[data-v-a50bdca7]:before {
transform: translate(calc(var(--form-item-lg) / 2));
}
.switch-base .switch .checkbox[data-v-a50bdca7] {
opacity: 0;
}
.switch-base .label[data-v-a50bdca7] {
align-self: center;
color: var(--content-secondary);
cursor: pointer;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.switch-base .label p[data-v-a50bdca7] {
margin-bottom: 0;
}
.switch-base .label p ~ p[data-v-a50bdca7] {
margin-top: 1.4rem;
}
.switch-base .label.before[data-v-a50bdca7] {
order: -1;
}
.switch-base .label.none[data-v-a50bdca7] {
display: none;
}
.settings-group[data-v-683493b5] {
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.settings-group .group-header[data-v-683493b5] {
align-items: center;
display: inline-flex;
gap: var(--space-sm);
}
.settings-group .group-header .setting-header[data-v-683493b5] {
color: var(--content-primary);
font-size: 1.4rem;
font-weight: 600;
line-height: 125%;
}
.settings-group .group-header .setting-header[data-v-683493b5],
.settings-group .group-header span[data-v-683493b5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
letter-spacing: 0.3px;
}
.settings-group .group-header span[data-v-683493b5] {
color: var(--content-secondary);
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8rem;
}
.settings-group .group-header span p[data-v-683493b5] {
margin-bottom: 0;
}
.settings-group .group-header span p ~ p[data-v-683493b5] {
margin-top: 1.2rem;
}
.settings-group .group-inner[data-v-683493b5] {
align-items: center;
display: flex;
gap: var(--space-md);
justify-content: space-between;
}
.settings-group .group-inner .description[data-v-683493b5] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.settings-group .group-inner .description p[data-v-683493b5] {
margin-bottom: 0;
}
.settings-group .group-inner .description p ~ p[data-v-683493b5] {
margin-top: 1.4rem;
}
.cookies-modal .header[data-v-d34143ec] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-modal .header[data-v-d34143ec] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-modal .header[data-v-d34143ec] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.cookies-modal .header[data-v-d34143ec] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.cookies-modal[data-v-d34143ec] {
color: var(--content-primary);
}
.cookies-modal .cookie-settings-content[data-v-d34143ec] {
align-items: center;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.cookies-modal .cookie-settings-content .main-text[data-v-d34143ec] {
align-self: flex-start;
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.cookies-modal .cookie-settings-content .main-text p[data-v-d34143ec] {
margin-bottom: 0;
}
.cookies-modal .cookie-settings-content .main-text p ~ p[data-v-d34143ec] {
margin-top: 1.4rem;
}
.cookies-modal .cookie-settings-content .settings-wrapper[data-v-d34143ec] {
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.cookies-modal[data-v-d34143ec] .modal-wrapper {
z-index: 120000;
}
.cookies-modal[data-v-d34143ec] .modal-wrapper .modal {
max-width: 54rem;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-modal[data-v-d34143ec] .modal-wrapper .modal {
max-width: 44rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-modal[data-v-d34143ec] .modal-wrapper .modal {
max-width: 40rem;
}
}
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
max-width: 100%;
}
}
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.cookies-popup .content[data-v-0e2bbaa8] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup .content[data-v-0e2bbaa8] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup .content[data-v-0e2bbaa8] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup .content[data-v-0e2bbaa8] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.cookies-popup .content[data-v-0e2bbaa8] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup .content[data-v-0e2bbaa8] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup .content[data-v-0e2bbaa8] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup .content[data-v-0e2bbaa8] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.cookies-popup .content .content[data-v-0e2bbaa8] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup .content .content[data-v-0e2bbaa8] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup .content .content[data-v-0e2bbaa8] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup .content .content[data-v-0e2bbaa8] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.cookies-popup .content .content[data-v-0e2bbaa8] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup .content .content[data-v-0e2bbaa8] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup .content .content[data-v-0e2bbaa8] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup .content .content[data-v-0e2bbaa8] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
gap: var(--space-3md, 24px);
}
}
.cookies-popup .content[data-v-0e2bbaa8] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup .content[data-v-0e2bbaa8] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup .content[data-v-0e2bbaa8] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup .content[data-v-0e2bbaa8] {
gap: var(--space-3md, 24px);
}
}
.cookies-popup .content[data-v-0e2bbaa8] {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup .content[data-v-0e2bbaa8] {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup .content[data-v-0e2bbaa8] {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup .content[data-v-0e2bbaa8] {
padding: var(--space-3md);
}
}
.cookies-popup .content[data-v-0e2bbaa8] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cookies-popup .content[data-v-0e2bbaa8] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.cookies-popup .content[data-v-0e2bbaa8] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.cookies-popup .content[data-v-0e2bbaa8] {
border-radius: var(--box-md, 24px);
}
}
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
display: flex;
margin: 0 auto;
position: relative;
}
.cookies-popup[data-v-0e2bbaa8],
.cookies-popup .content[data-v-0e2bbaa8] {
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.cookies-popup .content[data-v-0e2bbaa8] {
flex-direction: column;
}
}
.cookies-popup[data-v-0e2bbaa8] {
bottom: 0;
display: flex;
left: 0;
padding-top: 0;
position: fixed;
width: 100%;
z-index: 110000;
}
.cookies-popup .content[data-v-0e2bbaa8] {
align-items: flex-start;
align-self: flex-end;
background: var(--bg-overlay);
display: flex;
flex-direction: column;
gap: var(--space-3md);
justify-self: end;
}
.cookies-popup .content .head[data-v-0e2bbaa8] {
align-items: center;
align-self: stretch;
display: flex;
gap: var(--space-3md);
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.cookies-popup .content .head.wrap[data-v-0e2bbaa8] {
flex-wrap: wrap;
}
}
.cookies-popup .content .head header[data-v-0e2bbaa8] {
color: var(--content-primary-reversed);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 125%;
}
.cookies-popup .content .head .buttons[data-v-0e2bbaa8] {
display: flex;
gap: var(--space-sm);
}
@media only screen and (max-width: 767px) {
.cookies-popup .content .head .buttons[data-v-0e2bbaa8] {
flex-wrap: wrap;
width: 100%;
}
}
.cookies-popup .content .head .buttons button[data-v-0e2bbaa8] {
width: 100%;
}
@media only screen and (min-width: 768px) {
.cookies-popup .content .head .buttons button[data-v-0e2bbaa8] {
width: -moz-fit-content;
width: fit-content;
}
}
.cookies-popup .content .text[data-v-0e2bbaa8] {
color: var(--content-secondary-reversed);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
max-height: 12rem;
overflow-y: auto;
}
.cookies-popup .content .text p[data-v-0e2bbaa8] {
margin-bottom: 0;
}
.cookies-popup .content .text p ~ p[data-v-0e2bbaa8] {
margin-top: 1.4rem;
}
@media only screen and (max-width: 767px) {
.cookies-popup .content .text[data-v-0e2bbaa8] {
padding-right: var(--space-sm);
}
}
.cookies-popup .content .links[data-v-0e2bbaa8] {
align-items: flex-start;
display: flex;
gap: var(--space-3md);
}
@media only screen and (max-width: 767px) {
.cookies-popup .content .links[data-v-0e2bbaa8] {
flex-direction: column;
gap: var(--space-md);
}
}
.cookies-popup .content .links[data-v-0e2bbaa8] > * {
color: var(--content-primary-reversed);
text-decoration: underline;
}
.cookies-popup .content .links .fake-link[data-v-0e2bbaa8] {
cursor: pointer;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
}
.cookies-popup .content .links .fake-link p[data-v-0e2bbaa8] {
margin-bottom: 0;
}
.cookies-popup .content .links .fake-link p ~ p[data-v-0e2bbaa8] {
margin-top: 1.4rem;
}
.toast[data-v-eb818962] {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.toast[data-v-eb818962] {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.toast[data-v-eb818962] {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.toast[data-v-eb818962] {
padding: var(--space-3md);
}
}
.toast[data-v-eb818962] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.toast[data-v-eb818962] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.toast[data-v-eb818962] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.toast[data-v-eb818962] {
border-radius: var(--box-md, 24px);
}
}
.toast[data-v-eb818962] {
align-items: flex-start;
color: var(--content-primary);
display: flex;
fill: var(--content-primary);
flex-direction: column;
gap: var(--space-md);
position: relative;
}
.toast .notification-content[data-v-eb818962] {
text-align: center;
}
.toast.small .title[data-v-eb818962] {
font-size: 1.6rem;
font-weight: 600;
line-height: 125%;
}
.toast.small .description[data-v-eb818962],
.toast.small .title[data-v-eb818962] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
letter-spacing: 0.3px;
}
.toast.small .description[data-v-eb818962] {
font-size: 1.4rem;
font-weight: 400;
line-height: 2rem;
}
.toast.small .description p[data-v-eb818962] {
margin-bottom: 0;
}
.toast.small .description p ~ p[data-v-eb818962] {
margin-top: 1.4rem;
}
.toast.info[data-v-eb818962] {
background: var(--info-bg);
}
.toast.warn[data-v-eb818962] {
background: var(--warning-bg);
}
.toast.error[data-v-eb818962] {
background: var(--error-bg);
}
.toast.success[data-v-eb818962] {
background: var(--success-bg);
}
.toast.neutral[data-v-eb818962],
.toast.primary[data-v-eb818962],
.toast.secondary[data-v-eb818962],
.toast.tertiary[data-v-eb818962] {
color: var(--content-primary-reversed);
fill: var(--content-primary-reversed);
}
.toast.primary[data-v-eb818962] {
background: var(--primary-bg);
}
.toast.secondary[data-v-eb818962] {
background: var(--secondary-bg);
}
.toast.tertiary[data-v-eb818962] {
background: var(--tertiary-bg);
}
.toast.neutral[data-v-eb818962] {
background: var(--bg-0-reversed);
}
.toast .close-button[data-v-eb818962] {
position: absolute;
right: 2.4rem;
top: 1.2rem;
}
.toast .title[data-v-eb818962] {
align-items: center;
align-self: stretch;
display: flex;
font-size: 1.8rem;
font-weight: 600;
gap: var(--space-sm);
letter-spacing: 0.2px;
line-height: 125%;
}
.toast .description[data-v-eb818962],
.toast .title[data-v-eb818962] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
}
.toast .description[data-v-eb818962] {
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.toast .description p[data-v-eb818962] {
margin-bottom: 0;
}
.toast .description p ~ p[data-v-eb818962] {
margin-top: 1.6rem;
}
.toast .cta[data-v-eb818962] {
align-items: center;
align-self: stretch;
display: flex;
gap: var(--space-md);
justify-content: flex-end;
}
.toast.closable .title[data-v-eb818962] {
padding-right: var(--space-3lg);
}
.toast.notification[data-v-eb818962] {
padding-bottom: var(--space-md);
padding-top: var(--space-md);
}
.toast.notification .close-button[data-v-eb818962] {
right: 4px;
top: 4px;
}
.quick-deal-toast[data-v-764f9751] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.quick-deal-toast[data-v-764f9751] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.quick-deal-toast[data-v-764f9751] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.quick-deal-toast[data-v-764f9751] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.quick-deal-toast[data-v-764f9751] {
position: fixed;
right: 0;
top: 20rem;
width: 41.5rem;
z-index: 100000;
}
@media (max-width: 1023px) {
.quick-deal-toast[data-v-764f9751] {
display: none;
}
}
.quick-deals-toast-wrapper[data-v-0771cb26] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.quick-deals-toast-wrapper[data-v-0771cb26] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.quick-deals-toast-wrapper[data-v-0771cb26] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.quick-deals-toast-wrapper[data-v-0771cb26] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.quick-deals-toast-wrapper[data-v-0771cb26] {
position: fixed;
right: 0;
top: 20rem;
width: 42rem;
z-index: 100000;
}
@media (max-width: 1023px) {
.quick-deals-toast-wrapper[data-v-0771cb26] {
display: none;
}
}
.new-message-toast[data-v-b80b04d6] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.new-message-toast[data-v-b80b04d6] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.new-message-toast[data-v-b80b04d6] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.new-message-toast[data-v-b80b04d6] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.new-message-toast[data-v-b80b04d6] {
position: fixed;
right: 0;
top: 20rem;
width: 41.5rem;
z-index: 100000;
}
@media (max-width: 1023px) {
.new-message-toast[data-v-b80b04d6] {
width: 35.5rem;
}
}
.toast-wrapper .vue-notification-group {
z-index: 13000;
}
.toast-wrapper .vue-notification-group .toast {
margin: 1rem auto;
}
@media only screen and (min-width: 1024px) {
.toast-wrapper .vue-notification-group .toast {
max-width: 60rem;
width: -moz-fit-content;
width: fit-content;
}
}
.toasts {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.toasts {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.toasts {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.toasts {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.toasts {
position: relative;
}
.toasts .vue-notification-group {
box-sizing: content-box;
position: absolute;
z-index: 120000;
}
@media only screen and (min-width: 768px) {
.toasts .vue-notification-group {
width: 350px !important;
}
}
@media only screen and (min-width: 1440px) {
.toasts .vue-notification-group {
padding-right: 25px;
}
}
.toasts.fixed .vue-notification-group {
position: fixed;
}
.wrapper-sidebar[data-v-85b613c1] {
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.wrapper-sidebar[data-v-85b613c1] {
padding: var(--space-md) 0 var(--space-md) 0;
}
}
.layout .my-account-content[data-v-37e46e52] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.layout .my-account-content[data-v-37e46e52] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.layout .my-account-content[data-v-37e46e52] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.layout .my-account-content[data-v-37e46e52] {
gap: var(--space-3md, 24px);
}
}
.layout[data-v-37e46e52] {
min-height: 100%;
overflow: hidden;
overflow-y: scroll;
}
.layout .headers[data-v-37e46e52] {
background: var(--bg-0);
height: var(--header-height);
position: sticky;
top: 0;
z-index: 105000;
}
.layout .headers .header[data-v-37e46e52] {
position: absolute;
width: 100%;
}
@media only screen and (min-width: 1440px) {
.layout .headers .header[data-v-37e46e52] {
padding-left: var(--space-3md);
}
}
@media only screen and (max-width: 767px) {
.layout .headers .header[data-v-37e46e52] {
border-bottom: 1px solid var(--border-static);
}
}
.layout .headers .header.border[data-v-37e46e52] {
border-bottom: 1px solid var(--border-static);
}
.layout[data-v-37e46e52] .input-autocomplete-address .result .trim-right {
margin-right: 0;
}
.layout .my-account-content[data-v-37e46e52] {
background: var(--bg-0);
display: flex;
min-height: calc(100vh - var(--header-height));
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
position: relative;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.layout .my-account-content[data-v-37e46e52] {
padding: 0;
}
}
.layout .my-account-content .my-account-side-bar[data-v-37e46e52] {
max-width: 26rem;
padding-bottom: var(--space-md);
}
@media only screen and (max-width: 1199px) {
.layout .my-account-content .my-account-side-bar[data-v-37e46e52] {
display: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.layout .my-account-content .my-account-side-bar[data-v-37e46e52] {
width: 21rem;
}
}
.layout .my-account-content .content[data-v-37e46e52] {
display: flex;
flex-direction: column;
min-height: calc(100vh - var(--header-height));
width: 100%;
}
.layout {
min-height: 100vh;
}
.layout .headers {
height: var(--header-height);
position: sticky;
top: 0;
transition: all 0.2s linear;
z-index: 105000;
}
.layout .headers.has-header-top {
height: calc(var(--header-height) + var(--header-top-height));
}
.layout .headers.has-header-top .header {
top: var(--header-top-height);
}
.layout .headers .header {
position: absolute;
width: 100%;
}
@media only screen and (max-width: 767px) {
.layout .headers .header {
border-bottom: 1px solid var(--border-static);
}
}
.layout .headers .header.border {
border-bottom: 1px solid var(--border-static);
}
.layout.scroll-down .has-header-top {
top: calc(var(--header-top-height) * -1);
}
.layout .input-autocomplete-address .result .trim-right {
margin-right: 0;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.5s ease;
}
.fade-enter,
.fade-enter-from,
.fade-leave-active,
.fade-leave-to {
opacity: 0;
}
.accordion-item {
align-self: stretch;
background-color: var(--bg-0);
border: 1px solid transparent;
border-radius: var(--box-sm);
cursor: pointer;
display: flex;
flex-direction: column;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.accordion-item.outlined {
border: 1px solid var(--border-static);
}
.accordion-item .bar {
align-self: stretch;
display: flex;
flex-direction: row;
gap: var(--space-2md);
justify-content: space-between;
padding: var(--space-3md);
}
.accordion-item .bar .title {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.accordion-item .bar .title p {
margin-bottom: 0;
}
.accordion-item .bar .title p ~ p {
margin-top: 1.6rem;
}
.accordion-item .bar .icon {
align-self: center;
background-color: var(--primary-content);
}
.accordion-item strong {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
padding: 0 var(--space-3md) var(--space-3md) var(--space-3md);
}
.accordion-item strong p {
margin-bottom: 0;
}
.accordion-item strong p ~ p {
margin-top: 1.6rem;
}
.accordion-item:hover {
background-color: var(--bg-controll-item-hover);
}
.accordion-item:focus-visible {
outline: 1px solid var(--border-focus);
}
.help-intro .title[data-v-05e950a7] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-intro .title[data-v-05e950a7] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-intro .title[data-v-05e950a7] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.help-intro .title[data-v-05e950a7] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.help-intro .text[data-v-05e950a7] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.help-intro .text p[data-v-05e950a7] {
margin-bottom: 0;
}
.help-intro .text p ~ p[data-v-05e950a7] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-intro .text[data-v-05e950a7] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.help-intro .text p[data-v-05e950a7] {
margin-bottom: 0;
}
.help-intro .text p ~ p[data-v-05e950a7] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-intro .text[data-v-05e950a7] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.help-intro .text p[data-v-05e950a7] {
margin-bottom: 0;
}
.help-intro .text p ~ p[data-v-05e950a7] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.help-intro .text[data-v-05e950a7] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.help-intro .text p[data-v-05e950a7] {
margin-bottom: 0;
}
.help-intro .text p ~ p[data-v-05e950a7] {
margin-top: 2rem;
}
}
.help-intro[data-v-05e950a7] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
}
@media only screen and (min-width: 1024px) {
.help-intro[data-v-05e950a7] {
padding: var(--space-xl) 0;
}
}
.help-intro .title[data-v-05e950a7] {
color: var(--content-primary);
}
.help-intro .text[data-v-05e950a7] {
color: var(--content-secondary);
}
.help-menu-links[data-v-2e2b36d7] {
border-radius: 1rem;
display: flex;
flex-direction: column;
gap: var(--space-2sm);
}
.help-menu-links .link[data-v-2e2b36d7] {
align-items: flex-start;
display: flex;
gap: var(--space-2xs);
position: relative;
transition: all 0.4s cubic-bezier(0.03, 0.6, 0.43, 1.01);
width: 100%;
}
.help-menu-links .link .text[data-v-2e2b36d7] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.help-menu-links .link .text p[data-v-2e2b36d7] {
margin-bottom: 0;
}
.help-menu-links .link .text p ~ p[data-v-2e2b36d7] {
margin-top: 1.6rem;
}
.help-menu-links .link.router-link-active[data-v-2e2b36d7],
.help-menu-links .link[data-v-2e2b36d7]:hover {
color: var(--primary-link);
transform: translate(5px);
}
.help-menu-links .link.router-link-active .arrow[data-v-2e2b36d7],
.help-menu-links .link:hover .arrow[data-v-2e2b36d7] {
display: inline;
opacity: 1;
transform: translate(0.01rem);
visibility: visible;
}
.help-menu-links .link .arrow[data-v-2e2b36d7] {
display: none;
fill: var(--primary-link);
opacity: 0;
transform: translate(0.01rem);
transition:
opacity 0.1s ease,
transform 0.3s ease 0.1s;
visibility: hidden;
}
.modal-help-menu[data-v-3ed66e03] {
gap: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-help-menu[data-v-3ed66e03] {
gap: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-help-menu[data-v-3ed66e03] {
gap: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.modal-help-menu[data-v-3ed66e03] {
gap: var(--space-3md);
}
}
.modal-help-menu[data-v-3ed66e03] {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.modal-help-menu[data-v-3ed66e03] {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.modal-help-menu[data-v-3ed66e03] {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.modal-help-menu[data-v-3ed66e03] {
padding: var(--space-3md);
}
}
.help-menu[data-v-3ed66e03] {
border-radius: var(--form-item);
display: flex;
flex-direction: column;
gap: var(--space-2sm);
}
@media (max-width: 1023px) {
.help-menu.desktop[data-v-3ed66e03] {
display: none;
}
}
.help-section[data-v-3ffacba4] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-section[data-v-3ffacba4] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-section[data-v-3ffacba4] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.help-section[data-v-3ffacba4] {
max-width: 100%;
}
}
.help-section[data-v-3ffacba4] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-section[data-v-3ffacba4] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-section[data-v-3ffacba4] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.help-section[data-v-3ffacba4] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.help-section[data-v-3ffacba4] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-section[data-v-3ffacba4] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-section[data-v-3ffacba4] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.help-section[data-v-3ffacba4] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.help-section[data-v-3ffacba4] {
padding-bottom: var(--space-3md, 24px);
padding-top: var(--space-3md, 24px);
}
.help-section .content[data-v-3ffacba4] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-section .content[data-v-3ffacba4] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-section .content[data-v-3ffacba4] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.help-section .content[data-v-3ffacba4] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.help-section .content[data-v-3ffacba4] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-section .content[data-v-3ffacba4] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-section .content[data-v-3ffacba4] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.help-section .content[data-v-3ffacba4] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.help-section[data-v-3ffacba4] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-section[data-v-3ffacba4] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-section[data-v-3ffacba4] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.help-section[data-v-3ffacba4] {
gap: var(--space-3md, 24px);
}
}
.help-section .content[data-v-3ffacba4] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-section .content[data-v-3ffacba4] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.help-section .content[data-v-3ffacba4] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.help-section .content[data-v-3ffacba4] {
gap: var(--space-3md, 24px);
}
}
.help-section[data-v-3ffacba4] {
margin: 0 auto;
position: relative;
}
.help-section[data-v-3ffacba4],
.help-section .content[data-v-3ffacba4] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.help-section .content[data-v-3ffacba4] {
flex-direction: column;
}
}
.help-section .content[data-v-3ffacba4] {
flex-flow: column nowrap;
min-height: 50vh;
width: 100%;
}
@media only screen and (min-width: 1024px) {
.help-section .content[data-v-3ffacba4] {
align-items: flex-start;
flex-flow: row nowrap;
}
}
.help-section .help-menu-wrapper[data-v-3ffacba4] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.help-section .help-menu-wrapper[data-v-3ffacba4] {
flex-flow: row nowrap;
}
}
@media only screen and (min-width: 1024px) {
.help-section .help-menu-wrapper[data-v-3ffacba4] {
flex: 30% 1 0;
max-width: 37.5rem;
}
}
.help-section .help-menu-wrapper .search[data-v-3ffacba4] {
display: flex;
flex-flow: row nowrap;
flex-grow: 1;
gap: var(--space-sm);
}
.help-section .help-menu-wrapper .search .input-search[data-v-3ffacba4] {
flex-grow: 1;
}
.help-section .page-content[data-v-3ffacba4] {
flex: 100% 1 1;
min-height: 100%;
width: 100%;
}
@media only screen and (max-width: 1023px) {
.help-section .page-content[data-v-3ffacba4] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-lg);
}
}
.fade-enter-active[data-v-80946f52] {
transition: opacity 0.5s ease 0.5s;
}
.fade-leave-active[data-v-80946f52] {
transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-80946f52],
.fade-leave-to[data-v-80946f52] {
opacity: 0;
}
.header-top {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.header-top {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.header-top {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.header-top {
max-width: 100%;
}
}
.header-top .content {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.header-top .content {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.header-top .content {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.header-top .content {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.header-top .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.header-top .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.header-top .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.header-top .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.header-top .content {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.header-top .content {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.header-top .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.header-top .content {
gap: var(--space-3md, 24px);
}
}
.header-top.courier {
background-color: var(--bg-1);
}
.header-top.client {
background-color: var(--bg-2);
}
.header-top .content {
align-items: center;
display: flex;
width: 100%;
}
.header-top {
position: absolute;
top: 0;
width: 100%;
}
.homepage + #footer {
background-color: var(--bg-add-1);
}
.landing-page-business-transport + #footer {
background-color: var(--bg-add-3);
}
.layout[data-v-e71fc876] {
min-height: 100vh;
}
.layout .headers[data-v-e71fc876] {
height: var(--header-height);
position: sticky;
top: 0;
z-index: 105000;
}
.layout .headers .header[data-v-e71fc876] {
position: absolute;
width: 100%;
}
@media only screen and (max-width: 767px) {
.layout .headers .header[data-v-e71fc876] {
border-bottom: 1px solid var(--border-static);
}
}
.layout .headers .header.border[data-v-e71fc876] {
border-bottom: 1px solid var(--border-static);
}
.layout[data-v-e71fc876] .input-autocomplete-address .result .trim-right {
margin-right: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.delivery-tracking[data-v-d4eaa55d] {
max-width: calc(-879px + 100vw);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.fill-company-data[data-v-b9ed8a17] {
max-width: calc(-879px + 100vw);
}
}
.matched-quick-deals[data-v-9b04820d] {
align-items: center;
display: flex;
}
.matched-quick-deals .bolt-button[data-v-9b04820d] {
position: relative;
}
.matched-quick-deals .bolt-button .counter[data-v-9b04820d] {
position: absolute;
right: 0;
top: 0.2rem;
}
.notification-icon[data-v-370a2669] {
position: relative;
}
.notification-icon .counter[data-v-370a2669] {
position: absolute;
right: 0;
top: 0.2rem;
}
.notification-icon.mail .counter[data-v-370a2669] {
top: 0;
}
.notification-header[data-v-bb93b581] {
align-items: flex-end;
flex-direction: column;
padding: var(--space-md);
width: 100%;
}
.notification-header[data-v-bb93b581],
.notification-header .head[data-v-bb93b581] {
align-self: stretch;
display: flex;
gap: var(--space-sm);
}
.notification-header .head[data-v-bb93b581] {
align-items: center;
padding: var(--space-null);
}
.notification-header .head .title[data-v-bb93b581] {
color: var(--content-primary);
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
.notification-header .head .close-button[data-v-bb93b581] {
margin-left: auto;
}
.notification-item[data-v-d6fced54] {
gap: var(--space-null);
}
.notification-item[data-v-d6fced54],
.notification-item .notification[data-v-d6fced54] {
align-items: flex-start;
display: flex;
flex-direction: column;
}
.notification-item .notification[data-v-d6fced54] {
align-self: stretch;
cursor: pointer;
gap: var(--space-sm);
padding: var(--space-md) var(--space-sm);
}
.notification-item .notification .head[data-v-d6fced54] {
align-items: center;
align-self: stretch;
display: flex;
gap: var(--space-md);
}
.notification-item .notification .head .headline[data-v-d6fced54] {
align-items: center;
display: flex;
flex: 1 0 0;
gap: var(--space-2sm);
}
.notification-item .notification .head .headline .icon[data-v-d6fced54] {
fill: var(--content-primary);
}
.notification-item .notification .head .headline .title[data-v-d6fced54] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
}
.notification-item .notification .head .headline .title p[data-v-d6fced54] {
margin-bottom: 0;
}
.notification-item .notification .head .headline .title p ~ p[data-v-d6fced54] {
margin-top: 1.4rem;
}
.notification-item .notification .head .date[data-v-d6fced54] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.notification-item .notification .head .date p[data-v-d6fced54] {
margin-bottom: 0;
}
.notification-item .notification .head .date p ~ p[data-v-d6fced54] {
margin-top: 1.2rem;
}
.notification-item .notification .description[data-v-d6fced54] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.notification-item .notification .description p[data-v-d6fced54] {
margin-bottom: 0;
}
.notification-item .notification .description p ~ p[data-v-d6fced54] {
margin-top: 1.4rem;
}
.notification-item .notification[data-v-d6fced54] :focus-within {
border: 2px solid var(--border-focus);
border-radius: var(--box-xs);
}
.notification-item .notification[data-v-d6fced54]:hover {
background: var(--bg-controll-item-hover);
}
.notification-item .notification.unread[data-v-d6fced54] {
background: var(--primary-bg-light);
}
.notification-item .notification.unread[data-v-d6fced54] :focus-within {
background: var(--primary-bg-light);
}
.notification-item .notification.unread[data-v-d6fced54]:hover {
background: var(--bg-controll-item-selected);
}
.notification-item .notification a.secondary[data-v-d6fced54] {
font-weight: 600;
}
.notification-item .divider[data-v-d6fced54] {
align-self: stretch;
}
.notification-content[data-v-e8eed04f] {
align-items: flex-start;
display: inline-flex;
flex-direction: column;
gap: var(--space-null);
padding-bottom: var(--space-md);
}
.notification-content.empty[data-v-e8eed04f] {
align-items: center;
align-self: stretch;
color: var(--content-secondary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
height: 100%;
justify-content: center;
letter-spacing: 0.3px;
line-height: 2.4rem;
padding: var(--space-sm);
width: 100%;
}
.notification-content.empty p[data-v-e8eed04f] {
margin-bottom: 0;
}
.notification-content.empty p ~ p[data-v-e8eed04f] {
margin-top: 1.6rem;
}
.notification-content.empty .image-wrapper[data-v-e8eed04f] {
width: 14rem;
}
.notifications-popup[data-v-bc3ffda9] {
align-items: flex-start;
display: flex;
height: var(--app-height-without-header, calc(100vh - 7.2rem));
transform: translate(2.5rem);
width: 44rem;
}
.notifications-popup.fit-right[data-v-bc3ffda9] {
position: absolute;
right: 0;
top: calc(var(--header-height) - 0.5rem);
}
.notifications-popup .notification-content[data-v-bc3ffda9] {
height: calc(
var(--app-height-without-header, calc(100vh - 7.2rem)) -
var(--header-height) - var(--header-top-height)
);
}
@media only screen and (min-width: 1440px) {
.notifications-popup[data-v-bc3ffda9] {
transform: unset;
}
.notifications-popup[data-v-bc3ffda9] .arrow {
left: calc(50% - 0.5rem);
}
}
@media only screen and (max-width: 767px) {
.notifications-popup[data-v-bc3ffda9] {
position: absolute;
right: 0;
top: var(--header-height);
transform: unset;
width: 100vw;
}
}
.notifications-popup[data-v-bc3ffda9] .inside-wrapper {
width: 100%;
}
@media only screen and (max-width: 767px) {
.notifications-popup[data-v-bc3ffda9] .inside-wrapper .arrow {
display: none;
}
}
.notifications[data-v-89960938] {
display: flex;
justify-content: flex-end;
position: relative;
}
@media only screen and (min-width: 1440px) {
.notifications[data-v-89960938] {
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.notifications[data-v-89960938] {
position: unset;
}
}
.notification-bell {
margin-right: 0.5rem;
}
@media only screen and (max-width: 767px) {
.notification-bell {
margin-right: 1rem;
}
}
.avatar-dropdown-menu-header[data-v-555dc1e5] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-2sm);
padding: var(--space-2md);
}
.avatar-dropdown-menu-header .header-top[data-v-555dc1e5] {
align-items: inherit;
display: inherit;
flex-direction: inherit;
gap: var(--space-xs);
max-width: 30rem;
}
@media only screen and (min-width: 1024px) {
.avatar-dropdown-menu-header .header-top[data-v-555dc1e5] {
max-width: 24.5rem;
}
}
.avatar-dropdown-menu-header .header-top .user-name[data-v-555dc1e5] {
color: var(--primary-content);
display: -webkit-box;
font-size: 1.6rem;
font-weight: 700;
-webkit-line-clamp: 2;
line-height: 1.6rem;
white-space: normal;
-webkit-box-orient: vertical;
height: 1.8rem;
width: 100%;
}
.avatar-dropdown-menu-header .header-top .email[data-v-555dc1e5],
.avatar-dropdown-menu-header .header-top .user-name[data-v-555dc1e5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
letter-spacing: 0.3px;
overflow: hidden;
}
.avatar-dropdown-menu-header .header-top .email[data-v-555dc1e5] {
color: var(--content-primary);
font-size: 1.4rem;
font-weight: 400;
height: var(--space-md);
line-height: 1.4rem;
text-overflow: ellipsis;
}
@media only screen and (min-width: 1024px) {
.avatar-dropdown-menu-header .header-top .email[data-v-555dc1e5] {
max-width: 24.5rem;
}
}
.avatar-dropdown-menu-header .user-id[data-v-555dc1e5] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.2rem;
}
.avatar-dropdown[data-v-83494a15] {
align-items: center;
border-radius: var(--avatar);
cursor: pointer;
display: flex;
gap: var(--space-xs);
padding: var(--space-null);
width: -moz-fit-content;
width: fit-content;
}
.avatar-dropdown[data-v-83494a15]:focus-visible {
outline: 2px solid var(--border-focus);
}
.avatar-dropdown .label-wrapper[data-v-83494a15] {
align-items: center;
color: var(--primary-link);
display: flex;
gap: var(--space-null);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.avatar-dropdown .label-wrapper .icon[data-v-83494a15] {
background-color: var(--primary-link);
}
.avatar-dropdown .label-wrapper[data-v-83494a15] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.avatar-dropdown .label-wrapper.active[data-v-83494a15] {
color: var(--primary-link-pressed);
}
.avatar-dropdown .label-wrapper.active .icon[data-v-83494a15] {
background-color: var(--primary-link-pressed);
}
.avatar-dropdown .label-wrapper[data-v-83494a15]:hover {
color: var(--primary-link-hover);
}
.avatar-dropdown .label-wrapper:hover .icon[data-v-83494a15] {
background-color: var(--primary-link-hover);
}
.avatar-dropdown .label-wrapper .user-name[data-v-83494a15] {
display: -webkit-box;
-webkit-line-clamp: 1;
max-width: var(--element-width-min);
-webkit-box-orient: vertical;
height: 1.6rem;
overflow: hidden;
text-overflow: ellipsis;
}
[data-v-1cc1af00] a {
width: 100%;
}
.avatar-dropdown-menu-footer[data-v-5986aa79] {
align-self: stretch;
padding: var(--space-2md);
}
.avatar-dropdown-menu-footer .button[data-v-5986aa79],
.avatar-dropdown-menu-footer a[data-v-5986aa79] {
width: 100%;
}
.avatar-dropdown-menu[data-v-5ac0d585] {
min-width: 29rem;
}
.avatar-dropdown-wrapper[data-v-d5a9621c] {
display: flex;
justify-content: flex-end;
position: relative;
}
.lang-switch-dev[data-v-0f1f0145] {
display: flex;
position: relative;
}
.lang-switch-dev .hover[data-v-0f1f0145] {
background-color: var(--bg-0);
border-radius: var(--space-sm);
padding: var(--space-sm);
position: absolute;
top: 100%;
}
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
gap: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
gap: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
gap: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
gap: var(--space-3md);
}
}
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
padding: var(--space-3md);
}
}
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal {
max-width: 30rem;
min-width: 30rem;
}
.side-bar-modal[data-v-dc340398] .modal-wrapper .modal .content {
height: 100%;
padding: 0 !important;
width: 100%;
}
.side-bar-modal[data-v-dc340398]
.modal-wrapper
.modal
.content.scroll::-webkit-scrollbar {
display: none;
}
.side-bar-modal[data-v-dc340398]
.modal-wrapper
.modal
.content::-webkit-scrollbar {
display: none;
}
.side-bar-modal[data-v-dc340398]
.modal-wrapper
.modal
.footer-wrapper.fade:after {
height: 2.5rem;
width: 100%;
}
.side-bar-modal .user-data[data-v-dc340398] {
display: flex;
flex-direction: column;
gap: var(--space-2sm);
padding-right: var(--space-3md);
}
.side-bar-modal .user-data .user-name[data-v-dc340398] {
color: var(--primary-content);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.side-bar-modal .user-data .user-email[data-v-dc340398] {
color: var(--content-primary);
font-size: 1.4rem;
line-height: 1.4rem;
}
.side-bar-modal .user-data .user-email[data-v-dc340398],
.side-bar-modal .user-data .user-id[data-v-dc340398] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-weight: 400;
letter-spacing: 0.3px;
}
.side-bar-modal .user-data .user-id[data-v-dc340398] {
color: var(--content-secondary);
font-size: 1.2rem;
line-height: 1.2rem;
}
.side-bar-modal .wrapper-sidebar[data-v-dc340398] {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}
.header-mobile-link[data-v-b5753066] {
align-items: center;
background: var(--bg-0);
border-radius: var(--form-item);
color: var(--tertiary-link);
cursor: pointer;
display: flex;
fill: var(--tertiary-link);
flex-shrink: 0;
gap: var(--space-xs);
height: var(--form-item-xl);
padding: var(--space-null) var(--space-md);
position: relative;
text-align: center;
width: 100%;
}
.header-mobile-link .arrow[data-v-b5753066] {
position: absolute;
right: 0.8rem;
top: 25%;
}
.header-mobile-link.active[data-v-b5753066] {
background: var(--tertiary-bg-light);
}
.header-mobile-link.active .arrow[data-v-b5753066] {
left: 0.8rem;
}
.header-mobile-link.parent[data-v-b5753066] {
gap: var(--space-null);
justify-content: center;
padding: var(--space-null) var(--space-3md);
}
.header-mobile-link[data-v-b5753066] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.4rem;
}
.mobile-menu-list[data-v-b40c2543],
.mobile-menu-list-for-guests[data-v-3575c36b] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.logged-in-buttons[data-v-55405835],
.mobile-menu-buttons[data-v-55405835] {
align-items: stretch;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.logged-in-buttons .button[data-v-55405835],
.logged-in-buttons a[data-v-55405835],
.mobile-menu-buttons .button[data-v-55405835],
.mobile-menu-buttons a[data-v-55405835] {
width: 100%;
}
.logged-in-buttons a[data-v-55405835],
.mobile-menu-buttons a[data-v-55405835] {
display: block;
}
.logged-in-buttons .logged-in-buttons[data-v-55405835],
.mobile-menu-buttons .logged-in-buttons[data-v-55405835] {
padding-bottom: 9rem;
}
.header-mobile-menu[data-v-7839b644] {
align-items: center;
align-self: stretch;
background: var(--bg-0);
display: flex;
flex-direction: column;
gap: var(--space-md);
height: var(
--app-height-without-header,
calc(
var(--app-height, 100vh) - var(--header-height) - var(--header-top-height)
)
);
overflow: auto;
padding: var(--space-md);
position: relative;
}
.header-mobile-menu .button[data-v-7839b644] {
width: 100%;
}
.header-mobile-menu .main-button[data-v-7839b644] {
bottom: var(--space-2sm);
left: var(--space-md);
position: fixed;
width: calc(100% - var(--space-md) * 2);
}
.header-mobile-menu .lang-switch[data-v-7839b644] {
margin: 0 auto;
padding-bottom: 9rem;
}
.header-mobile-menu .avatar-dropdown-menu-header[data-v-7839b644] {
align-self: flex-start;
padding: var(--space-null) var(--space-md);
}
.header-mobile-menu .main-menu[data-v-7839b644] {
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
max-height: 90%;
}
@media only screen and (orientation: landscape) {
.header-mobile-menu .main-menu[data-v-7839b644] {
max-height: 80%;
}
}
@media only screen and (min-width: 1024px) {
.modal-base.specialization-edit-modal[data-v-3cbe5c6b] .modal-wrapper .modal {
height: auto;
max-height: none;
}
}
.specialization-edit-modal-content[data-v-3cbe5c6b] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-md);
}
.specialization-edit-modal-content .category-list .list-item[data-v-3cbe5c6b] {
min-width: var(--element-width-min);
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.specialization-edit-modal-content
.category-list
.list-item[data-v-3cbe5c6b] {
width: calc(50% - var(--space-sm));
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.specialization-edit-modal-content
.category-list
.list-item[data-v-3cbe5c6b] {
width: calc(33.33% - var(--space-sm));
}
}
@media only screen and (min-width: 1440px) {
.specialization-edit-modal-content
.category-list
.list-item[data-v-3cbe5c6b] {
width: calc(25% - var(--space-sm));
}
}
.category-list .item[data-v-b917c387] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-list .item[data-v-b917c387] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-list .item[data-v-b917c387] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.category-list .item[data-v-b917c387] {
border-radius: var(--box-md, 24px);
}
}
.category-list[data-v-b917c387] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-sm);
width: 100%;
}
.category-list .item[data-v-b917c387] {
align-items: center;
border: 1px solid var(--border-static);
display: flex;
gap: var(--space-sm);
padding: var(--space-sm) var(--space-3md);
}
.category-list .item .text[data-v-b917c387] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
}
.category-list .item .text p[data-v-b917c387] {
margin-bottom: 0;
}
.category-list .item .text p ~ p[data-v-b917c387] {
margin-top: 1.4rem;
}
.category-list .item .image[data-v-b917c387] {
width: var(--form-item-xl);
}
.profile-specialization[data-v-4fc99256] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.profile-specialization .empty-text[data-v-4fc99256] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-specialization .empty-text p[data-v-4fc99256] {
margin-bottom: 0;
}
.profile-specialization .empty-text p ~ p[data-v-4fc99256] {
margin-top: 1.6rem;
}
.profile-specialization .empty-text[data-v-4fc99256] {
color: var(--content-secondary);
}
.input-number .controls[data-v-56fc02e3] {
align-items: center;
display: flex;
gap: var(--space-xs);
justify-content: center;
}
.button-group-wrapper[data-v-4834fa9f] {
align-items: flex-end;
display: flex;
gap: var(--space-sm);
justify-content: flex-end;
}
.button-group-wrapper .left[data-v-4834fa9f] {
display: flex;
flex: 1 0 0;
}
.button-group-wrapper .left .button-left[data-v-4834fa9f] {
width: -moz-fit-content;
width: fit-content;
}
.button-group-wrapper .right[data-v-4834fa9f] {
align-items: center;
display: flex;
gap: var(--space-sm);
}
.button-group-wrapper.horizontal-filled .left[data-v-4834fa9f] {
flex-direction: column;
}
.button-group-wrapper.horizontal-filled .left .button-left[data-v-4834fa9f] {
align-self: stretch;
width: auto;
}
.button-group-wrapper.horizontal-filled .right[data-v-4834fa9f],
.button-group-wrapper.horizontal-filled .right .button-right[data-v-4834fa9f] {
flex: 1 0 0;
}
.button-group-wrapper.vertical[data-v-4834fa9f] {
flex-direction: column-reverse;
}
.button-group-wrapper.vertical .left[data-v-4834fa9f],
.button-group-wrapper.vertical .right[data-v-4834fa9f] {
align-self: stretch;
}
.button-group-wrapper.vertical .right[data-v-4834fa9f] {
flex-direction: column-reverse;
}
.button-group-wrapper.vertical .left .button-left[data-v-4834fa9f],
.button-group-wrapper.vertical .right .button-right[data-v-4834fa9f] {
align-self: stretch;
flex: 1 0 0;
}
.button-group-wrapper.auto[data-v-4834fa9f] {
width: 100%;
}
@media only screen and (max-width: 767px) {
.button-group-wrapper.auto[data-v-4834fa9f] {
align-self: stretch;
flex-direction: column;
}
.button-group-wrapper.auto .left[data-v-4834fa9f],
.button-group-wrapper.auto .right[data-v-4834fa9f] {
align-self: stretch;
}
.button-group-wrapper.auto .right[data-v-4834fa9f] {
flex-direction: column;
}
.button-group-wrapper.auto .left .button-left[data-v-4834fa9f],
.button-group-wrapper.auto .right .button-right[data-v-4834fa9f] {
align-self: stretch;
flex: 1 0 0;
}
}
.edit-profile-information[data-v-4ed8b41d] {
display: flex;
flex-direction: column;
gap: var(--space-3md);
width: 100%;
}
.edit-profile-information .form[data-v-4ed8b41d] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-md);
max-width: var(--element-width-min);
}
.read-only-item[data-v-d4efc391] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-sm, 8px);
}
.read-only-item .label[data-v-d4efc391] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
}
.read-only-item .label p[data-v-d4efc391] {
margin-bottom: 0;
}
.read-only-item .label p ~ p[data-v-d4efc391] {
margin-top: 1.4rem;
}
.read-only-item .text[data-v-d4efc391] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.read-only-item .text p[data-v-d4efc391] {
margin-bottom: 0;
}
.read-only-item .text p ~ p[data-v-d4efc391] {
margin-top: 1.6rem;
}
.read-only-item.small[data-v-d4efc391] {
gap: var(--space-xxs, 2px);
}
.read-only-item.small .label[data-v-d4efc391] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.read-only-item.small .label p[data-v-d4efc391] {
margin-bottom: 0;
}
.read-only-item.small .label p ~ p[data-v-d4efc391] {
margin-top: 1.2rem;
}
.read-only-item.small .text[data-v-d4efc391] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.read-only-item.small .text p[data-v-d4efc391] {
margin-bottom: 0;
}
.read-only-item.small .text p ~ p[data-v-d4efc391] {
margin-top: 1.4rem;
}
.read-only-item.horizontal[data-v-d4efc391] {
align-items: baseline;
flex-direction: row;
gap: var(--space-sm, 8px);
width: 100%;
}
.read-only-item.horizontal .label[data-v-d4efc391] {
flex: 1 0 0;
text-align: right;
}
.read-only-item.horizontal .text[data-v-d4efc391] {
flex: 1 0 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.read-only-item.horizontal .text p[data-v-d4efc391] {
margin-bottom: 0;
}
.read-only-item.horizontal .text p ~ p[data-v-d4efc391] {
margin-top: 1.4rem;
}
.read-only-item.horizontal.small .text[data-v-d4efc391] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.read-only-item.horizontal.small .text p[data-v-d4efc391] {
margin-bottom: 0;
}
.read-only-item.horizontal.small .text p ~ p[data-v-d4efc391] {
margin-top: 1.2rem;
}
.profile-information[data-v-a5e7ec07] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.profile-information .empty-text[data-v-a5e7ec07] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-information .empty-text p[data-v-a5e7ec07] {
margin-bottom: 0;
}
.profile-information .empty-text p ~ p[data-v-a5e7ec07] {
margin-top: 1.6rem;
}
.profile-information .empty-text[data-v-a5e7ec07] {
color: var(--content-secondary);
}
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
gap: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
gap: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
gap: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
gap: var(--space-3md);
}
}
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
border-radius: var(--box-md, 24px);
}
}
.upload-file-wrapper[data-v-35426a26] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-xs);
}
.upload-file-wrapper .upload-file[data-v-35426a26] {
align-items: center;
background-color: var(--tertiary-bg-light);
border-radius: var(--form-item);
display: flex;
flex-flow: row nowrap;
gap: var(--space-sm);
justify-content: space-between;
overflow: hidden;
padding: var(--space-sm) var(--space-md);
position: relative;
}
.upload-file-wrapper .upload-file.error[data-v-35426a26] {
background-color: var(--error-bg-light);
}
.upload-file-wrapper .upload-file.image[data-v-35426a26] {
padding: var(--space-md);
}
.upload-file-wrapper .upload-file.image .size[data-v-35426a26] {
flex-grow: 1;
}
.upload-file-wrapper .upload-file .name[data-v-35426a26] {
flex-grow: 1;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.upload-file-wrapper .upload-file .progress[data-v-35426a26] {
background-color: var(--secondary-bg-light);
height: 100%;
left: 0;
position: absolute;
top: 0;
transition:
width 2s ease-out,
opacity 0.25s 2s;
z-index: 1;
}
.upload-file-wrapper .upload-file .button[data-v-35426a26] {
flex-shrink: 0;
}
.upload-file-wrapper .upload-file .image-wrapper[data-v-35426a26] {
width: var(--space-3xl);
}
.upload-file-wrapper .upload-file[data-v-35426a26] > * {
z-index: 2;
}
.upload-file-wrapper .validation-text[data-v-35426a26] {
color: var(--error-content);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
height: 1.8rem;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.upload-file-wrapper .validation-text p[data-v-35426a26] {
margin-bottom: 0;
}
.upload-file-wrapper .validation-text p ~ p[data-v-35426a26] {
margin-top: 1.2rem;
}
.upload-drag-and-drop .upload-box[data-v-bf381f07] {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.upload-drag-and-drop .upload-box[data-v-bf381f07] {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.upload-drag-and-drop .upload-box[data-v-bf381f07] {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.upload-drag-and-drop .upload-box[data-v-bf381f07] {
padding: var(--space-3md);
}
}
.upload-drag-and-drop[data-v-bf381f07] {
display: flex;
flex: 1;
flex-flow: column nowrap;
gap: var(--space-xs);
}
.upload-drag-and-drop.disabled[data-v-bf381f07] {
cursor: not-allowed;
opacity: 0.5;
}
.upload-drag-and-drop.disabled .upload-box[data-v-bf381f07]:hover {
border-color: var(--border-enabled);
}
.upload-drag-and-drop .top[data-v-bf381f07] {
align-items: center;
align-self: stretch;
display: flex;
gap: var(--space-xs);
height: var(--icon-md);
}
.upload-drag-and-drop .top .required-icon[data-v-bf381f07] {
fill: var(--error-content);
}
.upload-drag-and-drop .top .label[data-v-bf381f07] {
color: var(--content-primary);
flex-grow: 1;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
}
.upload-drag-and-drop .top .label p[data-v-bf381f07] {
margin-bottom: 0;
}
.upload-drag-and-drop .top .label p ~ p[data-v-bf381f07] {
margin-top: 1.4rem;
}
.upload-drag-and-drop .upload-box[data-v-bf381f07] {
align-items: center;
border: 1px dashed var(--border-enabled);
border-radius: var(--form-item);
display: flex;
flex-flow: column nowrap;
gap: var(--space-lg);
padding-bottom: var(--space-lg);
padding-top: var(--space-lg);
}
@media only screen and (max-width: 767px) {
.upload-drag-and-drop .upload-box[data-v-bf381f07] {
gap: var(--space-md);
padding-bottom: var(--space-md);
padding-top: var(--space-md);
}
}
.upload-drag-and-drop .upload-box.hover[data-v-bf381f07],
.upload-drag-and-drop .upload-box[data-v-bf381f07]:hover {
border-color: var(--border-hover);
}
.upload-drag-and-drop .upload-box[data-v-bf381f07]:focus {
border: 1px solid var(--border-focus);
}
.upload-drag-and-drop .upload-box.error[data-v-bf381f07] {
border-color: var(--error-border);
}
.upload-drag-and-drop .upload-box .text[data-v-bf381f07] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.upload-drag-and-drop .upload-box .text p[data-v-bf381f07] {
margin-bottom: 0;
}
.upload-drag-and-drop .upload-box .text p ~ p[data-v-bf381f07] {
margin-top: 1.6rem;
}
.upload-drag-and-drop .upload-box .helper-text[data-v-bf381f07] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.upload-drag-and-drop .upload-box .helper-text p[data-v-bf381f07] {
margin-bottom: 0;
}
.upload-drag-and-drop .upload-box .helper-text p ~ p[data-v-bf381f07] {
margin-top: 1.2rem;
}
.upload-drag-and-drop .validation-text[data-v-bf381f07] {
color: var(--error-content);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.upload-drag-and-drop .validation-text p[data-v-bf381f07] {
margin-bottom: 0;
}
.upload-drag-and-drop .validation-text p ~ p[data-v-bf381f07] {
margin-top: 1.2rem;
}
.upload-drag-and-drop .warning-text[data-v-bf381f07] {
color: var(--warning-content);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.upload-drag-and-drop .warning-text p[data-v-bf381f07] {
margin-bottom: 0;
}
.upload-drag-and-drop .warning-text p ~ p[data-v-bf381f07] {
margin-top: 1.2rem;
}
.edit-profile-license[data-v-ace7407b] {
display: flex;
flex-direction: column;
gap: var(--space-3md);
width: 100%;
}
.edit-profile-license .description[data-v-ace7407b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.edit-profile-license .description p[data-v-ace7407b] {
margin-bottom: 0;
}
.edit-profile-license .description p ~ p[data-v-ace7407b] {
margin-top: 1.4rem;
}
.edit-profile-license .description[data-v-ace7407b] {
color: var(--content-secondary);
}
.edit-profile-license .list[data-v-ace7407b] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-md);
}
.license-item[data-v-809db86e] {
align-items: flex-start;
align-self: stretch;
display: flex;
gap: var(--space-sm);
}
.license-item .icon[data-v-809db86e] {
fill: var(--primary-content);
}
.license-item .name-with-date[data-v-809db86e] {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: var(--space-sm);
justify-content: center;
}
.license-item .name-with-date .name[data-v-809db86e] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.license-item .name-with-date .name p[data-v-809db86e] {
margin-bottom: 0;
}
.license-item .name-with-date .name p ~ p[data-v-809db86e] {
margin-top: 1.6rem;
}
.license-item .name-with-date .name[data-v-809db86e] {
color: var(--content-primary);
}
.license-item .name-with-date .date[data-v-809db86e] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.license-item .name-with-date .date p[data-v-809db86e] {
margin-bottom: 0;
}
.license-item .name-with-date .date p ~ p[data-v-809db86e] {
margin-top: 1.4rem;
}
.license-item .name-with-date .date[data-v-809db86e] {
color: var(--content-secondary);
display: flex;
gap: 3px;
}
.license-item .name-with-date .date.is-expiring[data-v-809db86e] {
color: var(--warning-content);
}
.license-item .name-with-date .date.is-expired[data-v-809db86e] {
color: var(--error-content);
}
.license-item .name-with-date .date .add-new[data-v-809db86e] {
cursor: pointer;
text-decoration: underline;
}
.profile-license[data-v-efc8c805] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.profile-license[data-v-efc8c805]:target {
scroll-margin-top: 100px;
}
.profile-license .license-list[data-v-efc8c805] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.profile-license .disclaimer[data-v-efc8c805] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.profile-license .disclaimer p[data-v-efc8c805] {
margin-bottom: 0;
}
.profile-license .disclaimer p ~ p[data-v-efc8c805] {
margin-top: 1.2rem;
}
.profile-license .disclaimer[data-v-efc8c805] {
align-items: flex-start;
align-self: stretch;
color: var(--content-secondary);
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.profile-license .empty[data-v-efc8c805] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-license .empty p[data-v-efc8c805] {
margin-bottom: 0;
}
.profile-license .empty p ~ p[data-v-efc8c805] {
margin-top: 1.6rem;
}
.profile-license .empty[data-v-efc8c805] {
color: var(--content-secondary);
}
.button-delete[data-v-dbbd63aa] {
align-items: center;
background: var(--bg-0);
display: flex;
height: var(--form-item-lg-height);
justify-content: center;
width: var(--form-item-lg-height);
}
.button-delete svg[data-v-dbbd63aa] {
fill: var(--tertiary-link);
}
.edit-supported-routes .input-autocomplete-address .result .trim-right {
margin-right: 0 !important;
}
.edit-supported-routes .form[data-v-0a5e3439] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.edit-supported-routes .form[data-v-0a5e3439] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.edit-supported-routes .form[data-v-0a5e3439] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.edit-supported-routes .form[data-v-0a5e3439] {
gap: var(--space-3md, 24px);
}
}
.edit-supported-routes .form .form-row[data-v-0a5e3439] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.edit-supported-routes .form .form-row[data-v-0a5e3439] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.edit-supported-routes .form .form-row[data-v-0a5e3439] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.edit-supported-routes .form .form-row[data-v-0a5e3439] {
gap: var(--space-3md, 24px);
}
}
.edit-supported-routes[data-v-0a5e3439] {
display: flex;
flex-direction: column;
gap: var(--space-3md);
width: 100%;
}
.edit-supported-routes .form[data-v-0a5e3439] {
align-items: center;
align-self: stretch;
display: flex;
flex-direction: column;
}
.edit-supported-routes .form .form-row[data-v-0a5e3439] {
align-content: flex-start;
align-items: flex-end;
align-self: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.edit-supported-routes .form .form-row[data-v-0a5e3439] {
width: 100%;
}
}
.edit-supported-routes .form .form-row .controls[data-v-0a5e3439] {
align-content: flex-end;
align-items: flex-end;
display: flex;
flex: 1 0 0;
flex-wrap: wrap;
gap: var(--space-md);
min-width: 300px;
}
@media only screen and (max-width: 767px) {
.edit-supported-routes .form .form-row .controls[data-v-0a5e3439] {
flex-direction: column;
width: 100%;
}
}
.edit-supported-routes
.form
.form-row
.controls
.input-autocomplete-address[data-v-0a5e3439] {
flex: 1;
}
@media only screen and (max-width: 767px) {
.edit-supported-routes
.form
.form-row
.controls
.input-autocomplete-address[data-v-0a5e3439] {
width: 100%;
}
}
.edit-supported-routes .form .form-row .controls .checkbox[data-v-0a5e3439] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-sm);
justify-content: center;
padding-bottom: var(--space-2sm);
}
@media only screen and (max-width: 767px) {
.edit-supported-routes .form .form-row .controls .checkbox[data-v-0a5e3439] {
width: 100%;
}
}
.edit-supported-routes .form .form-row .delete[data-v-0a5e3439] {
align-items: flex-start;
display: flex;
gap: var(--space-sm);
justify-content: center;
padding: var(--space-null);
}
.edit-supported-routes .form .form-row .delete.first-item[data-v-0a5e3439] {
align-items: flex-end;
height: 76px;
}
@media only screen and (max-width: 767px) {
.edit-supported-routes .form .form-row .delete.first-item[data-v-0a5e3439] {
height: auto;
}
.edit-supported-routes .form .form-row .delete[data-v-0a5e3439] {
width: 100%;
}
}
.profile-routes[data-v-ee7f590d] {
color: var(--content-primary);
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
width: 100%;
}
.profile-routes .empty-text[data-v-ee7f590d] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-routes .empty-text p[data-v-ee7f590d] {
margin-bottom: 0;
}
.profile-routes .empty-text p ~ p[data-v-ee7f590d] {
margin-top: 1.6rem;
}
.profile-routes .routes-list[data-v-ee7f590d] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-2sm);
}
@media only screen and (max-width: 767px) {
.profile-routes .routes-list[data-v-ee7f590d] {
gap: var(--space-3md);
}
}
.profile-routes .routes-list .route[data-v-ee7f590d] {
align-content: center;
display: flex;
flex-flow: row wrap;
gap: 0 var(--space-3md);
justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
.profile-routes .routes-list .route[data-v-ee7f590d] {
display: inline-grid;
}
}
.profile-routes .routes-list .route .text[data-v-ee7f590d] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.profile-routes .routes-list .route .text p[data-v-ee7f590d] {
margin-bottom: 0;
}
.profile-routes .routes-list .route .text p ~ p[data-v-ee7f590d] {
margin-top: 1.8rem;
}
.profile-routes .routes-list .route .icon[data-v-ee7f590d] {
align-self: center;
}
.vehicle-box[data-v-bee47946] {
align-items: flex-start;
color: var(--content-primary);
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
height: auto;
width: auto;
}
.vehicle-box .image[data-v-bee47946] {
height: 45px;
width: auto;
}
.vehicle-box .bottom[data-v-bee47946] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-xs);
}
.vehicle-box .bottom .head[data-v-bee47946] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 125%;
}
@media only screen and (min-width: 768px) {
.vehicle-box .bottom .head[data-v-bee47946] {
max-width: 30rem;
}
}
.vehicle-box .bottom .text[data-v-bee47946] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.vehicle-box .bottom .text p[data-v-bee47946] {
margin-bottom: 0;
}
.vehicle-box .bottom .text p ~ p[data-v-bee47946] {
margin-top: 1.6rem;
}
.max-height[data-v-0d9bb487] {
max-height: 30rem;
}
.empty[data-v-0d9bb487] {
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
justify-content: center;
letter-spacing: 0.3px;
line-height: 2rem;
width: 100%;
}
.empty p[data-v-0d9bb487] {
margin-bottom: 0;
}
.empty p ~ p[data-v-0d9bb487] {
margin-top: 1.4rem;
}
.edit-vehicles .form[data-v-9bff1344] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.edit-vehicles .form[data-v-9bff1344] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.edit-vehicles .form[data-v-9bff1344] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.edit-vehicles .form[data-v-9bff1344] {
gap: var(--space-3md, 24px);
}
}
.edit-vehicles .form .form-row[data-v-9bff1344] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.edit-vehicles .form .form-row[data-v-9bff1344] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.edit-vehicles .form .form-row[data-v-9bff1344] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.edit-vehicles .form .form-row[data-v-9bff1344] {
gap: var(--space-3md, 24px);
}
}
.edit-vehicles .form[data-v-9bff1344],
.edit-vehicles .form .form-row .input-number[data-v-9bff1344],
.edit-vehicles .form .form-row .select-base-wrapper[data-v-9bff1344] {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: center;
}
.edit-vehicles[data-v-9bff1344] {
display: flex;
flex-direction: column;
gap: var(--space-3md);
width: 100%;
}
.edit-vehicles .form[data-v-9bff1344] {
align-self: stretch;
}
.edit-vehicles .form .form-row[data-v-9bff1344] {
align-items: flex-end;
align-self: stretch;
display: flex;
flex: 1 0 0;
flex-wrap: nowrap;
}
@media only screen and (max-width: 767px) {
.edit-vehicles .form .form-row[data-v-9bff1344] {
align-items: flex-start;
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
}
}
.edit-vehicles .form .form-row .select-base-wrapper[data-v-9bff1344] {
flex: 1 0 0;
gap: var(--space-x);
min-width: var(--element-width-min);
}
@media only screen and (max-width: 767px) {
.edit-vehicles .form .form-row .select-base-wrapper[data-v-9bff1344] {
width: 100%;
}
}
.edit-vehicles .form .form-row .input-number[data-v-9bff1344] {
gap: var(--space-xs, 4px);
max-width: 190px;
min-width: 152px;
width: 190px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.edit-vehicles .form .form-row .input-number[data-v-9bff1344] {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.edit-vehicles .form .form-row .input-number[data-v-9bff1344] {
margin-top: 0;
}
}
.edit-vehicles .form .form-row .delete[data-v-9bff1344] {
align-items: flex-start;
display: flex;
gap: var(--space-sm);
justify-content: center;
padding: var(--space-null);
}
.edit-vehicles .form .form-row .delete.first-item[data-v-9bff1344] {
align-items: flex-end;
}
@media only screen and (max-width: 767px) {
.edit-vehicles .form .form-row .delete.first-item[data-v-9bff1344] {
width: 100%;
}
}
.edit-vehicles .add-vehicle-link[data-v-9bff1344] {
width: -moz-fit-content;
width: fit-content;
}
.profile-vehicles[data-v-571bb28d] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
width: 100%;
}
.profile-vehicles .empty-text[data-v-571bb28d] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-vehicles .empty-text p[data-v-571bb28d] {
margin-bottom: 0;
}
.profile-vehicles .empty-text p ~ p[data-v-571bb28d] {
margin-top: 1.6rem;
}
.profile-vehicles .empty-text[data-v-571bb28d] {
color: var(--content-secondary);
}
.profile-vehicles .vehicles-list[data-v-571bb28d] {
display: flex;
flex-flow: row wrap;
gap: var(--space-md);
}
@media only screen and (max-width: 767px) {
.profile-vehicles .vehicles-list[data-v-571bb28d] {
flex-flow: column nowrap;
}
}
.profile-company-disclaimer[data-v-e1ec1599] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.profile-company-disclaimer p[data-v-e1ec1599] {
margin-bottom: 0;
}
.profile-company-disclaimer p ~ p[data-v-e1ec1599] {
margin-top: 1.2rem;
}
.profile-company-disclaimer[data-v-e1ec1599] {
color: var(--content-secondary);
}
.edit-profile-about[data-v-82f5f929] {
display: flex;
flex-direction: column;
gap: var(--space-3md);
width: 100%;
}
.edit-profile-about .textarea-base-main-wrapper[data-v-82f5f929] {
height: 23.6rem;
}
.profile-about .about-and-report .about-us .text[data-v-df44e91f] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-about .about-and-report .about-us .text p[data-v-df44e91f] {
margin-bottom: 0;
}
.profile-about .about-and-report .about-us .text p ~ p[data-v-df44e91f] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.profile-about .about-and-report .about-us .text[data-v-df44e91f] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.profile-about .about-and-report .about-us .text p[data-v-df44e91f] {
margin-bottom: 0;
}
.profile-about .about-and-report .about-us .text p ~ p[data-v-df44e91f] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.profile-about .about-and-report .about-us .text[data-v-df44e91f] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.profile-about .about-and-report .about-us .text p[data-v-df44e91f] {
margin-bottom: 0;
}
.profile-about .about-and-report .about-us .text p ~ p[data-v-df44e91f] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.profile-about .about-and-report .about-us .text[data-v-df44e91f] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 3rem;
}
.profile-about .about-and-report .about-us .text p[data-v-df44e91f] {
margin-bottom: 0;
}
.profile-about .about-and-report .about-us .text p ~ p[data-v-df44e91f] {
margin-top: 2rem;
}
}
.profile-about[data-v-df44e91f] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.profile-about .empty[data-v-df44e91f] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-about .empty p[data-v-df44e91f] {
margin-bottom: 0;
}
.profile-about .empty p ~ p[data-v-df44e91f] {
margin-top: 1.6rem;
}
.profile-about .about-and-report[data-v-df44e91f] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.profile-about .about-and-report .about-us[data-v-df44e91f] {
align-items: flex-end;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-2sm);
}
.profile-about .about-and-report .about-us .text[data-v-df44e91f] {
color: var(--content-primary);
font-weight: 400;
width: 100%;
}
.profile-about .about-and-report .about-us .text.trim[data-v-df44e91f] {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-word;
}
.profile-about
.about-and-report
.about-us
.toggle-translation[data-v-df44e91f] {
align-self: flex-start;
}
.profile-about .about-and-report .about-us .icon-expand[data-v-df44e91f] {
display: flex;
}
.carousel-buttons {
display: flex;
flex-direction: row;
gap: var(--space-xs);
justify-content: flex-end;
z-index: 1;
}
@keyframes shine-7218dd9d {
0% {
background-position: 0 -100px;
}
40%,
to {
background-position: 0 140px;
}
}
.gallery-item[data-v-7218dd9d] {
border-radius: var(--box-sm);
position: relative;
z-index: 1000;
}
.gallery-item[data-v-7218dd9d]:hover:before {
background: var(--bg-0-reversed);
border-radius: var(--box-sm);
content: '';
height: 100%;
opacity: 0.5;
position: absolute;
width: 100%;
z-index: 10;
}
.gallery-item:hover .button-search[data-v-7218dd9d] {
z-index: 100;
}
.gallery-item.blocked[data-v-7218dd9d]:before {
background: var(--error-bg);
border-radius: var(--box-sm);
content: '';
height: 100%;
opacity: 0.5;
position: absolute;
width: 100%;
z-index: 10;
}
.gallery-item.blocked .button-block[data-v-7218dd9d] {
z-index: 100;
}
.gallery-item.loading[data-v-7218dd9d] {
animation: shine-7218dd9d 1.5s linear infinite;
background-color: #ccc;
background-image: linear-gradient(
180deg,
var(--tertiary-bg-light),
var(--bg-1) 45%,
var(--bg-1) 55%,
var(--tertiary-bg-light)
);
background-size: 100% 400px;
}
.gallery-item.loading[data-v-7218dd9d]:hover:before {
opacity: 0;
}
.gallery-item.loading .button-search[data-v-7218dd9d] {
display: none;
}
.gallery-item.loading .image-wrapper[data-v-7218dd9d] {
opacity: 0;
}
.gallery-item .button-block[data-v-7218dd9d],
.gallery-item .button-search[data-v-7218dd9d] {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: -10;
}
.gallery-lightbox .content .image-wrapper .img[data-v-54ea5507] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.gallery-lightbox .content .image-wrapper .img[data-v-54ea5507] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.gallery-lightbox .content .image-wrapper .img[data-v-54ea5507] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.gallery-lightbox .content .image-wrapper .img[data-v-54ea5507] {
border-radius: var(--box-md, 24px);
}
}
.gallery-lightbox .content[data-v-54ea5507] {
margin-left: var(--space-2md);
margin-right: var(--space-2md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.gallery-lightbox .content[data-v-54ea5507] {
margin-left: var(--space-3lg);
margin-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.gallery-lightbox .content[data-v-54ea5507] {
margin-left: var(--space-4lg);
margin-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.gallery-lightbox .content[data-v-54ea5507] {
margin-left: auto;
margin-right: auto;
}
}
.gallery-lightbox .content[data-v-54ea5507] {
margin-bottom: var(--space-3lg);
margin-top: var(--space-3lg);
}
@media only screen and (min-width: 1024px) {
.gallery-lightbox .content[data-v-54ea5507] {
margin-bottom: var(--space-4lg);
margin-top: var(--space-4lg);
}
}
.gallery-lightbox[data-v-54ea5507] {
height: 100vh;
left: 50%;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
width: 100vw;
z-index: 120000;
}
.gallery-lightbox[data-v-54ea5507]:before {
background-color: var(--bg-overlay);
content: '';
height: 110vh;
left: -5vw;
position: absolute;
top: -5vh;
width: 110vw;
}
.gallery-lightbox .content[data-v-54ea5507] {
align-items: center;
display: flex;
flex-flow: column nowrap;
height: -webkit-fill-available;
justify-content: center;
}
.gallery-lightbox .content .close[data-v-54ea5507] {
position: absolute;
right: var(--space-3lg);
top: var(--space-3lg);
transform: translate(50%, -50%);
z-index: 11;
}
.gallery-lightbox .content .image-wrapper[data-v-54ea5507] {
align-items: center;
display: flex;
height: 100%;
margin: var(--space-4md) 0;
z-index: 10;
}
.gallery-lightbox .content .image-wrapper .img[data-v-54ea5507] {
height: -moz-fit-content;
height: fit-content;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
width: auto;
}
@media only screen and (min-width: 768px) {
.gallery-lightbox .content .image-wrapper .img[data-v-54ea5507] {
max-width: 80vw;
}
}
@media only screen and (min-width: 1024px) {
.gallery-lightbox .content .image-wrapper .img[data-v-54ea5507] {
max-height: 70vh;
}
}
.gallery-lightbox .content .buttons[data-v-54ea5507] {
z-index: 11;
}
@supports (-webkit-touch-callout: none) {
.gallery-lightbox .content[data-v-54ea5507] {
height: 90dvh;
}
.gallery-lightbox .content .image-wrapper .img[data-v-54ea5507] {
height: auto;
}
.gallery-lightbox .content .close[data-v-54ea5507] {
top: var(--space-2xl);
}
}
.gallery[data-v-d0279383] {
display: grid;
gap: 12px;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.gallery[data-v-d0279383] {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 767px) {
.gallery[data-v-d0279383] {
grid-template-columns: repeat(2, 1fr);
}
}
.photos-edit-modal-content[data-v-c58a3b6c] {
align-items: stretch;
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
max-width: 780px;
}
.photos-edit-modal-content .description[data-v-c58a3b6c] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
}
.photos-edit-modal-content .description p[data-v-c58a3b6c] {
margin-bottom: 0;
}
.photos-edit-modal-content .description p ~ p[data-v-c58a3b6c] {
margin-top: 1.4rem;
margin-top: var(--space-2md);
}
.photos-edit-modal-content .list[data-v-c58a3b6c] {
display: grid;
gap: var(--space-md);
grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 767px) {
.photos-edit-modal-content .list[data-v-c58a3b6c] {
grid-template-columns: 1fr 1fr;
order: 2;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.photos-edit-modal-content .list[data-v-c58a3b6c] {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 767px) {
.photos-edit-modal .footer .button {
flex-grow: 1;
}
}
.photos-edit-modal .list .upload-file {
gap: 0 !important;
}
.profile-photos[data-v-cc841b12] {
align-items: flex-start;
align-self: stretch;
color: var(--content-secondary);
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.profile-photos .empty-text[data-v-cc841b12] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.profile-photos .empty-text p[data-v-cc841b12] {
margin-bottom: 0;
}
.profile-photos .empty-text p ~ p[data-v-cc841b12] {
margin-top: 1.6rem;
}
.carousel-main-wrapper .top-wrapper {
margin: 0 calc(var(--space-md) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-main-wrapper .top-wrapper {
margin: 0 calc(var(--space-md) / 2);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-main-wrapper .top-wrapper {
margin: 0 calc(var(--space-3md) / 2);
}
}
@media only screen and (min-width: 1440px) {
.carousel-main-wrapper .top-wrapper {
margin: 0 calc(var(--space-3md) / 2);
}
}
.carousel-main-wrapper {
display: block !important;
height: -moz-fit-content;
height: fit-content;
max-width: 100%;
width: 100%;
}
.carousel-main-wrapper .carousel {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: -moz-fit-content;
height: fit-content;
transition: transform 0.7s ease-in-out;
}
.carousel-main-wrapper .skip-animation {
transition: transform 0s ease-in-out;
}
.carousel-main-wrapper .top-wrapper {
align-items: center;
align-self: stretch;
display: flex;
gap: var(--space-sm, 8px);
justify-content: flex-end;
margin-bottom: var(--space-4md);
}
.carousel-main-wrapper .top-wrapper .carousel-title {
flex: 1 0 0;
}
.carousel-main-wrapper.hide-overflow {
overflow: hidden;
}
.load-trigger {
min-height: 1px;
}
.carousel-last-transports-tile-content {
gap: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-tile-content {
gap: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-tile-content {
gap: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-tile-content {
gap: var(--space-3md);
}
}
.carousel-last-transports-tile-content .category-icon {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-tile-content .category-icon {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-tile-content .category-icon {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-tile-content .category-icon {
border-radius: var(--box-md, 24px);
}
}
.carousel-last-transports-tile-content {
align-items: flex-start;
display: flex;
flex: 1;
flex-flow: column nowrap;
overflow: hidden;
}
.carousel-last-transports-tile-content .category-icon {
aspect-ratio: 16/9;
background: var(--bg-0);
border: 1px solid var(--border-static);
color: var(--content-tertiary);
display: flex;
height: auto;
max-height: 21.8rem;
padding: 2rem;
width: 100%;
}
.carousel-last-transports-tile-content .bottom {
align-items: flex-start;
align-self: stretch;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: var(--space-md);
min-width: 0;
}
.carousel-last-transports-tile-content .bottom .title {
align-self: stretch;
color: var(--content-primary);
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2rem;
}
.carousel-last-transports-tile-content .bottom .title p {
margin-bottom: 0;
}
.carousel-last-transports-tile-content .bottom .title p ~ p {
margin-top: 1.4rem;
}
@media only screen and (min-width: 1024px) {
.carousel-last-transports-tile-content .bottom .title {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.carousel-last-transports-tile-content .bottom .title p {
margin-bottom: 0;
}
.carousel-last-transports-tile-content .bottom .title p ~ p {
margin-top: 1.6rem;
}
}
.carousel-last-transports-tile-content .bottom .footer {
align-self: stretch;
display: flex;
flex-flow: row nowrap;
gap: var(--space-md);
}
.carousel-last-transports-tile-content .bottom .footer .locations {
flex: 50% 1 1;
width: 50%;
}
.carousel-last-transports-tile-content .bottom .footer .price {
align-items: center;
background-color: var(--bg-0);
border-radius: var(--box-pill);
color: var(--content-primary);
display: flex;
flex-shrink: 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1rem;
font-weight: 700;
justify-content: center;
letter-spacing: 0.3px;
line-height: 2.4rem;
padding: var(--space-sm) var(--space-2md);
}
.carousel-last-transports-tile-content .bottom .footer .price p {
margin-bottom: 0;
}
.carousel-last-transports-tile-content .bottom .footer .price p ~ p {
margin-top: 1.6rem;
}
.carousel-last-transports-wrapper {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper {
max-width: 100%;
}
}
.carousel-last-transports-wrapper {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.carousel-last-transports-wrapper {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.carousel-last-transports-wrapper .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.carousel-last-transports-wrapper .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.carousel-last-transports-wrapper {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper {
gap: var(--space-3md, 24px);
}
}
.carousel-last-transports-wrapper .content,
.carousel-last-transports-wrapper .content .carousel .data-wrapper {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper .content,
.carousel-last-transports-wrapper .content .carousel .data-wrapper {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper .content,
.carousel-last-transports-wrapper .content .carousel .data-wrapper {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper .content,
.carousel-last-transports-wrapper .content .carousel .data-wrapper {
gap: var(--space-3md, 24px);
}
}
.carousel-last-transports-wrapper
.content
.carousel
.data-wrapper
.auction-tile {
margin: 0 calc(var(--space-md) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper
.content
.carousel
.data-wrapper
.auction-tile {
margin: 0 calc(var(--space-md) / 2);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper
.content
.carousel
.data-wrapper
.auction-tile {
margin: 0 calc(var(--space-3md) / 2);
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper
.content
.carousel
.data-wrapper
.auction-tile {
margin: 0 calc(var(--space-3md) / 2);
}
}
.carousel-last-transports-wrapper {
margin: 0 auto;
}
.carousel-last-transports-wrapper,
.carousel-last-transports-wrapper .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.carousel-last-transports-wrapper .content {
flex-direction: column;
}
}
.carousel-last-transports-wrapper .content .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper .content .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper .content .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper .content .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.carousel-last-transports-wrapper {
height: 110rem;
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-last-transports-wrapper {
height: 130rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper {
height: 148rem;
}
}
@media only screen and (min-width: 1440px) {
.carousel-last-transports-wrapper {
height: 168rem;
}
}
.carousel-last-transports-wrapper .map-wrapper {
bottom: 0;
height: -moz-fit-content;
height: fit-content;
left: 0;
position: absolute;
width: 100%;
}
.carousel-last-transports-wrapper .map-wrapper .map {
height: -moz-fit-content;
height: fit-content;
margin: 0 auto;
width: 100%;
}
@media only screen and (max-width: 1023px) {
.carousel-last-transports-wrapper .map-wrapper .map {
max-width: 69rem;
min-width: 38.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-last-transports-wrapper .map-wrapper .map {
max-width: 69rem;
}
}
.carousel-last-transports-wrapper .content {
align-self: stretch;
display: block;
z-index: 1;
}
.carousel-last-transports-wrapper .content .title {
align-self: stretch;
color: var(--content-primary);
text-align: center;
}
.carousel-last-transports-wrapper .content .carousel {
margin-top: var(--space-lg);
}
.carousel-last-transports-wrapper .content .carousel .data-wrapper {
align-items: stretch;
display: flex;
display: grid;
flex: 33.33% 0 0;
gap: var(--space-4md);
grid-template-columns: 100%;
grid-template-rows: 1fr 1fr;
min-width: 0;
}
@media only screen and (max-width: 767px) {
.carousel-last-transports-wrapper .content .carousel .data-wrapper {
flex: 100% 0 0;
}
}
.carousel-last-transports-wrapper
.content
.carousel
.data-wrapper
.auction-tile {
max-width: 400px;
}
@media only screen and (max-width: 767px) {
.carousel-last-transports-wrapper
.content
.carousel
.data-wrapper
.auction-tile {
max-width: 100%;
}
}
.ordered-list {
counter-reset: count;
display: flex;
flex-direction: column;
gap: var(--space-lg);
list-style: none;
padding: var(--space-null);
}
@media only screen and (min-width: 1440px) {
.ordered-list {
gap: var(--space-4lg);
}
}
.ordered-list .list-item {
display: inline-flex;
}
.ordered-list .list-item:before {
color: var(--primary-content);
content: counter(count) ' ';
counter-increment: count;
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
margin-right: var(--space-2sm);
}
.ordered-list .list-item .copy {
align-items: flex-start;
display: flex;
flex: 1;
flex-direction: column;
gap: var(--space-2sm);
padding-top: var(--space-xs);
}
.ordered-list .list-item .copy-header {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.ordered-list .list-item .copy-header p {
margin-bottom: 0;
}
.ordered-list .list-item .copy-header p ~ p {
margin-top: 2rem;
}
.ordered-list .list-item .copy-text {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.ordered-list .list-item .copy-text p {
margin-bottom: 0;
}
.ordered-list .list-item .copy-text p ~ p {
margin-top: 1.6rem;
}
.no-fee-stamp-alt {
align-items: center;
color: var(--primary-content);
display: flex;
flex: 1;
gap: var(--space-sm);
}
.no-fee-stamp-alt span {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.no-fee-stamp-alt span p {
margin-bottom: 0;
}
.no-fee-stamp-alt span p ~ p {
margin-top: 1.6rem;
}
.no-fee-stamp-alt .no-fee {
align-items: center;
display: flex;
height: 10rem;
justify-content: center;
min-width: 10rem;
position: relative;
width: 10rem;
}
.no-fee-stamp-alt .no-fee span {
color: var(--primary-content);
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
z-index: 100;
}
.no-fee-stamp-alt .no-fee .icon {
fill: var(--content-primary-reversed);
height: 10rem;
position: absolute;
width: 10rem;
z-index: 10;
}
@media only screen and (max-width: 767px) {
.no-fee-stamp-alt {
flex-direction: column;
}
}
.no-fee-stamp-alt.negative {
color: var(--content-primary-reversed);
}
.no-fee-stamp-alt.negative .no-fee span {
color: var(--primary-content);
}
.no-fee-stamp-alt.negative .no-fee .icon {
fill: transparent;
stroke: var(--border-static-reversed);
stroke-width: 1px;
}
.no-fee-stamp-alt.reversed,
.no-fee-stamp-alt.reversed .no-fee span {
color: var(--content-primary-reversed);
}
.no-fee-stamp-alt.reversed .no-fee .icon {
fill: var(--primary-bg);
}
.how-it-works-footer {
align-items: center;
display: flex;
gap: var(--space-2md);
padding: var(--space-null);
}
@media only screen and (max-width: 767px) {
.how-it-works-footer {
flex-direction: column-reverse;
width: 100%;
}
.how-it-works-footer .button,
.how-it-works-footer a {
width: 100%;
}
}
.banner-how-it-works {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works {
max-width: 100%;
}
}
.banner-how-it-works {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-how-it-works {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.banner-how-it-works .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-how-it-works .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-how-it-works .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-how-it-works {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works {
gap: var(--space-3md, 24px);
}
}
.banner-how-it-works .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works .content {
gap: var(--space-3md, 24px);
}
}
.banner-how-it-works {
margin: 0 auto;
}
.banner-how-it-works,
.banner-how-it-works .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-how-it-works .content {
flex-direction: column;
}
}
.banner-how-it-works .content .left .head-display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works .content .left .head-display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works .content .left .head-display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-how-it-works .content .left .head-display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-how-it-works {
background-color: var(--quaternary-bg-light);
position: relative;
}
.banner-how-it-works .background {
background-position: 115%;
background-size: 111rem 94.4rem;
bottom: 0;
height: 100%;
position: absolute;
right: 0;
width: 100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-how-it-works .background {
background-position: 140%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-how-it-works .background {
background-position: 50% 150%;
}
}
@media only screen and (max-width: 767px) {
.banner-how-it-works .background {
background-position: 80% 100%;
}
}
.banner-how-it-works .content {
color: var(--content-primary);
position: inherit;
}
.banner-how-it-works .content .left,
.banner-how-it-works .content .right {
flex: 1;
}
.banner-how-it-works .content .left {
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.banner-how-it-works .content .right {
background-color: var(--primary-content);
border-radius: var(--contbg);
max-width: 52.2rem;
}
.banner-how-it-works .content .footer-mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.banner-how-it-works .content .footer-mobile {
display: flex;
}
.banner-how-it-works .content .footer-desktop {
display: none;
}
}
.banner-how-it-works .content.hide .copy .copy-text {
display: none;
}
.companies-tile-wrapper[data-v-a3857f73] {
flex: 1 0 0;
flex-direction: column;
gap: var(--space-lg);
justify-content: flex-start;
}
@media only screen and (max-width: 1023px) {
.companies-tile-wrapper[data-v-a3857f73] {
min-width: var(--element-width-min);
}
}
.companies-tile-wrapper.orange[data-v-a3857f73] {
background-color: var(--bg-3);
}
.companies-tile-wrapper.grey[data-v-a3857f73] {
background-color: var(--tertiary-bg-light);
}
.companies-tile-wrapper.lg .top .title[data-v-a3857f73] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.companies-tile-wrapper.lg .top .title p[data-v-a3857f73] {
margin-bottom: 0;
}
.companies-tile-wrapper.lg .top .title p ~ p[data-v-a3857f73] {
margin-top: 2rem;
}
.companies-tile-wrapper.md .top .title[data-v-a3857f73] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.companies-tile-wrapper.md .top .title p[data-v-a3857f73] {
margin-bottom: 0;
}
.companies-tile-wrapper.md .top .title p ~ p[data-v-a3857f73] {
margin-top: 1.6rem;
}
.companies-tile-wrapper .top[data-v-a3857f73] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-2sm);
}
.companies-tile-wrapper .top .icon[data-v-a3857f73] {
fill: var(--primary-content);
}
.companies-tile-wrapper .top .title[data-v-a3857f73] {
color: var(--content-secondary);
}
.companies-tile-wrapper .content[data-v-a3857f73] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.companies-tile-wrapper .content p[data-v-a3857f73] {
margin-bottom: 0;
}
.companies-tile-wrapper .content p ~ p[data-v-a3857f73] {
margin-top: 1.6rem;
}
.banner-companies-wrapper[data-v-9e9a7667] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper[data-v-9e9a7667] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper[data-v-9e9a7667] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper[data-v-9e9a7667] {
max-width: 100%;
}
}
.banner-companies-wrapper[data-v-9e9a7667],
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper[data-v-9e9a7667],
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper[data-v-9e9a7667],
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper[data-v-9e9a7667],
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-companies-wrapper[data-v-9e9a7667] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper[data-v-9e9a7667] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper[data-v-9e9a7667] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper[data-v-9e9a7667] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.banner-companies-wrapper .content[data-v-9e9a7667] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-companies-wrapper .content[data-v-9e9a7667] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-companies-wrapper .content[data-v-9e9a7667] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-companies-wrapper[data-v-9e9a7667] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper[data-v-9e9a7667] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper[data-v-9e9a7667] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper[data-v-9e9a7667] {
gap: var(--space-3md, 24px);
}
}
.banner-companies-wrapper .content[data-v-9e9a7667],
.banner-companies-wrapper .content .wrapper .companies[data-v-9e9a7667] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper .content[data-v-9e9a7667],
.banner-companies-wrapper .content .wrapper .companies[data-v-9e9a7667] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper .content[data-v-9e9a7667],
.banner-companies-wrapper .content .wrapper .companies[data-v-9e9a7667] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper .content[data-v-9e9a7667],
.banner-companies-wrapper .content .wrapper .companies[data-v-9e9a7667] {
gap: var(--space-3md, 24px);
}
}
.banner-companies-wrapper .content[data-v-9e9a7667] {
gap: var(--space-lg, 32px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
gap: var(--space-3lg, 32px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
gap: var(--space-xl, 64px);
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
gap: var(--space-3xl, 96px);
}
}
.banner-companies-wrapper[data-v-9e9a7667] {
margin: 0 auto;
position: relative;
}
.banner-companies-wrapper[data-v-9e9a7667],
.banner-companies-wrapper .content[data-v-9e9a7667] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-companies-wrapper .content[data-v-9e9a7667] {
flex-direction: column;
}
}
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-companies-wrapper[data-v-9e9a7667] {
flex-direction: column;
}
.banner-companies-wrapper .content[data-v-9e9a7667] {
align-items: flex-start;
flex-direction: column;
}
.banner-companies-wrapper .content .title[data-v-9e9a7667] {
align-self: stretch;
color: var(--primary-content);
text-align: center;
}
@media only screen and (max-width: 1023px) {
.banner-companies-wrapper .content .wrapper[data-v-9e9a7667] {
max-width: 100vw;
}
}
.banner-companies-wrapper .content .wrapper .companies[data-v-9e9a7667] {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.banner-companies-wrapper
.content
.wrapper
.companies[data-v-9e9a7667]::-webkit-scrollbar {
display: none;
}
@media only screen and (max-width: 767px) {
.banner-companies-wrapper
.content
.wrapper
.companies
.tile[data-v-9e9a7667]:first-child {
margin-left: var(--space-4md);
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper
.content
.wrapper
.companies
.tile[data-v-9e9a7667]:first-child {
margin-left: var(--space-3lg);
}
}
@media only screen and (max-width: 767px) {
.banner-companies-wrapper
.content
.wrapper
.companies
.tile[data-v-9e9a7667]:last-child {
margin-right: var(--space-4md);
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-companies-wrapper
.content
.wrapper
.companies
.tile[data-v-9e9a7667]:last-child {
margin-right: var(--space-3lg);
}
}
.category-box[data-v-2d6dc75b] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-box[data-v-2d6dc75b] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-box[data-v-2d6dc75b] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.category-box[data-v-2d6dc75b] {
border-radius: var(--box-md, 24px);
}
}
.category-box[data-v-2d6dc75b] {
align-items: center;
background-color: var(--quaternary-bg-light);
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.category-box .image[data-v-2d6dc75b] img {
max-width: 344px;
}
.category-box .row[data-v-2d6dc75b] {
display: flex;
justify-content: center;
position: absolute;
width: 100%;
}
.category-box .row.top[data-v-2d6dc75b] {
top: 1.6rem;
}
.category-box .row.top .bubble[data-v-2d6dc75b] {
position: relative;
white-space: nowrap;
width: -moz-fit-content;
width: fit-content;
}
.category-box .row.top .bubble .text[data-v-2d6dc75b] {
align-items: center;
color: var(--content-secondary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 600;
justify-content: center;
letter-spacing: 0.3px;
line-height: 1.8rem;
overflow: hidden;
padding: var(--space-xxs) var(--space-xs);
text-align: center;
text-overflow: ellipsis;
}
.category-box .row.top .bubble .text p[data-v-2d6dc75b] {
margin-bottom: 0;
}
.category-box .row.top .bubble .text p ~ p[data-v-2d6dc75b] {
margin-top: 1.2rem;
}
@media (max-width: 390px) {
.category-box .row.top .bubble .text[data-v-2d6dc75b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 1.6rem;
}
.category-box .row.top .bubble .text p[data-v-2d6dc75b] {
margin-bottom: 0;
}
.category-box .row.top .bubble .text p ~ p[data-v-2d6dc75b] {
margin-top: 1.1rem;
}
}
@media only screen and (min-width: 768px) {
.category-box .row.top .bubble .text[data-v-2d6dc75b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2rem;
}
.category-box .row.top .bubble .text p[data-v-2d6dc75b] {
margin-bottom: 0;
}
.category-box .row.top .bubble .text p ~ p[data-v-2d6dc75b] {
margin-top: 1.4rem;
}
}
@media only screen and (min-width: 1024px) {
.category-box .row.top .bubble .text[data-v-2d6dc75b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.category-box .row.top .bubble .text p[data-v-2d6dc75b] {
margin-bottom: 0;
}
.category-box .row.top .bubble .text p ~ p[data-v-2d6dc75b] {
margin-top: 1.6rem;
}
.category-box .row.top .bubble .text[data-v-2d6dc75b] {
padding-left: var(--space-2sm);
padding-right: var(--space-2sm);
}
}
@media only screen and (min-width: 1440px) {
.category-box .row.top .bubble .text[data-v-2d6dc75b] {
padding-bottom: var(--space-xs);
padding-top: var(--space-xs);
}
}
.category-box .row.center[data-v-2d6dc75b] {
display: none;
top: calc(50% - var(--form-item-xl) / 2);
}
@media only screen and (min-width: 1024px) {
.category-box[data-v-2d6dc75b]:hover {
background-color: var(--quaternary-bg-light-hover);
}
.category-box:hover .row.center[data-v-2d6dc75b] {
display: flex;
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper .boxes {
margin-top: -10%;
}
.category-section-wrapper .boxes .category-box:nth-child(8) .image-wrapper,
.category-section-wrapper .boxes .category-box:nth-child(odd) .image-wrapper {
aspect-ratio: 3/4 !important;
}
}
@media only screen and (min-width: 1440px) {
@supports not (aspect-ratio: 4/3) {
.category-section-wrapper .boxes .category-box:nth-child(8) .image-wrapper,
.category-section-wrapper
.boxes
.category-box:nth-child(odd)
.image-wrapper {
padding-bottom: 133.33%;
}
}
.category-section-wrapper .boxes .category-box:first-child,
.category-section-wrapper .boxes .category-box:nth-child(3) {
transform: translateY(25%);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper .boxes .category-box .image-wrapper {
aspect-ratio: 4/5 !important;
}
@supports not (aspect-ratio: 4/5) {
.category-section-wrapper .boxes .category-box .image-wrapper {
padding-bottom: 125%;
}
}
}
.category-section-wrapper[data-v-707072d7] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper[data-v-707072d7] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper[data-v-707072d7] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper[data-v-707072d7] {
max-width: 100%;
}
}
.category-section-wrapper[data-v-707072d7] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper[data-v-707072d7] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper[data-v-707072d7] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper[data-v-707072d7] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.category-section-wrapper[data-v-707072d7] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper[data-v-707072d7] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper[data-v-707072d7] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper[data-v-707072d7] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.category-section-wrapper .content[data-v-707072d7] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper .content[data-v-707072d7] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper .content[data-v-707072d7] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.category-section-wrapper .content[data-v-707072d7] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper .content[data-v-707072d7] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper .content[data-v-707072d7] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper .content[data-v-707072d7] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.category-section-wrapper .content[data-v-707072d7] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper .content[data-v-707072d7] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper .content[data-v-707072d7] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper .content[data-v-707072d7] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.category-section-wrapper[data-v-707072d7] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper[data-v-707072d7] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper[data-v-707072d7] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper[data-v-707072d7] {
gap: var(--space-3md, 24px);
}
}
.category-section-wrapper .content[data-v-707072d7],
.category-section-wrapper .content .boxes[data-v-707072d7] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper .content[data-v-707072d7],
.category-section-wrapper .content .boxes[data-v-707072d7] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper .content[data-v-707072d7],
.category-section-wrapper .content .boxes[data-v-707072d7] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper .content[data-v-707072d7],
.category-section-wrapper .content .boxes[data-v-707072d7] {
gap: var(--space-3md, 24px);
}
}
.category-section-wrapper .content[data-v-707072d7] {
gap: var(--space-lg, 32px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper .content[data-v-707072d7] {
gap: var(--space-3lg, 32px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper .content[data-v-707072d7] {
gap: var(--space-xl, 64px);
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper .content[data-v-707072d7] {
gap: var(--space-3xl, 96px);
}
}
.category-section-wrapper[data-v-707072d7] {
margin: 0 auto;
position: relative;
}
.category-section-wrapper[data-v-707072d7],
.category-section-wrapper .content[data-v-707072d7] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.category-section-wrapper .content[data-v-707072d7] {
flex-direction: column;
}
}
.category-section-wrapper .content .header h2[data-v-707072d7],
.category-section-wrapper .content .header p[data-v-707072d7] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.category-section-wrapper .content .header h2[data-v-707072d7],
.category-section-wrapper .content .header p[data-v-707072d7] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.category-section-wrapper .content .header h2[data-v-707072d7],
.category-section-wrapper .content .header p[data-v-707072d7] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.category-section-wrapper .content .header h2[data-v-707072d7],
.category-section-wrapper .content .header p[data-v-707072d7] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.category-section-wrapper[data-v-707072d7] {
background-color: var(--bg-0);
}
.category-section-wrapper .content[data-v-707072d7] {
align-self: stretch;
flex-direction: column;
width: 100%;
}
.category-section-wrapper .content .header[data-v-707072d7] {
align-items: center;
color: var(--content-primary);
display: flex;
flex-direction: column;
text-align: center;
width: 100%;
}
.category-section-wrapper .content .header p[data-v-707072d7] {
color: var(--primary-content);
}
.category-section-wrapper .content .boxes[data-v-707072d7] {
align-items: flex-end;
align-self: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.category-section-wrapper .content .boxes .category-box[data-v-707072d7] {
width: calc(50% - var(--space-md) / 2);
}
@media only screen and (min-width: 1024px) {
.category-section-wrapper .content .boxes .category-box[data-v-707072d7] {
width: calc(33.3% - var(--space-3md) * 2 / 3);
}
}
.number-facts-section {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section {
max-width: 100%;
}
}
.number-facts-section {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.number-facts-section {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.number-facts-section {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section {
padding-bottom: var(--space-4lg);
padding-top: var(--space-4lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section {
padding-bottom: var(--space-xl);
padding-top: var(--space-xl);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section {
padding-bottom: var(--space-2xl);
padding-top: var(--space-2xl);
}
}
.number-facts-section .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.number-facts-section .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.number-facts-section,
.number-facts-section .tiles {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section,
.number-facts-section .tiles {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section,
.number-facts-section .tiles {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section,
.number-facts-section .tiles {
gap: var(--space-3md, 24px);
}
}
.number-facts-section .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section .content {
gap: var(--space-3md, 24px);
}
}
.number-facts-section .contbg {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section .contbg {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section .contbg {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section .contbg {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.number-facts-section {
margin: 0 auto;
position: relative;
}
.number-facts-section,
.number-facts-section .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.number-facts-section .content {
flex-direction: column;
}
}
.number-facts-section .contbg {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.number-facts-section .content {
position: inherit;
}
.number-facts-section .tiles .tile .display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section .tiles .tile .display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section .tiles .tile .display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section .tiles .tile .display {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.number-facts-section .tiles .tile .text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.number-facts-section .tiles .tile .text p {
margin-bottom: 0;
}
.number-facts-section .tiles .tile .text p ~ p {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section .tiles .tile .text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.number-facts-section .tiles .tile .text p {
margin-bottom: 0;
}
.number-facts-section .tiles .tile .text p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.number-facts-section .tiles .tile .text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.number-facts-section .tiles .tile .text p {
margin-bottom: 0;
}
.number-facts-section .tiles .tile .text p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.number-facts-section .tiles .tile .text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.number-facts-section .tiles .tile .text p {
margin-bottom: 0;
}
.number-facts-section .tiles .tile .text p ~ p {
margin-top: 2rem;
}
}
.number-facts-section .contbg {
background-color: var(--tertiary-bg-light);
bottom: var(--space-3md);
top: var(--space-3md);
}
@media only screen and (max-width: 1023px) {
.number-facts-section .contbg {
bottom: var(--space-2sm);
top: var(--space-2sm);
}
}
.number-facts-section .tiles {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.number-facts-section .tiles {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 767px) {
.number-facts-section .tiles {
align-items: center;
flex-flow: column nowrap;
}
}
.number-facts-section .tiles .tile {
align-items: center;
display: flex;
flex-basis: 23%;
flex-direction: column;
gap: var(--space-xs, 4px);
text-align: center;
}
.number-facts-section .tiles .tile .display {
color: var(--content-primary, #0a1833);
white-space: nowrap;
}
.number-facts-section .tiles .tile .text {
color: var(--content-secondary);
}
.opinion-tile-content-wrapper {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.opinion-tile-content-wrapper {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.opinion-tile-content-wrapper {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.opinion-tile-content-wrapper {
border-radius: var(--box-md, 24px);
}
}
.opinion-tile-content-wrapper {
align-items: flex-start;
display: flex;
flex: 1;
gap: var(--space-3md);
height: 100%;
}
.opinion-tile-content-wrapper .second-tile {
align-self: stretch;
flex: 1 0 0;
}
@media only screen and (max-width: 767px) {
.opinion-tile-content-wrapper .divider,
.opinion-tile-content-wrapper .second-tile {
display: none;
}
}
.carousel-opinions-wrapper {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-opinions-wrapper {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper {
max-width: 100%;
}
}
.carousel-opinions-wrapper {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-opinions-wrapper {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.carousel-opinions-wrapper {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-opinions-wrapper {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.carousel-opinions-wrapper .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.carousel-opinions-wrapper .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-opinions-wrapper .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.carousel-opinions-wrapper .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-opinions-wrapper .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.carousel-opinions-wrapper {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-opinions-wrapper {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper {
gap: var(--space-3md, 24px);
}
}
.carousel-opinions-wrapper .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-opinions-wrapper .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper .content {
gap: var(--space-3md, 24px);
}
}
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper .tile-base {
margin: 0 calc(var(--space-md) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper .tile-base {
margin: 0 calc(var(--space-md) / 2);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper .tile-base {
margin: 0 calc(var(--space-3md) / 2);
}
}
@media only screen and (min-width: 1440px) {
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper .tile-base {
margin: 0 calc(var(--space-3md) / 2);
}
}
.carousel-opinions-wrapper {
margin: 0 auto;
position: relative;
}
.carousel-opinions-wrapper,
.carousel-opinions-wrapper .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.carousel-opinions-wrapper .content {
flex-direction: column;
}
}
.carousel-opinions-wrapper {
background: var(--primary-bg);
overflow: hidden;
}
.carousel-opinions-wrapper .carousel-base {
position: relative;
}
.carousel-opinions-wrapper .carousel-base .carousel-buttons {
margin-bottom: 0;
position: absolute;
right: 0;
top: 40px;
}
.banner-google-opinions .google-opinion-tile .text {
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
line-height: 1.35;
max-width: 100%;
}
.banner-google-opinions .google-opinion-tile {
overflow: hidden;
}
.carousel-opinions-wrapper .carousel-base .carousel {
padding-top: calc(var(--space-lg) + var(--icon-lg));
}
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper {
flex: 80% 0 0;
}
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper .tile-base {
}
.carousel-opinions-wrapper .carousel-base {
overflow: hidden;
position: relative;
}
.carousel-opinions-wrapper .carousel-base .carousel {
display: flex;
padding-top: calc(var(--space-lg) + var(--icon-lg));
transition: transform 0.4s ease;
will-change: transform;
}
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper {
flex: 0 0 80%;
min-width: 0;
}
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper .tile-base {
overflow: hidden;
}
.carousel-opinions-wrapper .opinion-text,
.carousel-opinions-wrapper .auction-tile .title,
.carousel-opinions-wrapper .address {
overflow-wrap: break-word;
word-break: normal;
}
@media only screen and (max-width: 767px) {
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper {
flex: 0 0 100%;
}
.carousel-opinions-wrapper .carousel-base .tile-outside-wrapper .tile-base {
height: auto;
min-height: 420px;
}
}
@media only screen and (max-width: 767px) {
.carousel-opinions-wrapper
.carousel-base
.tile-outside-wrapper
.tile-base
.tile-inside
.image {
bottom: calc(var(--space-md) * -1);
right: calc(var(--space-md) * -1);
}
}
.banner-media {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-media {
max-width: 100%;
}
}
.banner-media {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-media {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-media {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-media {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.banner-media .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-media .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-media .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-media .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-media .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-media .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-media {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-media {
gap: var(--space-3md, 24px);
}
}
.banner-media .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-media .content {
gap: var(--space-3md, 24px);
}
}
.banner-media .content .logotypes {
padding: var(--space-md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media .content .logotypes {
padding: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media .content .logotypes {
padding: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.banner-media .content .logotypes {
padding: var(--space-3md);
}
}
.banner-media {
display: flex;
margin: 0 auto;
position: relative;
}
.banner-media,
.banner-media .content {
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-media .content {
flex-direction: column;
}
}
.banner-media .content .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-media .content .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-media .content .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-media .content .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-media {
background-color: var(--primary-bg);
}
.banner-media .content {
color: var(--content-primary-reversed);
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.banner-media .content .title {
text-align: center;
}
.banner-media .content .logotypes {
background-color: var(--bg-0);
border-radius: var(--box-pill);
overflow: hidden;
padding-left: var(--space-null);
padding-right: var(--space-null);
width: 100%;
}
.banner-media .content .logotypes .slider {
align-items: center;
animation: slide-d639d62f 40s linear infinite;
display: inline-flex;
gap: var(--space-xl);
min-height: 8rem;
}
.banner-media .content .logotypes .slider img {
filter: invert(94%) sepia(8%) saturate(115%) hue-rotate(179deg)
brightness(88%) contrast(94%);
max-height: 7.8rem;
}
.banner-media .content .logotypes .slider img.logo-daily-mail {
width: 27rem;
}
.banner-media .content .logotypes .slider img.logo-tvn-24 {
width: 8rem;
}
.banner-media .content .logotypes .slider img.logo-wp {
width: 7rem;
}
.banner-media .content .logotypes .slider img.logo-yahoo {
width: 13rem;
}
.banner-media .content .logotypes .slider img.logo-business-insider {
width: 15rem;
}
@keyframes slide-d639d62f {
0% {
transform: translate(0);
}
to {
transform: translate(calc(-50% - var(--space-xl) / 2));
}
}
@media only screen and (max-width: 767px) {
.banner-media .content .logotypes .slider {
animation-duration: 25s;
}
}
.banner-media .content .logotypes:hover .slider {
animation-play-state: paused;
}
.banner-media.lp {
background-color: var(--bg-0);
}
.banner-media.lp .content .title {
color: var(--content-primary);
}
.banner-media.lp .content .logotypes {
border: 1px solid var(--border-static);
}
.name-and-badge[data-v-abe67e56] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-xs);
width: 12rem;
}
.name-and-badge .name[data-v-abe67e56] {
color: var(--content-primary);
font-size: 1.6rem;
font-weight: 600;
line-height: 125%;
}
.name-and-badge .name[data-v-abe67e56],
.name-and-badge .opinions[data-v-abe67e56] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
letter-spacing: 0.3px;
}
.name-and-badge .opinions[data-v-abe67e56] {
color: var(--primary-link);
font-size: 1.4rem;
font-weight: 700;
line-height: 2rem;
}
.name-and-badge .opinions p[data-v-abe67e56] {
margin-bottom: 0;
}
.name-and-badge .opinions p ~ p[data-v-abe67e56] {
margin-top: 1.4rem;
}
.carousel-couriers-tile-content .courier-photo,
.carousel-couriers-tile-content .courier-photo-fallback {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers-tile-content .courier-photo,
.carousel-couriers-tile-content .courier-photo-fallback {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers-tile-content .courier-photo,
.carousel-couriers-tile-content .courier-photo-fallback {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers-tile-content .courier-photo,
.carousel-couriers-tile-content .courier-photo-fallback {
border-radius: var(--box-md, 24px);
}
}
.carousel-couriers-tile-content .company-city,
.carousel-couriers-tile-content .courier-photo-fallback {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 125%;
}
@media only screen and (max-width: 767px) {
.carousel-couriers-tile-content .company-city,
.carousel-couriers-tile-content .courier-photo-fallback {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 125%;
}
}
.carousel-couriers-tile-content,
.carousel-couriers-tile-content .reputation {
display: flex;
flex-flow: column nowrap;
}
.carousel-couriers-tile-content {
gap: var(--space-2sm);
width: 100%;
}
.carousel-couriers-tile-content .courier-photo-fallback {
align-items: center;
background-color: var(--primary-bg);
color: var(--content-primary-reversed);
display: flex;
height: 14rem;
justify-content: center;
}
.carousel-couriers-tile-content .company-city {
color: var(--content-primary);
}
.carousel-couriers-tile-content .company-city .city {
text-transform: capitalize;
}
.carousel-couriers-tile-content .user-experience {
color: var(--content-tertiary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
white-space: nowrap;
}
.carousel-couriers-tile-content .user-experience p {
margin-bottom: 0;
}
.carousel-couriers-tile-content .user-experience p ~ p {
margin-top: 1.2rem;
}
.carousel-couriers-tile-content .reputation {
gap: var(--space-xs);
}
.carousel-couriers-tile-content .button-wrapper {
margin-top: auto;
}
.carousel-couriers-tile-content .button-wrapper .button {
width: 100%;
}
.carousel-couriers {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers {
max-width: 100%;
}
}
.carousel-couriers {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.carousel-couriers {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.carousel-couriers {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.carousel-couriers .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.carousel-couriers .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.carousel-couriers .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.carousel-couriers {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers {
gap: var(--space-3md, 24px);
}
}
.carousel-couriers .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers .content {
gap: var(--space-3md, 24px);
}
}
.carousel-couriers .content .carousel-base .data-wrapper .tile,
.carousel-couriers .content .top {
margin: 0 calc(var(--space-md) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers .content .carousel-base .data-wrapper .tile,
.carousel-couriers .content .top {
margin: 0 calc(var(--space-md) / 2);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers .content .carousel-base .data-wrapper .tile,
.carousel-couriers .content .top {
margin: 0 calc(var(--space-3md) / 2);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers .content .carousel-base .data-wrapper .tile,
.carousel-couriers .content .top {
margin: 0 calc(var(--space-3md) / 2);
}
}
.carousel-couriers .contbg {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers .contbg {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers .contbg {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers .contbg {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.carousel-couriers {
margin: 0 auto;
position: relative;
}
.carousel-couriers,
.carousel-couriers .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.carousel-couriers .content {
flex-direction: column;
}
}
.carousel-couriers .contbg {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.carousel-couriers .content {
position: inherit;
}
.carousel-couriers .content h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers .content h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers .content h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.carousel-couriers .content h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.carousel-couriers {
overflow: hidden;
}
.carousel-couriers .contbg {
background-color: var(--quaternary-bg-light);
}
.carousel-couriers .content {
align-self: stretch;
color: var(--content-secondary);
display: block;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.carousel-couriers .content p {
margin-bottom: 0;
}
.carousel-couriers .content p ~ p {
margin-top: 1.8rem;
}
.carousel-couriers .content .top {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.carousel-couriers .content h2 {
color: var(--content-primary);
}
.carousel-couriers .content .carousel-base {
margin-top: var(--space-lg);
}
.carousel-couriers .content .carousel-base .data-wrapper {
flex: 28% 0 0;
max-width: 28%;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-couriers .content .carousel-base .data-wrapper {
flex: 32% 0 0;
max-width: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-couriers .content .carousel-base .data-wrapper {
flex: 45% 0 0;
max-width: none;
}
}
@media only screen and (max-width: 767px) {
.carousel-couriers .content .carousel-base .data-wrapper {
flex: 100% 0 0;
max-width: none;
}
}
.carousel-couriers .content .carousel-base .data-wrapper .tile {
height: 100%;
}
.google-reviews {
align-items: flex-start;
border-radius: var(--box-sm);
display: flex;
flex-flow: column nowrap;
}
.google-reviews .bottom {
align-items: center;
display: flex;
flex: 1 0 0;
flex-flow: row nowrap;
gap: var(--space-sm);
}
.google-reviews .bottom .logo {
max-width: 8.2rem;
}
.google-reviews .bottom .rating {
color: var(--content-primary);
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
.google-reviews .bottom .text {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2rem;
}
.google-reviews .bottom .text p {
margin-bottom: 0;
}
.google-reviews .bottom .text p ~ p {
margin-top: 1.4rem;
}
.google-reviews.negative .rating {
color: var(--content-primary-reversed);
}
.google-reviews.negative .text {
color: var(--content-secondary-reversed);
}
.no-fee-stamp {
align-items: center;
display: flex;
flex: 1;
gap: var(--space-md);
justify-content: flex-start;
}
.no-fee-stamp span {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.no-fee-stamp span p {
margin-bottom: 0;
}
.no-fee-stamp span p ~ p {
margin-top: 1.6rem;
}
.no-fee-stamp .no-fee {
color: var(--primary-content);
flex-shrink: 0;
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
.insurance-stamp[data-v-6000b389] {
align-items: center;
display: flex;
flex-flow: row nowrap;
gap: var(--space-md);
position: relative;
}
.insurance-stamp.small[data-v-6000b389] {
gap: var(--space-sm);
}
.insurance-stamp.small .logo[data-v-6000b389] {
height: var(--icon-md, 24px);
}
.insurance-stamp.small .title[data-v-6000b389] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
}
.insurance-stamp.small .title p[data-v-6000b389] {
margin-bottom: 0;
}
.insurance-stamp.small .title p ~ p[data-v-6000b389] {
margin-top: 1.4rem;
}
.insurance-stamp .logo[data-v-6000b389] {
height: var(--icon-lg, 32px);
}
.insurance-stamp .title[data-v-6000b389] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.insurance-stamp .title p[data-v-6000b389] {
margin-bottom: 0;
}
.insurance-stamp .title p ~ p[data-v-6000b389] {
margin-top: 1.6rem;
}
.insurance-stamp .tooltip-content[data-v-6000b389] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-md);
}
.insurance-stamp .tooltip-content .text[data-v-6000b389] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
margin-right: var(--space-3md);
}
.insurance-stamp .tooltip-content .text p[data-v-6000b389] {
margin-bottom: 0;
}
.insurance-stamp .tooltip-content .text p ~ p[data-v-6000b389] {
margin-top: 1.4rem;
}
.insurance-stamp .tooltip-content .logo[data-v-6000b389] {
height: 4.8rem;
}
.insurance-stamp .tooltip-content .button[data-v-6000b389] {
width: 100%;
}
@media only screen and (max-width: 767px) {
.insurance-stamp .wrapper {
position: static !important;
}
}
.insurance-stamp .insurance-tooltip {
display: flex;
}
.insurance-stamp .insurance-tooltip .tooltip-advanced {
max-width: 32.7rem !important;
}
@media only screen and (min-width: 768px) {
.insurance-stamp .insurance-tooltip .tooltip-advanced {
left: unset !important;
right: -2rem;
transform: unset !important;
}
}
.couriers-stamp {
display: flex;
flex-flow: row nowrap;
gap: var(--space-sm);
}
.couriers-stamp .icon {
fill: var(--primary-content);
}
.couriers-stamp .title {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.couriers-stamp .title p {
margin-bottom: 0;
}
.couriers-stamp .title p ~ p {
margin-top: 1.6rem;
}
.transactions-stamp[data-v-db854e0a] {
display: flex;
flex-flow: row nowrap;
gap: var(--space-sm);
}
.transactions-stamp .icon[data-v-db854e0a] {
fill: var(--primary-content);
}
.transactions-stamp .title[data-v-db854e0a] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.transactions-stamp .title p[data-v-db854e0a] {
margin-bottom: 0;
}
.transactions-stamp .title p ~ p[data-v-db854e0a] {
margin-top: 1.6rem;
}
.banner-stamps {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-stamps {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-stamps {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-stamps {
max-width: 100%;
}
}
.banner-stamps {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-stamps {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-stamps {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-stamps {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-stamps {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-stamps {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-stamps {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-stamps {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-stamps {
padding-bottom: var(--space-3md, 24px);
padding-top: var(--space-3md, 24px);
}
@media only screen and (min-width: 1440px) {
.banner-stamps .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-stamps .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-stamps .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-stamps .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-stamps .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-stamps .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-stamps .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-stamps .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-stamps .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-stamps .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-stamps .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-stamps {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-stamps {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-stamps {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-stamps {
gap: var(--space-3md, 24px);
}
}
.banner-stamps .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-stamps .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-stamps .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-stamps .content {
gap: var(--space-3md, 24px);
}
}
.banner-stamps {
margin: 0 auto;
position: relative;
}
.banner-stamps,
.banner-stamps .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-stamps .content {
flex-direction: column;
}
}
.banner-stamps .content {
display: grid;
gap: var(--space-md);
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1023px) {
.banner-stamps .content {
grid-template-columns: 1fr;
justify-items: center;
}
}
.banner-stamps .content > div {
align-items: center;
border: 1px solid var(--border-static);
border-radius: var(--box-sm);
display: flex;
height: 120px;
justify-content: start;
padding: var(--space-3md);
width: 100%;
}
@media only screen and (max-width: 1023px) {
.banner-stamps .content > div {
height: auto;
max-width: 400px;
}
}
.banner-stamps .content div.google-reviews {
align-items: flex-start;
flex-direction: column;
}
.google-opinion-tile {
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
}
.google-opinion-tile .content {
display: flex;
flex-flow: column nowrap;
gap: var(--space-md);
}
.google-opinion-tile .content .text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.google-opinion-tile .content .text p {
margin-bottom: 0;
}
.google-opinion-tile .content .text p ~ p {
margin-top: 1.6rem;
}
.google-opinion-tile .footer {
align-items: center;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.google-opinion-tile .footer .author {
color: var(--primary-content);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.google-opinion-tile .footer .author p {
margin-bottom: 0;
}
.google-opinion-tile .footer .author p ~ p {
margin-top: 1.6rem;
}
.google-opinion-tile .footer .google {
height: var(--icon-md);
min-width: var(--icon-md);
width: var(--icon-md);
}
.banner-google-opinions {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-google-opinions {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-google-opinions {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-google-opinions {
max-width: 100%;
}
}
.banner-google-opinions {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-google-opinions {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-google-opinions {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-google-opinions {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-google-opinions {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-google-opinions {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-google-opinions {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-google-opinions {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-google-opinions {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-google-opinions {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-google-opinions {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-google-opinions {
gap: var(--space-3md, 24px);
}
}
.banner-google-opinions .content,
.banner-google-opinions .slider {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-google-opinions .content,
.banner-google-opinions .slider {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-google-opinions .content,
.banner-google-opinions .slider {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-google-opinions .content,
.banner-google-opinions .slider {
gap: var(--space-3md, 24px);
}
}
.banner-google-opinions {
margin: 0 auto;
position: relative;
}
.banner-google-opinions,
.banner-google-opinions .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-google-opinions .content {
flex-direction: column;
}
}
.banner-google-opinions {
background-color: var(--primary-bg);
justify-content: flex-start;
overflow: hidden;
}
.banner-google-opinions .slider {
align-items: center;
animation: slide-13fc060c 60s linear infinite;
display: inline-flex;
}
@keyframes slide-13fc060c {
0% {
transform: translate(0);
}
to {
transform: translate(calc(-50% - var(--space-3md) / 2));
@media only screen and (max-width: 1023px) {
.banner-google-opinions .slider {
transform: translate(calc(-50% - var(--space-md) / 2));
}
}
}
}
.banner-google-opinions .slider .google-opinion-tile {
width: min(50vw, var(--display-tablet-max, 112rem) / 2);
}
@media only screen and (max-width: 767px) {
.banner-google-opinions .slider .google-opinion-tile {
width: var(--content-width-mobile-min);
}
}
.banner-google-opinions:hover .slider {
animation-play-state: paused;
}
.accordion {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-2sm);
width: 100%;
}
.faq {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.faq {
max-width: 100%;
}
}
.faq {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.faq {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.faq {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.faq {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.faq {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.faq .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.faq .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.faq .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.faq .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.faq .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.faq .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.faq {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.faq {
gap: var(--space-3md, 24px);
}
}
.faq .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.faq .content {
gap: var(--space-3md, 24px);
}
}
.faq .contbg {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq .contbg {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq .contbg {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.faq .contbg {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.faq {
display: flex;
margin: 0 auto;
position: relative;
}
.faq,
.faq .content {
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.faq .content {
flex-direction: column;
}
}
.faq .contbg {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.faq .content {
position: inherit;
}
.faq .content h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.faq .content h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.faq .content h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.faq .content h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.faq .contbg {
background-color: var(--bg-3);
}
.faq .content {
display: flex;
flex-flow: column nowrap;
gap: var(--space-lg);
width: 100%;
}
.faq .content h2 {
text-align: center;
}
.carousel-guides-tile[data-v-837ff7e6],
.carousel-guides-tile .inside-wrapper .teaser-image[data-v-837ff7e6] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-tile[data-v-837ff7e6],
.carousel-guides-tile .inside-wrapper .teaser-image[data-v-837ff7e6] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-tile[data-v-837ff7e6],
.carousel-guides-tile .inside-wrapper .teaser-image[data-v-837ff7e6] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-tile[data-v-837ff7e6],
.carousel-guides-tile .inside-wrapper .teaser-image[data-v-837ff7e6] {
border-radius: var(--box-md, 24px);
}
}
.carousel-guides-tile[data-v-837ff7e6] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-lg);
height: 100%;
justify-content: space-between;
}
.carousel-guides-tile .inside-wrapper[data-v-837ff7e6] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.carousel-guides-tile .inside-wrapper .teaser-image[data-v-837ff7e6] {
min-width: -moz-fit-content;
min-width: fit-content;
}
.carousel-guides-tile .inside-wrapper .title[data-v-837ff7e6] {
align-self: stretch;
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 125%;
}
.carousel-guides-wrapper {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper {
max-width: 100%;
}
}
.carousel-guides-wrapper {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.carousel-guides-wrapper {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.carousel-guides-wrapper {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.carousel-guides-wrapper .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.carousel-guides-wrapper .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.carousel-guides-wrapper .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.carousel-guides-wrapper {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper {
gap: var(--space-3md, 24px);
}
}
.carousel-guides-wrapper .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper .content {
gap: var(--space-3md, 24px);
}
}
.carousel-guides-wrapper .content .carousel-base .data-wrapper .guide-teaser,
.carousel-guides-wrapper .content .top {
margin: 0 calc(var(--space-md) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper .content .carousel-base .data-wrapper .guide-teaser,
.carousel-guides-wrapper .content .top {
margin: 0 calc(var(--space-md) / 2);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper .content .carousel-base .data-wrapper .guide-teaser,
.carousel-guides-wrapper .content .top {
margin: 0 calc(var(--space-3md) / 2);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper .content .carousel-base .data-wrapper .guide-teaser,
.carousel-guides-wrapper .content .top {
margin: 0 calc(var(--space-3md) / 2);
}
}
.carousel-guides-wrapper .contbg {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper .contbg {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper .contbg {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.carousel-guides-wrapper .contbg {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.carousel-guides-wrapper {
margin: 0 auto;
position: relative;
}
.carousel-guides-wrapper,
.carousel-guides-wrapper .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.carousel-guides-wrapper .content {
flex-direction: column;
}
}
.carousel-guides-wrapper .contbg {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.carousel-guides-wrapper .content {
position: inherit;
}
.carousel-guides-wrapper {
overflow: hidden;
}
.carousel-guides-wrapper .contbg {
background: var(--quaternary-bg-light);
}
.carousel-guides-wrapper .content {
align-self: stretch;
display: block;
}
.carousel-guides-wrapper .content .top {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.carousel-guides-wrapper .content .top .title {
align-self: stretch;
color: var(--content-primary);
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
text-align: start;
}
.carousel-guides-wrapper .content .top .subtitle {
align-self: stretch;
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
text-align: start;
}
.carousel-guides-wrapper .content .top .subtitle p {
margin-bottom: 0;
}
.carousel-guides-wrapper .content .top .subtitle p ~ p {
margin-top: 2rem;
}
.carousel-guides-wrapper .content .carousel-base {
margin-top: var(--space-lg);
}
.carousel-guides-wrapper .content .carousel-base .data-wrapper {
flex: 25% 0 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-guides-wrapper .content .carousel-base .data-wrapper {
flex: 33.33% 0 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-guides-wrapper .content .carousel-base .data-wrapper {
flex: 50% 0 0;
}
}
@media only screen and (max-width: 767px) {
.carousel-guides-wrapper .content .carousel-base .data-wrapper {
flex: 100% 0 0;
}
}
.prices-tile-content .bubble-wrapper {
color: var(--content-primary-reversed);
}
.prices-tile-content .bubble-wrapper,
.prices-tile-content .bubble-wrapper .arrow {
background-color: var(--primary-content) !important;
}
.prices-tile-content[data-v-2a558db5],
.prices-tile-content .chart[data-v-2a558db5],
.prices-tile-content .title[data-v-2a558db5] {
display: flex;
flex-flow: column nowrap;
justify-content: center;
}
.prices-tile-content[data-v-2a558db5] {
gap: var(--space-3md);
text-align: center;
width: 100%;
}
@media only screen and (max-width: 1023px) {
.prices-tile-content[data-v-2a558db5] {
width: var(--element-width-min);
}
}
.prices-tile-content .title[data-v-2a558db5] {
gap: var(--space-sm);
}
.prices-tile-content .title .category[data-v-2a558db5] {
line-height: 125%;
}
.prices-tile-content .title .category[data-v-2a558db5],
.prices-tile-content .title .range[data-v-2a558db5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
}
.prices-tile-content .title .range[data-v-2a558db5] {
color: var(--primary-content);
line-height: 2.4rem;
}
.prices-tile-content .title .range p[data-v-2a558db5] {
margin-bottom: 0;
}
.prices-tile-content .title .range p ~ p[data-v-2a558db5] {
margin-top: 1.6rem;
}
.prices-tile-content .chart[data-v-2a558db5] {
gap: var(--space-sm);
}
.prices-tile-content .chart .text[data-v-2a558db5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.prices-tile-content .chart .text p[data-v-2a558db5] {
margin-bottom: 0;
}
.prices-tile-content .chart .text p ~ p[data-v-2a558db5] {
margin-top: 1.2rem;
}
.prices-tile-content .chart .bubble[data-v-2a558db5] {
align-self: center;
position: static;
width: auto;
}
.prices-tile-content .chart .bubble .avg-price[data-v-2a558db5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
margin: var(--space-xxs) var(--space-xs);
}
.prices-tile-content .chart .bubble .avg-price p[data-v-2a558db5] {
margin-bottom: 0;
}
.prices-tile-content .chart .bubble .avg-price p ~ p[data-v-2a558db5] {
margin-top: 1.6rem;
}
.prices-tile-content .chart .bars[data-v-2a558db5] {
align-items: flex-end;
display: flex;
flex-flow: row nowrap;
gap: max(1.2rem, 5%);
height: 14.3rem;
}
.prices-tile-content .chart .bars .bar[data-v-2a558db5] {
border-radius: var(--box-xs);
position: relative;
width: 100%;
}
.prices-tile-content .chart .bars .bar[data-v-2a558db5]:nth-of-type(odd) {
background-color: var(--primary-border-light);
height: 33%;
}
.prices-tile-content .chart .bars .bar[data-v-2a558db5]:nth-of-type(2n) {
background-color: var(--primary-border-light-hover);
height: 66%;
}
.prices-tile-content .chart .bars .bar[data-v-2a558db5]:nth-of-type(3) {
background-color: var(--primary-content);
height: 100%;
}
.prices-tile-content .chart .bars .bar .max-price[data-v-2a558db5],
.prices-tile-content .chart .bars .bar .min-price[data-v-2a558db5] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
position: absolute;
top: -0.8rem;
transform: translateY(-100%);
white-space: nowrap;
}
.prices-tile-content .chart .bars .bar .max-price p[data-v-2a558db5],
.prices-tile-content .chart .bars .bar .min-price p[data-v-2a558db5] {
margin-bottom: 0;
}
.prices-tile-content .chart .bars .bar .max-price p ~ p[data-v-2a558db5],
.prices-tile-content .chart .bars .bar .min-price p ~ p[data-v-2a558db5] {
margin-top: 1.6rem;
}
.prices-tile-content .chart .bars .bar .min-price[data-v-2a558db5] {
right: 0;
}
.prices-tile-content .chart .bars .bar .max-price[data-v-2a558db5] {
left: 0;
}
@media only screen and (min-width: 1024px) {
.prices-tile-content .chart .bars.centered .min-price[data-v-2a558db5] {
left: 0;
}
.prices-tile-content .chart .bars.centered .max-price[data-v-2a558db5] {
right: 0;
}
}
.prices-tile-content .link[data-v-2a558db5] {
align-self: center;
}
.banner-prices[data-v-c7ab9945] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices[data-v-c7ab9945] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices[data-v-c7ab9945] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices[data-v-c7ab9945] {
max-width: 100%;
}
}
.banner-prices[data-v-c7ab9945],
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices[data-v-c7ab9945],
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices[data-v-c7ab9945],
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices[data-v-c7ab9945],
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-prices[data-v-c7ab9945] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices[data-v-c7ab9945] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices[data-v-c7ab9945] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices[data-v-c7ab9945] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-prices .content[data-v-c7ab9945] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices .content[data-v-c7ab9945] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices .content[data-v-c7ab9945] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices .content[data-v-c7ab9945] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-prices .content[data-v-c7ab9945] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices .content[data-v-c7ab9945] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices .content[data-v-c7ab9945] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices .content[data-v-c7ab9945] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-prices[data-v-c7ab9945] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices[data-v-c7ab9945] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices[data-v-c7ab9945] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices[data-v-c7ab9945] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-prices[data-v-c7ab9945] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices[data-v-c7ab9945] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices[data-v-c7ab9945] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices[data-v-c7ab9945] {
gap: var(--space-3md, 24px);
}
}
.banner-prices .content[data-v-c7ab9945],
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices .content[data-v-c7ab9945],
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices .content[data-v-c7ab9945],
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices .content[data-v-c7ab9945],
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
gap: var(--space-3md, 24px);
}
}
.banner-prices[data-v-c7ab9945] {
gap: var(--space-lg, 32px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices[data-v-c7ab9945] {
gap: var(--space-3lg, 32px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices[data-v-c7ab9945] {
gap: var(--space-xl, 64px);
}
}
@media only screen and (min-width: 1440px) {
.banner-prices[data-v-c7ab9945] {
gap: var(--space-3xl, 96px);
}
}
.banner-prices[data-v-c7ab9945] {
margin: 0 auto;
}
.banner-prices[data-v-c7ab9945],
.banner-prices .content[data-v-c7ab9945] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-prices .content[data-v-c7ab9945] {
flex-direction: column;
}
}
.banner-prices .title h2[data-v-c7ab9945] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices .title h2[data-v-c7ab9945] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices .title h2[data-v-c7ab9945] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-prices .title h2[data-v-c7ab9945] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-prices .title .lead-text[data-v-c7ab9945] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.banner-prices .title .lead-text p[data-v-c7ab9945] {
margin-bottom: 0;
}
.banner-prices .title .lead-text p ~ p[data-v-c7ab9945] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices .title .lead-text[data-v-c7ab9945] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-prices .title .lead-text p[data-v-c7ab9945] {
margin-bottom: 0;
}
.banner-prices .title .lead-text p ~ p[data-v-c7ab9945] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-prices .title .lead-text[data-v-c7ab9945] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-prices .title .lead-text p[data-v-c7ab9945] {
margin-bottom: 0;
}
.banner-prices .title .lead-text p ~ p[data-v-c7ab9945] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.banner-prices .title .lead-text[data-v-c7ab9945] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.banner-prices .title .lead-text p[data-v-c7ab9945] {
margin-bottom: 0;
}
.banner-prices .title .lead-text p ~ p[data-v-c7ab9945] {
margin-top: 2rem;
}
}
.banner-prices[data-v-c7ab9945] {
flex-flow: column nowrap;
position: relative;
}
.banner-prices .title[data-v-c7ab9945] {
text-align: center;
}
.banner-prices .title .lead-text[data-v-c7ab9945] {
margin-top: var(--space-3md);
}
.banner-prices .tiles-wrapper[data-v-c7ab9945] {
min-height: 40rem;
position: relative;
width: 100%;
}
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
display: flex;
flex-flow: row nowrap;
}
@media only screen and (min-width: 1024px) {
.banner-prices .tiles-wrapper .tiles[data-v-c7ab9945] {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.banner-prices .tiles-wrapper .tiles-scroll[data-v-c7ab9945] {
left: calc(var(--space-4md) * -1);
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-prices .tiles-wrapper .tiles-scroll[data-v-c7ab9945] {
left: calc(var(--space-3lg) * -1);
}
}
@media only screen and (max-width: 1023px) {
.banner-prices .tiles-wrapper .tiles-scroll[data-v-c7ab9945] {
overflow-x: scroll;
overflow-y: hidden;
position: absolute;
top: 0;
width: 100vw;
}
.banner-prices .tiles-wrapper .tiles-scroll .tiles[data-v-c7ab9945] {
width: -moz-fit-content;
width: fit-content;
}
}
.map {
display: flex;
height: -moz-fit-content;
height: fit-content;
justify-content: center;
position: relative;
}
.map,
.map img {
max-width: 97rem;
min-width: 30rem;
}
.map img {
height: auto;
width: 100%;
}
.seo-section-with-map {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map {
max-width: 100%;
}
}
.seo-section-with-map {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.seo-section-with-map {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.seo-section-with-map .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.seo-section-with-map .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.seo-section-with-map .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.seo-section-with-map {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map {
gap: var(--space-3md, 24px);
}
}
.seo-section-with-map .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map .content {
gap: var(--space-3md, 24px);
}
}
.seo-section-with-map {
margin: 0 auto;
position: relative;
}
.seo-section-with-map,
.seo-section-with-map .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.seo-section-with-map .content {
flex-direction: column;
}
}
.seo-section-with-map .content .left .title .head {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map .content .left .title .head {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map .content .left .title .head {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map .content .left .title .head {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.seo-section-with-map .content .left .title .lead-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.seo-section-with-map .content .left .title .lead-text p {
margin-bottom: 0;
}
.seo-section-with-map .content .left .title .lead-text p ~ p {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-with-map .content .left .title .lead-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.seo-section-with-map .content .left .title .lead-text p {
margin-bottom: 0;
}
.seo-section-with-map .content .left .title .lead-text p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-with-map .content .left .title .lead-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.seo-section-with-map .content .left .title .lead-text p {
margin-bottom: 0;
}
.seo-section-with-map .content .left .title .lead-text p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.seo-section-with-map .content .left .title .lead-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.seo-section-with-map .content .left .title .lead-text p {
margin-bottom: 0;
}
.seo-section-with-map .content .left .title .lead-text p ~ p {
margin-top: 2rem;
}
}
.seo-section-with-map .content .left {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: var(--space-lg);
}
.seo-section-with-map .content .left .title {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.seo-section-with-map .content .left .title .head {
color: var(--content-primary);
text-transform: lowercase;
}
.seo-section-with-map .content .left .title .head:first-letter {
text-transform: uppercase;
}
.seo-section-with-map .content .left .title .lead-text {
color: var(--content-secondary);
}
.seo-section-with-map .content .links {
align-content: flex-start;
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--space-md);
}
.seo-section-with-map .content .links .link-wrapper {
color: var(--primary-link);
text-overflow: ellipsis;
width: 20rem;
}
.seo-section-with-map .content .map {
max-width: 46rem;
}
.article-base {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.article-base {
max-width: 100%;
}
}
.article-base {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.article-base {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.article-base {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.article-base {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.article-base .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.article-base .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.article-base .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.article-base .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.article-base .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.article-base .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.article-base {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.article-base {
gap: var(--space-3md, 24px);
}
}
.article-base .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.article-base .content {
gap: var(--space-3md, 24px);
}
}
.article-base,
.article-base .content {
gap: var(--space-lg, 32px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base,
.article-base .content {
gap: var(--space-3lg, 32px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base,
.article-base .content {
gap: var(--space-xl, 64px);
}
}
@media only screen and (min-width: 1440px) {
.article-base,
.article-base .content {
gap: var(--space-3xl, 96px);
}
}
.article-base {
margin: 0 auto;
position: relative;
}
.article-base,
.article-base .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.article-base .content {
flex-direction: column;
}
}
.article-base .head .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base .head .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base .head .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.article-base .head .title {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.article-base .head .subtitle {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.article-base .head .subtitle p {
margin-bottom: 0;
}
.article-base .head .subtitle p ~ p {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.article-base .head .subtitle {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.article-base .head .subtitle p {
margin-bottom: 0;
}
.article-base .head .subtitle p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.article-base .head .subtitle {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.article-base .head .subtitle p {
margin-bottom: 0;
}
.article-base .head .subtitle p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.article-base .head .subtitle {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.article-base .head .subtitle p {
margin-bottom: 0;
}
.article-base .head .subtitle p ~ p {
margin-top: 2rem;
}
}
.article-base,
.article-base .head {
flex-flow: column nowrap;
}
.article-base .head {
align-items: center;
display: flex;
gap: var(--space-md);
text-align: center;
}
.article-base .head .subtitle {
color: var(--primary-content);
}
.article-base .head .title {
color: var(--content-primary);
}
.article-base .content {
align-items: stretch;
display: grid;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.article-base .content p {
margin-bottom: 0;
}
.article-base .content p ~ p {
margin-top: 1.6rem;
}
@media only screen and (max-width: 1023px) {
.article-base .content {
gap: var(--space-md);
}
}
@media only screen and (min-width: 1024px) {
.article-base .content {
-moz-column-count: 3;
column-count: 3;
-moz-column-gap: var(--space-3md);
column-gap: var(--space-3md);
-webkit-columns: 3;
display: block;
}
}
.article-base .content > * {
color: var(--content-secondary);
display: flex;
flex-flow: column nowrap;
gap: var(--space-md);
margin: 0;
}
.article-base .content ul {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
list-style-type: disc;
padding-left: var(--space-4md);
}
.article-base .content ul p {
margin-bottom: 0;
}
.article-base .content ul p ~ p {
margin-top: 1.6rem;
}
.article-base .content ul li {
margin-bottom: var(--space-2sm);
}
.article-base .content ul li:last-child {
margin-bottom: 0;
}
.article-base .content ul li::marker {
color: var(--primary-content);
}
.article-base .content h3 {
color: var(--content-primary);
font-size: 1.8rem;
line-height: 125%;
}
.article-base .content blockquote,
.article-base .content h3,
.article-base .content q {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-weight: 600;
letter-spacing: 0.2px;
}
.article-base .content blockquote,
.article-base .content q {
font-size: 2rem;
line-height: 3rem;
}
.article-base .content blockquote p,
.article-base .content q p {
margin-bottom: 0;
}
.article-base .content blockquote p ~ p,
.article-base .content q p ~ p {
margin-top: 2rem;
}
.article-base .content p {
display: block;
}
.banner-join-couriers {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers {
max-width: 100%;
}
}
.banner-join-couriers {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-join-couriers {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.banner-join-couriers {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.banner-join-couriers .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-join-couriers .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-join-couriers .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-join-couriers {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers {
gap: var(--space-3md, 24px);
}
}
.banner-join-couriers .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers .content {
gap: var(--space-3md, 24px);
}
}
.banner-join-couriers .contbg {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers .contbg {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers .contbg {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers .contbg {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.banner-join-couriers {
margin: 0 auto;
position: relative;
}
.banner-join-couriers,
.banner-join-couriers .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-join-couriers .content {
flex-direction: column;
}
}
.banner-join-couriers .contbg {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.banner-join-couriers .content {
position: inherit;
}
.banner-join-couriers .content .left .copy .head-display h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers .content .left .copy .head-display h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers .content .left .copy .head-display h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers .content .left .copy .head-display h2 {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-join-couriers .content .left .copy .lead-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.banner-join-couriers .content .left .copy .lead-text p {
margin-bottom: 0;
}
.banner-join-couriers .content .left .copy .lead-text p ~ p {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-join-couriers .content .left .copy .lead-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-join-couriers .content .left .copy .lead-text p {
margin-bottom: 0;
}
.banner-join-couriers .content .left .copy .lead-text p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-join-couriers .content .left .copy .lead-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-join-couriers .content .left .copy .lead-text p {
margin-bottom: 0;
}
.banner-join-couriers .content .left .copy .lead-text p ~ p {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.banner-join-couriers .content .left .copy .lead-text {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.banner-join-couriers .content .left .copy .lead-text p {
margin-bottom: 0;
}
.banner-join-couriers .content .left .copy .lead-text p ~ p {
margin-top: 2rem;
}
}
.banner-join-couriers .contbg {
background-color: var(--bg-0-reversed);
}
.banner-join-couriers .content {
color: var(--content-primary-reversed);
width: 100%;
}
.banner-join-couriers .content .left,
.banner-join-couriers .content .right {
flex: 1;
}
.banner-join-couriers .content .left {
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.banner-join-couriers .content .left .copy {
display: flex;
flex-direction: column;
gap: var(--space-3md);
}
.banner-join-couriers .content .left .copy .head-display h2 {
color: var(--content-primary-reversed);
}
.banner-join-couriers .content .left .copy .head-display h2.text-primary {
color: var(--primary-content);
}
.banner-join-couriers .content .left .buttons-wrapper {
display: flex;
gap: var(--space-md);
}
@media only screen and (max-width: 767px) {
.banner-join-couriers .content .left .buttons-wrapper {
flex-direction: column;
}
}
.banner-join-couriers .content .right .image {
background-position: 80%;
}
.seo-section-services {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services {
max-width: 100%;
}
}
.seo-section-services {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.seo-section-services {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.seo-section-services {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.seo-section-services .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.seo-section-services .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.seo-section-services .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.seo-section-services {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services {
gap: var(--space-3md, 24px);
}
}
.seo-section-services .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services .content {
gap: var(--space-3md, 24px);
}
}
.seo-section-services .contbg {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.seo-section-services .contbg {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.seo-section-services .contbg {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.seo-section-services .contbg {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.seo-section-services {
margin: 0 auto;
position: relative;
}
.seo-section-services,
.seo-section-services .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.seo-section-services .content {
flex-direction: column;
}
}
.seo-section-services .contbg {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.seo-section-services .content {
position: inherit;
}
.seo-section-services .contbg {
background-color: var(--bg-add-2);
}
.seo-section-services .content .services {
align-items: center;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: var(--space-xl);
}
.seo-section-services .content .services .head {
color: var(--content-primary);
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
.seo-section-services .content .services .services-links {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-wrap: wrap;
gap: var(--space-3md);
justify-content: flex-start;
}
.seo-section-services .content .services .services-links .link-wrapper {
flex: 1;
max-width: var(--element-width-min);
min-width: var(--element-width-min);
}
.seo-section-services .content .services .services-links .link-wrapper .link {
color: var(--tertiary-link);
}
.carousel-benefits-wrapper[data-v-c4feea80] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
max-width: 100%;
}
}
.carousel-benefits-wrapper[data-v-c4feea80] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.carousel-benefits-wrapper[data-v-c4feea80] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.carousel-benefits-wrapper .content[data-v-c4feea80] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.carousel-benefits-wrapper .content[data-v-c4feea80] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.carousel-benefits-wrapper .content[data-v-c4feea80] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.carousel-benefits-wrapper[data-v-c4feea80] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper[data-v-c4feea80] {
gap: var(--space-3md, 24px);
}
}
.carousel-benefits-wrapper .content[data-v-c4feea80] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
gap: var(--space-3md, 24px);
}
}
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper
.tile[data-v-c4feea80],
.carousel-benefits-wrapper .content .top[data-v-c4feea80] {
margin: 0 calc(var(--space-md) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper
.tile[data-v-c4feea80],
.carousel-benefits-wrapper .content .top[data-v-c4feea80] {
margin: 0 calc(var(--space-md) / 2);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper
.tile[data-v-c4feea80],
.carousel-benefits-wrapper .content .top[data-v-c4feea80] {
margin: 0 calc(var(--space-3md) / 2);
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper
.tile[data-v-c4feea80],
.carousel-benefits-wrapper .content .top[data-v-c4feea80] {
margin: 0 calc(var(--space-3md) / 2);
}
}
.carousel-benefits-wrapper[data-v-c4feea80] {
margin: 0 auto;
position: relative;
}
.carousel-benefits-wrapper[data-v-c4feea80],
.carousel-benefits-wrapper .content[data-v-c4feea80] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.carousel-benefits-wrapper .content[data-v-c4feea80] {
flex-direction: column;
}
}
.carousel-benefits-wrapper .content .top .title[data-v-c4feea80] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper .content .top .title[data-v-c4feea80] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper .content .top .title[data-v-c4feea80] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper .content .top .title[data-v-c4feea80] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.carousel-benefits-wrapper .content .top .text[data-v-c4feea80] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.carousel-benefits-wrapper .content .top .text p[data-v-c4feea80] {
margin-bottom: 0;
}
.carousel-benefits-wrapper .content .top .text p ~ p[data-v-c4feea80] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper .content .top .text[data-v-c4feea80] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.carousel-benefits-wrapper .content .top .text p[data-v-c4feea80] {
margin-bottom: 0;
}
.carousel-benefits-wrapper .content .top .text p ~ p[data-v-c4feea80] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper .content .top .text[data-v-c4feea80] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.carousel-benefits-wrapper .content .top .text p[data-v-c4feea80] {
margin-bottom: 0;
}
.carousel-benefits-wrapper .content .top .text p ~ p[data-v-c4feea80] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.carousel-benefits-wrapper .content .top .text[data-v-c4feea80] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.carousel-benefits-wrapper .content .top .text p[data-v-c4feea80] {
margin-bottom: 0;
}
.carousel-benefits-wrapper .content .top .text p ~ p[data-v-c4feea80] {
margin-top: 2rem;
}
}
.carousel-benefits-wrapper[data-v-c4feea80] {
overflow: hidden;
}
.carousel-benefits-wrapper .content[data-v-c4feea80] {
align-self: stretch;
display: block;
}
.carousel-benefits-wrapper .content .top[data-v-c4feea80] {
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.carousel-benefits-wrapper .content .top .title[data-v-c4feea80] {
align-self: stretch;
color: var(--primary-content);
text-align: start;
}
.carousel-benefits-wrapper .content .top .text[data-v-c4feea80] {
align-self: stretch;
color: var(--content-secondary);
text-align: start;
}
.carousel-benefits-wrapper .content .carousel-base[data-v-c4feea80] {
margin-top: var(--space-3md);
}
@media only screen and (max-width: 767px) {
.carousel-benefits-wrapper .content .carousel-base[data-v-c4feea80] {
margin-top: var(--space-2lg);
}
}
.carousel-benefits-wrapper
.content
.carousel-base[data-v-c4feea80]
.carousel-buttons {
margin-bottom: var(--space-lg);
}
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper[data-v-c4feea80] {
flex: 25% 0 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper[data-v-c4feea80] {
flex: 25% 0 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper[data-v-c4feea80] {
flex: 33.3% 0 0;
}
}
@media only screen and (max-width: 767px) {
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper[data-v-c4feea80] {
flex: 100% 0 0;
}
}
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper
.tile[data-v-c4feea80] {
height: 100%;
}
@media only screen and (max-width: 1023px) {
.carousel-benefits-wrapper
.content
.carousel-base
.data-wrapper
.tile[data-v-c4feea80] {
min-width: auto;
}
}
.banner-courier-promo-wrapper[data-v-cec4af0b] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
max-width: 100%;
}
}
.banner-courier-promo-wrapper[data-v-cec4af0b] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-courier-promo-wrapper[data-v-cec4af0b] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-courier-promo-wrapper[data-v-cec4af0b] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
gap: var(--space-3md, 24px);
}
}
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
gap: var(--space-3md, 24px);
}
}
.banner-courier-promo-wrapper[data-v-cec4af0b] {
margin: 0 auto;
position: relative;
}
.banner-courier-promo-wrapper[data-v-cec4af0b],
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
flex-direction: column;
}
}
.banner-courier-promo-wrapper .content .right .title[data-v-cec4af0b] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper .content .right .title[data-v-cec4af0b] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper .content .right .title[data-v-cec4af0b] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper .content .right .title[data-v-cec4af0b] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-courier-promo-wrapper .content .right .text[data-v-cec4af0b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.banner-courier-promo-wrapper .content .right .text p[data-v-cec4af0b] {
margin-bottom: 0;
}
.banner-courier-promo-wrapper .content .right .text p ~ p[data-v-cec4af0b] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper .content .right .text[data-v-cec4af0b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-courier-promo-wrapper .content .right .text p[data-v-cec4af0b] {
margin-bottom: 0;
}
.banner-courier-promo-wrapper .content .right .text p ~ p[data-v-cec4af0b] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper .content .right .text[data-v-cec4af0b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-courier-promo-wrapper .content .right .text p[data-v-cec4af0b] {
margin-bottom: 0;
}
.banner-courier-promo-wrapper .content .right .text p ~ p[data-v-cec4af0b] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper .content .right .text[data-v-cec4af0b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.banner-courier-promo-wrapper .content .right .text p[data-v-cec4af0b] {
margin-bottom: 0;
}
.banner-courier-promo-wrapper .content .right .text p ~ p[data-v-cec4af0b] {
margin-top: 2rem;
}
}
@media only screen and (max-width: 1023px) {
.banner-courier-promo-wrapper[data-v-cec4af0b] {
flex-direction: column;
}
.banner-courier-promo-wrapper .content[data-v-cec4af0b] {
flex-direction: column-reverse;
}
}
.banner-courier-promo-wrapper .content .left[data-v-cec4af0b] {
display: flex;
flex: 1 0 0;
justify-content: center;
position: relative;
}
@media only screen and (max-width: 767px) {
.banner-courier-promo-wrapper .content .left[data-v-cec4af0b] {
padding-top: var(--space-4lg);
}
}
@media only screen and (max-width: 1023px) {
.banner-courier-promo-wrapper .content .left[data-v-cec4af0b] {
width: 100%;
}
}
.banner-courier-promo-wrapper .content .left .image[data-v-cec4af0b] {
flex: 1;
max-height: 400px;
max-width: 400px;
}
@media only screen and (max-width: 767px) {
.banner-courier-promo-wrapper .content .left .image[data-v-cec4af0b] {
max-width: 256px;
}
}
.banner-courier-promo-wrapper
.content
.left
.floating-wrapper[data-v-cec4af0b] {
align-items: flex-end;
display: flex;
flex-direction: column;
gap: var(--space-md);
position: absolute;
top: 20px;
}
@media only screen and (max-width: 767px) {
.banner-courier-promo-wrapper
.content
.left
.floating-wrapper[data-v-cec4af0b] {
right: 0;
top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-promo-wrapper
.content
.left
.floating-wrapper[data-v-cec4af0b] {
right: 100px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-promo-wrapper
.content
.left
.floating-wrapper[data-v-cec4af0b] {
right: -5px;
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-promo-wrapper
.content
.left
.floating-wrapper[data-v-cec4af0b] {
right: 59px;
}
}
.banner-courier-promo-wrapper
.content
.left
.floating-wrapper
.price[data-v-cec4af0b] {
background: var(--secondary-bg);
border-radius: var(--box-xs);
color: var(--content-primary-reversed);
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-size: 32px;
font-weight: 900;
height: 38px;
letter-spacing: 1px;
line-height: 100%;
line-height: 80%;
padding: var(--space-sm);
}
.banner-courier-promo-wrapper .content .right[data-v-cec4af0b] {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: var(--space-lg);
}
.banner-courier-promo-wrapper .content .right .title[data-v-cec4af0b] {
align-self: stretch;
color: var(--primary-content);
}
.banner-courier-promo-wrapper .content .right .text[data-v-cec4af0b] {
align-self: stretch;
color: var(--content-secondary);
}
.features-list-wrapper[data-v-e1fc84a0] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-2md);
}
.features-list-wrapper .feature[data-v-e1fc84a0] {
align-items: center;
align-self: stretch;
color: var(--content-primary-reversed);
display: flex;
gap: var(--space-sm);
}
.features-list-wrapper .feature .icon[data-v-e1fc84a0] {
fill: var(--success-bg);
}
.features-list-wrapper .feature span[data-v-e1fc84a0] {
flex: 1 0 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 3rem;
}
.features-list-wrapper .feature span p[data-v-e1fc84a0] {
margin-bottom: 0;
}
.features-list-wrapper .feature span p ~ p[data-v-e1fc84a0] {
margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
.features-list-wrapper.mobile-column .feature[data-v-e1fc84a0] {
flex-direction: column;
}
.features-list-wrapper.mobile-column .feature span[data-v-e1fc84a0] {
text-align: center;
}
}
.banner-search-engine-and-app-wrapper[data-v-75384632] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
max-width: 100%;
}
}
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-search-engine-and-app-wrapper[data-v-75384632] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper[data-v-75384632] {
gap: var(--space-3md, 24px);
}
}
.banner-search-engine-and-app-wrapper .content[data-v-75384632],
.banner-search-engine-and-app-wrapper .content .app-promo[data-v-75384632] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632],
.banner-search-engine-and-app-wrapper .content .app-promo[data-v-75384632] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632],
.banner-search-engine-and-app-wrapper .content .app-promo[data-v-75384632] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632],
.banner-search-engine-and-app-wrapper .content .app-promo[data-v-75384632] {
gap: var(--space-3md, 24px);
}
}
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
gap: var(--space-lg, 32px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
gap: var(--space-3lg, 32px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
gap: var(--space-xl, 64px);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
gap: var(--space-3xl, 96px);
}
}
.banner-search-engine-and-app-wrapper .contbg[data-v-75384632] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper .contbg[data-v-75384632] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper .contbg[data-v-75384632] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper .contbg[data-v-75384632] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.banner-search-engine-and-app-wrapper[data-v-75384632] {
margin: 0 auto;
position: relative;
}
.banner-search-engine-and-app-wrapper[data-v-75384632],
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
flex-direction: column;
}
}
.banner-search-engine-and-app-wrapper .contbg[data-v-75384632] {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
position: inherit;
}
.banner-search-engine-and-app-wrapper
.content
.engine-promo
.title[data-v-75384632] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper
.content
.engine-promo
.title[data-v-75384632] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper
.content
.engine-promo
.title[data-v-75384632] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper
.content
.engine-promo
.title[data-v-75384632] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.title[data-v-75384632] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.title[data-v-75384632] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.title[data-v-75384632] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.title[data-v-75384632] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text[data-v-75384632] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text
p[data-v-75384632] {
margin-bottom: 0;
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text
p
~ p[data-v-75384632] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text[data-v-75384632] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text
p[data-v-75384632] {
margin-bottom: 0;
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text
p
~ p[data-v-75384632] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text[data-v-75384632] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text
p[data-v-75384632] {
margin-bottom: 0;
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text
p
~ p[data-v-75384632] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text[data-v-75384632] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text
p[data-v-75384632] {
margin-bottom: 0;
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text
p
~ p[data-v-75384632] {
margin-top: 2rem;
}
}
.banner-search-engine-and-app-wrapper .contbg[data-v-75384632] {
background: var(--bg-0-reversed);
}
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.banner-search-engine-and-app-wrapper .content[data-v-75384632] {
gap: var(--space-2lg) !important;
}
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right[data-v-75384632],
.banner-search-engine-and-app-wrapper .content .engine-promo[data-v-75384632] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-3lg);
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.title[data-v-75384632],
.banner-search-engine-and-app-wrapper
.content
.engine-promo
.title[data-v-75384632] {
align-self: stretch;
color: var(--content-primary-reversed);
}
.banner-search-engine-and-app-wrapper .content .engine-promo[data-v-75384632] {
align-self: stretch;
}
.banner-search-engine-and-app-wrapper
.content
.engine-promo
.buttons[data-v-75384632] {
align-items: flex-start;
display: flex;
gap: var(--space-2md);
}
@media only screen and (max-width: 767px) {
.banner-search-engine-and-app-wrapper
.content
.engine-promo
.buttons[data-v-75384632] {
align-items: stretch;
flex-direction: column;
width: 100%;
}
}
.banner-search-engine-and-app-wrapper .content .app-promo[data-v-75384632] {
align-items: center;
align-self: stretch;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.banner-search-engine-and-app-wrapper .content .app-promo[data-v-75384632] {
flex-direction: column-reverse;
}
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.image[data-v-75384632],
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right[data-v-75384632] {
flex: 1 0 0;
}
@media only screen and (max-width: 767px) {
.banner-search-engine-and-app-wrapper
.content
.app-promo
.image[data-v-75384632] {
flex: 1;
}
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
> div[data-v-75384632] {
display: flex;
flex-direction: column;
gap: var(--space-2md);
}
.banner-search-engine-and-app-wrapper
.content
.app-promo
.right
.app-lead-text[data-v-75384632] {
align-self: stretch;
color: var(--content-primary-reversed);
}
.banner-current-orders-wrapper[data-v-9ec1b795] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
max-width: 100%;
}
}
.banner-current-orders-wrapper[data-v-9ec1b795] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-current-orders-wrapper[data-v-9ec1b795] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-current-orders-wrapper[data-v-9ec1b795] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper[data-v-9ec1b795] {
gap: var(--space-3md, 24px);
}
}
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
gap: var(--space-3md, 24px);
}
}
.banner-current-orders-wrapper .content .map-wrapper[data-v-9ec1b795] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper .content .map-wrapper[data-v-9ec1b795] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper .content .map-wrapper[data-v-9ec1b795] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper .content .map-wrapper[data-v-9ec1b795] {
border-radius: var(--box-md, 24px);
}
}
.banner-current-orders-wrapper[data-v-9ec1b795] {
margin: 0 auto;
position: relative;
}
.banner-current-orders-wrapper[data-v-9ec1b795],
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
flex-direction: column;
}
}
.banner-current-orders-wrapper .content .title[data-v-9ec1b795] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-current-orders-wrapper .content .title[data-v-9ec1b795] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-current-orders-wrapper .content .title[data-v-9ec1b795] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-current-orders-wrapper .content .title[data-v-9ec1b795] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-current-orders-wrapper .content[data-v-9ec1b795] {
flex-direction: column;
width: 100%;
}
.banner-current-orders-wrapper .content .title[data-v-9ec1b795] {
align-self: stretch;
color: var(--content-primay);
text-align: center;
}
.banner-current-orders-wrapper .content .map-wrapper[data-v-9ec1b795] {
height: -moz-fit-content;
height: fit-content;
width: 100%;
}
.banner-current-orders-wrapper
.content
.map-wrapper
.static-map[data-v-9ec1b795] {
cursor: pointer;
}
.banner-current-orders-wrapper
.content
.map-wrapper
.dynamic-map[data-v-9ec1b795] {
padding-bottom: 42.86%;
position: relative;
width: 100%;
}
.banner-current-orders-wrapper
.content
.map-wrapper
.dynamic-map
> div[data-v-9ec1b795] {
inset: 0;
position: absolute;
}
@media only screen and (max-width: 767px) {
.banner-current-orders-wrapper
.content
.map-wrapper
.static-map[data-v-9ec1b795] {
aspect-ratio: 9/21 !important;
}
@supports not (aspect-ratio: 1/1) {
.banner-current-orders-wrapper
.content
.map-wrapper
.static-map[data-v-9ec1b795] {
padding-bottom: 233.33%;
}
}
.banner-current-orders-wrapper
.content
.map-wrapper
.dynamic-map[data-v-9ec1b795] {
padding-bottom: 233.33%;
}
}
.banner-top-transporter[data-v-5493ca2b] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter[data-v-5493ca2b] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter[data-v-5493ca2b] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter[data-v-5493ca2b] {
max-width: 100%;
}
}
.banner-top-transporter[data-v-5493ca2b] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter[data-v-5493ca2b] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter[data-v-5493ca2b] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter[data-v-5493ca2b] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-top-transporter[data-v-5493ca2b] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter[data-v-5493ca2b] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.banner-top-transporter[data-v-5493ca2b] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter[data-v-5493ca2b] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter[data-v-5493ca2b] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter[data-v-5493ca2b] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-top-transporter .content[data-v-5493ca2b] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter .content[data-v-5493ca2b] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter .content[data-v-5493ca2b] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter .content[data-v-5493ca2b] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-top-transporter .content[data-v-5493ca2b] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter .content[data-v-5493ca2b] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter .content[data-v-5493ca2b] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter .content[data-v-5493ca2b] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-top-transporter[data-v-5493ca2b] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter[data-v-5493ca2b] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter[data-v-5493ca2b] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter[data-v-5493ca2b] {
gap: var(--space-3md, 24px);
}
}
.banner-top-transporter .content[data-v-5493ca2b] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter .content[data-v-5493ca2b] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter .content[data-v-5493ca2b] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter .content[data-v-5493ca2b] {
gap: var(--space-3md, 24px);
}
}
.banner-top-transporter .contbg[data-v-5493ca2b] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter .contbg[data-v-5493ca2b] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter .contbg[data-v-5493ca2b] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter .contbg[data-v-5493ca2b] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.banner-top-transporter .content .right .image-background[data-v-5493ca2b] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter .content .right .image-background[data-v-5493ca2b] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter .content .right .image-background[data-v-5493ca2b] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter .content .right .image-background[data-v-5493ca2b] {
border-radius: var(--box-md, 24px);
}
}
.banner-top-transporter[data-v-5493ca2b] {
margin: 0 auto;
position: relative;
}
.banner-top-transporter[data-v-5493ca2b],
.banner-top-transporter .content[data-v-5493ca2b] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-top-transporter .content[data-v-5493ca2b] {
flex-direction: column;
}
}
.banner-top-transporter .contbg[data-v-5493ca2b] {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.banner-top-transporter .content[data-v-5493ca2b] {
position: inherit;
}
.banner-top-transporter .content .left .copy .head-display[data-v-5493ca2b] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter .content .left .copy .head-display[data-v-5493ca2b] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter .content .left .copy .head-display[data-v-5493ca2b] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 4.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter .content .left .copy .head-display[data-v-5493ca2b] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 6.4rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-top-transporter .content .left .copy .lead-text[data-v-5493ca2b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.banner-top-transporter .content .left .copy .lead-text p[data-v-5493ca2b] {
margin-bottom: 0;
}
.banner-top-transporter .content .left .copy .lead-text p ~ p[data-v-5493ca2b] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-top-transporter .content .left .copy .lead-text[data-v-5493ca2b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-top-transporter .content .left .copy .lead-text p[data-v-5493ca2b] {
margin-bottom: 0;
}
.banner-top-transporter
.content
.left
.copy
.lead-text
p
~ p[data-v-5493ca2b] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-top-transporter .content .left .copy .lead-text[data-v-5493ca2b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 2.8rem;
}
.banner-top-transporter .content .left .copy .lead-text p[data-v-5493ca2b] {
margin-bottom: 0;
}
.banner-top-transporter
.content
.left
.copy
.lead-text
p
~ p[data-v-5493ca2b] {
margin-top: 1.8rem;
}
}
@media only screen and (min-width: 1440px) {
.banner-top-transporter .content .left .copy .lead-text[data-v-5493ca2b] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 3rem;
}
.banner-top-transporter .content .left .copy .lead-text p[data-v-5493ca2b] {
margin-bottom: 0;
}
.banner-top-transporter
.content
.left
.copy
.lead-text
p
~ p[data-v-5493ca2b] {
margin-top: 2rem;
}
}
.banner-top-transporter .contbg[data-v-5493ca2b] {
background-color: var(--bg-add-2);
}
.banner-top-transporter .content[data-v-5493ca2b] {
color: var(--content-primary-reversed);
width: 100%;
}
.banner-top-transporter .content .left[data-v-5493ca2b],
.banner-top-transporter .content .right[data-v-5493ca2b] {
align-self: stretch;
flex: 1;
}
.banner-top-transporter .content .left[data-v-5493ca2b] {
align-items: flex-start;
display: flex;
flex: 1 0 0;
flex-direction: column;
gap: var(--space-lg);
padding: var(--space-null);
}
.banner-top-transporter .content .left .copy[data-v-5493ca2b] {
align-items: flex-start;
align-self: stretch;
display: flex;
flex-direction: column;
gap: var(--space-3md);
padding: var(--space-null);
}
.banner-top-transporter .content .left .copy .head-display[data-v-5493ca2b] {
color: var(--content-primary);
display: inline-block;
}
.banner-top-transporter
.content
.left
.copy
.head-display
.text-primary[data-v-5493ca2b] {
color: var(--primary-content);
}
.banner-top-transporter .content .left .copy .lead-text[data-v-5493ca2b] {
color: var(--content-secondary);
}
.banner-top-transporter .content .left .cta[data-v-5493ca2b] {
display: flex;
gap: var(--space-md);
}
@media only screen and (max-width: 767px) {
.banner-top-transporter .content .left .cta[data-v-5493ca2b] {
flex-direction: column;
width: 100%;
}
}
.banner-top-transporter .content .right[data-v-5493ca2b] {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
max-width: var(--display-mobile-max);
position: relative;
width: 100%;
}
.banner-top-transporter .content .right .image-background[data-v-5493ca2b] {
background: var(--bg-0-reversed);
max-width: 39.5rem;
}
.banner-top-transporter
.content
.right
.image-background[data-v-5493ca2b]
.image {
overflow: visible;
}
.banner-top-transporter
.content
.right
.image-background[data-v-5493ca2b]
.image
img {
width: auto;
}
@media only screen and (max-width: 767px) {
.banner-top-transporter
.content
.right
.image-background[data-v-5493ca2b]
.image
img {
transform: scale(0.75) translateY(5%);
}
}
.banner-top-transporter
.content
.right
.image-background.transport-jobs-2[data-v-5493ca2b]
.image
img {
scale: 0.7;
}
.banner-top-transporter
.content
.right
.image-background.transport-jobs-4[data-v-5493ca2b]
.image
img {
scale: 0.8;
}
.banner-top-transporter .content .right .tile-avatar[data-v-5493ca2b] {
left: 0;
position: absolute;
top: 2.4rem;
}
@media only screen and (max-width: 767px) {
.banner-top-transporter .content .right .tile-avatar[data-v-5493ca2b] {
left: 2.5rem;
top: 0;
transform: translateY(-25%);
}
}
.banner-top-transporter .content .right .tile-rating[data-v-5493ca2b] {
bottom: 4rem;
position: absolute;
right: 0;
}
@media only screen and (max-width: 767px) {
.banner-top-transporter .content .right .tile-rating[data-v-5493ca2b] {
bottom: 0;
right: 2.5rem;
transform: translateY(25%);
}
.banner-top-transporter .content[data-v-5493ca2b] {
gap: 6rem;
}
}
.banner-other-vehicles[data-v-d6377cf3] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles[data-v-d6377cf3] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles[data-v-d6377cf3] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles[data-v-d6377cf3] {
max-width: 100%;
}
}
.banner-other-vehicles[data-v-d6377cf3] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles[data-v-d6377cf3] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles[data-v-d6377cf3] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles[data-v-d6377cf3] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-other-vehicles[data-v-d6377cf3] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles[data-v-d6377cf3] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles[data-v-d6377cf3] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles[data-v-d6377cf3] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-other-vehicles .content[data-v-d6377cf3] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles .content[data-v-d6377cf3] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles .content[data-v-d6377cf3] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles .content[data-v-d6377cf3] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-other-vehicles .content[data-v-d6377cf3] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles .content[data-v-d6377cf3] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles .content[data-v-d6377cf3] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles .content[data-v-d6377cf3] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-other-vehicles[data-v-d6377cf3] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles[data-v-d6377cf3] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles[data-v-d6377cf3] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles[data-v-d6377cf3] {
gap: var(--space-3md, 24px);
}
}
.banner-other-vehicles .content[data-v-d6377cf3],
.banner-other-vehicles .other-vehicles[data-v-d6377cf3] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles .content[data-v-d6377cf3],
.banner-other-vehicles .other-vehicles[data-v-d6377cf3] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles .content[data-v-d6377cf3],
.banner-other-vehicles .other-vehicles[data-v-d6377cf3] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles .content[data-v-d6377cf3],
.banner-other-vehicles .other-vehicles[data-v-d6377cf3] {
gap: var(--space-3md, 24px);
}
}
.banner-other-vehicles .other-vehicles .tile-content .image[data-v-d6377cf3] {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles .other-vehicles .tile-content .image[data-v-d6377cf3] {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles .other-vehicles .tile-content .image[data-v-d6377cf3] {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles .other-vehicles .tile-content .image[data-v-d6377cf3] {
border-radius: var(--box-md, 24px);
}
}
.banner-other-vehicles[data-v-d6377cf3] {
align-items: center;
justify-content: center;
margin: 0 auto;
position: relative;
}
.banner-other-vehicles .content[data-v-d6377cf3] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-other-vehicles .content[data-v-d6377cf3] {
flex-direction: column;
}
}
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
h4[data-v-d6377cf3] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
h4[data-v-d6377cf3] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
h4[data-v-d6377cf3] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 2.8rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
@media only screen and (min-width: 1440px) {
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
h4[data-v-d6377cf3] {
font-family:
Manrope,
Impact,
-apple-system,
BlinkMacSystemFont,
Arial Black,
Arial,
sans-serif;
font-feature-settings: 'ss05' on;
font-size: 3.6rem;
font-weight: 900;
letter-spacing: 1px;
line-height: 100%;
}
}
.banner-other-vehicles[data-v-d6377cf3] {
display: flex;
}
.banner-other-vehicles .other-vehicles[data-v-d6377cf3] {
align-self: stretch;
display: flex;
}
@media only screen and (max-width: 767px) {
.banner-other-vehicles .other-vehicles[data-v-d6377cf3] {
display: flex;
flex-direction: column;
}
}
.banner-other-vehicles .other-vehicles .tile[data-v-d6377cf3] {
height: 100%;
max-width: 40rem;
width: 100%;
}
.banner-other-vehicles .other-vehicles .tile-content[data-v-d6377cf3] {
display: flex;
flex-direction: column;
gap: var(--space-3md);
height: 100%;
}
.banner-other-vehicles .other-vehicles .tile-content .image[data-v-d6377cf3] {
max-height: 14.9rem;
}
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button[data-v-d6377cf3] {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-3md);
height: 100%;
justify-content: space-between;
}
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description[data-v-d6377cf3] {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
h4[data-v-d6377cf3] {
align-self: stretch;
color: var(--content-primary);
}
@media only screen and (min-width: 768px) {
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
h4[data-v-d6377cf3] {
min-height: 7.2rem;
}
}
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
.tile-text[data-v-d6377cf3] {
align-self: stretch;
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2.4rem;
}
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
.tile-text
p[data-v-d6377cf3] {
margin-bottom: 0;
}
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
.tile-text
p
~ p[data-v-d6377cf3] {
margin-top: 1.6rem;
}
@media only screen and (min-width: 768px) {
.banner-other-vehicles
.other-vehicles
.tile-content
.copy-and-button
.title-and-description
.tile-text[data-v-d6377cf3] {
min-height: 9.6rem;
}
}
.banner-courier-teaser[data-v-d2be15e0] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser[data-v-d2be15e0] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser[data-v-d2be15e0] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser[data-v-d2be15e0] {
max-width: 100%;
}
}
.banner-courier-teaser[data-v-d2be15e0] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser[data-v-d2be15e0] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser[data-v-d2be15e0] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser[data-v-d2be15e0] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-courier-teaser[data-v-d2be15e0] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser[data-v-d2be15e0] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
.banner-courier-teaser[data-v-d2be15e0] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser[data-v-d2be15e0] {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser[data-v-d2be15e0] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser[data-v-d2be15e0] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.banner-courier-teaser .content[data-v-d2be15e0] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-courier-teaser .content[data-v-d2be15e0] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-courier-teaser .content[data-v-d2be15e0] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.banner-courier-teaser[data-v-d2be15e0] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser[data-v-d2be15e0] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser[data-v-d2be15e0] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser[data-v-d2be15e0] {
gap: var(--space-3md, 24px);
}
}
.banner-courier-teaser .content[data-v-d2be15e0] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
gap: var(--space-3md, 24px);
}
}
.banner-courier-teaser .contbg[data-v-d2be15e0] {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-courier-teaser .contbg[data-v-d2be15e0] {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-courier-teaser .contbg[data-v-d2be15e0] {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
.banner-courier-teaser .contbg[data-v-d2be15e0] {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
.banner-courier-teaser[data-v-d2be15e0] {
margin: 0 auto;
position: relative;
}
.banner-courier-teaser[data-v-d2be15e0],
.banner-courier-teaser .content[data-v-d2be15e0] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-courier-teaser .content[data-v-d2be15e0] {
flex-direction: column;
}
}
.banner-courier-teaser .contbg[data-v-d2be15e0] {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
.banner-courier-teaser .content[data-v-d2be15e0] {
position: inherit;
}
.banner-courier-teaser .contbg[data-v-d2be15e0] {
background-color: var(--bg-0-reversed);
}
.banner-courier-teaser .content[data-v-d2be15e0] {
color: var(--content-primary-reversed);
gap: var(--space-3md);
}
.banner-courier-teaser .content .text[data-v-d2be15e0] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 2rem;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 3rem;
text-align: center;
}
.banner-courier-teaser .content .text p[data-v-d2be15e0] {
margin-bottom: 0;
}
.banner-courier-teaser .content .text p ~ p[data-v-d2be15e0] {
margin-top: 2rem;
}
.dropdown-base[data-v-13f1bb85] {
align-items: flex-start;
flex-direction: column;
}
.dropdown-base[data-v-13f1bb85],
.dropdown-base .dropdown[data-v-13f1bb85] {
align-self: stretch;
display: flex;
gap: var(--space-xs);
}
.dropdown-base .dropdown[data-v-13f1bb85] {
align-items: center;
background: var(--tertiary-bg-light);
border-radius: var(--form-item);
cursor: pointer;
height: var(--form-item-xl);
padding: 0 var(--space-3md);
}
.dropdown-base .dropdown .icon[data-v-13f1bb85] {
fill: var(--content-secondary);
}
.dropdown-base .dropdown .text-and-icon[data-v-13f1bb85] {
align-items: center;
color: var(--content-primary);
display: flex;
flex: 1 0 0;
gap: var(--space-xs);
}
.dropdown-base .dropdown .text-and-icon .icon-wrapper[data-v-13f1bb85] {
align-items: center;
display: flex;
}
.dropdown-base .dropdown .text-and-icon .text[data-v-13f1bb85] {
display: -webkit-box;
-webkit-box-orient: vertical;
color: var(--content-primary);
flex: 1 0 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
-webkit-line-clamp: 1;
line-height: 1.4rem;
text-overflow: ellipsis;
}
.dropdown-base .dropdown .suffix[data-v-13f1bb85] {
align-items: center;
display: flex;
}
.dropdown-base .dropdown.active[data-v-13f1bb85],
.dropdown-base .dropdown[data-v-13f1bb85]:hover {
background: var(--tertiary-bg-light-hover);
}
.dropdown-base .dropdown[data-v-13f1bb85]:focus-visible {
outline: 2px solid var(--border-focus);
}
.dropdown-base .dropdown.disabled[data-v-13f1bb85] {
background: var(--tertiary-bg-light);
cursor: default;
opacity: 0.5;
outline: none;
}
.dropdown-base .helper-text[data-v-13f1bb85] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.dropdown-base .helper-text p[data-v-13f1bb85] {
margin-bottom: 0;
}
.dropdown-base .helper-text p ~ p[data-v-13f1bb85] {
margin-top: 1.2rem;
}
.dropdown-seo-section-wrapper[data-v-2706a835] {
position: relative;
}
.dropdown-seo-section-wrapper .dropdown-menu-wrapper[data-v-2706a835] {
width: 100%;
}
.dropdown-seo-section-wrapper
.dropdown-menu-wrapper
.menu-list[data-v-2706a835] {
max-height: calc(var(--form-item-lg) * 7);
}
.dropdown-seo-section-wrapper
.dropdown-menu-wrapper
.menu-list
a[data-v-2706a835] {
align-items: center;
color: var(--tertiary-link);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 2rem;
min-height: var(--form-item-lg);
padding: 0.6rem var(--space-2md);
}
.dropdown-seo-section-wrapper
.dropdown-menu-wrapper
.menu-list
a
p[data-v-2706a835] {
margin-bottom: 0;
}
.dropdown-seo-section-wrapper
.dropdown-menu-wrapper
.menu-list
a
p
~ p[data-v-2706a835] {
margin-top: 1.4rem;
}
.dropdown-seo-section-wrapper
.dropdown-menu-wrapper
.menu-list
a[data-v-2706a835]:hover {
background-color: var(--bg-controll-item-hover);
color: var(--tertiary-link-hover);
}
.dropdown-seo-section-wrapper
.dropdown-menu-wrapper
.menu-list
a[data-v-2706a835]:active {
background-color: var(--bg-controll-item-pressed);
}
.dropdown-seo-section-wrapper .dropdown-base[data-v-2706a835] {
position: relative;
}
.dropdown-seo-section-wrapper .dropdown-base[data-v-2706a835] .dropdown {
background: var(--bg-0);
}
.dropdown-seo-section-wrapper
.dropdown-base[data-v-2706a835]
.input-with-helpers {
cursor: pointer;
}
.dropdown-seo-section-wrapper
.dropdown-base[data-v-2706a835]
.input-with-helpers
.input-wrapper {
background-color: var(--bg-0);
cursor: pointer;
}
.dropdown-seo-section-wrapper
.dropdown-base[data-v-2706a835]
.input-with-helpers
.input-wrapper:hover {
background-color: var(--quaternary-bg-light-hover);
}
.dropdown-seo-section-wrapper
.dropdown-base[data-v-2706a835]
.input-with-helpers
.input-wrapper
input,
.dropdown-seo-section-wrapper
.dropdown-base[data-v-2706a835]
.input-with-helpers
.input-wrapper
label {
cursor: pointer;
}
.dropdown-seo-section-wrapper .dropdown-base.active[data-v-2706a835] {
background: var(--quaternary-bg-light);
}
.transport-section[data-v-5a737d6a] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.transport-section[data-v-5a737d6a] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.transport-section[data-v-5a737d6a] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.transport-section[data-v-5a737d6a] {
max-width: 100%;
}
}
.transport-section[data-v-5a737d6a] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.transport-section[data-v-5a737d6a] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.transport-section[data-v-5a737d6a] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.transport-section[data-v-5a737d6a] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.transport-section[data-v-5a737d6a] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.transport-section[data-v-5a737d6a] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.transport-section[data-v-5a737d6a] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.transport-section[data-v-5a737d6a] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
.transport-section .content[data-v-5a737d6a] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.transport-section .content[data-v-5a737d6a] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.transport-section .content[data-v-5a737d6a] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.transport-section .content[data-v-5a737d6a] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.transport-section .content[data-v-5a737d6a] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.transport-section .content[data-v-5a737d6a] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.transport-section .content[data-v-5a737d6a] {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.transport-section .content[data-v-5a737d6a] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.transport-section .content[data-v-5a737d6a] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.transport-section .content[data-v-5a737d6a] {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.transport-section .content[data-v-5a737d6a] {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
.transport-section[data-v-5a737d6a],
.transport-section .content[data-v-5a737d6a] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.transport-section[data-v-5a737d6a],
.transport-section .content[data-v-5a737d6a] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.transport-section[data-v-5a737d6a],
.transport-section .content[data-v-5a737d6a] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.transport-section[data-v-5a737d6a],
.transport-section .content[data-v-5a737d6a] {
gap: var(--space-3md, 24px);
}
}
.transport-section .content[data-v-5a737d6a] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.transport-section .content[data-v-5a737d6a] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.transport-section .content[data-v-5a737d6a] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.transport-section .content[data-v-5a737d6a] {
gap: var(--space-3md, 24px);
}
}
.transport-section[data-v-5a737d6a] {
margin: 0 auto;
position: relative;
}
.transport-section[data-v-5a737d6a],
.transport-section .content[data-v-5a737d6a] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.transport-section .content[data-v-5a737d6a] {
flex-direction: column;
}
}
.transport-section[data-v-5a737d6a] {
background-color: var(--bg-add-1);
}
.transport-section .content[data-v-5a737d6a] {
align-items: stretch;
}
@media only screen and (min-width: 768px) {
.transport-section .content[data-v-5a737d6a] {
display: grid;
grid-template-columns: 1fr;
}
}
.transport-section .content .col[data-v-5a737d6a] {
display: flex;
flex-flow: column nowrap;
gap: var(--space-3md);
}
.transport-section .content .col .subtitle[data-v-5a737d6a] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 125%;
text-align: center;
}
.transport-section .content .col .dropdowns[data-v-5a737d6a] {
display: grid;
gap: var(--space-3md);
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.transport-section .content .col .dropdowns[data-v-5a737d6a] {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.transport-section .content .col .dropdowns[data-v-5a737d6a] {
display: flex;
flex-flow: column nowrap;
}
}
.banner-finish-publishing[data-v-e257869a] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-finish-publishing[data-v-e257869a] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-finish-publishing[data-v-e257869a] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-finish-publishing[data-v-e257869a] {
max-width: 100%;
}
}
.banner-finish-publishing[data-v-e257869a] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-finish-publishing[data-v-e257869a] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-finish-publishing[data-v-e257869a] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-finish-publishing[data-v-e257869a] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-finish-publishing[data-v-e257869a] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-finish-publishing[data-v-e257869a] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-finish-publishing[data-v-e257869a] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-finish-publishing[data-v-e257869a] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-finish-publishing[data-v-e257869a] {
padding-bottom: var(--space-3md, 24px);
padding-top: var(--space-3md, 24px);
}
.banner-finish-publishing .content[data-v-e257869a] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-finish-publishing .content[data-v-e257869a] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-finish-publishing .content[data-v-e257869a] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-finish-publishing .content[data-v-e257869a] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-finish-publishing .content[data-v-e257869a] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-finish-publishing .content[data-v-e257869a] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-finish-publishing .content[data-v-e257869a] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-finish-publishing .content[data-v-e257869a] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-finish-publishing[data-v-e257869a] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-finish-publishing[data-v-e257869a] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-finish-publishing[data-v-e257869a] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-finish-publishing[data-v-e257869a] {
gap: var(--space-3md, 24px);
}
}
.banner-finish-publishing .content[data-v-e257869a] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-finish-publishing .content[data-v-e257869a] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-finish-publishing .content[data-v-e257869a] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-finish-publishing .content[data-v-e257869a] {
gap: var(--space-3md, 24px);
}
}
.banner-finish-publishing[data-v-e257869a] {
align-items: center;
display: flex;
justify-content: center;
margin: 0 auto;
}
.banner-finish-publishing .content[data-v-e257869a] {
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-finish-publishing .content[data-v-e257869a] {
flex-direction: column;
}
}
.banner-finish-publishing[data-v-e257869a] {
background-color: var(--tertiary-bg-light);
position: relative;
}
.banner-finish-publishing .content[data-v-e257869a] {
align-items: center;
display: flex;
padding: var(--space-null);
position: relative;
}
@media (max-width: 1023px) {
.banner-finish-publishing .content[data-v-e257869a] {
align-items: flex-start;
flex-direction: column;
justify-content: center;
position: static;
width: 100%;
}
}
.banner-finish-publishing .content .auction[data-v-e257869a] {
align-items: flex-start;
display: flex;
flex: 1;
flex-direction: column;
gap: var(--space-xs);
padding: var(--space-null);
}
.banner-finish-publishing .content .auction .title[data-v-e257869a] {
color: var(--content-primary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 125%;
}
.banner-finish-publishing .content .auction .category[data-v-e257869a] {
color: var(--content-secondary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 1.8rem;
}
.banner-finish-publishing .content .auction .category p[data-v-e257869a] {
margin-bottom: 0;
}
.banner-finish-publishing .content .auction .category p ~ p[data-v-e257869a] {
margin-top: 1.2rem;
}
.banner-finish-publishing .content .locations[data-v-e257869a] {
flex: 1;
}
.banner-finish-publishing .close-banner[data-v-e257869a] {
align-items: center;
display: flex;
height: var(--form-item-lg);
justify-content: center;
justify-self: flex-end;
width: var(--form-item-lg);
}
@media (max-width: 1023px) {
.banner-finish-publishing .close-banner[data-v-e257869a] {
position: absolute;
right: 0.4rem;
top: 0.4rem;
}
}
.banner-finish-publishing .close-banner .icon[data-v-e257869a] {
cursor: pointer;
fill: var(--tertiary-link);
}
.banner-announcement[data-v-06ab7845] {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-announcement[data-v-06ab7845] {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-announcement[data-v-06ab7845] {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
.banner-announcement[data-v-06ab7845] {
max-width: 100%;
}
}
.banner-announcement[data-v-06ab7845] {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-announcement[data-v-06ab7845] {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-announcement[data-v-06ab7845] {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
.banner-announcement[data-v-06ab7845] {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
.banner-announcement[data-v-06ab7845] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-announcement[data-v-06ab7845] {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-announcement[data-v-06ab7845] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
.banner-announcement[data-v-06ab7845] {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
.banner-announcement[data-v-06ab7845] {
padding-bottom: var(--space-3md, 24px);
padding-top: var(--space-3md, 24px);
}
.banner-announcement .content[data-v-06ab7845] {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-announcement .content[data-v-06ab7845] {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-announcement .content[data-v-06ab7845] {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
.banner-announcement .content[data-v-06ab7845] {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-announcement .content[data-v-06ab7845] {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-announcement .content[data-v-06ab7845] {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-announcement .content[data-v-06ab7845] {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
.banner-announcement .content[data-v-06ab7845] {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
.banner-announcement[data-v-06ab7845] {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-announcement[data-v-06ab7845] {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-announcement[data-v-06ab7845] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-announcement[data-v-06ab7845] {
gap: var(--space-3md, 24px);
}
}
.banner-announcement .content[data-v-06ab7845] {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-announcement .content[data-v-06ab7845] {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.banner-announcement .content[data-v-06ab7845] {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.banner-announcement .content[data-v-06ab7845] {
gap: var(--space-3md, 24px);
}
}
.banner-announcement[data-v-06ab7845] {
margin: 0 auto;
}
.banner-announcement[data-v-06ab7845],
.banner-announcement .content[data-v-06ab7845] {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
.banner-announcement .content[data-v-06ab7845] {
flex-direction: column;
}
}
.banner-announcement[data-v-06ab7845] {
position: relative;
}
.banner-announcement.light[data-v-06ab7845] {
background-color: var(--warning-bg-light);
}
.banner-announcement .content[data-v-06ab7845] {
color: var(--content-primary);
fill: var(--content-primary);
position: relative;
width: 100%;
}
.banner-announcement .content .message[data-v-06ab7845] {
display: flex;
flex-direction: row;
gap: var(--space-sm);
width: 100%;
}
.banner-announcement .content .message .text[data-v-06ab7845] {
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 2rem;
max-width: 77rem;
}
.banner-announcement .content .message .text p[data-v-06ab7845] {
margin-bottom: 0;
}
.banner-announcement .content .message .text p ~ p[data-v-06ab7845] {
margin-top: 1.4rem;
}
@media only screen and (max-width: 767px) {
.banner-announcement .content .message[data-v-06ab7845] {
align-items: flex-start;
align-self: stretch;
flex-direction: column;
justify-content: center;
}
}
@media (max-width: 1023px) {
.banner-announcement .content[data-v-06ab7845] {
position: static;
}
}
.banner-announcement .content .close-banner[data-v-06ab7845] {
align-items: center;
display: flex;
height: var(--form-item-lg);
justify-content: center;
justify-self: flex-end;
width: var(--form-item-lg);
}
@media (max-width: 1023px) {
.banner-announcement .content .close-banner[data-v-06ab7845] {
position: absolute;
right: 0.4rem;
top: 0.4rem;
}
}
.banner-announcement .content .close-banner .icon[data-v-06ab7845] {
cursor: pointer;
}
.menu-head[data-v-22fa6114] {
align-items: center;
align-self: stretch;
display: flex;
gap: var(--space-xs);
height: var(--form-item-lg);
justify-content: flex-start;
padding: var(--space-null);
pointer-events: none;
width: 100%;
}
.menu-head .name[data-v-22fa6114] {
color: var(--content-primary-reversed);
flex: 1 0 0;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 125%;
}
.menu-head .icon[data-v-22fa6114] {
background-color: var(--content-primary-reversed);
display: none;
}
@media only screen and (max-width: 1023px) {
.menu-head .icon[data-v-22fa6114] {
display: initial;
}
.menu-head[data-v-22fa6114] {
pointer-events: auto;
}
}
.footer-column {
flex: 1 0 0;
flex-direction: column;
gap: var(--space-sm);
}
.footer-column,
.footer-column .links {
align-items: flex-start;
display: flex;
width: 100%;
}
.footer-column .links {
align-content: flex-start;
align-self: stretch;
flex-wrap: wrap;
gap: var(--space-xs);
}
@media only screen and (min-width: 1024px) {
.footer-column .links {
display: flex !important;
}
}
.footer-column .links .mail-to {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--space-2sm);
}
.footer-column .links.wrap .footer-link {
flex: 0 0 115px;
}
.footer-menu {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.footer-menu {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.footer-menu {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.footer-menu {
gap: var(--space-3md, 24px);
}
}
.footer-menu {
align-content: flex-start;
align-items: flex-start;
align-self: stretch;
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
.footer-menu {
flex-direction: column;
}
}
.google-opinions-and-address {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.google-opinions-and-address {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.google-opinions-and-address {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.google-opinions-and-address {
gap: var(--space-3md, 24px);
}
}
.google-opinions-and-address {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
}
@media only screen and (max-width: 767px) {
.google-opinions-and-address {
align-items: start;
flex-direction: column;
}
}
.google-opinions-and-address .address {
color: var(--content-tertiary);
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.2rem;
font-weight: 400;
height: 5.4rem;
letter-spacing: 0.3px;
line-height: 1.8rem;
min-width: 30rem;
text-align: right;
}
.google-opinions-and-address .address p {
margin-bottom: 0;
}
.google-opinions-and-address .address p ~ p {
margin-top: 1.2rem;
}
@media only screen and (max-width: 767px) {
.google-opinions-and-address .address {
text-align: left;
}
}
.partner-and-ro-stamps[data-v-9fb7ab13] {
align-items: flex-end;
display: flex;
gap: var(--space-3md);
justify-content: space-between;
width: 100%;
}
@media only screen and (max-width: 1023px) {
.partner-and-ro-stamps[data-v-9fb7ab13] {
align-items: flex-start;
flex-direction: column;
}
}
.partner-and-ro-stamps .footer-logotypes[data-v-9fb7ab13] {
display: flex;
flex-direction: column;
gap: var(--space-sm);
}
.partner-and-ro-stamps .footer-logotypes .footer-head[data-v-9fb7ab13] {
align-items: center;
color: var(--content-tertiary);
display: flex;
font-family:
Manrope,
-apple-system,
BlinkMacSystemFont,
Verdana,
Arial,
sans-serif;
font-size: 1.4rem;
font-weight: 400;
gap: var(--space-null);
justify-content: flex-start;
letter-spacing: 0.3px;
line-height: 2rem;
padding: var(--space-sm) var(--space-null);
}
.partner-and-ro-stamps .footer-logotypes .footer-head p[data-v-9fb7ab13] {
margin-bottom: 0;
}
.partner-and-ro-stamps .footer-logotypes .footer-head p ~ p[data-v-9fb7ab13] {
margin-top: 1.4rem;
}
.footer-socials {
align-items: flex-start;
display: inline-flex;
gap: var(--space-null);
}
.footer-bottom {
align-self: stretch;
gap: var(--space-2sm);
}
.footer-bottom,
.footer-bottom .socials {
align-items: center;
display: flex;
justify-content: space-between;
}
.footer-bottom .socials {
gap: var(--space-md);
padding: var(--space-null);
}
@media only screen and (max-width: 1023px) {
.footer-bottom .socials {
width: 100%;
}
.footer-bottom {
flex-direction: column-reverse;
}
}
#footer {
max-width: var(--display-mobile-max);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer {
max-width: var(--display-tablet-max);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer {
max-width: var(--display-desktop-sm-max);
}
}
@media only screen and (min-width: 1440px) {
#footer {
max-width: 100%;
}
}
#footer {
padding-left: var(--space-4md);
padding-right: var(--space-4md);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer {
padding-left: var(--space-3lg);
padding-right: var(--space-3lg);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer {
padding-left: var(--space-4lg);
padding-right: var(--space-4lg);
}
}
@media only screen and (min-width: 1440px) {
#footer {
margin-left: auto;
margin-right: auto;
padding-left: var(--space-null);
padding-right: var(--space-null);
}
}
#footer {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer {
padding-bottom: var(--space-2lg);
padding-top: var(--space-2lg);
}
}
#footer {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer {
padding-bottom: var(--space-3xl);
padding-top: var(--space-3xl);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
}
@media only screen and (min-width: 1440px) {
#footer {
padding-bottom: var(--space-xxl);
padding-top: var(--space-xxl);
}
#footer .content {
min-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content {
max-width: var(--content-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
#footer .content {
max-width: var(--content-width-desktop-md-min-max, 1248px);
}
}
#footer .content {
min-width: var(--content-width-mobile-min, 300px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content {
min-width: var(--content-width-tablet-min, 672px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content {
min-width: var(--content-width-desktop-sm-min, 912px);
}
}
@media only screen and (min-width: 1440px) {
#footer .content {
min-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
#footer .content {
max-width: var(--content-width-mobile-max, 707px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content {
max-width: var(--content-width-tablet-max, 927px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content {
max-width: var(--content-narrow-width-desktop-sm-max, 1327px);
}
}
@media only screen and (min-width: 1440px) {
#footer .content {
max-width: var(--content-narrow-width-desktop-md-min-max, 1036px);
}
}
#footer {
gap: var(--space-2lg, 40px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer {
gap: var(--space-2lg, 40px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
#footer {
gap: var(--space-3md, 24px);
}
}
#footer .content {
gap: var(--space-md, 16px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .content {
gap: var(--space-md, 16px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .content {
gap: var(--space-3md, 24px);
}
}
@media only screen and (min-width: 1440px) {
#footer .content {
gap: var(--space-3md, 24px);
}
}
#footer .contbg {
margin-left: var(--space-sm);
margin-right: var(--space-sm);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#footer .contbg {
margin-left: var(--space-md);
margin-right: var(--space-md);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
#footer .contbg {
margin-left: var(--space-3md);
margin-right: var(--space-3md);
}
}
@media only screen and (min-width: 1440px) {
#footer .contbg {
margin-left: var(--space-2lg);
margin-right: var(--space-2lg);
}
}
#footer {
margin: 0 auto;
position: relative;
}
#footer,
#footer .content {
align-items: center;
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
#footer .content {
flex-direction: column;
}
}
#footer .contbg {
border-radius: var(--contbg);
bottom: var(--space-2lg);
left: 0;
position: absolute;
right: 0;
top: var(--space-2lg);
}
#footer .content {
position: inherit;
}
#footer {
background-color: var(--bg-0);
}
#footer .contbg {
background: var(--bg-0-reversed);
}
#footer .content {
align-items: flex-start;
align-self: flex-start;
flex-direction: column;
}
.map-animation[data-v-046c17e6] {
align-items: stretch;
display: flex;
height: 100%;
justify-content: center;
overflow: hidden;
width: 100%;
}
.map-animation .map .animation[data-v-046c17e6] {
bottom: 3%;
height: 58%;
left: 11%;
position: absolute;
width: 58%;
}
.how-it-works-couriers-animation[data-v-8828bda1] {
align-items: center;
display: flex;
justify-content: center;
overflow: hidden;
width: 100%;
}
.how-it-works-couriers-animation .animation[data-v-8828bda1] {
transform: translateY(0.7rem);
}
.how-it-works-animation[data-v-0c88e4e9] {
align-items: center;
display: flex;
justify-content: center;
overflow: hidden;
width: 100%;
}
.how-it-works-animation .animation[data-v-0c88e4e9] {
transform: translateY(0.7rem);
}
.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane > canvas,
.leaflet-pane > svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
left: 0;
position: absolute;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.leaflet-tile::-moz-selection {
background: transparent;
}
.leaflet-tile::selection {
background: transparent;
}
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
height: 1600px;
-webkit-transform-origin: 0 0;
width: 1600px;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
.leaflet-container .leaflet-overlay-pane svg {
max-height: none !important;
max-width: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
max-height: none !important;
max-width: none !important;
padding: 0;
width: auto;
}
.leaflet-container.leaflet-touch-zoom {
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
box-sizing: border-box;
height: 0;
width: 0;
z-index: 800;
}
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane {
z-index: 400;
}
.leaflet-tile-pane {
z-index: 200;
}
.leaflet-overlay-pane {
z-index: 400;
}
.leaflet-shadow-pane {
z-index: 500;
}
.leaflet-marker-pane {
z-index: 600;
}
.leaflet-tooltip-pane {
z-index: 650;
}
.leaflet-popup-pane {
z-index: 700;
}
.leaflet-map-pane canvas {
z-index: 100;
}
.leaflet-map-pane svg {
z-index: 200;
}
.leaflet-vml-shape {
height: 1px;
width: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
.leaflet-control {
pointer-events: visiblePainted;
pointer-events: auto;
position: relative;
z-index: 800;
}
.leaflet-bottom,
.leaflet-top {
pointer-events: none;
position: absolute;
z-index: 1000;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
clear: both;
float: left;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-control,
.leaflet-popup-pane {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: grabbing;
}
.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted;
pointer-events: auto;
}
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078a8;
}
.leaflet-zoom-box {
background: #ffffff80;
border: 2px dotted #38f;
}
.leaflet-container {
font-family:
Helvetica Neue,
Arial,
Helvetica,
sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
.leaflet-bar {
border-radius: 4px;
box-shadow: 0 1px 5px #000000a6;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #000;
display: block;
height: 26px;
line-height: 26px;
text-align: center;
text-decoration: none;
width: 26px;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:focus,
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.leaflet-bar a.leaflet-disabled {
background-color: #f4f4f4;
color: #bbb;
cursor: default;
}
.leaflet-touch .leaflet-bar a {
height: 30px;
line-height: 30px;
width: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font:
700 18px Lucida Console,
Monaco,
monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
.leaflet-control-layers {
background: #fff;
border-radius: 5px;
box-shadow: 0 1px 5px #0006;
}
.leaflet-control-layers-toggle {
background-image: url(./layers.BWBAp2CZ.png);
height: 36px;
width: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(./layers-2x.Bpkbi35X.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
height: 44px;
width: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
background: #fff;
color: #333;
padding: 6px 10px 6px 6px;
}
.leaflet-control-layers-scrollbar {
overflow-x: hidden;
overflow-y: scroll;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
border-top: 1px solid #ddd;
height: 0;
margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
background-image: url(./marker-icon.hN30_KVU.png);
}
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: #fffc;
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
color: #333;
line-height: 1.4;
padding: 0 5px;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:focus,
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
height: 0.6669em;
vertical-align: baseline !important;
width: 1em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
background: #fffc;
border: 2px solid #777;
border-top: none;
box-sizing: border-box;
line-height: 1.1;
padding: 2px 5px 1px;
text-shadow: 1px 1px #fff;
white-space: nowrap;
}
.leaflet-control-scale-line:not(:first-child) {
border-bottom: none;
border-top: 2px solid #777;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
box-shadow: none;
}
.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
background-clip: padding-box;
border: 2px solid rgba(0, 0, 0, 0.2);
}
.leaflet-popup {
margin-bottom: 20px;
position: absolute;
text-align: center;
}
.leaflet-popup-content-wrapper {
border-radius: 12px;
padding: 1px;
text-align: left;
}
.leaflet-popup-content {
font-size: 13px;
font-size: 1.08333em;
line-height: 1.3;
margin: 13px 24px 13px 20px;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
height: 20px;
left: 50%;
margin-left: -20px;
margin-top: -1px;
overflow: hidden;
pointer-events: none;
position: absolute;
width: 40px;
}
.leaflet-popup-tip {
height: 17px;
margin: -10px auto 0;
padding: 1px;
pointer-events: auto;
transform: rotate(45deg);
width: 17px;
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: #fff;
box-shadow: 0 3px 14px #0006;
color: #333;
}
.leaflet-container a.leaflet-popup-close-button {
background: transparent;
border: none;
color: #757575;
font:
16px/24px Tahoma,
Verdana,
sans-serif;
height: 24px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
width: 24px;
}
.leaflet-container a.leaflet-popup-close-button:focus,
.leaflet-container a.leaflet-popup-close-button:hover {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
-ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
filter: progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678);
margin: 0 auto;
width: 24px;
}
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
.leaflet-tooltip {
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 1px 3px #0006;
color: #222;
padding: 6px;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
background: transparent;
border: 6px solid transparent;
content: '';
pointer-events: none;
position: absolute;
}
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
border-top-color: #fff;
bottom: 0;
margin-bottom: -12px;
}
.leaflet-tooltip-bottom:before {
border-bottom-color: #fff;
margin-left: -6px;
margin-top: -12px;
top: 0;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
margin-top: -6px;
top: 50%;
}
.leaflet-tooltip-left:before {
border-left-color: #fff;
margin-right: -12px;
right: 0;
}
.leaflet-tooltip-right:before {
border-right-color: #fff;
left: 0;
margin-left: -12px;
}
@media print {
.leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
.map-dynamic-base {
align-items: center;
background-color: #d6d8db;
display: flex;
height: 100%;
justify-content: center;
}
.map-dynamic-base .loader {
position: absolute;
}
.map-dynamic-base .distance {
background: var(--bg-0);
border-radius: 0.4rem;
box-shadow: 0 0.4rem 0.4rem #0000000f;
color: #393f4d;
font-size: 1.2rem;
left: 1rem;
padding: 0.5rem 1rem;
position: absolute;
top: 1rem;
z-index: 11000;
}
.map-dynamic-base .canvas {
height: 100%;
width: 100%;
}
@media only screen and (max-width: 1023px) {
.map-dynamic-base .canvas {
pointer-events: none;
}
.map-dynamic-base.draggable .canvas {
pointer-events: auto;
}
}
.map-dynamic .leaflet-bottom,
.map-dynamic .leaflet-left {
z-index: 900;
}
.map-dynamic,
.map-dynamic .canvas {
border-radius: var(--box-sm, 10px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.map-dynamic,
.map-dynamic .canvas {
border-radius: var(--box-sm, 10px);
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.map-dynamic,
.map-dynamic .canvas {
border-radius: var(--box-md, 24px);
}
}
@media only screen and (min-width: 1440px) {
.map-dynamic,
.map-dynamic .canvas {
border-radius: var(--box-md, 24px);
}
}
.map-dynamic .leaflet-control-zoom {
align-items: center;
border: none;
display: flex;
flex-direction: column;
gap: var(--space-sm);
justify-content: center;
margin-left: 20px;
margin-top: 20px;
}
.map-dynamic .leaflet-control-zoom .leaflet-control-zoom-in,
.map-dynamic .leaflet-control-zoom .leaflet-control-zoom-out {
background-color: var(--tertiary-bg);
border: 0;
border-radius: var(--form-item) !important;
color: var(--content-primary-reversed);
font-size: 25px;
font-weight: 300;
height: var(--form-item-lg);
line-height: 36px;
width: var(--form-item-lg);
}
.carousel-opinions-wrapper .carousel-base {
overflow: hidden;
}
.carousel-opinions-wrapper [data-carousel-track] {
display: flex;
transition: transform 0.4s ease;
will-change: transform;
}
.carousel-opinions-wrapper .tile-outside-wrapper {
flex: 0 0 100%;
}
.carousel-buttons button {
cursor: pointer;
font-size: 28px;
line-height: 1;
}