@volvo-cars/css 2.0.1 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -3
- package/dist/{chunk-O7LMNRND.js → chunk-WHX3TVFH.js} +2 -2
- package/dist/{chunk-O7LMNRND.js.map → chunk-WHX3TVFH.js.map} +1 -1
- package/dist/css/v1/styles.c474b818.css +1 -0
- package/dist/css/v1/{styles_md.53438709.css → styles_md.68466039.css} +1 -1
- package/dist/css/v1/tokens.b9b650a2.css +1 -0
- package/dist/imports.json +3 -3
- package/dist/links.cjs +1 -1
- package/dist/links.cjs.map +1 -1
- package/dist/links.js +1 -1
- package/dist/links.server.cjs +1 -1
- package/dist/links.server.cjs.map +1 -1
- package/dist/links.server.js +1 -1
- package/dist/llm/meta.md +50 -32
- package/dist/meta.json +150 -66
- package/dist/styles.css +1 -1
- package/dist/styles.d.ts +48 -13
- package/dist/styles_all-media.css +1 -1
- package/dist/styles_md.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.d.ts +36 -34
- package/package.json +2 -2
- package/dist/css/v1/styles.661791ab.css +0 -1
- package/dist/css/v1/tokens.a94c1908.css +0 -1
package/dist/styles_md.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer volvo.blocks{.dialog__close:has(button){margin-inline:calc(-1 * (var(--v-space-32)))}dialog.dialog-small,dialog.dialog-large{--_v9a7f44:.8;--_v59e7bb:0;border-end-end-radius:var(--_v19519f);border-end-start-radius:var(--_v19519f);max-width:calc(100vw + -1*clamp(3rem,20vw - 2rem,6rem));max-height:calc(100svh + -1*clamp(3rem,20vh - 2rem,6rem));margin-bottom:auto}dialog.sheet{--_v830231:0;--_v59e7bb:0;width:var(--v-size-grid-xs);max-width:calc(100vw + -1*clamp(2rem,13vw - 2rem,3rem));height:100svh;max-height:100svh;transition-timing-function:cubic-bezier(0,0,.1,1)}dialog.sheet[data-anchor=end],dialog.sheet:not([data-anchor]){--_v331d0e:calc(80% * var(--_v386612));border-start-end-radius:0;border-end-start-radius:var(--_v19519f);margin-inline-end:0}dialog.sheet[data-anchor=start]{--_v331d0e:calc(80% * var(--_v386612) * (-1));border-start-start-radius:0;border-end-end-radius:var(--_v19519f);margin-inline-start:0}.title-page,.title-section{column-gap:var(--v-space-24);grid-template-columns:1fr 1fr;grid-template-areas:"heading description""heading action"}:is(.title-page,.title-section)>[slot=heading]{margin-bottom:0}}@layer volvo.layout{:is(.container-lg,.container-md,.container-sm)[data-bleed]{--_vf7c86e:0px}:is(.container,.container-xl,.container-max)[data-bleed]{--_vf7c86e:calc(var(--v-space-pagemargin) * 2)}:is(.container,.container-xl,.container-max)[data-bleed=until-md]{--_vf7c86e:0px}}@layer volvo.utilities{.md\:aspect-1\/1{aspect-ratio:1}.md\:aspect-4\/5{aspect-ratio:4/5}.md\:aspect-2\/3{aspect-ratio:2/3}.md\:aspect-9\/16{aspect-ratio:9/16}.md\:aspect-4\/3{aspect-ratio:4/3}.md\:aspect-3\/2{aspect-ratio:3/2}.md\:aspect-16\/9{aspect-ratio:16/9}.md\:aspect-21\/9{aspect-ratio:21/9}.md\:basis-auto{flex-basis:auto}.md\:basis-0{flex-basis:0}.md\:basis-8{flex-basis:.5rem}.md\:basis-16{flex-basis:1rem}.md\:basis-24{flex-basis:1.5rem}.md\:basis-32{flex-basis:2rem}.md\:basis-40{flex-basis:2.5rem}.md\:basis-48{flex-basis:3rem}.md\:basis-64{flex-basis:4rem}.md\:basis-1\/2{flex-basis:50%}.md\:basis-full{flex-basis:100%}.md\:basis-xs{flex-basis:var(--v-size-grid-xs)}.md\:basis-sm{flex-basis:var(--v-size-grid-sm)}.md\:basis-md{flex-basis:var(--v-size-grid-md)}.md\:basis-lg{flex-basis:var(--v-size-grid-lg)}.md\:basis-xl{flex-basis:var(--v-size-grid-xl)}.md\:border-0{border-width:0}.md\:border{border-width:1px}.md\:border-2{border-width:2px}.md\:border-t-0{border-top-width:0}.md\:border-t{border-top-width:1px}.md\:border-t-2{border-top-width:2px}.md\:border-r-0{border-inline-end-width:0}.md\:border-r{border-inline-end-width:1px}.md\:border-r-2{border-inline-end-width:2px}.md\:border-b-0{border-bottom-width:0}.md\:border-b{border-bottom-width:1px}.md\:border-b-2{border-bottom-width:2px}.md\:border-l-0{border-inline-start-width:0}.md\:border-l{border-inline-start-width:1px}.md\:border-l-2{border-inline-start-width:2px}.md\:border-x-0{border-inline-width:0}.md\:border-x{border-inline-width:1px}.md\:border-x-2{border-inline-width:2px}.md\:border-y-0{border-block-width:0}.md\:border-y{border-block-width:1px}.md\:border-y-2{border-block-width:2px}:where(.md\:flow-root){--_v208351:block}:where(.md\:block,.md\:inline){--_vab2d17:flow}.md\:block{--_v208351:block}.md\:inline{--_v208351:inline}.md\:flow-root{--_vab2d17:flow-root}.md\:block,.md\:inline,.md\:flow-root{display:var(--_v208351) var(--_vab2d17)}.md\:contents{display:contents}:where(.md\:flex,.md\:flex-row,.md\:flex-col,.md\:flex-row-reverse,.md\:flex-col-reverse){--_v208351:block}@supports not (display:inline grid){:where(.md\:flex,.md\:flex-row,.md\:flex-col,.md\:flex-row-reverse,.md\:flex-col-reverse){--_v208351: }}.md\:flex,.md\:flex-col,.md\:flex-row,.md\:flex-col-reverse,.md\:flex-row-reverse{--_vab2d17:flex;display:var(--_v208351) flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:flex-grow{flex-grow:1}.md\:flex-grow-0{flex-grow:0}.md\:flex-shrink{flex-shrink:1}.md\:flex-shrink-0{flex-shrink:0}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:self-start{align-self:start}.md\:self-end{align-self:flex-end}.md\:self-center{align-self:center}.md\:self-stretch{align-self:stretch}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-around{justify-content:space-around}.md\:justify-between{justify-content:space-between}.md\:justify-evenly{justify-content:space-evenly}.md\:justify-center{justify-content:center}:where(.md\:grid,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4){--_v208351:block}@supports not (display:inline grid){:where(.md\:grid,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4){--_v208351: }}.md\:grid,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4{--_vab2d17:grid;display:var(--_v208351) grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:font-24{font-size:var(--v-font-24-size);line-height:var(--v-font-24-lineheight)}.md\:font-20{font-size:var(--v-font-20-size);line-height:var(--v-font-20-lineheight)}.md\:font-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}.md\:font-14{font-size:var(--v-font-14-size);line-height:var(--v-font-14-lineheight)}.md\:gap-0{gap:0}.md\:gap-y-0{row-gap:0}.md\:gap-x-0{column-gap:0}.md\:gap-y-l{row-gap:var(--v-space-l)}.md\:gap-y-m{row-gap:var(--v-space-m)}.md\:gap-y-s{row-gap:var(--v-space-s)}.md\:gap-x-gutter{column-gap:var(--v-space-gutter)}.md\:gap-2{gap:.125rem}.md\:gap-y-2{row-gap:.125rem}.md\:gap-x-2{column-gap:.125rem}.md\:gap-4{gap:.25rem}.md\:gap-y-4{row-gap:.25rem}.md\:gap-x-4{column-gap:.25rem}.md\:gap-8{gap:.5rem}.md\:gap-y-8{row-gap:.5rem}.md\:gap-x-8{column-gap:.5rem}.md\:gap-12{gap:.75rem}.md\:gap-y-12{row-gap:.75rem}.md\:gap-x-12{column-gap:.75rem}.md\:gap-16{gap:1rem}.md\:gap-y-16{row-gap:1rem}.md\:gap-x-16{column-gap:1rem}.md\:gap-24{gap:1.5rem}.md\:gap-y-24{row-gap:1.5rem}.md\:gap-x-24{column-gap:1.5rem}.md\:gap-32{gap:2rem}.md\:gap-y-32{row-gap:2rem}.md\:gap-x-32{column-gap:2rem}.md\:gap-48{gap:3rem}.md\:gap-y-48{row-gap:3rem}.md\:gap-x-48{column-gap:3rem}.md\:gap-64{gap:4rem}.md\:gap-y-64{row-gap:4rem}.md\:gap-x-64{column-gap:4rem}.md\:gap-gridded-element{gap:var(--v-space-gridded-element-gap)}.md\:gap-y-gridded-element{row-gap:var(--v-space-gridded-element-gap)}.md\:gap-x-gridded-element{column-gap:var(--v-space-gridded-element-gap)}.md\:gap-y-xs{row-gap:var(--v-space-xs)}.md\:gap-y-sm{row-gap:var(--v-space-sm)}.md\:gap-y-md{row-gap:var(--v-space-md)}.md\:gap-y-lg{row-gap:var(--v-space-lg)}.md\:gap-y-xl{row-gap:var(--v-space-xl)}.md\:gap-y-2xl{row-gap:var(--v-space-2xl)}.md\:h-0{height:0}.md\:h-8{height:.5rem}.md\:h-16{height:1rem}.md\:h-24{height:1.5rem}.md\:h-32{height:2rem}.md\:h-40{height:2.5rem}.md\:h-48{height:3rem}.md\:h-64{height:4rem}.md\:h-full{height:100%}.md\:h-fit{height:fit-content}.md\:min-h-0{min-height:0}.md\:min-h-8{min-height:.5rem}.md\:min-h-16{min-height:1rem}.md\:min-h-24{min-height:1.5rem}.md\:min-h-32{min-height:2rem}.md\:min-h-40{min-height:2.5rem}.md\:min-h-48{min-height:3rem}.md\:min-h-64{min-height:4rem}.md\:min-h-full{min-height:100%}.md\:min-h-fit{min-height:fit-content}.md\:max-h-0{max-height:0}.md\:max-h-8{max-height:.5rem}.md\:max-h-16{max-height:1rem}.md\:max-h-24{max-height:1.5rem}.md\:max-h-32{max-height:2rem}.md\:max-h-40{max-height:2.5rem}.md\:max-h-48{max-height:3rem}.md\:max-h-64{max-height:4rem}.md\:max-h-full{max-height:100%}.md\:max-h-fit{max-height:fit-content}.md\:hidden{display:none}@media (width<=63.99rem){.md\:until-lg\:hidden{display:none}}@media (width<=99.99rem){.md\:until-xl\:hidden{display:none}}.md\:m-auto{margin:auto}.md\:my-auto,.md\:mt-auto{margin-top:auto}.md\:my-auto,.md\:mb-auto{margin-bottom:auto}.md\:mx-auto,.md\:mr-auto{margin-inline-end:auto}.md\:mx-auto,.md\:ml-auto{margin-inline-start:auto}.md\:m-0{margin:0}.md\:my-0,.md\:mt-0{margin-top:0}.md\:my-0,.md\:mb-0{margin-bottom:0}.md\:mx-0,.md\:mr-0{margin-inline-end:0}.md\:mx-0,.md\:ml-0{margin-inline-start:0}.md\:my-l,.md\:mt-l{margin-top:var(--v-space-l)}.md\:my-l,.md\:mb-l{margin-bottom:var(--v-space-l)}.md\:my-m,.md\:mt-m{margin-top:var(--v-space-m)}.md\:my-m,.md\:mb-m{margin-bottom:var(--v-space-m)}.md\:my-s,.md\:mt-s{margin-top:var(--v-space-s)}.md\:my-s,.md\:mb-s{margin-bottom:var(--v-space-s)}.md\:mx-pageoffset,.md\:mr-pageoffset{margin-inline-end:var(--v-space-pageoffset)}.md\:mx-pageoffset,.md\:ml-pageoffset{margin-inline-start:var(--v-space-pageoffset)}.md\:mx-pagemargin,.md\:mr-pagemargin{margin-inline-end:var(--v-space-pagemargin)}.md\:mx-pagemargin,.md\:ml-pagemargin{margin-inline-start:var(--v-space-pagemargin)}.md\:m-2{margin:.125rem}.md\:-m-2{margin:-.125rem}.md\:my-2,.md\:mt-2{margin-top:.125rem}.md\:my-2,.md\:mb-2{margin-bottom:.125rem}.md\:-my-2,.md\:-mt-2{margin-top:-.125rem}.md\:-my-2,.md\:-mb-2{margin-bottom:-.125rem}.md\:mx-2,.md\:mr-2{margin-inline-end:.125rem}.md\:mx-2,.md\:ml-2{margin-inline-start:.125rem}.md\:-mx-2,.md\:-mr-2{margin-inline-end:-.125rem}.md\:-mx-2,.md\:-ml-2{margin-inline-start:-.125rem}.md\:m-4{margin:.25rem}.md\:-m-4{margin:-.25rem}.md\:my-4,.md\:mt-4{margin-top:.25rem}.md\:my-4,.md\:mb-4{margin-bottom:.25rem}.md\:-my-4,.md\:-mt-4{margin-top:-.25rem}.md\:-my-4,.md\:-mb-4{margin-bottom:-.25rem}.md\:mx-4,.md\:mr-4{margin-inline-end:.25rem}.md\:mx-4,.md\:ml-4{margin-inline-start:.25rem}.md\:-mx-4,.md\:-mr-4{margin-inline-end:-.25rem}.md\:-mx-4,.md\:-ml-4{margin-inline-start:-.25rem}.md\:m-8{margin:.5rem}.md\:-m-8{margin:-.5rem}.md\:my-8,.md\:mt-8{margin-top:.5rem}.md\:my-8,.md\:mb-8{margin-bottom:.5rem}.md\:-my-8,.md\:-mt-8{margin-top:-.5rem}.md\:-my-8,.md\:-mb-8{margin-bottom:-.5rem}.md\:mx-8,.md\:mr-8{margin-inline-end:.5rem}.md\:mx-8,.md\:ml-8{margin-inline-start:.5rem}.md\:-mx-8,.md\:-mr-8{margin-inline-end:-.5rem}.md\:-mx-8,.md\:-ml-8{margin-inline-start:-.5rem}.md\:m-12{margin:.75rem}.md\:-m-12{margin:-.75rem}.md\:my-12,.md\:mt-12{margin-top:.75rem}.md\:my-12,.md\:mb-12{margin-bottom:.75rem}.md\:-my-12,.md\:-mt-12{margin-top:-.75rem}.md\:-my-12,.md\:-mb-12{margin-bottom:-.75rem}.md\:mx-12,.md\:mr-12{margin-inline-end:.75rem}.md\:mx-12,.md\:ml-12{margin-inline-start:.75rem}.md\:-mx-12,.md\:-mr-12{margin-inline-end:-.75rem}.md\:-mx-12,.md\:-ml-12{margin-inline-start:-.75rem}.md\:m-16{margin:1rem}.md\:-m-16{margin:-1rem}.md\:my-16,.md\:mt-16{margin-top:1rem}.md\:my-16,.md\:mb-16{margin-bottom:1rem}.md\:-my-16,.md\:-mt-16{margin-top:-1rem}.md\:-my-16,.md\:-mb-16{margin-bottom:-1rem}.md\:mx-16,.md\:mr-16{margin-inline-end:1rem}.md\:mx-16,.md\:ml-16{margin-inline-start:1rem}.md\:-mx-16,.md\:-mr-16{margin-inline-end:-1rem}.md\:-mx-16,.md\:-ml-16{margin-inline-start:-1rem}.md\:m-24{margin:1.5rem}.md\:-m-24{margin:-1.5rem}.md\:my-24,.md\:mt-24{margin-top:1.5rem}.md\:my-24,.md\:mb-24{margin-bottom:1.5rem}.md\:-my-24,.md\:-mt-24{margin-top:-1.5rem}.md\:-my-24,.md\:-mb-24{margin-bottom:-1.5rem}.md\:mx-24,.md\:mr-24{margin-inline-end:1.5rem}.md\:mx-24,.md\:ml-24{margin-inline-start:1.5rem}.md\:-mx-24,.md\:-mr-24{margin-inline-end:-1.5rem}.md\:-mx-24,.md\:-ml-24{margin-inline-start:-1.5rem}.md\:m-32{margin:2rem}.md\:-m-32{margin:-2rem}.md\:my-32,.md\:mt-32{margin-top:2rem}.md\:my-32,.md\:mb-32{margin-bottom:2rem}.md\:-my-32,.md\:-mt-32{margin-top:-2rem}.md\:-my-32,.md\:-mb-32{margin-bottom:-2rem}.md\:mx-32,.md\:mr-32{margin-inline-end:2rem}.md\:mx-32,.md\:ml-32{margin-inline-start:2rem}.md\:-mx-32,.md\:-mr-32{margin-inline-end:-2rem}.md\:-mx-32,.md\:-ml-32{margin-inline-start:-2rem}.md\:m-48{margin:3rem}.md\:-m-48{margin:-3rem}.md\:my-48,.md\:mt-48{margin-top:3rem}.md\:my-48,.md\:mb-48{margin-bottom:3rem}.md\:-my-48,.md\:-mt-48{margin-top:-3rem}.md\:-my-48,.md\:-mb-48{margin-bottom:-3rem}.md\:mx-48,.md\:mr-48{margin-inline-end:3rem}.md\:mx-48,.md\:ml-48{margin-inline-start:3rem}.md\:-mx-48,.md\:-mr-48{margin-inline-end:-3rem}.md\:-mx-48,.md\:-ml-48{margin-inline-start:-3rem}.md\:m-64{margin:4rem}.md\:-m-64{margin:-4rem}.md\:my-64,.md\:mt-64{margin-top:4rem}.md\:my-64,.md\:mb-64{margin-bottom:4rem}.md\:-my-64,.md\:-mt-64{margin-top:-4rem}.md\:-my-64,.md\:-mb-64{margin-bottom:-4rem}.md\:mx-64,.md\:mr-64{margin-inline-end:4rem}.md\:mx-64,.md\:ml-64{margin-inline-start:4rem}.md\:-mx-64,.md\:-mr-64{margin-inline-end:-4rem}.md\:-mx-64,.md\:-ml-64{margin-inline-start:-4rem}.md\:my-xs,.md\:mt-xs{margin-top:var(--v-space-xs)}.md\:my-xs,.md\:mb-xs{margin-bottom:var(--v-space-xs)}.md\:my-sm,.md\:mt-sm{margin-top:var(--v-space-sm)}.md\:my-sm,.md\:mb-sm{margin-bottom:var(--v-space-sm)}.md\:my-md,.md\:mt-md{margin-top:var(--v-space-md)}.md\:my-md,.md\:mb-md{margin-bottom:var(--v-space-md)}.md\:my-lg,.md\:mt-lg{margin-top:var(--v-space-lg)}.md\:my-lg,.md\:mb-lg{margin-bottom:var(--v-space-lg)}.md\:my-xl,.md\:mt-xl{margin-top:var(--v-space-xl)}.md\:my-xl,.md\:mb-xl{margin-bottom:var(--v-space-xl)}.md\:my-2xl,.md\:mt-2xl{margin-top:var(--v-space-2xl)}.md\:my-2xl,.md\:mb-2xl{margin-bottom:var(--v-space-2xl)}.md\:overflow-auto{overflow:auto}.md\:overflow-hidden{overflow:hidden}.md\:overflow-visible{overflow:visible}.md\:overflow-clip{overflow:clip}.md\:overflow-x-auto{overflow-x:auto}.md\:overflow-x-hidden{overflow-x:hidden}.md\:overflow-x-visible{overflow-x:visible}.md\:overflow-x-clip{overflow-x:clip}.md\:overflow-y-auto{overflow-y:auto}.md\:overflow-y-hidden{overflow-y:hidden}.md\:overflow-y-visible{overflow-y:visible}.md\:overflow-y-clip{overflow-y:clip}.md\:p-0{padding:0}.md\:py-0,.md\:pt-0{padding-top:0}.md\:py-0,.md\:pb-0{padding-bottom:0}.md\:px-0,.md\:pr-0{padding-inline-end:0}.md\:px-0,.md\:pl-0{padding-inline-start:0}.md\:py-l,.md\:pt-l{padding-top:var(--v-space-l)}.md\:py-l,.md\:pb-l{padding-bottom:var(--v-space-l)}.md\:py-m,.md\:pt-m{padding-top:var(--v-space-m)}.md\:py-m,.md\:pb-m{padding-bottom:var(--v-space-m)}.md\:py-s,.md\:pt-s{padding-top:var(--v-space-s)}.md\:py-s,.md\:pb-s{padding-bottom:var(--v-space-s)}.md\:px-pageoffset,.md\:pr-pageoffset{padding-inline-end:var(--v-space-pageoffset)}.md\:px-pageoffset,.md\:pl-pageoffset{padding-inline-start:var(--v-space-pageoffset)}.md\:px-pagemargin,.md\:pr-pagemargin{padding-inline-end:var(--v-space-pagemargin)}.md\:px-pagemargin,.md\:pl-pagemargin{padding-inline-start:var(--v-space-pagemargin)}.md\:p-2{padding:.125rem}.md\:py-2,.md\:pt-2{padding-top:.125rem}.md\:py-2,.md\:pb-2{padding-bottom:.125rem}.md\:px-2,.md\:pr-2{padding-inline-end:.125rem}.md\:px-2,.md\:pl-2{padding-inline-start:.125rem}.md\:p-4{padding:.25rem}.md\:py-4,.md\:pt-4{padding-top:.25rem}.md\:py-4,.md\:pb-4{padding-bottom:.25rem}.md\:px-4,.md\:pr-4{padding-inline-end:.25rem}.md\:px-4,.md\:pl-4{padding-inline-start:.25rem}.md\:p-8{padding:.5rem}.md\:py-8,.md\:pt-8{padding-top:.5rem}.md\:py-8,.md\:pb-8{padding-bottom:.5rem}.md\:px-8,.md\:pr-8{padding-inline-end:.5rem}.md\:px-8,.md\:pl-8{padding-inline-start:.5rem}.md\:p-12{padding:.75rem}.md\:py-12,.md\:pt-12{padding-top:.75rem}.md\:py-12,.md\:pb-12{padding-bottom:.75rem}.md\:px-12,.md\:pr-12{padding-inline-end:.75rem}.md\:px-12,.md\:pl-12{padding-inline-start:.75rem}.md\:p-16{padding:1rem}.md\:py-16,.md\:pt-16{padding-top:1rem}.md\:py-16,.md\:pb-16{padding-bottom:1rem}.md\:px-16,.md\:pr-16{padding-inline-end:1rem}.md\:px-16,.md\:pl-16{padding-inline-start:1rem}.md\:p-24{padding:1.5rem}.md\:py-24,.md\:pt-24{padding-top:1.5rem}.md\:py-24,.md\:pb-24{padding-bottom:1.5rem}.md\:px-24,.md\:pr-24{padding-inline-end:1.5rem}.md\:px-24,.md\:pl-24{padding-inline-start:1.5rem}.md\:p-32{padding:2rem}.md\:py-32,.md\:pt-32{padding-top:2rem}.md\:py-32,.md\:pb-32{padding-bottom:2rem}.md\:px-32,.md\:pr-32{padding-inline-end:2rem}.md\:px-32,.md\:pl-32{padding-inline-start:2rem}.md\:p-48{padding:3rem}.md\:py-48,.md\:pt-48{padding-top:3rem}.md\:py-48,.md\:pb-48{padding-bottom:3rem}.md\:px-48,.md\:pr-48{padding-inline-end:3rem}.md\:px-48,.md\:pl-48{padding-inline-start:3rem}.md\:p-64{padding:4rem}.md\:py-64,.md\:pt-64{padding-top:4rem}.md\:py-64,.md\:pb-64{padding-bottom:4rem}.md\:px-64,.md\:pr-64{padding-inline-end:4rem}.md\:px-64,.md\:pl-64{padding-inline-start:4rem}.md\:py-xs,.md\:pt-xs{padding-top:var(--v-space-xs)}.md\:py-xs,.md\:pb-xs{padding-bottom:var(--v-space-xs)}.md\:py-sm,.md\:pt-sm{padding-top:var(--v-space-sm)}.md\:py-sm,.md\:pb-sm{padding-bottom:var(--v-space-sm)}.md\:py-md,.md\:pt-md{padding-top:var(--v-space-md)}.md\:py-md,.md\:pb-md{padding-bottom:var(--v-space-md)}.md\:py-lg,.md\:pt-lg{padding-top:var(--v-space-lg)}.md\:py-lg,.md\:pb-lg{padding-bottom:var(--v-space-lg)}.md\:py-xl,.md\:pt-xl{padding-top:var(--v-space-xl)}.md\:py-xl,.md\:pb-xl{padding-bottom:var(--v-space-xl)}.md\:py-2xl,.md\:pt-2xl{padding-top:var(--v-space-2xl)}.md\:py-2xl,.md\:pb-2xl{padding-bottom:var(--v-space-2xl)}.md\:text-start{text-align:start}.md\:text-end{text-align:end}.md\:text-center{text-align:center}.md\:text-secondary{--color:var(--v-color-foreground-secondary);color:var(--v-color-foreground-secondary)}.md\:text-primary{--color:var(--v-color-foreground-primary);color:var(--v-color-foreground-primary)}.md\:invisible{visibility:hidden}@media (width<=63.99rem){.md\:until-lg\:invisible{visibility:hidden}}@media (width<=99.99rem){.md\:until-xl\:invisible{visibility:hidden}}.md\:w-0{width:0}.md\:w-8{width:.5rem}.md\:w-16{width:1rem}.md\:w-24{width:1.5rem}.md\:w-32{width:2rem}.md\:w-40{width:2.5rem}.md\:w-48{width:3rem}.md\:w-64{width:4rem}.md\:w-1\/2{width:50%}.md\:w-full{width:100%}.md\:w-min{width:min-content}.md\:w-fit{width:fit-content}.md\:min-w-0{min-width:0}.md\:min-w-fit{min-width:fit-content}.md\:min-w-min{min-width:min-content}.md\:max-w-1\/2{max-width:50%}.md\:max-w-full{max-width:100%}.md\:max-w-fit{max-width:fit-content}.md\:max-w-min{max-width:min-content}}@media (width>=64rem){@layer volvo.blocks{.text-banner{flex-direction:row}.text-banner>*{flex:1}.media-banner{gap:var(--v-space-gutter);flex-direction:row}.media-banner [slot=media]{align-self:start;width:50%}.media-banner [slot=content]{width:50%;max-width:var(--v-size-contentmax);justify-content:center;margin-inline:auto}dialog.dialog-large,dialog.sheet{--dialog-padding:var(--v-space-32)}.toast-message{width:var(--v-size-grid-xs)}.message-bar{gap:var(--v-space-16);flex-direction:row;justify-content:center;align-items:center}.message-bar:has([slot=dismiss]){padding-inline:calc(var(--v-space-pageoffset) + 2.5rem + var(--v-space-8))}.message-bar:has([slot=dismiss]) [slot=description]:before{display:none}.message-bar [slot=dismiss]{top:50%;transform:translateY(-50%)}}@layer volvo.layout{:is(.container,.container-xl,.container-max)[data-bleed=until-lg]{--_vf7c86e:0px}.layout-4-5,.layout-5-4,.layout-6-4,.layout-4-6{--_vf7c86e:0px;grid-template-columns:1fr 1fr}.layout-4-5>:first-child,.layout-6-4>:nth-child(2),.layout-4-6>:first-child,.layout-5-4>:nth-child(2){margin-inline:calc(var(--v-size-grid-column) + var(--v-space-gutter))}.layout-4-6>:nth-child(2){order:unset}.layout-4-5:not([data-reversed=true])>:nth-child(2),.layout-5-4[data-reversed=true]>:first-child{margin-inline-start:unset;margin-inline-end:calc(var(--v-size-grid-column) + var(--v-space-gutter))}.layout-5-4:not([data-reversed=true])>:first-child,.layout-4-5[data-reversed=true]>:nth-child(2){margin-inline-start:calc(var(--v-size-grid-column) + var(--v-space-gutter));margin-inline-end:unset}.layout-5-4[data-reversed=true]>:first-child,.layout-4-5[data-reversed=true]>:first-child,.layout-6-4[data-reversed=true]>:first-child,.layout-4-6[data-reversed=true]>:first-child{order:1}.pagelayout{--sidebar-width:var(--v-size-sidebar-wide);--_vba28a6:var(--_v82e9db) [main-start] 1fr [main-end] var(--v-space-pagemargin) [sidebar-start] var(--sidebar-width) [sidebar-end];--_v08327b:var(--_vd78906) [sidebar-start] var(--sidebar-width) [sidebar-end] var(--v-space-pagemargin) [main-start] 1fr [main-end]}.pagelayout>[slot~=page]{grid-column:page}.pagelayout>[slot~=main]{grid-column:main}.pagelayout>[slot~=main]:is([data-bleed-start=true],[data-bleed-start=md],[data-bleed-start=lg],[data-bleed=true],[data-bleed=md],[data-bleed=lg]){grid-column-start:var(--_vfe583d,bleed)}.pagelayout>[slot~=main]:is([data-bleed-end=true],[data-bleed-end=md],[data-bleed-end=lg],[data-bleed=true],[data-bleed=md],[data-bleed=lg]){grid-column-end:var(--_v4d94be,bleed)}.pagelayout>[slot*=sidebar]{grid-column:sidebar}.pagelayout>[slot*=sidebar]:is([data-bleed-start=true],[data-bleed-start=md],[data-bleed-start=lg],[data-bleed=true],[data-bleed=md],[data-bleed=lg]){grid-column-start:var(--_v1c66fc,bleed)}.pagelayout>[slot*=sidebar]:is([data-bleed-end=true],[data-bleed-end=md],[data-bleed-end=lg],[data-bleed=true],[data-bleed=md],[data-bleed=lg]){grid-column-end:var(--_v18f549,bleed)}.pagelayout:has(>:first-child[slot~=main]){--_v82e9db: ;--_v1c66fc:sidebar;--_v4d94be:main}.pagelayout:has(>:first-child[slot*=sidebar]){--_vd78906: ;--_v18f549:sidebar;--_vfe583d:main}.pagelayout:has([slot~=sidebar-narrow]){--sidebar-width:var(--v-size-sidebar-narrow)}}@layer volvo.utilities{.lg\:aspect-1\/1{aspect-ratio:1}.lg\:aspect-4\/5{aspect-ratio:4/5}.lg\:aspect-2\/3{aspect-ratio:2/3}.lg\:aspect-9\/16{aspect-ratio:9/16}.lg\:aspect-4\/3{aspect-ratio:4/3}.lg\:aspect-3\/2{aspect-ratio:3/2}.lg\:aspect-16\/9{aspect-ratio:16/9}.lg\:aspect-21\/9{aspect-ratio:21/9}.lg\:basis-auto{flex-basis:auto}.lg\:basis-0{flex-basis:0}.lg\:basis-8{flex-basis:.5rem}.lg\:basis-16{flex-basis:1rem}.lg\:basis-24{flex-basis:1.5rem}.lg\:basis-32{flex-basis:2rem}.lg\:basis-40{flex-basis:2.5rem}.lg\:basis-48{flex-basis:3rem}.lg\:basis-64{flex-basis:4rem}.lg\:basis-1\/2{flex-basis:50%}.lg\:basis-full{flex-basis:100%}.lg\:basis-xs{flex-basis:var(--v-size-grid-xs)}.lg\:basis-sm{flex-basis:var(--v-size-grid-sm)}.lg\:basis-md{flex-basis:var(--v-size-grid-md)}.lg\:basis-lg{flex-basis:var(--v-size-grid-lg)}.lg\:basis-xl{flex-basis:var(--v-size-grid-xl)}.lg\:border-0{border-width:0}.lg\:border{border-width:1px}.lg\:border-2{border-width:2px}.lg\:border-t-0{border-top-width:0}.lg\:border-t{border-top-width:1px}.lg\:border-t-2{border-top-width:2px}.lg\:border-r-0{border-inline-end-width:0}.lg\:border-r{border-inline-end-width:1px}.lg\:border-r-2{border-inline-end-width:2px}.lg\:border-b-0{border-bottom-width:0}.lg\:border-b{border-bottom-width:1px}.lg\:border-b-2{border-bottom-width:2px}.lg\:border-l-0{border-inline-start-width:0}.lg\:border-l{border-inline-start-width:1px}.lg\:border-l-2{border-inline-start-width:2px}.lg\:border-x-0{border-inline-width:0}.lg\:border-x{border-inline-width:1px}.lg\:border-x-2{border-inline-width:2px}.lg\:border-y-0{border-block-width:0}.lg\:border-y{border-block-width:1px}.lg\:border-y-2{border-block-width:2px}:where(.lg\:flow-root){--_v208351:block}:where(.lg\:block,.lg\:inline){--_vab2d17:flow}.lg\:block{--_v208351:block}.lg\:inline{--_v208351:inline}.lg\:flow-root{--_vab2d17:flow-root}.lg\:block,.lg\:inline,.lg\:flow-root{display:var(--_v208351) var(--_vab2d17)}.lg\:contents{display:contents}:where(.lg\:flex,.lg\:flex-row,.lg\:flex-col,.lg\:flex-row-reverse,.lg\:flex-col-reverse){--_v208351:block}@supports not (display:inline grid){:where(.lg\:flex,.lg\:flex-row,.lg\:flex-col,.lg\:flex-row-reverse,.lg\:flex-col-reverse){--_v208351: }}.lg\:flex,.lg\:flex-col,.lg\:flex-row,.lg\:flex-col-reverse,.lg\:flex-row-reverse{--_vab2d17:flex;display:var(--_v208351) flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:flex-grow{flex-grow:1}.lg\:flex-grow-0{flex-grow:0}.lg\:flex-shrink{flex-shrink:1}.lg\:flex-shrink-0{flex-shrink:0}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:self-start{align-self:start}.lg\:self-end{align-self:flex-end}.lg\:self-center{align-self:center}.lg\:self-stretch{align-self:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-around{justify-content:space-around}.lg\:justify-between{justify-content:space-between}.lg\:justify-evenly{justify-content:space-evenly}.lg\:justify-center{justify-content:center}:where(.lg\:grid,.lg\:grid-cols-2,.lg\:grid-cols-3,.lg\:grid-cols-4){--_v208351:block}@supports not (display:inline grid){:where(.lg\:grid,.lg\:grid-cols-2,.lg\:grid-cols-3,.lg\:grid-cols-4){--_v208351: }}.lg\:grid,.lg\:grid-cols-2,.lg\:grid-cols-3,.lg\:grid-cols-4{--_vab2d17:grid;display:var(--_v208351) grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:font-24{font-size:var(--v-font-24-size);line-height:var(--v-font-24-lineheight)}.lg\:font-20{font-size:var(--v-font-20-size);line-height:var(--v-font-20-lineheight)}.lg\:font-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}.lg\:font-14{font-size:var(--v-font-14-size);line-height:var(--v-font-14-lineheight)}.lg\:gap-0{gap:0}.lg\:gap-y-0{row-gap:0}.lg\:gap-x-0{column-gap:0}.lg\:gap-y-l{row-gap:var(--v-space-l)}.lg\:gap-y-m{row-gap:var(--v-space-m)}.lg\:gap-y-s{row-gap:var(--v-space-s)}.lg\:gap-x-gutter{column-gap:var(--v-space-gutter)}.lg\:gap-2{gap:.125rem}.lg\:gap-y-2{row-gap:.125rem}.lg\:gap-x-2{column-gap:.125rem}.lg\:gap-4{gap:.25rem}.lg\:gap-y-4{row-gap:.25rem}.lg\:gap-x-4{column-gap:.25rem}.lg\:gap-8{gap:.5rem}.lg\:gap-y-8{row-gap:.5rem}.lg\:gap-x-8{column-gap:.5rem}.lg\:gap-12{gap:.75rem}.lg\:gap-y-12{row-gap:.75rem}.lg\:gap-x-12{column-gap:.75rem}.lg\:gap-16{gap:1rem}.lg\:gap-y-16{row-gap:1rem}.lg\:gap-x-16{column-gap:1rem}.lg\:gap-24{gap:1.5rem}.lg\:gap-y-24{row-gap:1.5rem}.lg\:gap-x-24{column-gap:1.5rem}.lg\:gap-32{gap:2rem}.lg\:gap-y-32{row-gap:2rem}.lg\:gap-x-32{column-gap:2rem}.lg\:gap-48{gap:3rem}.lg\:gap-y-48{row-gap:3rem}.lg\:gap-x-48{column-gap:3rem}.lg\:gap-64{gap:4rem}.lg\:gap-y-64{row-gap:4rem}.lg\:gap-x-64{column-gap:4rem}.lg\:gap-gridded-element{gap:var(--v-space-gridded-element-gap)}.lg\:gap-y-gridded-element{row-gap:var(--v-space-gridded-element-gap)}.lg\:gap-x-gridded-element{column-gap:var(--v-space-gridded-element-gap)}.lg\:gap-y-xs{row-gap:var(--v-space-xs)}.lg\:gap-y-sm{row-gap:var(--v-space-sm)}.lg\:gap-y-md{row-gap:var(--v-space-md)}.lg\:gap-y-lg{row-gap:var(--v-space-lg)}.lg\:gap-y-xl{row-gap:var(--v-space-xl)}.lg\:gap-y-2xl{row-gap:var(--v-space-2xl)}.lg\:h-0{height:0}.lg\:h-8{height:.5rem}.lg\:h-16{height:1rem}.lg\:h-24{height:1.5rem}.lg\:h-32{height:2rem}.lg\:h-40{height:2.5rem}.lg\:h-48{height:3rem}.lg\:h-64{height:4rem}.lg\:h-full{height:100%}.lg\:h-fit{height:fit-content}.lg\:min-h-0{min-height:0}.lg\:min-h-8{min-height:.5rem}.lg\:min-h-16{min-height:1rem}.lg\:min-h-24{min-height:1.5rem}.lg\:min-h-32{min-height:2rem}.lg\:min-h-40{min-height:2.5rem}.lg\:min-h-48{min-height:3rem}.lg\:min-h-64{min-height:4rem}.lg\:min-h-full{min-height:100%}.lg\:min-h-fit{min-height:fit-content}.lg\:max-h-0{max-height:0}.lg\:max-h-8{max-height:.5rem}.lg\:max-h-16{max-height:1rem}.lg\:max-h-24{max-height:1.5rem}.lg\:max-h-32{max-height:2rem}.lg\:max-h-40{max-height:2.5rem}.lg\:max-h-48{max-height:3rem}.lg\:max-h-64{max-height:4rem}.lg\:max-h-full{max-height:100%}.lg\:max-h-fit{max-height:fit-content}.lg\:hidden{display:none}@media (width<=99.99rem){.lg\:until-xl\:hidden{display:none}}.lg\:m-auto{margin:auto}.lg\:my-auto,.lg\:mt-auto{margin-top:auto}.lg\:my-auto,.lg\:mb-auto{margin-bottom:auto}.lg\:mx-auto,.lg\:mr-auto{margin-inline-end:auto}.lg\:mx-auto,.lg\:ml-auto{margin-inline-start:auto}.lg\:m-0{margin:0}.lg\:my-0,.lg\:mt-0{margin-top:0}.lg\:my-0,.lg\:mb-0{margin-bottom:0}.lg\:mx-0,.lg\:mr-0{margin-inline-end:0}.lg\:mx-0,.lg\:ml-0{margin-inline-start:0}.lg\:my-l,.lg\:mt-l{margin-top:var(--v-space-l)}.lg\:my-l,.lg\:mb-l{margin-bottom:var(--v-space-l)}.lg\:my-m,.lg\:mt-m{margin-top:var(--v-space-m)}.lg\:my-m,.lg\:mb-m{margin-bottom:var(--v-space-m)}.lg\:my-s,.lg\:mt-s{margin-top:var(--v-space-s)}.lg\:my-s,.lg\:mb-s{margin-bottom:var(--v-space-s)}.lg\:mx-pageoffset,.lg\:mr-pageoffset{margin-inline-end:var(--v-space-pageoffset)}.lg\:mx-pageoffset,.lg\:ml-pageoffset{margin-inline-start:var(--v-space-pageoffset)}.lg\:mx-pagemargin,.lg\:mr-pagemargin{margin-inline-end:var(--v-space-pagemargin)}.lg\:mx-pagemargin,.lg\:ml-pagemargin{margin-inline-start:var(--v-space-pagemargin)}.lg\:m-2{margin:.125rem}.lg\:-m-2{margin:-.125rem}.lg\:my-2,.lg\:mt-2{margin-top:.125rem}.lg\:my-2,.lg\:mb-2{margin-bottom:.125rem}.lg\:-my-2,.lg\:-mt-2{margin-top:-.125rem}.lg\:-my-2,.lg\:-mb-2{margin-bottom:-.125rem}.lg\:mx-2,.lg\:mr-2{margin-inline-end:.125rem}.lg\:mx-2,.lg\:ml-2{margin-inline-start:.125rem}.lg\:-mx-2,.lg\:-mr-2{margin-inline-end:-.125rem}.lg\:-mx-2,.lg\:-ml-2{margin-inline-start:-.125rem}.lg\:m-4{margin:.25rem}.lg\:-m-4{margin:-.25rem}.lg\:my-4,.lg\:mt-4{margin-top:.25rem}.lg\:my-4,.lg\:mb-4{margin-bottom:.25rem}.lg\:-my-4,.lg\:-mt-4{margin-top:-.25rem}.lg\:-my-4,.lg\:-mb-4{margin-bottom:-.25rem}.lg\:mx-4,.lg\:mr-4{margin-inline-end:.25rem}.lg\:mx-4,.lg\:ml-4{margin-inline-start:.25rem}.lg\:-mx-4,.lg\:-mr-4{margin-inline-end:-.25rem}.lg\:-mx-4,.lg\:-ml-4{margin-inline-start:-.25rem}.lg\:m-8{margin:.5rem}.lg\:-m-8{margin:-.5rem}.lg\:my-8,.lg\:mt-8{margin-top:.5rem}.lg\:my-8,.lg\:mb-8{margin-bottom:.5rem}.lg\:-my-8,.lg\:-mt-8{margin-top:-.5rem}.lg\:-my-8,.lg\:-mb-8{margin-bottom:-.5rem}.lg\:mx-8,.lg\:mr-8{margin-inline-end:.5rem}.lg\:mx-8,.lg\:ml-8{margin-inline-start:.5rem}.lg\:-mx-8,.lg\:-mr-8{margin-inline-end:-.5rem}.lg\:-mx-8,.lg\:-ml-8{margin-inline-start:-.5rem}.lg\:m-12{margin:.75rem}.lg\:-m-12{margin:-.75rem}.lg\:my-12,.lg\:mt-12{margin-top:.75rem}.lg\:my-12,.lg\:mb-12{margin-bottom:.75rem}.lg\:-my-12,.lg\:-mt-12{margin-top:-.75rem}.lg\:-my-12,.lg\:-mb-12{margin-bottom:-.75rem}.lg\:mx-12,.lg\:mr-12{margin-inline-end:.75rem}.lg\:mx-12,.lg\:ml-12{margin-inline-start:.75rem}.lg\:-mx-12,.lg\:-mr-12{margin-inline-end:-.75rem}.lg\:-mx-12,.lg\:-ml-12{margin-inline-start:-.75rem}.lg\:m-16{margin:1rem}.lg\:-m-16{margin:-1rem}.lg\:my-16,.lg\:mt-16{margin-top:1rem}.lg\:my-16,.lg\:mb-16{margin-bottom:1rem}.lg\:-my-16,.lg\:-mt-16{margin-top:-1rem}.lg\:-my-16,.lg\:-mb-16{margin-bottom:-1rem}.lg\:mx-16,.lg\:mr-16{margin-inline-end:1rem}.lg\:mx-16,.lg\:ml-16{margin-inline-start:1rem}.lg\:-mx-16,.lg\:-mr-16{margin-inline-end:-1rem}.lg\:-mx-16,.lg\:-ml-16{margin-inline-start:-1rem}.lg\:m-24{margin:1.5rem}.lg\:-m-24{margin:-1.5rem}.lg\:my-24,.lg\:mt-24{margin-top:1.5rem}.lg\:my-24,.lg\:mb-24{margin-bottom:1.5rem}.lg\:-my-24,.lg\:-mt-24{margin-top:-1.5rem}.lg\:-my-24,.lg\:-mb-24{margin-bottom:-1.5rem}.lg\:mx-24,.lg\:mr-24{margin-inline-end:1.5rem}.lg\:mx-24,.lg\:ml-24{margin-inline-start:1.5rem}.lg\:-mx-24,.lg\:-mr-24{margin-inline-end:-1.5rem}.lg\:-mx-24,.lg\:-ml-24{margin-inline-start:-1.5rem}.lg\:m-32{margin:2rem}.lg\:-m-32{margin:-2rem}.lg\:my-32,.lg\:mt-32{margin-top:2rem}.lg\:my-32,.lg\:mb-32{margin-bottom:2rem}.lg\:-my-32,.lg\:-mt-32{margin-top:-2rem}.lg\:-my-32,.lg\:-mb-32{margin-bottom:-2rem}.lg\:mx-32,.lg\:mr-32{margin-inline-end:2rem}.lg\:mx-32,.lg\:ml-32{margin-inline-start:2rem}.lg\:-mx-32,.lg\:-mr-32{margin-inline-end:-2rem}.lg\:-mx-32,.lg\:-ml-32{margin-inline-start:-2rem}.lg\:m-48{margin:3rem}.lg\:-m-48{margin:-3rem}.lg\:my-48,.lg\:mt-48{margin-top:3rem}.lg\:my-48,.lg\:mb-48{margin-bottom:3rem}.lg\:-my-48,.lg\:-mt-48{margin-top:-3rem}.lg\:-my-48,.lg\:-mb-48{margin-bottom:-3rem}.lg\:mx-48,.lg\:mr-48{margin-inline-end:3rem}.lg\:mx-48,.lg\:ml-48{margin-inline-start:3rem}.lg\:-mx-48,.lg\:-mr-48{margin-inline-end:-3rem}.lg\:-mx-48,.lg\:-ml-48{margin-inline-start:-3rem}.lg\:m-64{margin:4rem}.lg\:-m-64{margin:-4rem}.lg\:my-64,.lg\:mt-64{margin-top:4rem}.lg\:my-64,.lg\:mb-64{margin-bottom:4rem}.lg\:-my-64,.lg\:-mt-64{margin-top:-4rem}.lg\:-my-64,.lg\:-mb-64{margin-bottom:-4rem}.lg\:mx-64,.lg\:mr-64{margin-inline-end:4rem}.lg\:mx-64,.lg\:ml-64{margin-inline-start:4rem}.lg\:-mx-64,.lg\:-mr-64{margin-inline-end:-4rem}.lg\:-mx-64,.lg\:-ml-64{margin-inline-start:-4rem}.lg\:my-xs,.lg\:mt-xs{margin-top:var(--v-space-xs)}.lg\:my-xs,.lg\:mb-xs{margin-bottom:var(--v-space-xs)}.lg\:my-sm,.lg\:mt-sm{margin-top:var(--v-space-sm)}.lg\:my-sm,.lg\:mb-sm{margin-bottom:var(--v-space-sm)}.lg\:my-md,.lg\:mt-md{margin-top:var(--v-space-md)}.lg\:my-md,.lg\:mb-md{margin-bottom:var(--v-space-md)}.lg\:my-lg,.lg\:mt-lg{margin-top:var(--v-space-lg)}.lg\:my-lg,.lg\:mb-lg{margin-bottom:var(--v-space-lg)}.lg\:my-xl,.lg\:mt-xl{margin-top:var(--v-space-xl)}.lg\:my-xl,.lg\:mb-xl{margin-bottom:var(--v-space-xl)}.lg\:my-2xl,.lg\:mt-2xl{margin-top:var(--v-space-2xl)}.lg\:my-2xl,.lg\:mb-2xl{margin-bottom:var(--v-space-2xl)}.lg\:overflow-auto{overflow:auto}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-visible{overflow:visible}.lg\:overflow-clip{overflow:clip}.lg\:overflow-x-auto{overflow-x:auto}.lg\:overflow-x-hidden{overflow-x:hidden}.lg\:overflow-x-visible{overflow-x:visible}.lg\:overflow-x-clip{overflow-x:clip}.lg\:overflow-y-auto{overflow-y:auto}.lg\:overflow-y-hidden{overflow-y:hidden}.lg\:overflow-y-visible{overflow-y:visible}.lg\:overflow-y-clip{overflow-y:clip}.lg\:p-0{padding:0}.lg\:py-0,.lg\:pt-0{padding-top:0}.lg\:py-0,.lg\:pb-0{padding-bottom:0}.lg\:px-0,.lg\:pr-0{padding-inline-end:0}.lg\:px-0,.lg\:pl-0{padding-inline-start:0}.lg\:py-l,.lg\:pt-l{padding-top:var(--v-space-l)}.lg\:py-l,.lg\:pb-l{padding-bottom:var(--v-space-l)}.lg\:py-m,.lg\:pt-m{padding-top:var(--v-space-m)}.lg\:py-m,.lg\:pb-m{padding-bottom:var(--v-space-m)}.lg\:py-s,.lg\:pt-s{padding-top:var(--v-space-s)}.lg\:py-s,.lg\:pb-s{padding-bottom:var(--v-space-s)}.lg\:px-pageoffset,.lg\:pr-pageoffset{padding-inline-end:var(--v-space-pageoffset)}.lg\:px-pageoffset,.lg\:pl-pageoffset{padding-inline-start:var(--v-space-pageoffset)}.lg\:px-pagemargin,.lg\:pr-pagemargin{padding-inline-end:var(--v-space-pagemargin)}.lg\:px-pagemargin,.lg\:pl-pagemargin{padding-inline-start:var(--v-space-pagemargin)}.lg\:p-2{padding:.125rem}.lg\:py-2,.lg\:pt-2{padding-top:.125rem}.lg\:py-2,.lg\:pb-2{padding-bottom:.125rem}.lg\:px-2,.lg\:pr-2{padding-inline-end:.125rem}.lg\:px-2,.lg\:pl-2{padding-inline-start:.125rem}.lg\:p-4{padding:.25rem}.lg\:py-4,.lg\:pt-4{padding-top:.25rem}.lg\:py-4,.lg\:pb-4{padding-bottom:.25rem}.lg\:px-4,.lg\:pr-4{padding-inline-end:.25rem}.lg\:px-4,.lg\:pl-4{padding-inline-start:.25rem}.lg\:p-8{padding:.5rem}.lg\:py-8,.lg\:pt-8{padding-top:.5rem}.lg\:py-8,.lg\:pb-8{padding-bottom:.5rem}.lg\:px-8,.lg\:pr-8{padding-inline-end:.5rem}.lg\:px-8,.lg\:pl-8{padding-inline-start:.5rem}.lg\:p-12{padding:.75rem}.lg\:py-12,.lg\:pt-12{padding-top:.75rem}.lg\:py-12,.lg\:pb-12{padding-bottom:.75rem}.lg\:px-12,.lg\:pr-12{padding-inline-end:.75rem}.lg\:px-12,.lg\:pl-12{padding-inline-start:.75rem}.lg\:p-16{padding:1rem}.lg\:py-16,.lg\:pt-16{padding-top:1rem}.lg\:py-16,.lg\:pb-16{padding-bottom:1rem}.lg\:px-16,.lg\:pr-16{padding-inline-end:1rem}.lg\:px-16,.lg\:pl-16{padding-inline-start:1rem}.lg\:p-24{padding:1.5rem}.lg\:py-24,.lg\:pt-24{padding-top:1.5rem}.lg\:py-24,.lg\:pb-24{padding-bottom:1.5rem}.lg\:px-24,.lg\:pr-24{padding-inline-end:1.5rem}.lg\:px-24,.lg\:pl-24{padding-inline-start:1.5rem}.lg\:p-32{padding:2rem}.lg\:py-32,.lg\:pt-32{padding-top:2rem}.lg\:py-32,.lg\:pb-32{padding-bottom:2rem}.lg\:px-32,.lg\:pr-32{padding-inline-end:2rem}.lg\:px-32,.lg\:pl-32{padding-inline-start:2rem}.lg\:p-48{padding:3rem}.lg\:py-48,.lg\:pt-48{padding-top:3rem}.lg\:py-48,.lg\:pb-48{padding-bottom:3rem}.lg\:px-48,.lg\:pr-48{padding-inline-end:3rem}.lg\:px-48,.lg\:pl-48{padding-inline-start:3rem}.lg\:p-64{padding:4rem}.lg\:py-64,.lg\:pt-64{padding-top:4rem}.lg\:py-64,.lg\:pb-64{padding-bottom:4rem}.lg\:px-64,.lg\:pr-64{padding-inline-end:4rem}.lg\:px-64,.lg\:pl-64{padding-inline-start:4rem}.lg\:py-xs,.lg\:pt-xs{padding-top:var(--v-space-xs)}.lg\:py-xs,.lg\:pb-xs{padding-bottom:var(--v-space-xs)}.lg\:py-sm,.lg\:pt-sm{padding-top:var(--v-space-sm)}.lg\:py-sm,.lg\:pb-sm{padding-bottom:var(--v-space-sm)}.lg\:py-md,.lg\:pt-md{padding-top:var(--v-space-md)}.lg\:py-md,.lg\:pb-md{padding-bottom:var(--v-space-md)}.lg\:py-lg,.lg\:pt-lg{padding-top:var(--v-space-lg)}.lg\:py-lg,.lg\:pb-lg{padding-bottom:var(--v-space-lg)}.lg\:py-xl,.lg\:pt-xl{padding-top:var(--v-space-xl)}.lg\:py-xl,.lg\:pb-xl{padding-bottom:var(--v-space-xl)}.lg\:py-2xl,.lg\:pt-2xl{padding-top:var(--v-space-2xl)}.lg\:py-2xl,.lg\:pb-2xl{padding-bottom:var(--v-space-2xl)}.lg\:text-start{text-align:start}.lg\:text-end{text-align:end}.lg\:text-center{text-align:center}.lg\:text-secondary{--color:var(--v-color-foreground-secondary);color:var(--v-color-foreground-secondary)}.lg\:text-primary{--color:var(--v-color-foreground-primary);color:var(--v-color-foreground-primary)}.lg\:invisible{visibility:hidden}@media (width<=99.99rem){.lg\:until-xl\:invisible{visibility:hidden}}.lg\:w-0{width:0}.lg\:w-8{width:.5rem}.lg\:w-16{width:1rem}.lg\:w-24{width:1.5rem}.lg\:w-32{width:2rem}.lg\:w-40{width:2.5rem}.lg\:w-48{width:3rem}.lg\:w-64{width:4rem}.lg\:w-1\/2{width:50%}.lg\:w-full{width:100%}.lg\:w-min{width:min-content}.lg\:w-fit{width:fit-content}.lg\:min-w-0{min-width:0}.lg\:min-w-fit{min-width:fit-content}.lg\:min-w-min{min-width:min-content}.lg\:max-w-1\/2{max-width:50%}.lg\:max-w-full{max-width:100%}.lg\:max-w-fit{max-width:fit-content}.lg\:max-w-min{max-width:min-content}}}
|
|
1
|
+
@layer volvo.blocks{dialog.dialog-small,dialog.dialog-large{--_v9a7f44:.8;--_v59e7bb:0;max-width:calc(100vw + -1*clamp(3rem,20vw - 2rem,6rem));max-height:calc(100svh + -1*clamp(3rem,20vh - 2rem,6rem));margin-bottom:auto}dialog.sheet{--_v830231:0;--_v59e7bb:0;max-width:calc(100vw - 3rem);height:100svh;max-height:100svh;transition-timing-function:cubic-bezier(0,0,.1,1)}dialog.sheet[data-anchor=end],dialog.sheet:not([data-anchor]){--_v331d0e:calc(80% * var(--_v386612));margin-inline-end:0}dialog.sheet[data-anchor=start]{--_v331d0e:calc(80% * var(--_v386612) * (-1));margin-inline-start:0}.title-page,.title-section{column-gap:var(--v-space-24);grid-template-columns:1fr 1fr;grid-template-areas:"heading description""heading action"}:is(.title-page,.title-section)>[slot=heading]{margin-bottom:0}}@layer volvo.layout{:is(.container-lg,.container-md,.container-sm)[data-bleed]{--_vf7c86e:0px}:is(.container,.container-xl,.container-max)[data-bleed]{--_vf7c86e:calc(var(--v-space-pagemargin) * 2)}:is(.container,.container-xl,.container-max)[data-bleed=until-md]{--_vf7c86e:0px}}@layer volvo.utilities{.md\:aspect-1\/1{aspect-ratio:1}.md\:aspect-4\/5{aspect-ratio:4/5}.md\:aspect-2\/3{aspect-ratio:2/3}.md\:aspect-9\/16{aspect-ratio:9/16}.md\:aspect-4\/3{aspect-ratio:4/3}.md\:aspect-3\/2{aspect-ratio:3/2}.md\:aspect-16\/9{aspect-ratio:16/9}.md\:aspect-21\/9{aspect-ratio:21/9}.md\:basis-auto{flex-basis:auto}.md\:basis-0{flex-basis:0}.md\:basis-8{flex-basis:.5rem}.md\:basis-16{flex-basis:1rem}.md\:basis-24{flex-basis:1.5rem}.md\:basis-32{flex-basis:2rem}.md\:basis-40{flex-basis:2.5rem}.md\:basis-48{flex-basis:3rem}.md\:basis-64{flex-basis:4rem}.md\:basis-1\/2{flex-basis:50%}.md\:basis-full{flex-basis:100%}.md\:basis-xs{flex-basis:var(--v-size-grid-xs)}.md\:basis-sm{flex-basis:var(--v-size-grid-sm)}.md\:basis-md{flex-basis:var(--v-size-grid-md)}.md\:basis-lg{flex-basis:var(--v-size-grid-lg)}.md\:basis-xl{flex-basis:var(--v-size-grid-xl)}.md\:border-0{border-width:0}.md\:border{border-width:1px}.md\:border-2{border-width:2px}.md\:border-t-0{border-top-width:0}.md\:border-t{border-top-width:1px}.md\:border-t-2{border-top-width:2px}.md\:border-r-0{border-inline-end-width:0}.md\:border-r{border-inline-end-width:1px}.md\:border-r-2{border-inline-end-width:2px}.md\:border-b-0{border-bottom-width:0}.md\:border-b{border-bottom-width:1px}.md\:border-b-2{border-bottom-width:2px}.md\:border-l-0{border-inline-start-width:0}.md\:border-l{border-inline-start-width:1px}.md\:border-l-2{border-inline-start-width:2px}.md\:border-x-0{border-inline-width:0}.md\:border-x{border-inline-width:1px}.md\:border-x-2{border-inline-width:2px}.md\:border-y-0{border-block-width:0}.md\:border-y{border-block-width:1px}.md\:border-y-2{border-block-width:2px}:where(.md\:flow-root){--_v208351:block}:where(.md\:block,.md\:inline){--_vab2d17:flow}.md\:block{--_v208351:block}.md\:inline{--_v208351:inline}.md\:flow-root{--_vab2d17:flow-root}.md\:block,.md\:inline,.md\:flow-root{display:var(--_v208351) var(--_vab2d17)}.md\:contents{display:contents}:where(.md\:flex,.md\:flex-row,.md\:flex-col,.md\:flex-row-reverse,.md\:flex-col-reverse){--_v208351:block}@supports not (display:inline grid){:where(.md\:flex,.md\:flex-row,.md\:flex-col,.md\:flex-row-reverse,.md\:flex-col-reverse){--_v208351: }}.md\:flex,.md\:flex-col,.md\:flex-row,.md\:flex-col-reverse,.md\:flex-row-reverse{--_vab2d17:flex;display:var(--_v208351) flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:flex-grow{flex-grow:1}.md\:flex-grow-0{flex-grow:0}.md\:flex-shrink{flex-shrink:1}.md\:flex-shrink-0{flex-shrink:0}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-stretch{align-items:stretch}.md\:self-start{align-self:start}.md\:self-end{align-self:flex-end}.md\:self-center{align-self:center}.md\:self-stretch{align-self:stretch}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-around{justify-content:space-around}.md\:justify-between{justify-content:space-between}.md\:justify-evenly{justify-content:space-evenly}.md\:justify-center{justify-content:center}:where(.md\:grid,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4){--_v208351:block}@supports not (display:inline grid){:where(.md\:grid,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4){--_v208351: }}.md\:grid,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4{--_vab2d17:grid;display:var(--_v208351) grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:font-24{font-size:var(--v-font-24-size);line-height:var(--v-font-24-lineheight)}.md\:font-20{font-size:var(--v-font-20-size);line-height:var(--v-font-20-lineheight)}.md\:font-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}.md\:font-14{font-size:var(--v-font-14-size);line-height:var(--v-font-14-lineheight)}.md\:gap-0{gap:0}.md\:gap-y-0{row-gap:0}.md\:gap-x-0{column-gap:0}.md\:gap-y-l{row-gap:var(--v-space-l)}.md\:gap-y-m{row-gap:var(--v-space-m)}.md\:gap-y-s{row-gap:var(--v-space-s)}.md\:gap-x-gutter{column-gap:var(--v-space-gutter)}.md\:gap-2{gap:.125rem}.md\:gap-y-2{row-gap:.125rem}.md\:gap-x-2{column-gap:.125rem}.md\:gap-4{gap:.25rem}.md\:gap-y-4{row-gap:.25rem}.md\:gap-x-4{column-gap:.25rem}.md\:gap-8{gap:.5rem}.md\:gap-y-8{row-gap:.5rem}.md\:gap-x-8{column-gap:.5rem}.md\:gap-12{gap:.75rem}.md\:gap-y-12{row-gap:.75rem}.md\:gap-x-12{column-gap:.75rem}.md\:gap-16{gap:1rem}.md\:gap-y-16{row-gap:1rem}.md\:gap-x-16{column-gap:1rem}.md\:gap-24{gap:1.5rem}.md\:gap-y-24{row-gap:1.5rem}.md\:gap-x-24{column-gap:1.5rem}.md\:gap-32{gap:2rem}.md\:gap-y-32{row-gap:2rem}.md\:gap-x-32{column-gap:2rem}.md\:gap-48{gap:3rem}.md\:gap-y-48{row-gap:3rem}.md\:gap-x-48{column-gap:3rem}.md\:gap-64{gap:4rem}.md\:gap-y-64{row-gap:4rem}.md\:gap-x-64{column-gap:4rem}.md\:gap-gridded-element{gap:var(--v-space-gridded-element-gap)}.md\:gap-y-gridded-element{row-gap:var(--v-space-gridded-element-gap)}.md\:gap-x-gridded-element{column-gap:var(--v-space-gridded-element-gap)}.md\:gap-y-xs{row-gap:var(--v-space-xs)}.md\:gap-y-sm{row-gap:var(--v-space-sm)}.md\:gap-y-md{row-gap:var(--v-space-md)}.md\:gap-y-lg{row-gap:var(--v-space-lg)}.md\:gap-y-xl{row-gap:var(--v-space-xl)}.md\:gap-y-2xl{row-gap:var(--v-space-2xl)}.md\:h-0{height:0}.md\:h-8{height:.5rem}.md\:h-16{height:1rem}.md\:h-24{height:1.5rem}.md\:h-32{height:2rem}.md\:h-40{height:2.5rem}.md\:h-48{height:3rem}.md\:h-64{height:4rem}.md\:h-full{height:100%}.md\:h-fit{height:fit-content}.md\:min-h-0{min-height:0}.md\:min-h-8{min-height:.5rem}.md\:min-h-16{min-height:1rem}.md\:min-h-24{min-height:1.5rem}.md\:min-h-32{min-height:2rem}.md\:min-h-40{min-height:2.5rem}.md\:min-h-48{min-height:3rem}.md\:min-h-64{min-height:4rem}.md\:min-h-full{min-height:100%}.md\:min-h-fit{min-height:fit-content}.md\:max-h-0{max-height:0}.md\:max-h-8{max-height:.5rem}.md\:max-h-16{max-height:1rem}.md\:max-h-24{max-height:1.5rem}.md\:max-h-32{max-height:2rem}.md\:max-h-40{max-height:2.5rem}.md\:max-h-48{max-height:3rem}.md\:max-h-64{max-height:4rem}.md\:max-h-full{max-height:100%}.md\:max-h-fit{max-height:fit-content}.md\:hidden{display:none}@media (width<=63.99rem){.md\:until-lg\:hidden{display:none}}@media (width<=99.99rem){.md\:until-xl\:hidden{display:none}}.md\:m-auto{margin:auto}.md\:my-auto,.md\:mt-auto{margin-top:auto}.md\:my-auto,.md\:mb-auto{margin-bottom:auto}.md\:mx-auto,.md\:mr-auto{margin-inline-end:auto}.md\:mx-auto,.md\:ml-auto{margin-inline-start:auto}.md\:m-0{margin:0}.md\:my-0,.md\:mt-0{margin-top:0}.md\:my-0,.md\:mb-0{margin-bottom:0}.md\:mx-0,.md\:mr-0{margin-inline-end:0}.md\:mx-0,.md\:ml-0{margin-inline-start:0}.md\:my-l,.md\:mt-l{margin-top:var(--v-space-l)}.md\:my-l,.md\:mb-l{margin-bottom:var(--v-space-l)}.md\:my-m,.md\:mt-m{margin-top:var(--v-space-m)}.md\:my-m,.md\:mb-m{margin-bottom:var(--v-space-m)}.md\:my-s,.md\:mt-s{margin-top:var(--v-space-s)}.md\:my-s,.md\:mb-s{margin-bottom:var(--v-space-s)}.md\:mx-pageoffset,.md\:mr-pageoffset{margin-inline-end:var(--v-space-pageoffset)}.md\:mx-pageoffset,.md\:ml-pageoffset{margin-inline-start:var(--v-space-pageoffset)}.md\:mx-pagemargin,.md\:mr-pagemargin{margin-inline-end:var(--v-space-pagemargin)}.md\:mx-pagemargin,.md\:ml-pagemargin{margin-inline-start:var(--v-space-pagemargin)}.md\:m-2{margin:.125rem}.md\:-m-2{margin:-.125rem}.md\:my-2,.md\:mt-2{margin-top:.125rem}.md\:my-2,.md\:mb-2{margin-bottom:.125rem}.md\:-my-2,.md\:-mt-2{margin-top:-.125rem}.md\:-my-2,.md\:-mb-2{margin-bottom:-.125rem}.md\:mx-2,.md\:mr-2{margin-inline-end:.125rem}.md\:mx-2,.md\:ml-2{margin-inline-start:.125rem}.md\:-mx-2,.md\:-mr-2{margin-inline-end:-.125rem}.md\:-mx-2,.md\:-ml-2{margin-inline-start:-.125rem}.md\:m-4{margin:.25rem}.md\:-m-4{margin:-.25rem}.md\:my-4,.md\:mt-4{margin-top:.25rem}.md\:my-4,.md\:mb-4{margin-bottom:.25rem}.md\:-my-4,.md\:-mt-4{margin-top:-.25rem}.md\:-my-4,.md\:-mb-4{margin-bottom:-.25rem}.md\:mx-4,.md\:mr-4{margin-inline-end:.25rem}.md\:mx-4,.md\:ml-4{margin-inline-start:.25rem}.md\:-mx-4,.md\:-mr-4{margin-inline-end:-.25rem}.md\:-mx-4,.md\:-ml-4{margin-inline-start:-.25rem}.md\:m-8{margin:.5rem}.md\:-m-8{margin:-.5rem}.md\:my-8,.md\:mt-8{margin-top:.5rem}.md\:my-8,.md\:mb-8{margin-bottom:.5rem}.md\:-my-8,.md\:-mt-8{margin-top:-.5rem}.md\:-my-8,.md\:-mb-8{margin-bottom:-.5rem}.md\:mx-8,.md\:mr-8{margin-inline-end:.5rem}.md\:mx-8,.md\:ml-8{margin-inline-start:.5rem}.md\:-mx-8,.md\:-mr-8{margin-inline-end:-.5rem}.md\:-mx-8,.md\:-ml-8{margin-inline-start:-.5rem}.md\:m-12{margin:.75rem}.md\:-m-12{margin:-.75rem}.md\:my-12,.md\:mt-12{margin-top:.75rem}.md\:my-12,.md\:mb-12{margin-bottom:.75rem}.md\:-my-12,.md\:-mt-12{margin-top:-.75rem}.md\:-my-12,.md\:-mb-12{margin-bottom:-.75rem}.md\:mx-12,.md\:mr-12{margin-inline-end:.75rem}.md\:mx-12,.md\:ml-12{margin-inline-start:.75rem}.md\:-mx-12,.md\:-mr-12{margin-inline-end:-.75rem}.md\:-mx-12,.md\:-ml-12{margin-inline-start:-.75rem}.md\:m-16{margin:1rem}.md\:-m-16{margin:-1rem}.md\:my-16,.md\:mt-16{margin-top:1rem}.md\:my-16,.md\:mb-16{margin-bottom:1rem}.md\:-my-16,.md\:-mt-16{margin-top:-1rem}.md\:-my-16,.md\:-mb-16{margin-bottom:-1rem}.md\:mx-16,.md\:mr-16{margin-inline-end:1rem}.md\:mx-16,.md\:ml-16{margin-inline-start:1rem}.md\:-mx-16,.md\:-mr-16{margin-inline-end:-1rem}.md\:-mx-16,.md\:-ml-16{margin-inline-start:-1rem}.md\:m-24{margin:1.5rem}.md\:-m-24{margin:-1.5rem}.md\:my-24,.md\:mt-24{margin-top:1.5rem}.md\:my-24,.md\:mb-24{margin-bottom:1.5rem}.md\:-my-24,.md\:-mt-24{margin-top:-1.5rem}.md\:-my-24,.md\:-mb-24{margin-bottom:-1.5rem}.md\:mx-24,.md\:mr-24{margin-inline-end:1.5rem}.md\:mx-24,.md\:ml-24{margin-inline-start:1.5rem}.md\:-mx-24,.md\:-mr-24{margin-inline-end:-1.5rem}.md\:-mx-24,.md\:-ml-24{margin-inline-start:-1.5rem}.md\:m-32{margin:2rem}.md\:-m-32{margin:-2rem}.md\:my-32,.md\:mt-32{margin-top:2rem}.md\:my-32,.md\:mb-32{margin-bottom:2rem}.md\:-my-32,.md\:-mt-32{margin-top:-2rem}.md\:-my-32,.md\:-mb-32{margin-bottom:-2rem}.md\:mx-32,.md\:mr-32{margin-inline-end:2rem}.md\:mx-32,.md\:ml-32{margin-inline-start:2rem}.md\:-mx-32,.md\:-mr-32{margin-inline-end:-2rem}.md\:-mx-32,.md\:-ml-32{margin-inline-start:-2rem}.md\:m-48{margin:3rem}.md\:-m-48{margin:-3rem}.md\:my-48,.md\:mt-48{margin-top:3rem}.md\:my-48,.md\:mb-48{margin-bottom:3rem}.md\:-my-48,.md\:-mt-48{margin-top:-3rem}.md\:-my-48,.md\:-mb-48{margin-bottom:-3rem}.md\:mx-48,.md\:mr-48{margin-inline-end:3rem}.md\:mx-48,.md\:ml-48{margin-inline-start:3rem}.md\:-mx-48,.md\:-mr-48{margin-inline-end:-3rem}.md\:-mx-48,.md\:-ml-48{margin-inline-start:-3rem}.md\:m-64{margin:4rem}.md\:-m-64{margin:-4rem}.md\:my-64,.md\:mt-64{margin-top:4rem}.md\:my-64,.md\:mb-64{margin-bottom:4rem}.md\:-my-64,.md\:-mt-64{margin-top:-4rem}.md\:-my-64,.md\:-mb-64{margin-bottom:-4rem}.md\:mx-64,.md\:mr-64{margin-inline-end:4rem}.md\:mx-64,.md\:ml-64{margin-inline-start:4rem}.md\:-mx-64,.md\:-mr-64{margin-inline-end:-4rem}.md\:-mx-64,.md\:-ml-64{margin-inline-start:-4rem}.md\:my-xs,.md\:mt-xs{margin-top:var(--v-space-xs)}.md\:my-xs,.md\:mb-xs{margin-bottom:var(--v-space-xs)}.md\:my-sm,.md\:mt-sm{margin-top:var(--v-space-sm)}.md\:my-sm,.md\:mb-sm{margin-bottom:var(--v-space-sm)}.md\:my-md,.md\:mt-md{margin-top:var(--v-space-md)}.md\:my-md,.md\:mb-md{margin-bottom:var(--v-space-md)}.md\:my-lg,.md\:mt-lg{margin-top:var(--v-space-lg)}.md\:my-lg,.md\:mb-lg{margin-bottom:var(--v-space-lg)}.md\:my-xl,.md\:mt-xl{margin-top:var(--v-space-xl)}.md\:my-xl,.md\:mb-xl{margin-bottom:var(--v-space-xl)}.md\:my-2xl,.md\:mt-2xl{margin-top:var(--v-space-2xl)}.md\:my-2xl,.md\:mb-2xl{margin-bottom:var(--v-space-2xl)}.md\:overflow-auto{overflow:auto}.md\:overflow-hidden{overflow:hidden}.md\:overflow-visible{overflow:visible}.md\:overflow-clip{overflow:clip}.md\:overflow-x-auto{overflow-x:auto}.md\:overflow-x-hidden{overflow-x:hidden}.md\:overflow-x-visible{overflow-x:visible}.md\:overflow-x-clip{overflow-x:clip}.md\:overflow-y-auto{overflow-y:auto}.md\:overflow-y-hidden{overflow-y:hidden}.md\:overflow-y-visible{overflow-y:visible}.md\:overflow-y-clip{overflow-y:clip}.md\:p-0{padding:0}.md\:py-0,.md\:pt-0{padding-top:0}.md\:py-0,.md\:pb-0{padding-bottom:0}.md\:px-0,.md\:pr-0{padding-inline-end:0}.md\:px-0,.md\:pl-0{padding-inline-start:0}.md\:py-l,.md\:pt-l{padding-top:var(--v-space-l)}.md\:py-l,.md\:pb-l{padding-bottom:var(--v-space-l)}.md\:py-m,.md\:pt-m{padding-top:var(--v-space-m)}.md\:py-m,.md\:pb-m{padding-bottom:var(--v-space-m)}.md\:py-s,.md\:pt-s{padding-top:var(--v-space-s)}.md\:py-s,.md\:pb-s{padding-bottom:var(--v-space-s)}.md\:px-pageoffset,.md\:pr-pageoffset{padding-inline-end:var(--v-space-pageoffset)}.md\:px-pageoffset,.md\:pl-pageoffset{padding-inline-start:var(--v-space-pageoffset)}.md\:px-pagemargin,.md\:pr-pagemargin{padding-inline-end:var(--v-space-pagemargin)}.md\:px-pagemargin,.md\:pl-pagemargin{padding-inline-start:var(--v-space-pagemargin)}.md\:p-2{padding:.125rem}.md\:py-2,.md\:pt-2{padding-top:.125rem}.md\:py-2,.md\:pb-2{padding-bottom:.125rem}.md\:px-2,.md\:pr-2{padding-inline-end:.125rem}.md\:px-2,.md\:pl-2{padding-inline-start:.125rem}.md\:p-4{padding:.25rem}.md\:py-4,.md\:pt-4{padding-top:.25rem}.md\:py-4,.md\:pb-4{padding-bottom:.25rem}.md\:px-4,.md\:pr-4{padding-inline-end:.25rem}.md\:px-4,.md\:pl-4{padding-inline-start:.25rem}.md\:p-8{padding:.5rem}.md\:py-8,.md\:pt-8{padding-top:.5rem}.md\:py-8,.md\:pb-8{padding-bottom:.5rem}.md\:px-8,.md\:pr-8{padding-inline-end:.5rem}.md\:px-8,.md\:pl-8{padding-inline-start:.5rem}.md\:p-12{padding:.75rem}.md\:py-12,.md\:pt-12{padding-top:.75rem}.md\:py-12,.md\:pb-12{padding-bottom:.75rem}.md\:px-12,.md\:pr-12{padding-inline-end:.75rem}.md\:px-12,.md\:pl-12{padding-inline-start:.75rem}.md\:p-16{padding:1rem}.md\:py-16,.md\:pt-16{padding-top:1rem}.md\:py-16,.md\:pb-16{padding-bottom:1rem}.md\:px-16,.md\:pr-16{padding-inline-end:1rem}.md\:px-16,.md\:pl-16{padding-inline-start:1rem}.md\:p-24{padding:1.5rem}.md\:py-24,.md\:pt-24{padding-top:1.5rem}.md\:py-24,.md\:pb-24{padding-bottom:1.5rem}.md\:px-24,.md\:pr-24{padding-inline-end:1.5rem}.md\:px-24,.md\:pl-24{padding-inline-start:1.5rem}.md\:p-32{padding:2rem}.md\:py-32,.md\:pt-32{padding-top:2rem}.md\:py-32,.md\:pb-32{padding-bottom:2rem}.md\:px-32,.md\:pr-32{padding-inline-end:2rem}.md\:px-32,.md\:pl-32{padding-inline-start:2rem}.md\:p-48{padding:3rem}.md\:py-48,.md\:pt-48{padding-top:3rem}.md\:py-48,.md\:pb-48{padding-bottom:3rem}.md\:px-48,.md\:pr-48{padding-inline-end:3rem}.md\:px-48,.md\:pl-48{padding-inline-start:3rem}.md\:p-64{padding:4rem}.md\:py-64,.md\:pt-64{padding-top:4rem}.md\:py-64,.md\:pb-64{padding-bottom:4rem}.md\:px-64,.md\:pr-64{padding-inline-end:4rem}.md\:px-64,.md\:pl-64{padding-inline-start:4rem}.md\:py-xs,.md\:pt-xs{padding-top:var(--v-space-xs)}.md\:py-xs,.md\:pb-xs{padding-bottom:var(--v-space-xs)}.md\:py-sm,.md\:pt-sm{padding-top:var(--v-space-sm)}.md\:py-sm,.md\:pb-sm{padding-bottom:var(--v-space-sm)}.md\:py-md,.md\:pt-md{padding-top:var(--v-space-md)}.md\:py-md,.md\:pb-md{padding-bottom:var(--v-space-md)}.md\:py-lg,.md\:pt-lg{padding-top:var(--v-space-lg)}.md\:py-lg,.md\:pb-lg{padding-bottom:var(--v-space-lg)}.md\:py-xl,.md\:pt-xl{padding-top:var(--v-space-xl)}.md\:py-xl,.md\:pb-xl{padding-bottom:var(--v-space-xl)}.md\:py-2xl,.md\:pt-2xl{padding-top:var(--v-space-2xl)}.md\:py-2xl,.md\:pb-2xl{padding-bottom:var(--v-space-2xl)}.md\:text-start{text-align:start}.md\:text-end{text-align:end}.md\:text-center{text-align:center}.md\:text-secondary{--color:var(--v-color-foreground-secondary);color:var(--v-color-foreground-secondary)}.md\:text-primary{--color:var(--v-color-foreground-primary);color:var(--v-color-foreground-primary)}.md\:invisible{visibility:hidden}@media (width<=63.99rem){.md\:until-lg\:invisible{visibility:hidden}}@media (width<=99.99rem){.md\:until-xl\:invisible{visibility:hidden}}.md\:w-0{width:0}.md\:w-8{width:.5rem}.md\:w-16{width:1rem}.md\:w-24{width:1.5rem}.md\:w-32{width:2rem}.md\:w-40{width:2.5rem}.md\:w-48{width:3rem}.md\:w-64{width:4rem}.md\:w-1\/2{width:50%}.md\:w-full{width:100%}.md\:w-min{width:min-content}.md\:w-fit{width:fit-content}.md\:min-w-0{min-width:0}.md\:min-w-fit{min-width:fit-content}.md\:min-w-min{min-width:min-content}.md\:max-w-1\/2{max-width:50%}.md\:max-w-full{max-width:100%}.md\:max-w-fit{max-width:fit-content}.md\:max-w-min{max-width:min-content}}@media (width>=64rem){@layer volvo.blocks{.text-banner{flex-direction:row}.text-banner>*{flex:1}.media-banner{gap:var(--v-space-gutter);flex-direction:row}.media-banner [slot=media]{align-self:start;width:50%}.media-banner [slot=content]{width:50%;max-width:var(--v-size-contentmax);justify-content:center;margin-inline:auto}.message-bar{gap:var(--v-space-16);flex-direction:row;justify-content:center;align-items:center}.message-bar:has([slot=dismiss]){padding-inline:calc(var(--v-space-pageoffset) + 2.5rem + var(--v-space-8))}.message-bar:has([slot=dismiss]) [slot=description]:before{display:none}.message-bar [slot=dismiss]{top:50%;transform:translateY(-50%)}}@layer volvo.layout{:is(.container,.container-xl,.container-max)[data-bleed=until-lg]{--_vf7c86e:0px}.layout-4-5,.layout-5-4,.layout-6-4,.layout-4-6{--_vf7c86e:0px;grid-template-columns:1fr 1fr}.layout-4-5>:first-child,.layout-6-4>:nth-child(2),.layout-4-6>:first-child,.layout-5-4>:nth-child(2){margin-inline:calc(var(--v-size-grid-column) + var(--v-space-gutter))}.layout-4-6>:nth-child(2){order:unset}.layout-4-5:not([data-reversed=true])>:nth-child(2),.layout-5-4[data-reversed=true]>:first-child{margin-inline-start:unset;margin-inline-end:calc(var(--v-size-grid-column) + var(--v-space-gutter))}.layout-5-4:not([data-reversed=true])>:first-child,.layout-4-5[data-reversed=true]>:nth-child(2){margin-inline-start:calc(var(--v-size-grid-column) + var(--v-space-gutter));margin-inline-end:unset}.layout-5-4[data-reversed=true]>:first-child,.layout-4-5[data-reversed=true]>:first-child,.layout-6-4[data-reversed=true]>:first-child,.layout-4-6[data-reversed=true]>:first-child{order:1}.pagelayout{--sidebar-width:var(--v-size-sidebar-wide);--_vba28a6:var(--_v82e9db) [main-start] 1fr [main-end] var(--v-space-pagemargin) [sidebar-start] var(--sidebar-width) [sidebar-end];--_v08327b:var(--_vd78906) [sidebar-start] var(--sidebar-width) [sidebar-end] var(--v-space-pagemargin) [main-start] 1fr [main-end]}.pagelayout>[slot~=page]{grid-column:page}.pagelayout>[slot~=main]{grid-column:main}.pagelayout>[slot~=main]:is([data-bleed-start=true],[data-bleed-start=md],[data-bleed-start=lg],[data-bleed=true],[data-bleed=md],[data-bleed=lg]){grid-column-start:var(--_vfe583d,bleed)}.pagelayout>[slot~=main]:is([data-bleed-end=true],[data-bleed-end=md],[data-bleed-end=lg],[data-bleed=true],[data-bleed=md],[data-bleed=lg]){grid-column-end:var(--_v4d94be,bleed)}.pagelayout>[slot*=sidebar]{grid-column:sidebar}.pagelayout>[slot*=sidebar]:is([data-bleed-start=true],[data-bleed-start=md],[data-bleed-start=lg],[data-bleed=true],[data-bleed=md],[data-bleed=lg]){grid-column-start:var(--_v1c66fc,bleed)}.pagelayout>[slot*=sidebar]:is([data-bleed-end=true],[data-bleed-end=md],[data-bleed-end=lg],[data-bleed=true],[data-bleed=md],[data-bleed=lg]){grid-column-end:var(--_v18f549,bleed)}.pagelayout:has(>:first-child[slot~=main]){--_v82e9db: ;--_v1c66fc:sidebar;--_v4d94be:main}.pagelayout:has(>:first-child[slot*=sidebar]){--_vd78906: ;--_v18f549:sidebar;--_vfe583d:main}.pagelayout:has([slot~=sidebar-narrow]){--sidebar-width:var(--v-size-sidebar-narrow)}}@layer volvo.utilities{.lg\:aspect-1\/1{aspect-ratio:1}.lg\:aspect-4\/5{aspect-ratio:4/5}.lg\:aspect-2\/3{aspect-ratio:2/3}.lg\:aspect-9\/16{aspect-ratio:9/16}.lg\:aspect-4\/3{aspect-ratio:4/3}.lg\:aspect-3\/2{aspect-ratio:3/2}.lg\:aspect-16\/9{aspect-ratio:16/9}.lg\:aspect-21\/9{aspect-ratio:21/9}.lg\:basis-auto{flex-basis:auto}.lg\:basis-0{flex-basis:0}.lg\:basis-8{flex-basis:.5rem}.lg\:basis-16{flex-basis:1rem}.lg\:basis-24{flex-basis:1.5rem}.lg\:basis-32{flex-basis:2rem}.lg\:basis-40{flex-basis:2.5rem}.lg\:basis-48{flex-basis:3rem}.lg\:basis-64{flex-basis:4rem}.lg\:basis-1\/2{flex-basis:50%}.lg\:basis-full{flex-basis:100%}.lg\:basis-xs{flex-basis:var(--v-size-grid-xs)}.lg\:basis-sm{flex-basis:var(--v-size-grid-sm)}.lg\:basis-md{flex-basis:var(--v-size-grid-md)}.lg\:basis-lg{flex-basis:var(--v-size-grid-lg)}.lg\:basis-xl{flex-basis:var(--v-size-grid-xl)}.lg\:border-0{border-width:0}.lg\:border{border-width:1px}.lg\:border-2{border-width:2px}.lg\:border-t-0{border-top-width:0}.lg\:border-t{border-top-width:1px}.lg\:border-t-2{border-top-width:2px}.lg\:border-r-0{border-inline-end-width:0}.lg\:border-r{border-inline-end-width:1px}.lg\:border-r-2{border-inline-end-width:2px}.lg\:border-b-0{border-bottom-width:0}.lg\:border-b{border-bottom-width:1px}.lg\:border-b-2{border-bottom-width:2px}.lg\:border-l-0{border-inline-start-width:0}.lg\:border-l{border-inline-start-width:1px}.lg\:border-l-2{border-inline-start-width:2px}.lg\:border-x-0{border-inline-width:0}.lg\:border-x{border-inline-width:1px}.lg\:border-x-2{border-inline-width:2px}.lg\:border-y-0{border-block-width:0}.lg\:border-y{border-block-width:1px}.lg\:border-y-2{border-block-width:2px}:where(.lg\:flow-root){--_v208351:block}:where(.lg\:block,.lg\:inline){--_vab2d17:flow}.lg\:block{--_v208351:block}.lg\:inline{--_v208351:inline}.lg\:flow-root{--_vab2d17:flow-root}.lg\:block,.lg\:inline,.lg\:flow-root{display:var(--_v208351) var(--_vab2d17)}.lg\:contents{display:contents}:where(.lg\:flex,.lg\:flex-row,.lg\:flex-col,.lg\:flex-row-reverse,.lg\:flex-col-reverse){--_v208351:block}@supports not (display:inline grid){:where(.lg\:flex,.lg\:flex-row,.lg\:flex-col,.lg\:flex-row-reverse,.lg\:flex-col-reverse){--_v208351: }}.lg\:flex,.lg\:flex-col,.lg\:flex-row,.lg\:flex-col-reverse,.lg\:flex-row-reverse{--_vab2d17:flex;display:var(--_v208351) flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:flex-grow{flex-grow:1}.lg\:flex-grow-0{flex-grow:0}.lg\:flex-shrink{flex-shrink:1}.lg\:flex-shrink-0{flex-shrink:0}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:self-start{align-self:start}.lg\:self-end{align-self:flex-end}.lg\:self-center{align-self:center}.lg\:self-stretch{align-self:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-around{justify-content:space-around}.lg\:justify-between{justify-content:space-between}.lg\:justify-evenly{justify-content:space-evenly}.lg\:justify-center{justify-content:center}:where(.lg\:grid,.lg\:grid-cols-2,.lg\:grid-cols-3,.lg\:grid-cols-4){--_v208351:block}@supports not (display:inline grid){:where(.lg\:grid,.lg\:grid-cols-2,.lg\:grid-cols-3,.lg\:grid-cols-4){--_v208351: }}.lg\:grid,.lg\:grid-cols-2,.lg\:grid-cols-3,.lg\:grid-cols-4{--_vab2d17:grid;display:var(--_v208351) grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:font-24{font-size:var(--v-font-24-size);line-height:var(--v-font-24-lineheight)}.lg\:font-20{font-size:var(--v-font-20-size);line-height:var(--v-font-20-lineheight)}.lg\:font-16{font-size:var(--v-font-16-size);line-height:var(--v-font-16-lineheight)}.lg\:font-14{font-size:var(--v-font-14-size);line-height:var(--v-font-14-lineheight)}.lg\:gap-0{gap:0}.lg\:gap-y-0{row-gap:0}.lg\:gap-x-0{column-gap:0}.lg\:gap-y-l{row-gap:var(--v-space-l)}.lg\:gap-y-m{row-gap:var(--v-space-m)}.lg\:gap-y-s{row-gap:var(--v-space-s)}.lg\:gap-x-gutter{column-gap:var(--v-space-gutter)}.lg\:gap-2{gap:.125rem}.lg\:gap-y-2{row-gap:.125rem}.lg\:gap-x-2{column-gap:.125rem}.lg\:gap-4{gap:.25rem}.lg\:gap-y-4{row-gap:.25rem}.lg\:gap-x-4{column-gap:.25rem}.lg\:gap-8{gap:.5rem}.lg\:gap-y-8{row-gap:.5rem}.lg\:gap-x-8{column-gap:.5rem}.lg\:gap-12{gap:.75rem}.lg\:gap-y-12{row-gap:.75rem}.lg\:gap-x-12{column-gap:.75rem}.lg\:gap-16{gap:1rem}.lg\:gap-y-16{row-gap:1rem}.lg\:gap-x-16{column-gap:1rem}.lg\:gap-24{gap:1.5rem}.lg\:gap-y-24{row-gap:1.5rem}.lg\:gap-x-24{column-gap:1.5rem}.lg\:gap-32{gap:2rem}.lg\:gap-y-32{row-gap:2rem}.lg\:gap-x-32{column-gap:2rem}.lg\:gap-48{gap:3rem}.lg\:gap-y-48{row-gap:3rem}.lg\:gap-x-48{column-gap:3rem}.lg\:gap-64{gap:4rem}.lg\:gap-y-64{row-gap:4rem}.lg\:gap-x-64{column-gap:4rem}.lg\:gap-gridded-element{gap:var(--v-space-gridded-element-gap)}.lg\:gap-y-gridded-element{row-gap:var(--v-space-gridded-element-gap)}.lg\:gap-x-gridded-element{column-gap:var(--v-space-gridded-element-gap)}.lg\:gap-y-xs{row-gap:var(--v-space-xs)}.lg\:gap-y-sm{row-gap:var(--v-space-sm)}.lg\:gap-y-md{row-gap:var(--v-space-md)}.lg\:gap-y-lg{row-gap:var(--v-space-lg)}.lg\:gap-y-xl{row-gap:var(--v-space-xl)}.lg\:gap-y-2xl{row-gap:var(--v-space-2xl)}.lg\:h-0{height:0}.lg\:h-8{height:.5rem}.lg\:h-16{height:1rem}.lg\:h-24{height:1.5rem}.lg\:h-32{height:2rem}.lg\:h-40{height:2.5rem}.lg\:h-48{height:3rem}.lg\:h-64{height:4rem}.lg\:h-full{height:100%}.lg\:h-fit{height:fit-content}.lg\:min-h-0{min-height:0}.lg\:min-h-8{min-height:.5rem}.lg\:min-h-16{min-height:1rem}.lg\:min-h-24{min-height:1.5rem}.lg\:min-h-32{min-height:2rem}.lg\:min-h-40{min-height:2.5rem}.lg\:min-h-48{min-height:3rem}.lg\:min-h-64{min-height:4rem}.lg\:min-h-full{min-height:100%}.lg\:min-h-fit{min-height:fit-content}.lg\:max-h-0{max-height:0}.lg\:max-h-8{max-height:.5rem}.lg\:max-h-16{max-height:1rem}.lg\:max-h-24{max-height:1.5rem}.lg\:max-h-32{max-height:2rem}.lg\:max-h-40{max-height:2.5rem}.lg\:max-h-48{max-height:3rem}.lg\:max-h-64{max-height:4rem}.lg\:max-h-full{max-height:100%}.lg\:max-h-fit{max-height:fit-content}.lg\:hidden{display:none}@media (width<=99.99rem){.lg\:until-xl\:hidden{display:none}}.lg\:m-auto{margin:auto}.lg\:my-auto,.lg\:mt-auto{margin-top:auto}.lg\:my-auto,.lg\:mb-auto{margin-bottom:auto}.lg\:mx-auto,.lg\:mr-auto{margin-inline-end:auto}.lg\:mx-auto,.lg\:ml-auto{margin-inline-start:auto}.lg\:m-0{margin:0}.lg\:my-0,.lg\:mt-0{margin-top:0}.lg\:my-0,.lg\:mb-0{margin-bottom:0}.lg\:mx-0,.lg\:mr-0{margin-inline-end:0}.lg\:mx-0,.lg\:ml-0{margin-inline-start:0}.lg\:my-l,.lg\:mt-l{margin-top:var(--v-space-l)}.lg\:my-l,.lg\:mb-l{margin-bottom:var(--v-space-l)}.lg\:my-m,.lg\:mt-m{margin-top:var(--v-space-m)}.lg\:my-m,.lg\:mb-m{margin-bottom:var(--v-space-m)}.lg\:my-s,.lg\:mt-s{margin-top:var(--v-space-s)}.lg\:my-s,.lg\:mb-s{margin-bottom:var(--v-space-s)}.lg\:mx-pageoffset,.lg\:mr-pageoffset{margin-inline-end:var(--v-space-pageoffset)}.lg\:mx-pageoffset,.lg\:ml-pageoffset{margin-inline-start:var(--v-space-pageoffset)}.lg\:mx-pagemargin,.lg\:mr-pagemargin{margin-inline-end:var(--v-space-pagemargin)}.lg\:mx-pagemargin,.lg\:ml-pagemargin{margin-inline-start:var(--v-space-pagemargin)}.lg\:m-2{margin:.125rem}.lg\:-m-2{margin:-.125rem}.lg\:my-2,.lg\:mt-2{margin-top:.125rem}.lg\:my-2,.lg\:mb-2{margin-bottom:.125rem}.lg\:-my-2,.lg\:-mt-2{margin-top:-.125rem}.lg\:-my-2,.lg\:-mb-2{margin-bottom:-.125rem}.lg\:mx-2,.lg\:mr-2{margin-inline-end:.125rem}.lg\:mx-2,.lg\:ml-2{margin-inline-start:.125rem}.lg\:-mx-2,.lg\:-mr-2{margin-inline-end:-.125rem}.lg\:-mx-2,.lg\:-ml-2{margin-inline-start:-.125rem}.lg\:m-4{margin:.25rem}.lg\:-m-4{margin:-.25rem}.lg\:my-4,.lg\:mt-4{margin-top:.25rem}.lg\:my-4,.lg\:mb-4{margin-bottom:.25rem}.lg\:-my-4,.lg\:-mt-4{margin-top:-.25rem}.lg\:-my-4,.lg\:-mb-4{margin-bottom:-.25rem}.lg\:mx-4,.lg\:mr-4{margin-inline-end:.25rem}.lg\:mx-4,.lg\:ml-4{margin-inline-start:.25rem}.lg\:-mx-4,.lg\:-mr-4{margin-inline-end:-.25rem}.lg\:-mx-4,.lg\:-ml-4{margin-inline-start:-.25rem}.lg\:m-8{margin:.5rem}.lg\:-m-8{margin:-.5rem}.lg\:my-8,.lg\:mt-8{margin-top:.5rem}.lg\:my-8,.lg\:mb-8{margin-bottom:.5rem}.lg\:-my-8,.lg\:-mt-8{margin-top:-.5rem}.lg\:-my-8,.lg\:-mb-8{margin-bottom:-.5rem}.lg\:mx-8,.lg\:mr-8{margin-inline-end:.5rem}.lg\:mx-8,.lg\:ml-8{margin-inline-start:.5rem}.lg\:-mx-8,.lg\:-mr-8{margin-inline-end:-.5rem}.lg\:-mx-8,.lg\:-ml-8{margin-inline-start:-.5rem}.lg\:m-12{margin:.75rem}.lg\:-m-12{margin:-.75rem}.lg\:my-12,.lg\:mt-12{margin-top:.75rem}.lg\:my-12,.lg\:mb-12{margin-bottom:.75rem}.lg\:-my-12,.lg\:-mt-12{margin-top:-.75rem}.lg\:-my-12,.lg\:-mb-12{margin-bottom:-.75rem}.lg\:mx-12,.lg\:mr-12{margin-inline-end:.75rem}.lg\:mx-12,.lg\:ml-12{margin-inline-start:.75rem}.lg\:-mx-12,.lg\:-mr-12{margin-inline-end:-.75rem}.lg\:-mx-12,.lg\:-ml-12{margin-inline-start:-.75rem}.lg\:m-16{margin:1rem}.lg\:-m-16{margin:-1rem}.lg\:my-16,.lg\:mt-16{margin-top:1rem}.lg\:my-16,.lg\:mb-16{margin-bottom:1rem}.lg\:-my-16,.lg\:-mt-16{margin-top:-1rem}.lg\:-my-16,.lg\:-mb-16{margin-bottom:-1rem}.lg\:mx-16,.lg\:mr-16{margin-inline-end:1rem}.lg\:mx-16,.lg\:ml-16{margin-inline-start:1rem}.lg\:-mx-16,.lg\:-mr-16{margin-inline-end:-1rem}.lg\:-mx-16,.lg\:-ml-16{margin-inline-start:-1rem}.lg\:m-24{margin:1.5rem}.lg\:-m-24{margin:-1.5rem}.lg\:my-24,.lg\:mt-24{margin-top:1.5rem}.lg\:my-24,.lg\:mb-24{margin-bottom:1.5rem}.lg\:-my-24,.lg\:-mt-24{margin-top:-1.5rem}.lg\:-my-24,.lg\:-mb-24{margin-bottom:-1.5rem}.lg\:mx-24,.lg\:mr-24{margin-inline-end:1.5rem}.lg\:mx-24,.lg\:ml-24{margin-inline-start:1.5rem}.lg\:-mx-24,.lg\:-mr-24{margin-inline-end:-1.5rem}.lg\:-mx-24,.lg\:-ml-24{margin-inline-start:-1.5rem}.lg\:m-32{margin:2rem}.lg\:-m-32{margin:-2rem}.lg\:my-32,.lg\:mt-32{margin-top:2rem}.lg\:my-32,.lg\:mb-32{margin-bottom:2rem}.lg\:-my-32,.lg\:-mt-32{margin-top:-2rem}.lg\:-my-32,.lg\:-mb-32{margin-bottom:-2rem}.lg\:mx-32,.lg\:mr-32{margin-inline-end:2rem}.lg\:mx-32,.lg\:ml-32{margin-inline-start:2rem}.lg\:-mx-32,.lg\:-mr-32{margin-inline-end:-2rem}.lg\:-mx-32,.lg\:-ml-32{margin-inline-start:-2rem}.lg\:m-48{margin:3rem}.lg\:-m-48{margin:-3rem}.lg\:my-48,.lg\:mt-48{margin-top:3rem}.lg\:my-48,.lg\:mb-48{margin-bottom:3rem}.lg\:-my-48,.lg\:-mt-48{margin-top:-3rem}.lg\:-my-48,.lg\:-mb-48{margin-bottom:-3rem}.lg\:mx-48,.lg\:mr-48{margin-inline-end:3rem}.lg\:mx-48,.lg\:ml-48{margin-inline-start:3rem}.lg\:-mx-48,.lg\:-mr-48{margin-inline-end:-3rem}.lg\:-mx-48,.lg\:-ml-48{margin-inline-start:-3rem}.lg\:m-64{margin:4rem}.lg\:-m-64{margin:-4rem}.lg\:my-64,.lg\:mt-64{margin-top:4rem}.lg\:my-64,.lg\:mb-64{margin-bottom:4rem}.lg\:-my-64,.lg\:-mt-64{margin-top:-4rem}.lg\:-my-64,.lg\:-mb-64{margin-bottom:-4rem}.lg\:mx-64,.lg\:mr-64{margin-inline-end:4rem}.lg\:mx-64,.lg\:ml-64{margin-inline-start:4rem}.lg\:-mx-64,.lg\:-mr-64{margin-inline-end:-4rem}.lg\:-mx-64,.lg\:-ml-64{margin-inline-start:-4rem}.lg\:my-xs,.lg\:mt-xs{margin-top:var(--v-space-xs)}.lg\:my-xs,.lg\:mb-xs{margin-bottom:var(--v-space-xs)}.lg\:my-sm,.lg\:mt-sm{margin-top:var(--v-space-sm)}.lg\:my-sm,.lg\:mb-sm{margin-bottom:var(--v-space-sm)}.lg\:my-md,.lg\:mt-md{margin-top:var(--v-space-md)}.lg\:my-md,.lg\:mb-md{margin-bottom:var(--v-space-md)}.lg\:my-lg,.lg\:mt-lg{margin-top:var(--v-space-lg)}.lg\:my-lg,.lg\:mb-lg{margin-bottom:var(--v-space-lg)}.lg\:my-xl,.lg\:mt-xl{margin-top:var(--v-space-xl)}.lg\:my-xl,.lg\:mb-xl{margin-bottom:var(--v-space-xl)}.lg\:my-2xl,.lg\:mt-2xl{margin-top:var(--v-space-2xl)}.lg\:my-2xl,.lg\:mb-2xl{margin-bottom:var(--v-space-2xl)}.lg\:overflow-auto{overflow:auto}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-visible{overflow:visible}.lg\:overflow-clip{overflow:clip}.lg\:overflow-x-auto{overflow-x:auto}.lg\:overflow-x-hidden{overflow-x:hidden}.lg\:overflow-x-visible{overflow-x:visible}.lg\:overflow-x-clip{overflow-x:clip}.lg\:overflow-y-auto{overflow-y:auto}.lg\:overflow-y-hidden{overflow-y:hidden}.lg\:overflow-y-visible{overflow-y:visible}.lg\:overflow-y-clip{overflow-y:clip}.lg\:p-0{padding:0}.lg\:py-0,.lg\:pt-0{padding-top:0}.lg\:py-0,.lg\:pb-0{padding-bottom:0}.lg\:px-0,.lg\:pr-0{padding-inline-end:0}.lg\:px-0,.lg\:pl-0{padding-inline-start:0}.lg\:py-l,.lg\:pt-l{padding-top:var(--v-space-l)}.lg\:py-l,.lg\:pb-l{padding-bottom:var(--v-space-l)}.lg\:py-m,.lg\:pt-m{padding-top:var(--v-space-m)}.lg\:py-m,.lg\:pb-m{padding-bottom:var(--v-space-m)}.lg\:py-s,.lg\:pt-s{padding-top:var(--v-space-s)}.lg\:py-s,.lg\:pb-s{padding-bottom:var(--v-space-s)}.lg\:px-pageoffset,.lg\:pr-pageoffset{padding-inline-end:var(--v-space-pageoffset)}.lg\:px-pageoffset,.lg\:pl-pageoffset{padding-inline-start:var(--v-space-pageoffset)}.lg\:px-pagemargin,.lg\:pr-pagemargin{padding-inline-end:var(--v-space-pagemargin)}.lg\:px-pagemargin,.lg\:pl-pagemargin{padding-inline-start:var(--v-space-pagemargin)}.lg\:p-2{padding:.125rem}.lg\:py-2,.lg\:pt-2{padding-top:.125rem}.lg\:py-2,.lg\:pb-2{padding-bottom:.125rem}.lg\:px-2,.lg\:pr-2{padding-inline-end:.125rem}.lg\:px-2,.lg\:pl-2{padding-inline-start:.125rem}.lg\:p-4{padding:.25rem}.lg\:py-4,.lg\:pt-4{padding-top:.25rem}.lg\:py-4,.lg\:pb-4{padding-bottom:.25rem}.lg\:px-4,.lg\:pr-4{padding-inline-end:.25rem}.lg\:px-4,.lg\:pl-4{padding-inline-start:.25rem}.lg\:p-8{padding:.5rem}.lg\:py-8,.lg\:pt-8{padding-top:.5rem}.lg\:py-8,.lg\:pb-8{padding-bottom:.5rem}.lg\:px-8,.lg\:pr-8{padding-inline-end:.5rem}.lg\:px-8,.lg\:pl-8{padding-inline-start:.5rem}.lg\:p-12{padding:.75rem}.lg\:py-12,.lg\:pt-12{padding-top:.75rem}.lg\:py-12,.lg\:pb-12{padding-bottom:.75rem}.lg\:px-12,.lg\:pr-12{padding-inline-end:.75rem}.lg\:px-12,.lg\:pl-12{padding-inline-start:.75rem}.lg\:p-16{padding:1rem}.lg\:py-16,.lg\:pt-16{padding-top:1rem}.lg\:py-16,.lg\:pb-16{padding-bottom:1rem}.lg\:px-16,.lg\:pr-16{padding-inline-end:1rem}.lg\:px-16,.lg\:pl-16{padding-inline-start:1rem}.lg\:p-24{padding:1.5rem}.lg\:py-24,.lg\:pt-24{padding-top:1.5rem}.lg\:py-24,.lg\:pb-24{padding-bottom:1.5rem}.lg\:px-24,.lg\:pr-24{padding-inline-end:1.5rem}.lg\:px-24,.lg\:pl-24{padding-inline-start:1.5rem}.lg\:p-32{padding:2rem}.lg\:py-32,.lg\:pt-32{padding-top:2rem}.lg\:py-32,.lg\:pb-32{padding-bottom:2rem}.lg\:px-32,.lg\:pr-32{padding-inline-end:2rem}.lg\:px-32,.lg\:pl-32{padding-inline-start:2rem}.lg\:p-48{padding:3rem}.lg\:py-48,.lg\:pt-48{padding-top:3rem}.lg\:py-48,.lg\:pb-48{padding-bottom:3rem}.lg\:px-48,.lg\:pr-48{padding-inline-end:3rem}.lg\:px-48,.lg\:pl-48{padding-inline-start:3rem}.lg\:p-64{padding:4rem}.lg\:py-64,.lg\:pt-64{padding-top:4rem}.lg\:py-64,.lg\:pb-64{padding-bottom:4rem}.lg\:px-64,.lg\:pr-64{padding-inline-end:4rem}.lg\:px-64,.lg\:pl-64{padding-inline-start:4rem}.lg\:py-xs,.lg\:pt-xs{padding-top:var(--v-space-xs)}.lg\:py-xs,.lg\:pb-xs{padding-bottom:var(--v-space-xs)}.lg\:py-sm,.lg\:pt-sm{padding-top:var(--v-space-sm)}.lg\:py-sm,.lg\:pb-sm{padding-bottom:var(--v-space-sm)}.lg\:py-md,.lg\:pt-md{padding-top:var(--v-space-md)}.lg\:py-md,.lg\:pb-md{padding-bottom:var(--v-space-md)}.lg\:py-lg,.lg\:pt-lg{padding-top:var(--v-space-lg)}.lg\:py-lg,.lg\:pb-lg{padding-bottom:var(--v-space-lg)}.lg\:py-xl,.lg\:pt-xl{padding-top:var(--v-space-xl)}.lg\:py-xl,.lg\:pb-xl{padding-bottom:var(--v-space-xl)}.lg\:py-2xl,.lg\:pt-2xl{padding-top:var(--v-space-2xl)}.lg\:py-2xl,.lg\:pb-2xl{padding-bottom:var(--v-space-2xl)}.lg\:text-start{text-align:start}.lg\:text-end{text-align:end}.lg\:text-center{text-align:center}.lg\:text-secondary{--color:var(--v-color-foreground-secondary);color:var(--v-color-foreground-secondary)}.lg\:text-primary{--color:var(--v-color-foreground-primary);color:var(--v-color-foreground-primary)}.lg\:invisible{visibility:hidden}@media (width<=99.99rem){.lg\:until-xl\:invisible{visibility:hidden}}.lg\:w-0{width:0}.lg\:w-8{width:.5rem}.lg\:w-16{width:1rem}.lg\:w-24{width:1.5rem}.lg\:w-32{width:2rem}.lg\:w-40{width:2.5rem}.lg\:w-48{width:3rem}.lg\:w-64{width:4rem}.lg\:w-1\/2{width:50%}.lg\:w-full{width:100%}.lg\:w-min{width:min-content}.lg\:w-fit{width:fit-content}.lg\:min-w-0{min-width:0}.lg\:min-w-fit{min-width:fit-content}.lg\:min-w-min{min-width:min-content}.lg\:max-w-1\/2{max-width:50%}.lg\:max-w-full{max-width:100%}.lg\:max-w-fit{max-width:fit-content}.lg\:max-w-min{max-width:min-content}}}
|
package/dist/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:host,:root,[data-color-mode],::backdrop{--_ve73fe1:0;--_v01aeb4:initial;--_v142aa7: ;--_v580f4a:4%;--_v462cee:12%;--_vce294a:20%;--_vd9113b:.32;--_vfb96e0:var(--v-color-surface-neutral)}[data-color-mode=dark],:host([data-color-mode=dark]){--_ve73fe1:1;--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--_ve73fe1:1;--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}}:host,:root{--_vff1a2e:url(https://www.volvocars.com/static/shared/icons/v5/checkmark-16.svg)}:host,:root,[data-color-mode=light]{--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v5/chevron-down-16.svg#light-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#light-primary)}[data-color-mode=dark],:host([data-color-mode=dark]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v5/chevron-down-16.svg#dark-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#dark-primary)}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v5/chevron-down-16.svg#dark-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#dark-primary)}}:host,:root,:where(.pagelayout){--v-space-l:var(--v-space-xl);--v-space-m:var(--v-space-lg);--v-space-s:var(--v-space-md);--_va4350f:calc(env(safe-area-inset-left,0px) + clamp(1.5rem, .8vw + 1.1rem, 1.75rem));--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-space-pageoffset:max(var(--v-space-pagemargin), calc((100% - var(--v-size-pagemax)) / 2 + var(--v-space-pagemargin)));--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-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 (width>=30rem){:root,:host,:where(.pagelayout){--v-grid-columns:12;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:10;--_vbd64de:10;--_v1c7adc:12}}@media (width>=64rem){:root,:host,:where(.pagelayout){--_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}:is(:root,:host) :is(.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl):not(.pagelayout *){--v-font-heading-1-size-max:3rem;--v-font-heading-2-size-max:2rem;--v-font-heading-3-size-max:2rem;--v-font-statement-1-size-max:8rem;--v-font-statement-2-size-max:6rem;--v-font-statement-3-size-max:4.5rem;--v-font-statement-signature-size-max:4.5rem}: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}}:host,:root,[data-color-mode]{--v-color-foreground-primary:#000;--v-color-foreground-secondary:#5e5e5e;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#fff;--v-color-foreground-accent-blue:#0b2ded;--v-color-foreground-feedback-green:#04771d;--v-color-foreground-feedback-red:#cd2314;--v-color-foreground-feedback-orange:#ce6700;--v-color-surface-neutral:#000;--v-color-surface-gray:#e3e3e3;--v-color-surface-accent-blue:#0b2ded;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-background-feedback-green:#d7f9df;--v-color-background-feedback-red:#fce5e3;--v-color-background-feedback-orange:#ffe8d1;--v-color-background-feedback-gray:#f0f0f0;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#0000001f;--v-color-ornament-scrim:#171717a3;--v-color-state-primary-strong:#0003;--v-color-state-primary-medium:#0000001f;--v-color-state-primary-subtle:#0000000a;--v-color-state-inverted-strong:#fff3;--v-color-state-inverted-medium:#ffffff1f;--v-color-state-inverted-subtle:#ffffff0a;--v-color-state-accent-blue-strong:#0b2ded33;--v-color-state-accent-blue-medium:#0b2ded1f;--v-color-state-accent-blue-subtle:#0b2ded0a;--v-color-state-feedback-red-strong:#e5271533;--v-color-state-feedback-red-medium:#e527151f;--v-color-state-feedback-red-subtle:#e527150a;--v-color-state-always-black-strong:#0003;--v-color-state-always-black-medium:#0000001f;--v-color-state-always-black-subtle:#0000000a;--v-color-state-always-white-strong:#fff3;--v-color-state-always-white-medium:#ffffff1f;--v-color-state-always-white-subtle:#ffffff0a}@media (prefers-color-scheme:dark){:host([data-color-mode=auto]),[data-color-mode=auto]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#969696;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#000;--v-color-foreground-accent-blue:#3354ff;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-feedback-orange:#f93;--v-color-surface-neutral:#fff;--v-color-surface-gray:#3b3b3b;--v-color-surface-accent-blue:#3354ff;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#000;--v-color-background-secondary:#171717;--v-color-background-feedback-gray:#242424;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-red:#4a0d07;--v-color-background-feedback-orange:#522900;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#ffffff29;--v-color-ornament-scrim:#171717a3;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-subtle:#ffffff14;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-subtle:#00000014;--v-color-state-accent-blue-strong:#3354ff3d;--v-color-state-accent-blue-medium:#3354ff29;--v-color-state-accent-blue-subtle:#3354ff14;--v-color-state-feedback-red-strong:#e527153d;--v-color-state-feedback-red-medium:#e5271529;--v-color-state-feedback-red-subtle:#e5271514;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-subtle:#ffffff14}}:host([data-color-mode=dark]),[data-color-mode=dark]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#969696;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#000;--v-color-foreground-accent-blue:#3354ff;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-feedback-orange:#f93;--v-color-surface-neutral:#fff;--v-color-surface-gray:#3b3b3b;--v-color-surface-accent-blue:#3354ff;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#000;--v-color-background-secondary:#171717;--v-color-background-feedback-gray:#242424;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-red:#4a0d07;--v-color-background-feedback-orange:#522900;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#ffffff29;--v-color-ornament-scrim:#171717a3;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-subtle:#ffffff14;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-subtle:#00000014;--v-color-state-accent-blue-strong:#3354ff3d;--v-color-state-accent-blue-medium:#3354ff29;--v-color-state-accent-blue-subtle:#3354ff14;--v-color-state-feedback-red-strong:#e527153d;--v-color-state-feedback-red-medium:#e5271529;--v-color-state-feedback-red-subtle:#e5271514;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-subtle:#ffffff14}:host,:root{--v-font-12-size:.75rem;--v-font-12-lineheight:1.667;--v-font-14-size:.875rem;--v-font-14-lineheight:1.572;--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-20-size:1.25rem;--v-font-20-lineheight:1.4;--v-font-24-size:1.5rem;--v-font-24-lineheight:1.334;--v-font-heading-3-weight:400;--v-font-heading-3-size:round(down, clamp(var(--v-font-heading-3-size-min), 1.071vw + 1.179rem, var(--v-font-heading-3-size-max)), 2px);--v-font-heading-3-lineheight:calc(1em + .5rem);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2.25rem;--v-font-heading-2-weight:400;--v-font-heading-2-size:round(down, clamp(var(--v-font-heading-2-size-min), 1.071vw + 1.179rem, var(--v-font-heading-2-size-max)), 2px);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2.25rem;--v-font-heading-2-lineheight:calc(1em + .5rem);--v-font-heading-1-weight:400;--v-font-heading-1-size:round(down, clamp(var(--v-font-heading-1-size-min), 2.143vw + 1.357rem, var(--v-font-heading-1-size-max)), 2px);--v-font-heading-1-lineheight:calc(1em + .5rem);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:3.5rem;--v-font-statement-3-weight:400;--v-font-statement-3-size:round(down, clamp(var(--v-font-statement-3-size-min), 2.143vw + 2.357rem, var(--v-font-statement-3-size-max)), 2px);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:4.5rem;--v-font-statement-3-lineheight:calc(1em + .5rem);--v-font-statement-2-weight:400;--v-font-statement-2-size:round(down, clamp(var(--v-font-statement-2-size-min), 5vw + 2rem, var(--v-font-statement-2-size-max)), 2px);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:7rem;--v-font-statement-2-lineheight:calc(1em + .5rem);--v-font-statement-1-weight:400;--v-font-statement-1-size:round(down, clamp(var(--v-font-statement-1-size-min), 6.786vw + 2.464rem, var(--v-font-statement-1-size-max)), 2px);--v-font-statement-1-size-min:4.5rem;--v-font-statement-1-size-max:9.25rem;--v-font-statement-1-lineheight:calc(1em + .5rem);--v-font-statement-signature-weight:400;--v-font-statement-signature-size:round(down, clamp(var(--v-font-statement-signature-size-min), 3.929vw + 1.321rem, var(--v-font-statement-signature-size-max)), 2px);--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:5.25rem;--v-font-statement-signature-lineheight:calc(1em + .5rem);--v-font-regular-weight:400;--v-font-emphasis-weight:600;--v-font-sans-family:"Volvo Centum", "Helvetica Neue", "Helvetica", "Noto Sans", "Segoe UI", "Arial", sans-serif;--v-font-broad-family:"Volvo Broad Pro", "Volvo Broad", "Arial Black", sans-serif;--v-font-mono-family:monospace;--v-space-2:.125rem;--v-space-4:.25rem;--v-space-8:.5rem;--v-space-12:.75rem;--v-space-16:1rem;--v-space-24:1.5rem;--v-space-32:2rem;--v-space-48:3rem;--v-space-64:4rem;--v-space-gridded-element-gap:var(--v-space-2);--v-space-pagemargin:round(clamp(1rem, 4.286vw + -.286rem, 4rem), 2px);--v-space-xs:round(clamp(.5rem, 1.071vw + .179rem, 1.25rem), 2px);--v-space-sm:round(clamp(1rem, 1.429vw + .571rem, 2rem), 2px);--v-space-md:round(clamp(1.5rem, 2.143vw + .857rem, 3rem), 2px);--v-space-lg:round(clamp(2rem, 2.143vw + 1.357rem, 3.5rem), 2px);--v-space-xl:round(clamp(3rem, 2.143vw + 2.357rem, 4.5rem), 2px);--v-space-2xl:round(clamp(4rem, 5.714vw + 2.286rem, 8rem), 2px);--v-space-gutter:round(clamp(1rem, 1.429vw + .571rem, 2rem), 2px);--v-border-width-default:1px;--v-border-width-selected:2px;--v-size-overlay-narrow:45ch;--v-size-overlay-wide:60ch;--v-size-sidebar-narrow:round(clamp(15rem, 11.111vw + 7.889rem, 19rem), 2px);--v-size-sidebar-wide:round(clamp(23rem, 16.667vw + 12.333rem, 29rem), 2px);--v-shape-default:0px;--v-shape-emphasis:9999px}
|
|
1
|
+
:host,:root,[data-color-mode],::backdrop{--_ve73fe1:0;--_v01aeb4:initial;--_v142aa7: ;--_v580f4a:4%;--_v462cee:12%;--_vce294a:20%;--_vd9113b:.32;--_vfb96e0:var(--v-color-surface-neutral)}[data-color-mode=dark],:host([data-color-mode=dark]){--_ve73fe1:1;--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--_ve73fe1:1;--_v01aeb4: ;--_v142aa7:initial;--_v580f4a:8%;--_v462cee:16%;--_vce294a:24%;--_vd9113b:.4}}:host,:root{--_vff1a2e:url(https://www.volvocars.com/static/shared/icons/v5/checkmark-16.svg)}:host,:root,[data-color-mode=light]{--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v5/chevron-down-16.svg#light-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#light-primary)}[data-color-mode=dark],:host([data-color-mode=dark]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v5/chevron-down-16.svg#dark-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#dark-primary)}@media (prefers-color-scheme:dark){[data-color-mode=auto],:host([data-color-mode=auto]){--_v3ba278:url(https://www.volvocars.com/static/shared/icons/v5/chevron-down-16.svg#dark-primary);--_v421db2:url(https://www.volvocars.com/static/shared/icons/v5/chevron-forward-24.svg#dark-primary)}}:host,:root,:where(.pagelayout){--v-space-l:var(--v-space-xl);--v-space-m:var(--v-space-lg);--v-space-s:var(--v-space-md);--_va4350f:calc(env(safe-area-inset-left,0px) + clamp(1.5rem, .8vw + 1.1rem, 1.75rem));--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-space-pageoffset:max(var(--v-space-pagemargin), calc((100% - var(--v-size-pagemax)) / 2 + var(--v-space-pagemargin)));--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-full:9999px;--v-index-spinner:30;--v-index-overlay:20;--v-index-navigation:10;--v-index-default:0;--v-index-deep:-1;--v-size-navigation-bar-height:var(--v-space-48);--v-grid-columns:8;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:8;--_vbd64de:8;--_v1c7adc:8}@media (width>=30rem){:root,:host,:where(.pagelayout){--v-size-navigation-bar-height:var(--v-space-64);--v-grid-columns:12;--_vf6c8b5:6;--_v0bb1b3:8;--_v55f8aa:10;--_vbd64de:10;--_v1c7adc:12}}@media (width>=64rem){:root,:host,:where(.pagelayout){--_vf6c8b5:4;--_v0bb1b3:6;--_v55f8aa:8}}:root,:host,[dir=ltr]{--_v386612:1}[dir=rtl]{--_v386612:-1}:is(:root,:host) :is(.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl):not(.pagelayout *){--v-font-heading-1-size-max:3rem;--v-font-heading-2-size-max:2rem;--v-font-heading-3-size-max:2rem;--v-font-statement-1-size-max:8rem;--v-font-statement-2-size-max:6rem;--v-font-statement-3-size-max:4.5rem;--v-font-statement-signature-size-max:4.5rem}: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}}:host,:root,[data-color-mode]{--v-color-foreground-primary:#000;--v-color-foreground-secondary:#5e5e5e;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#fff;--v-color-foreground-accent-blue:#0b2ded;--v-color-foreground-feedback-green:#04771d;--v-color-foreground-feedback-red:#cd2314;--v-color-foreground-feedback-orange:#ce6700;--v-color-surface-neutral:#000;--v-color-surface-gray:#e3e3e3;--v-color-surface-accent-blue:#0b2ded;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#fff;--v-color-background-secondary:#fafafa;--v-color-background-feedback-green:#d7f9df;--v-color-background-feedback-red:#fce5e3;--v-color-background-feedback-orange:#ffe8d1;--v-color-background-feedback-gray:#f0f0f0;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#0000001f;--v-color-ornament-scrim:#171717a3;--v-color-state-primary-strong:#0003;--v-color-state-primary-medium:#0000001f;--v-color-state-primary-subtle:#0000000a;--v-color-state-inverted-strong:#fff3;--v-color-state-inverted-medium:#ffffff1f;--v-color-state-inverted-subtle:#ffffff0a;--v-color-state-accent-blue-strong:#0b2ded33;--v-color-state-accent-blue-medium:#0b2ded1f;--v-color-state-accent-blue-subtle:#0b2ded0a;--v-color-state-feedback-red-strong:#e5271533;--v-color-state-feedback-red-medium:#e527151f;--v-color-state-feedback-red-subtle:#e527150a;--v-color-state-always-black-strong:#0003;--v-color-state-always-black-medium:#0000001f;--v-color-state-always-black-subtle:#0000000a;--v-color-state-always-white-strong:#fff3;--v-color-state-always-white-medium:#ffffff1f;--v-color-state-always-white-subtle:#ffffff0a}@media (prefers-color-scheme:dark){:host([data-color-mode=auto]),[data-color-mode=auto]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#969696;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#000;--v-color-foreground-accent-blue:#3354ff;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-feedback-orange:#f93;--v-color-surface-neutral:#fff;--v-color-surface-gray:#3b3b3b;--v-color-surface-accent-blue:#3354ff;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#000;--v-color-background-secondary:#171717;--v-color-background-feedback-gray:#242424;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-red:#4a0d07;--v-color-background-feedback-orange:#522900;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#ffffff29;--v-color-ornament-scrim:#171717a3;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-subtle:#ffffff14;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-subtle:#00000014;--v-color-state-accent-blue-strong:#3354ff3d;--v-color-state-accent-blue-medium:#3354ff29;--v-color-state-accent-blue-subtle:#3354ff14;--v-color-state-feedback-red-strong:#e527153d;--v-color-state-feedback-red-medium:#e5271529;--v-color-state-feedback-red-subtle:#e5271514;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-subtle:#ffffff14}}:host([data-color-mode=dark]),[data-color-mode=dark]{--v-color-foreground-primary:#fff;--v-color-foreground-secondary:#969696;--v-color-foreground-tertiary:#787878;--v-color-foreground-inverted:#000;--v-color-foreground-accent-blue:#3354ff;--v-color-foreground-feedback-green:#07ca31;--v-color-foreground-feedback-red:#ef6658;--v-color-foreground-feedback-orange:#f93;--v-color-surface-neutral:#fff;--v-color-surface-gray:#3b3b3b;--v-color-surface-accent-blue:#3354ff;--v-color-surface-accent-safety:#fc6408;--v-color-surface-feedback-green:#048220;--v-color-surface-feedback-orange:#ce6700;--v-color-surface-feedback-red:#e52715;--v-color-background-primary:#000;--v-color-background-secondary:#171717;--v-color-background-feedback-gray:#242424;--v-color-background-feedback-green:#02310c;--v-color-background-feedback-red:#4a0d07;--v-color-background-feedback-orange:#522900;--v-color-always-white:#fff;--v-color-always-black:#000;--v-color-ornament-primary:#ffffff29;--v-color-ornament-scrim:#171717a3;--v-color-state-primary-strong:#ffffff3d;--v-color-state-primary-medium:#ffffff29;--v-color-state-primary-subtle:#ffffff14;--v-color-state-inverted-strong:#0000003d;--v-color-state-inverted-medium:#00000029;--v-color-state-inverted-subtle:#00000014;--v-color-state-accent-blue-strong:#3354ff3d;--v-color-state-accent-blue-medium:#3354ff29;--v-color-state-accent-blue-subtle:#3354ff14;--v-color-state-feedback-red-strong:#e527153d;--v-color-state-feedback-red-medium:#e5271529;--v-color-state-feedback-red-subtle:#e5271514;--v-color-state-always-black-strong:#0000003d;--v-color-state-always-black-medium:#00000029;--v-color-state-always-black-subtle:#00000014;--v-color-state-always-white-strong:#ffffff3d;--v-color-state-always-white-medium:#ffffff29;--v-color-state-always-white-subtle:#ffffff14}:host,:root{--v-font-12-size:.75rem;--v-font-12-lineheight:1.667;--v-font-14-size:.875rem;--v-font-14-lineheight:1.572;--v-font-16-size:1rem;--v-font-16-lineheight:1.5;--v-font-20-size:1.25rem;--v-font-20-lineheight:1.4;--v-font-24-size:1.5rem;--v-font-24-lineheight:1.334;--v-font-heading-3-weight:400;--v-font-heading-3-size:round(down, clamp(var(--v-font-heading-3-size-min), 1.071vw + 1.179rem, var(--v-font-heading-3-size-max)), 2px);--v-font-heading-3-lineheight:calc(1em + .5rem);--v-font-heading-3-size-min:1.5rem;--v-font-heading-3-size-max:2.25rem;--v-font-heading-2-weight:400;--v-font-heading-2-size:round(down, clamp(var(--v-font-heading-2-size-min), 1.071vw + 1.179rem, var(--v-font-heading-2-size-max)), 2px);--v-font-heading-2-size-min:1.5rem;--v-font-heading-2-size-max:2.25rem;--v-font-heading-2-lineheight:calc(1em + .5rem);--v-font-heading-1-weight:400;--v-font-heading-1-size:round(down, clamp(var(--v-font-heading-1-size-min), 2.143vw + 1.357rem, var(--v-font-heading-1-size-max)), 2px);--v-font-heading-1-lineheight:calc(1em + .5rem);--v-font-heading-1-size-min:2rem;--v-font-heading-1-size-max:3.5rem;--v-font-statement-3-weight:400;--v-font-statement-3-size:round(down, clamp(var(--v-font-statement-3-size-min), 2.143vw + 2.357rem, var(--v-font-statement-3-size-max)), 2px);--v-font-statement-3-size-min:3rem;--v-font-statement-3-size-max:4.5rem;--v-font-statement-3-lineheight:calc(1em + .5rem);--v-font-statement-2-weight:400;--v-font-statement-2-size:round(down, clamp(var(--v-font-statement-2-size-min), 5vw + 2rem, var(--v-font-statement-2-size-max)), 2px);--v-font-statement-2-size-min:3.5rem;--v-font-statement-2-size-max:7rem;--v-font-statement-2-lineheight:calc(1em + .5rem);--v-font-statement-1-weight:400;--v-font-statement-1-size:round(down, clamp(var(--v-font-statement-1-size-min), 6.786vw + 2.464rem, var(--v-font-statement-1-size-max)), 2px);--v-font-statement-1-size-min:4.5rem;--v-font-statement-1-size-max:9.25rem;--v-font-statement-1-lineheight:calc(1em + .5rem);--v-font-statement-signature-weight:400;--v-font-statement-signature-size:round(down, clamp(var(--v-font-statement-signature-size-min), 3.929vw + 1.321rem, var(--v-font-statement-signature-size-max)), 2px);--v-font-statement-signature-size-min:2.5rem;--v-font-statement-signature-size-max:5.25rem;--v-font-statement-signature-lineheight:calc(1em + .5rem);--v-font-regular-weight:400;--v-font-emphasis-weight:600;--v-font-sans-family:"Volvo Centum", "Helvetica Neue", "Helvetica", "Noto Sans", "Segoe UI", "Arial", sans-serif;--v-font-broad-family:"Volvo Broad Pro", "Volvo Broad", "Arial Black", sans-serif;--v-font-mono-family:monospace;--v-border-width-default:1px;--v-border-width-selected:2px;--v-space-2:.125rem;--v-space-4:.25rem;--v-space-8:.5rem;--v-space-12:.75rem;--v-space-16:1rem;--v-space-24:1.5rem;--v-space-32:2rem;--v-space-48:3rem;--v-space-64:4rem;--v-space-gridded-element-gap:var(--v-space-2);--v-space-pagemargin:round(clamp(1rem, 4.286vw + -.286rem, 4rem), 2px);--v-space-xs:round(clamp(.5rem, 1.071vw + .179rem, 1.25rem), 2px);--v-space-sm:round(clamp(1rem, 1.429vw + .571rem, 2rem), 2px);--v-space-md:round(clamp(1.5rem, 2.143vw + .857rem, 3rem), 2px);--v-space-lg:round(clamp(2rem, 2.143vw + 1.357rem, 3.5rem), 2px);--v-space-xl:round(clamp(3rem, 2.143vw + 2.357rem, 4.5rem), 2px);--v-space-2xl:round(clamp(4rem, 5.714vw + 2.286rem, 8rem), 2px);--v-space-gutter:round(clamp(1rem, 1.429vw + .571rem, 2rem), 2px);--v-size-overlay-narrow:45ch;--v-size-overlay-wide:65ch;--v-size-sidebar-narrow:round(clamp(15rem, 11.111vw + 7.889rem, 19rem), 2px);--v-size-sidebar-wide:round(clamp(23rem, 16.667vw + 12.333rem, 29rem), 2px);--v-shape-default:0px;--v-shape-emphasis:9999px}
|
package/dist/tokens.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export interface Tokens {
|
|
|
37
37
|
readonly indexNavigation: 'var(--v-index-navigation)';
|
|
38
38
|
readonly indexDefault: 'var(--v-index-default)';
|
|
39
39
|
readonly indexDeep: 'var(--v-index-deep)';
|
|
40
|
+
readonly sizeNavigationBarHeight: 'var(--v-size-navigation-bar-height)';
|
|
40
41
|
/**
|
|
41
42
|
* The total number of grid columns at the current breakpoint. */ readonly gridColumns: 'var(--v-grid-columns)';
|
|
42
43
|
readonly fontHeading1SizeMax: 'var(--v-font-heading-1-size-max)';
|
|
@@ -49,91 +50,96 @@ export interface Tokens {
|
|
|
49
50
|
readonly transitionDefault: 'var(--v-transition-default)';
|
|
50
51
|
readonly transitionMicro: 'var(--v-transition-micro)';
|
|
51
52
|
readonly transitionNotable: 'var(--v-transition-notable)';
|
|
52
|
-
readonly colorForegroundPrimary: 'var(--v-color-foreground-primary)';
|
|
53
53
|
/**
|
|
54
|
-
* Use for primary text, icons and borders. */ readonly
|
|
54
|
+
* Use for primary text, icons and borders. */ readonly colorForegroundPrimary: 'var(--v-color-foreground-primary)';
|
|
55
55
|
/**
|
|
56
|
-
* Use for secondary text, icons and borders. */ readonly
|
|
56
|
+
* Use for secondary text, icons and borders. */ readonly colorForegroundSecondary: 'var(--v-color-foreground-secondary)';
|
|
57
57
|
/**
|
|
58
|
-
* The lightest possible foreground color acceptable for UI fills. Should not be used for body text. */ readonly
|
|
58
|
+
* The lightest possible foreground color acceptable for UI fills. Should not be used for body text. */ readonly colorForegroundTertiary: 'var(--v-color-foreground-tertiary)';
|
|
59
59
|
/**
|
|
60
|
-
* The inverse of the primary foreground color. For use on filled surfaces. */ readonly
|
|
60
|
+
* The inverse of the primary foreground color. For use on filled surfaces. */ readonly colorForegroundInverted: 'var(--v-color-foreground-inverted)';
|
|
61
61
|
/**
|
|
62
|
-
* For emphasized selection borders and graphic accents (icons, illustrations). */ readonly
|
|
62
|
+
* For emphasized selection borders and graphic accents (icons, illustrations). */ readonly colorForegroundAccentBlue: 'var(--v-color-foreground-accent-blue)';
|
|
63
63
|
/**
|
|
64
|
-
* Use as a foreground or border color to highlight successful states and positive actions. */ readonly
|
|
64
|
+
* Use as a foreground or border color to highlight successful states and positive actions. */ readonly colorForegroundFeedbackGreen: 'var(--v-color-foreground-feedback-green)';
|
|
65
65
|
/**
|
|
66
|
-
* Use as a foreground or border color to highlight errors, invalid data, and destructive actions. */ readonly
|
|
66
|
+
* Use as a foreground or border color to highlight errors, invalid data, and destructive actions. */ readonly colorForegroundFeedbackRed: 'var(--v-color-foreground-feedback-red)';
|
|
67
67
|
/**
|
|
68
|
-
* Use as a foreground or border color to highlight warnings, invalid or missing data, and actions that require caution. */ readonly
|
|
68
|
+
* Use as a foreground or border color to highlight warnings, invalid or missing data, and actions that require caution. */ readonly colorForegroundFeedbackOrange: 'var(--v-color-foreground-feedback-orange)';
|
|
69
69
|
/**
|
|
70
|
-
* Used as a surface fill for UI elements like buttons and form controls. Combine with Foreground / Inverted foreground color. */ readonly
|
|
70
|
+
* Used as a surface fill for UI elements like buttons and form controls. Combine with Foreground / Inverted foreground color. */ readonly colorSurfaceNeutral: 'var(--v-color-surface-neutral)';
|
|
71
71
|
/**
|
|
72
|
-
* Used as surface fill. */ readonly
|
|
72
|
+
* Used as surface fill. */ readonly colorSurfaceGray: 'var(--v-color-surface-gray)';
|
|
73
|
+
/**
|
|
74
|
+
* Used as an emphasized surface fill for UI elements like buttons and form controls. */ readonly colorSurfaceAccentBlue: 'var(--v-color-surface-accent-blue)';
|
|
73
75
|
/**
|
|
74
76
|
* Used as an emphasized surface fill for UI elements like buttons and form controls. */ readonly colorSurfaceAccentSafety: 'var(--v-color-surface-accent-safety)';
|
|
75
77
|
/**
|
|
76
|
-
* Used as
|
|
78
|
+
* Used as a surface fill for UI elements like buttons and form controls to signify positive actions. Combine with Always White foreground color. */ readonly colorSurfaceFeedbackGreen: 'var(--v-color-surface-feedback-green)';
|
|
77
79
|
/**
|
|
78
|
-
*
|
|
80
|
+
* [Deprecated] */ readonly colorSurfaceFeedbackOrange: 'var(--v-color-surface-feedback-orange)';
|
|
79
81
|
/**
|
|
80
|
-
*
|
|
82
|
+
* Used as a surface fill for UI elements like buttons and form controls to signify destructive actions. Combine with Always White foreground color. */ readonly colorSurfaceFeedbackRed: 'var(--v-color-surface-feedback-red)';
|
|
81
83
|
/**
|
|
82
|
-
*
|
|
84
|
+
* Use as a primary background color. */ readonly colorBackgroundPrimary: 'var(--v-color-background-primary)';
|
|
83
85
|
/**
|
|
84
|
-
* Use as a
|
|
86
|
+
* Use as a secondary background color for elevated sections. */ readonly colorBackgroundSecondary: 'var(--v-color-background-secondary)';
|
|
85
87
|
/**
|
|
86
|
-
* Use as a background color to
|
|
88
|
+
* Use as a background color to indicate informational messages. */ readonly colorBackgroundFeedbackGray: 'var(--v-color-background-feedback-gray)';
|
|
87
89
|
/**
|
|
88
|
-
* Use as a
|
|
90
|
+
* Use as a background color to highlight successful and positive states. */ readonly colorBackgroundFeedbackGreen: 'var(--v-color-background-feedback-green)';
|
|
89
91
|
/**
|
|
90
|
-
* Use as a background color to highlight
|
|
92
|
+
* Use as a background color to highlight errors, invalid data, and destructive states. */ readonly colorBackgroundFeedbackRed: 'var(--v-color-background-feedback-red)';
|
|
91
93
|
/**
|
|
92
|
-
* Use as a background color to highlight
|
|
94
|
+
* Use as a background color to highlight warnings, invalid or missing data, and states that require caution. */ readonly colorBackgroundFeedbackOrange: 'var(--v-color-background-feedback-orange)';
|
|
93
95
|
/**
|
|
94
|
-
*
|
|
96
|
+
* Always white regardless of color mode. */ readonly colorAlwaysWhite: 'var(--v-color-always-white)';
|
|
95
97
|
/**
|
|
96
|
-
* Always
|
|
98
|
+
* Always black regardless of colour mode. */ readonly colorAlwaysBlack: 'var(--v-color-always-black)';
|
|
97
99
|
/**
|
|
98
|
-
*
|
|
100
|
+
* Use for strokes or dividers to visually group or separate elements. */ readonly colorOrnamentPrimary: 'var(--v-color-ornament-primary)';
|
|
99
101
|
/**
|
|
100
|
-
*
|
|
102
|
+
* Used as a backdrop that usually sits behind a Side sheet or Dialog component. */ readonly colorOrnamentScrim: 'var(--v-color-ornament-scrim)';
|
|
101
103
|
/**
|
|
102
|
-
*
|
|
104
|
+
* Use for state layers with foreground/primary. */ readonly colorStatePrimaryStrong: 'var(--v-color-state-primary-strong)';
|
|
103
105
|
/**
|
|
104
106
|
* Use for state layers with foreground/primary. */ readonly colorStatePrimaryMedium: 'var(--v-color-state-primary-medium)';
|
|
105
107
|
/**
|
|
106
108
|
* Use for state layers with foreground/primary. */ readonly colorStatePrimarySubtle: 'var(--v-color-state-primary-subtle)';
|
|
107
109
|
/**
|
|
108
|
-
* Use for state layers with foreground/
|
|
110
|
+
* Use for state layers with foreground/inverted. */ readonly colorStateInvertedStrong: 'var(--v-color-state-inverted-strong)';
|
|
109
111
|
/**
|
|
110
112
|
* Use for state layers with foreground/inverted. */ readonly colorStateInvertedMedium: 'var(--v-color-state-inverted-medium)';
|
|
111
113
|
/**
|
|
112
114
|
* Use for state layers with foreground/inverted. */ readonly colorStateInvertedSubtle: 'var(--v-color-state-inverted-subtle)';
|
|
113
115
|
/**
|
|
114
|
-
* Use for state layers with foreground/
|
|
116
|
+
* Use for state layers with foreground/accent/blue. */ readonly colorStateAccentBlueStrong: 'var(--v-color-state-accent-blue-strong)';
|
|
115
117
|
/**
|
|
116
118
|
* Use for state layers with foreground/accent/blue. */ readonly colorStateAccentBlueMedium: 'var(--v-color-state-accent-blue-medium)';
|
|
117
119
|
/**
|
|
118
120
|
* Use for state layers with foreground/accent/blue. */ readonly colorStateAccentBlueSubtle: 'var(--v-color-state-accent-blue-subtle)';
|
|
119
121
|
/**
|
|
120
|
-
* Use for state layers with foreground/
|
|
122
|
+
* Use for state layers with foreground/feedback/red. */ readonly colorStateFeedbackRedStrong: 'var(--v-color-state-feedback-red-strong)';
|
|
121
123
|
/**
|
|
122
124
|
* Use for state layers with foreground/feedback/red. */ readonly colorStateFeedbackRedMedium: 'var(--v-color-state-feedback-red-medium)';
|
|
123
125
|
/**
|
|
124
126
|
* Use for state layers with foreground/feedback/red. */ readonly colorStateFeedbackRedSubtle: 'var(--v-color-state-feedback-red-subtle)';
|
|
125
127
|
/**
|
|
126
|
-
* Use for state layers with foreground
|
|
128
|
+
* Use for state layers with an always/black foreground color. */ readonly colorStateAlwaysBlackStrong: 'var(--v-color-state-always-black-strong)';
|
|
127
129
|
/**
|
|
128
130
|
* Use for state layers with an always/black foreground color. */ readonly colorStateAlwaysBlackMedium: 'var(--v-color-state-always-black-medium)';
|
|
129
131
|
/**
|
|
130
132
|
* Use for state layers with an always/black foreground color. */ readonly colorStateAlwaysBlackSubtle: 'var(--v-color-state-always-black-subtle)';
|
|
131
133
|
/**
|
|
132
|
-
* Use for state layers with an always/
|
|
134
|
+
* Use for state layers with an always/white foreground color. */ readonly colorStateAlwaysWhiteStrong: 'var(--v-color-state-always-white-strong)';
|
|
133
135
|
/**
|
|
134
136
|
* Use for state layers with an always/white foreground color. */ readonly colorStateAlwaysWhiteMedium: 'var(--v-color-state-always-white-medium)';
|
|
135
137
|
/**
|
|
136
138
|
* Use for state layers with an always/white foreground color. */ readonly colorStateAlwaysWhiteSubtle: 'var(--v-color-state-always-white-subtle)';
|
|
139
|
+
/**
|
|
140
|
+
* Use for any UI element that needs a border in the default state. */ readonly borderWidthDefault: 'var(--v-border-width-default)';
|
|
141
|
+
/**
|
|
142
|
+
* Use for any UI element that needs a border in the selected state. */ readonly borderWidthSelected: 'var(--v-border-width-selected)';
|
|
137
143
|
/**
|
|
138
144
|
* Fixed 2px spacing */ readonly space2: 'var(--v-space-2)';
|
|
139
145
|
/**
|
|
@@ -172,10 +178,6 @@ export interface Tokens {
|
|
|
172
178
|
* Fluid spacing between 64px-128px. */ readonly space2xl: 'var(--v-space-2xl)';
|
|
173
179
|
/**
|
|
174
180
|
* The horizontal gap between grid columns. Fluid between 16px-32px. */ readonly spaceGutter: 'var(--v-space-gutter)';
|
|
175
|
-
/**
|
|
176
|
-
* Use for any UI element that needs a border in the default state. */ readonly borderWidthDefault: 'var(--v-border-width-default)';
|
|
177
|
-
/**
|
|
178
|
-
* Use for any UI element that needs a border in the selected state. */ readonly borderWidthSelected: 'var(--v-border-width-selected)';
|
|
179
181
|
/**
|
|
180
182
|
* Used to set the width of small overlays such as small dialogs, toasts */ readonly sizeOverlayNarrow: 'var(--v-size-overlay-narrow)';
|
|
181
183
|
/**
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@volvo-cars/css",
|
|
3
3
|
"description": "Volvo Cars shared CSS",
|
|
4
|
-
"version": "2.0
|
|
4
|
+
"version": "2.1.0",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"type": "module",
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
"@types/react": "19.2.14",
|
|
131
131
|
"@vcc/css-scripts": "workspace:*",
|
|
132
132
|
"@volvo-cars/browserslist-config": "1.4.8",
|
|
133
|
-
"@volvo-cars/design-tokens-web": "0.1.
|
|
133
|
+
"@volvo-cars/design-tokens-web": "0.1.2",
|
|
134
134
|
"chokidar-cli": "3.0.0",
|
|
135
135
|
"react": "19.2.6",
|
|
136
136
|
"tsup": "8.5.1",
|