@volvo-cars/css/dist/tokens.css

Volvo Cars shared CSS

:host,:root,[data-color-mode],::backdrop{--v-color-always-black:#000;--v-color-always-white:#fff;--v-color-background-feedback-gray:#f5f5f5;--v-color-background-feedback-green:#d7f9df;--v-color-background-feedback-orange:#ffe8d1;--v-color-background-feedback-red:#fce5e3;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-foreground-accent-blue:#1c6eba;--v-color-foreground-feedback-green:#04771d;--v-color-foreground-feedback-orange:#ce6700;--v-color-foreground-feedback-red:#cd2314;--v-color-foreground-inverted:#fff;--v-color-foreground-primary:#0a0a0a;--v-color-foreground-secondary:#616161;--v-color-foreground-tertiary:#838383;--v-color-ornament-primary:#0000001f;--v-color-ornament-scrim:#000000a3;--v-color-state-accent-blue-medium:#1c6eba1f;--v-color-state-accent-blue-strong:#1c6eba33;--v-color-state-accent-blue-subtle:#1c6eba0a;--v-color-state-always-black-medium:#0000001f;--v-color-state-always-black-strong:#0003;--v-color-state-always-black-subtle:#0000000a;--v-color-state-always-white-medium:#ffffff1f;--v-color-state-always-white-strong:#fff3;--v-color-state-always-white-subtle:#ffffff0a;--v-color-state-feedback-red-medium:#d624151f;--v-color-state-feedback-red-strong:#d6241533;--v-color-state-feedback-red-subtle:#d624150a;--v-color-state-inverted-medium:#ffffff1f;--v-color-state-inverted-strong:#fff3;--v-color-state-inverted-subtle:#ffffff0a;--v-color-state-primary-medium:#0000001f;--v-color-state-primary-strong:#0003;--v-color-state-primary-subtle:#0000000a;--v-color-surface-accent-blue:#1c6eba;--v-color-surface-feedback-green:#04771d;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#cd2314;--v-color-surface-neutral:#1f1f1f}[data-color-mode=dark],:host([data-color-mode=dark]){--v-color-background-feedback-gray:#2e2e2e;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-orange:#522900;--v-color-background-feedback-red:#4a0d07;--v-color-background-primary:#141414;--v-color-background-secondary:#1f1f1f;--v-color-foreground-accent-blue:#378fe1;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-orange:#f93;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-inverted:#0a0a0a;--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#bababa;--v-color-ornament-primary:#ffffff1f;--v-color-ornament-scrim:#000000a3;--v-color-state-accent-blue-medium:#1f78d129;--v-color-state-accent-blue-strong:#1f78d13d;--v-color-state-accent-blue-subtle:#1f78d114;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-subtle:#ffffff14;--v-color-state-feedback-red-medium:#ef665829;--v-color-state-feedback-red-strong:#ef66583d;--v-color-state-feedback-red-subtle:#ef665814;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-subtle:#00000014;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-subtle:#ffffff14;--v-color-surface-accent-blue:#1f78d1;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-red:#e52715;--v-color-surface-neutral:#fff}:host,:root,[data-color-mode],::backdrop{--_v01aeb4:initial;--_v142aa7: ;--_v580f4a:4%;--_v462cee:12%;--_vce294a:20%;--_vd9113b:.32}[data-color-mode=dark],:host([data-color-mode=dark]){--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}:host,:root{--v-font-sans-family:"Volvo Novum","Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif;--v-font-broad-family:"Volvo Broad","Arial Black",sans-serif;--v-font-mono-family:monospace;--v-font-regular-weight:300;--v-font-emphasis-weight:500;--v-font-24-size:1.5rem;--v-font-24-lineheight:1.334;--v-font-24:var(--v-font-regular-weight)var(--v-font-24-size)/var(--v-font-24-lineheight)var(--v-font-sans-family);--v-font-20-size:1.25rem;--v-font-20-lineheight:1.4;--v-font-20:var(--v-font-regular-weight)var(--v-font-20-size)/var(--v-font-20-lineheight)var(--v-font-sans-family);--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-16:var(--v-font-regular-weight)var(--v-font-16-size)/var(--v-font-16-lineheight)var(--v-font-sans-family);--v-font-14-size:.875rem;--v-font-14-lineheight:1.57;--v-font-14:var(--v-font-regular-weight)var(--v-font-14-size)/var(--v-font-14-lineheight)var(--v-font-sans-family);--v-font-12-size:.75rem;--v-font-12-lineheight:1.67;--v-font-12:var(--v-font-regular-weight)var(--v-font-12-size)/var(--v-font-12-lineheight)var(--v-font-sans-family);--_v942f76:calc(.31rem + 2ex);--v-font-heading-1-lineheight:var(--_v942f76);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:2.5rem;--v-font-heading-1-size:clamp(var(--v-font-heading-1-size-min),1vw + 1.7rem,var(--v-font-heading-1-size-max));--v-font-heading-1:var(--v-font-emphasis-weight)var(--v-font-heading-1-size)/var(--v-font-heading-1-lineheight)var(--v-font-sans-family);--v-font-heading-2-lineheight:var(--_v942f76);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2rem;--v-font-heading-2-size:clamp(var(--v-font-heading-2-size-min),1vw + 1.2rem,var(--v-font-heading-2-size-max));--v-font-heading-2:var(--v-font-emphasis-weight)var(--v-font-heading-2-size)/var(--v-font-heading-2-lineheight)var(--v-font-sans-family);--v-font-heading-3-lineheight:var(--_v942f76);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2rem;--v-font-heading-3-size:clamp(var(--v-font-heading-3-size-min),1vw + 1.2rem,var(--v-font-heading-3-size-max));--v-font-heading-3:var(--v-font-regular-weight)var(--v-font-heading-3-size)/var(--v-font-heading-3-lineheight)var(--v-font-sans-family);--v-font-statement-1-lineheight:var(--_v942f76);--v-font-statement-1-size-min:4rem;--v-font-statement-1-size-max:6rem;--v-font-statement-1-size:clamp(var(--v-font-statement-1-size-min),4vw + 2.8rem,var(--v-font-statement-1-size-max));--v-font-statement-1:var(--v-font-emphasis-weight)var(--v-font-statement-1-size)/var(--v-font-statement-1-lineheight)var(--v-font-sans-family);--v-font-statement-2-lineheight:var(--_v942f76);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:4.5rem;--v-font-statement-2-size:clamp(var(--v-font-statement-2-size-min),2vw + 2.9rem,var(--v-font-statement-2-size-max));--v-font-statement-2:var(--v-font-emphasis-weight)var(--v-font-statement-2-size)/var(--v-font-statement-2-lineheight)var(--v-font-sans-family);--v-font-statement-3-lineheight:var(--_v942f76);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:3.5rem;--v-font-statement-3-size:clamp(var(--v-font-statement-3-size-min),1vw + 2.7rem,var(--v-font-statement-3-size-max));--v-font-statement-3:var(--v-font-emphasis-weight)var(--v-font-statement-3-size)/var(--v-font-statement-3-lineheight)var(--v-font-sans-family);--v-font-statement-signature-lineheight:1;--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:4.5rem;--v-font-statement-signature-size:clamp(var(--v-font-statement-signature-size-min),4vw + 1.3rem,var(--v-font-statement-signature-size-max));--v-font-statement-signature:var(--v-font-emphasis-weight)var(--v-font-statement-signature-size)/var(--v-font-statement-signature-lineheight)var(--v-font-broad-family)}:root:is(:lang(az),:lang(vi)),:host(:lang(az,vi)){--v-font-sans-family:"Segoe UI","Helvetica Neue","Helvetica","Arial",sans-serif;--v-font-regular-weight:400;--v-font-emphasis-weight:600}:root:is(:lang(ja),:lang(ko),:lang(zh)),:host(:lang(ja,ko,zh)){--v-font-heading-1-size-min:1.8em;--v-font-heading-1-size-max:2.25rem;--v-font-heading-2-size-min:1.35rem;--v-font-heading-2-size-max:1.8rem;--v-font-heading-3-size-min:1.35rem;--v-font-heading-3-size-max:1.8rem;--v-font-statement-1-size-min:4.05rem;--v-font-statement-1-size-max:5.4rem;--v-font-statement-2-size-min:3.15rem;--v-font-statement-2-size-max:4.05rem;--v-font-statement-3-size-min:2.7rem;--v-font-statement-3-size-max:3.15rem;--v-font-statement-signature-size-min:2.25rem;--v-font-statement-signature-size-max:4.05rem}:host,:root{--_vff1a2e:url(https://www.volvocars.com/static/shared/icons/v4/checkmark-16.svg)}:host,:root,[data-color-mode=light]{--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v2/navigation-chevrondown-16.svg#light-primary)}[data-color-mode=dark],:host([data-color-mode=dark]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v2/navigation-chevrondown-16.svg#dark-primary)}:host,:root{--v-space-2:.125rem;--v-space-4:.25rem;--v-space-8:.5rem;--v-space-16:1rem;--v-space-24:1.5rem;--v-space-32:2rem;--v-space-48:3rem;--v-space-64:4rem;--v-space-l:clamp(4rem,4vw + 2.8rem,6rem);--v-space-m:clamp(3rem,3vw + 2rem,4rem);--v-space-s:clamp(2rem,3vw + 1rem,3rem);--_va4350f:calc(env(safe-area-inset-left,0px) + clamp(1.5rem,.8vw + 1.1rem,1.75rem));--v-space-pagemargin:clamp(var(--_va4350f),22vw - 16.3rem,8rem);--v-space-gutter:clamp(1rem,2.6vw + .3rem,1.5rem);--v-size-grid-column:calc(( var(--v-size-grid-maxwidth) - (var(--v-grid-columns) - 1)*var(--v-space-gutter))/var(--v-grid-columns));--v-size-grid-maxwidth:min(81rem,100vw - var(--_va4350f)*2);--v-size-pagemax:min(160rem,100vw);--v-size-grid-xs:calc((var(--v-size-grid-column)*var(--_vf6c8b5)) + var(--v-space-gutter)*(var(--_vf6c8b5) - 1));--v-size-grid-sm:calc((var(--v-size-grid-column)*var(--_v0bb1b3)) + var(--v-space-gutter)*(var(--_v0bb1b3) - 1));--v-size-grid-md:calc((var(--v-size-grid-column)*var(--_v55f8aa)) + var(--v-space-gutter)*(var(--_v55f8aa) - 1));--v-size-grid-lg:calc((var(--v-size-grid-column)*var(--_vbd64de)) + var(--v-space-gutter)*(var(--_vbd64de) - 1));--v-size-grid-xl:calc((var(--v-size-grid-column)*var(--_v1c7adc)) + var(--v-space-gutter)*(var(--_v1c7adc) - 1));--v-size-grid-max:min((100vw - var(--v-space-pagemargin)*2) + var(--_vf7c86e,0rem),160rem);--v-size-contentmax:70ch;--v-radius-sm:.25rem;--v-radius-md:.5rem;--v-radius-lg:1rem;--v-radius-4:.25rem;--v-radius-full:9999px;--v-index-spinner:30;--v-index-overlay:20;--v-index-navigation:10;--v-index-default:0;--v-index-deep:-1;--v-grid-columns:8;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:8;--_vbd64de:8;--_v1c7adc:8}dialog{--v-size-grid-xs:min(21.75rem,100vw);--v-size-grid-sm:min(29.5rem,100vw);--v-size-grid-md:min(45rem,100vw);--v-size-grid-lg:min(45rem,100vw);--v-size-grid-xl:min(81rem,100vw)}@media (min-width:30rem){:root,:host{--v-grid-columns:12;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:10;--_vbd64de:10;--_v1c7adc:12}}@media (min-width:64rem){:root,:host{--_vf6c8b5:4;--_v0bb1b3:6;--_v55f8aa:8}dialog{--v-size-grid-xs:min(26rem,100vw);--v-size-grid-sm:min(39.75rem,100vw);--v-size-grid-md:min(53.5rem,100vw);--v-size-grid-lg:min(67.25rem,100vw)}}:root,:host,[dir=ltr]{--_v386612:1}[dir=rtl]{--_v386612:-1}:host,:root,::backdrop{--_va2d762:.8s;--_v57fab3:.22s;--_vba04ca:.11s;--v-transition-default:var(--_v57fab3)ease;--v-transition-micro:var(--_vba04ca)ease;--v-transition-notable:var(--_va2d762)ease}@media (prefers-reduced-motion:reduce){:host,:root,::backdrop{--_va2d762:50ms;--_v57fab3:25ms;--_vba04ca:12ms}}