@vtmn/css/dist/index-base10.css

Decathlon Design System - Vitamin global CSS styles library

/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

*,
::before,
::after{
  box-sizing:border-box;
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:currentColor;
  border-color: currentColor;
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

html{
  -moz-tab-size:4;
  -o-tab-size:4;
     tab-size:4;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height:1.5;
}

body{
  margin:0;
  font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-family:inherit;
  line-height:inherit;
}

hr{
  height:0;
  color:inherit;
  border-top-width:1px;
}

abbr[title]{
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}

b,
strong{
  font-weight:bolder;
}

code,
kbd,
samp,
pre{
  font-family:ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  font-size:1em;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

small{
  font-size:80%;
}

sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse;
}

button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0;
  padding:0;
  line-height:inherit;
  color:inherit;
}

button,
select{
  text-transform:none;
}

button,
[type='button'],
[type='reset'],
[type='submit']{
  -webkit-appearance:button;
}

::-moz-focus-inner{
  border-style:none;
  padding:0;
}

:-moz-focusring{
  outline:1px dotted ButtonText;
  outline:auto;
}

:-moz-ui-invalid{
  box-shadow:none;
}

legend{
  padding:0;
}

progress{
  vertical-align:baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
  height:auto;
}

[type='search']{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}

summary{
  display:list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre{
  margin:0;
}

button{
  background-color:transparent;
  background-image:none;
}

fieldset{
  margin:0;
  padding:0;
}

ol,
ul{
  list-style:none;
  margin:0;
  padding:0;
}

img{
  border-style:solid;
}

textarea{
  resize:vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#a1a1aa;
}

input::placeholder,
textarea::placeholder{
  opacity:1;
  color:#a1a1aa;
}

button,
[role="button"]{
  cursor:pointer;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-size:inherit;
  font-weight:inherit;
}

a{
  color:inherit;
  text-decoration:inherit;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object{
  display:block;
  vertical-align:middle;
}

img,
video{
  max-width:100%;
  height:auto;
}

[hidden]{
  display:none;
}

:root{
  --vtmn-base-color_white--h:0;
  --vtmn-base-color_white--s:0%;
  --vtmn-base-color_white--l:100%;
  --vtmn-base-color_white:hsl(
    var(--vtmn-base-color_white--h),
    var(--vtmn-base-color_white--s),
    var(--vtmn-base-color_white--l)
  );
  --vtmn-base-color_grey50--h:210;
  --vtmn-base-color_grey50--s:14.3%;
  --vtmn-base-color_grey50--l:97.3%;
  --vtmn-base-color_grey50:hsl(
    var(--vtmn-base-color_grey50--h),
    var(--vtmn-base-color_grey50--s),
    var(--vtmn-base-color_grey50--l)
  );
  --vtmn-base-color_grey100--h:210;
  --vtmn-base-color_grey100--s:14.3%;
  --vtmn-base-color_grey100--l:94.5%;
  --vtmn-base-color_grey100:hsl(
    var(--vtmn-base-color_grey100--h),
    var(--vtmn-base-color_grey100--s),
    var(--vtmn-base-color_grey100--l)
  );
  --vtmn-base-color_grey200--h:210;
  --vtmn-base-color_grey200--s:11.8%;
  --vtmn-base-color_grey200--l:86.7%;
  --vtmn-base-color_grey200:hsl(
    var(--vtmn-base-color_grey200--h),
    var(--vtmn-base-color_grey200--s),
    var(--vtmn-base-color_grey200--l)
  );
  --vtmn-base-color_grey300--h:214;
  --vtmn-base-color_grey300--s:11.8%;
  --vtmn-base-color_grey300--l:73.3%;
  --vtmn-base-color_grey300:hsl(
    var(--vtmn-base-color_grey300--h),
    var(--vtmn-base-color_grey300--s),
    var(--vtmn-base-color_grey300--l)
  );
  --vtmn-base-color_grey400--h:213;
  --vtmn-base-color_grey400--s:10.6%;
  --vtmn-base-color_grey400--l:59.2%;
  --vtmn-base-color_grey400:hsl(
    var(--vtmn-base-color_grey400--h),
    var(--vtmn-base-color_grey400--s),
    var(--vtmn-base-color_grey400--l)
  );
  --vtmn-base-color_grey500--h:211;
  --vtmn-base-color_grey500--s:13%;
  --vtmn-base-color_grey500--l:46.9%;
  --vtmn-base-color_grey500:hsl(
    var(--vtmn-base-color_grey500--h),
    var(--vtmn-base-color_grey500--s),
    var(--vtmn-base-color_grey500--l)
  );
  --vtmn-base-color_grey600--h:209;
  --vtmn-base-color_grey600--s:15.7%;
  --vtmn-base-color_grey600--l:36.3%;
  --vtmn-base-color_grey600:hsl(
    var(--vtmn-base-color_grey600--h),
    var(--vtmn-base-color_grey600--s),
    var(--vtmn-base-color_grey600--l)
  );
  --vtmn-base-color_grey700--h:206;
  --vtmn-base-color_grey700--s:21.2%;
  --vtmn-base-color_grey700--l:25.9%;
  --vtmn-base-color_grey700:hsl(
    var(--vtmn-base-color_grey700--h),
    var(--vtmn-base-color_grey700--s),
    var(--vtmn-base-color_grey700--l)
  );
  --vtmn-base-color_grey800--h:203;
  --vtmn-base-color_grey800--s:33.3%;
  --vtmn-base-color_grey800--l:15.3%;
  --vtmn-base-color_grey800:hsl(
    var(--vtmn-base-color_grey800--h),
    var(--vtmn-base-color_grey800--s),
    var(--vtmn-base-color_grey800--l)
  );
  --vtmn-base-color_grey900--h:203;
  --vtmn-base-color_grey900--s:34.4%;
  --vtmn-base-color_grey900--l:12%;
  --vtmn-base-color_grey900:hsl(
    var(--vtmn-base-color_grey900--h),
    var(--vtmn-base-color_grey900--s),
    var(--vtmn-base-color_grey900--l)
  );
  --vtmn-base-color_black--h:200;
  --vtmn-base-color_black--s:100%;
  --vtmn-base-color_black--l:4.7%;
  --vtmn-base-color_black:hsl(
    var(--vtmn-base-color_black--h),
    var(--vtmn-base-color_black--s),
    var(--vtmn-base-color_black--l)
  );
  --vtmn-base-color_red50--h:357;
  --vtmn-base-color_red50--s:90%;
  --vtmn-base-color_red50--l:96.1%;
  --vtmn-base-color_red50:hsl(
    var(--vtmn-base-color_red50--h),
    var(--vtmn-base-color_red50--s),
    var(--vtmn-base-color_red50--l)
  );
  --vtmn-base-color_red100--h:358;
  --vtmn-base-color_red100--s:96.4%;
  --vtmn-base-color_red100--l:89.2%;
  --vtmn-base-color_red100:hsl(
    var(--vtmn-base-color_red100--h),
    var(--vtmn-base-color_red100--s),
    var(--vtmn-base-color_red100--l)
  );
  --vtmn-base-color_red200--h:357;
  --vtmn-base-color_red200--s:96.4%;
  --vtmn-base-color_red200--l:78.2%;
  --vtmn-base-color_red200:hsl(
    var(--vtmn-base-color_red200--h),
    var(--vtmn-base-color_red200--s),
    var(--vtmn-base-color_red200--l)
  );
  --vtmn-base-color_red300--h:357;
  --vtmn-base-color_red300--s:97.2%;
  --vtmn-base-color_red300--l:72%;
  --vtmn-base-color_red300:hsl(
    var(--vtmn-base-color_red300--h),
    var(--vtmn-base-color_red300--s),
    var(--vtmn-base-color_red300--l)
  );
  --vtmn-base-color_red400--h:357;
  --vtmn-base-color_red400--s:77.1%;
  --vtmn-base-color_red400--l:52%;
  --vtmn-base-color_red400:hsl(
    var(--vtmn-base-color_red400--h),
    var(--vtmn-base-color_red400--s),
    var(--vtmn-base-color_red400--l)
  );
  --vtmn-base-color_red500--h:357;
  --vtmn-base-color_red500--s:100%;
  --vtmn-base-color_red500--l:33.5%;
  --vtmn-base-color_red500:hsl(
    var(--vtmn-base-color_red500--h),
    var(--vtmn-base-color_red500--s),
    var(--vtmn-base-color_red500--l)
  );
  --vtmn-base-color_red600--h:357;
  --vtmn-base-color_red600--s:100%;
  --vtmn-base-color_red600--l:26.5%;
  --vtmn-base-color_red600:hsl(
    var(--vtmn-base-color_red600--h),
    var(--vtmn-base-color_red600--s),
    var(--vtmn-base-color_red600--l)
  );
  --vtmn-base-color_red700--h:357;
  --vtmn-base-color_red700--s:100%;
  --vtmn-base-color_red700--l:17.6%;
  --vtmn-base-color_red700:hsl(
    var(--vtmn-base-color_red700--h),
    var(--vtmn-base-color_red700--s),
    var(--vtmn-base-color_red700--l)
  );
  --vtmn-base-color_orange50--h:20;
  --vtmn-base-color_orange50--s:100%;
  --vtmn-base-color_orange50--l:96.5%;
  --vtmn-base-color_orange50:hsl(
    var(--vtmn-base-color_orange50--h),
    var(--vtmn-base-color_orange50--s),
    var(--vtmn-base-color_orange50--l)
  );
  --vtmn-base-color_orange100--h:20;
  --vtmn-base-color_orange100--s:100%;
  --vtmn-base-color_orange100--l:92%;
  --vtmn-base-color_orange100:hsl(
    var(--vtmn-base-color_orange100--h),
    var(--vtmn-base-color_orange100--s),
    var(--vtmn-base-color_orange100--l)
  );
  --vtmn-base-color_orange200--h:21;
  --vtmn-base-color_orange200--s:89.5%;
  --vtmn-base-color_orange200--l:81.4%;
  --vtmn-base-color_orange200:hsl(
    var(--vtmn-base-color_orange200--h),
    var(--vtmn-base-color_orange200--s),
    var(--vtmn-base-color_orange200--l)
  );
  --vtmn-base-color_orange300--h:21;
  --vtmn-base-color_orange300--s:93.5%;
  --vtmn-base-color_orange300--l:69.6%;
  --vtmn-base-color_orange300:hsl(
    var(--vtmn-base-color_orange300--h),
    var(--vtmn-base-color_orange300--s),
    var(--vtmn-base-color_orange300--l)
  );
  --vtmn-base-color_orange400--h:21;
  --vtmn-base-color_orange400--s:100%;
  --vtmn-base-color_orange400--l:52%;
  --vtmn-base-color_orange400:hsl(
    var(--vtmn-base-color_orange400--h),
    var(--vtmn-base-color_orange400--s),
    var(--vtmn-base-color_orange400--l)
  );
  --vtmn-base-color_orange500--h:21;
  --vtmn-base-color_orange500--s:65%;
  --vtmn-base-color_orange500--l:45.9%;
  --vtmn-base-color_orange500:hsl(
    var(--vtmn-base-color_orange500--h),
    var(--vtmn-base-color_orange500--s),
    var(--vtmn-base-color_orange500--l)
  );
  --vtmn-base-color_orange600--h:21;
  --vtmn-base-color_orange600--s:64.7%;
  --vtmn-base-color_orange600--l:36.7%;
  --vtmn-base-color_orange600:hsl(
    var(--vtmn-base-color_orange600--h),
    var(--vtmn-base-color_orange600--s),
    var(--vtmn-base-color_orange600--l)
  );
  --vtmn-base-color_orange700--h:21;
  --vtmn-base-color_orange700--s:64.8%;
  --vtmn-base-color_orange700--l:24.5%;
  --vtmn-base-color_orange700:hsl(
    var(--vtmn-base-color_orange700--h),
    var(--vtmn-base-color_orange700--s),
    var(--vtmn-base-color_orange700--l)
  );
  --vtmn-base-color_yellow50--h:56;
  --vtmn-base-color_yellow50--s:100%;
  --vtmn-base-color_yellow50--l:97.1%;
  --vtmn-base-color_yellow50:hsl(
    var(--vtmn-base-color_yellow50--h),
    var(--vtmn-base-color_yellow50--s),
    var(--vtmn-base-color_yellow50--l)
  );
  --vtmn-base-color_yellow100--h:56;
  --vtmn-base-color_yellow100--s:100%;
  --vtmn-base-color_yellow100--l:89%;
  --vtmn-base-color_yellow100:hsl(
    var(--vtmn-base-color_yellow100--h),
    var(--vtmn-base-color_yellow100--s),
    var(--vtmn-base-color_yellow100--l)
  );
  --vtmn-base-color_yellow200--h:55;
  --vtmn-base-color_yellow200--s:100%;
  --vtmn-base-color_yellow200--l:77.6%;
  --vtmn-base-color_yellow200:hsl(
    var(--vtmn-base-color_yellow200--h),
    var(--vtmn-base-color_yellow200--s),
    var(--vtmn-base-color_yellow200--l)
  );
  --vtmn-base-color_yellow300--h:55;
  --vtmn-base-color_yellow300--s:100%;
  --vtmn-base-color_yellow300--l:72%;
  --vtmn-base-color_yellow300:hsl(
    var(--vtmn-base-color_yellow300--h),
    var(--vtmn-base-color_yellow300--s),
    var(--vtmn-base-color_yellow300--l)
  );
  --vtmn-base-color_yellow400--h:54;
  --vtmn-base-color_yellow400--s:100%;
  --vtmn-base-color_yellow400--l:57.8%;
  --vtmn-base-color_yellow400:hsl(
    var(--vtmn-base-color_yellow400--h),
    var(--vtmn-base-color_yellow400--s),
    var(--vtmn-base-color_yellow400--l)
  );
  --vtmn-base-color_yellow500--h:55;
  --vtmn-base-color_yellow500--s:62.1%;
  --vtmn-base-color_yellow500--l:45.5%;
  --vtmn-base-color_yellow500:hsl(
    var(--vtmn-base-color_yellow500--h),
    var(--vtmn-base-color_yellow500--s),
    var(--vtmn-base-color_yellow500--l)
  );
  --vtmn-base-color_yellow600--h:55;
  --vtmn-base-color_yellow600--s:58.5%;
  --vtmn-base-color_yellow600--l:37.8%;
  --vtmn-base-color_yellow600:hsl(
    var(--vtmn-base-color_yellow600--h),
    var(--vtmn-base-color_yellow600--s),
    var(--vtmn-base-color_yellow600--l)
  );
  --vtmn-base-color_yellow700--h:55;
  --vtmn-base-color_yellow700--s:58.5%;
  --vtmn-base-color_yellow700--l:25.5%;
  --vtmn-base-color_yellow700:hsl(
    var(--vtmn-base-color_yellow700--h),
    var(--vtmn-base-color_yellow700--s),
    var(--vtmn-base-color_yellow700--l)
  );
  --vtmn-base-color_conifer50--h:114;
  --vtmn-base-color_conifer50--s:70.4%;
  --vtmn-base-color_conifer50--l:94.7%;
  --vtmn-base-color_conifer50:hsl(
    var(--vtmn-base-color_conifer50--h),
    var(--vtmn-base-color_conifer50--s),
    var(--vtmn-base-color_conifer50--l)
  );
  --vtmn-base-color_conifer100--h:114;
  --vtmn-base-color_conifer100--s:57.7%;
  --vtmn-base-color_conifer100--l:86.1%;
  --vtmn-base-color_conifer100:hsl(
    var(--vtmn-base-color_conifer100--h),
    var(--vtmn-base-color_conifer100--s),
    var(--vtmn-base-color_conifer100--l)
  );
  --vtmn-base-color_conifer200--h:114;
  --vtmn-base-color_conifer200--s:52.4%;
  --vtmn-base-color_conifer200--l:67.1%;
  --vtmn-base-color_conifer200:hsl(
    var(--vtmn-base-color_conifer200--h),
    var(--vtmn-base-color_conifer200--s),
    var(--vtmn-base-color_conifer200--l)
  );
  --vtmn-base-color_conifer300--h:114;
  --vtmn-base-color_conifer300--s:45.4%;
  --vtmn-base-color_conifer300--l:59.8%;
  --vtmn-base-color_conifer300:hsl(
    var(--vtmn-base-color_conifer300--h),
    var(--vtmn-base-color_conifer300--s),
    var(--vtmn-base-color_conifer300--l)
  );
  --vtmn-base-color_conifer400--h:134;
  --vtmn-base-color_conifer400--s:65.7%;
  --vtmn-base-color_conifer400--l:40%;
  --vtmn-base-color_conifer400:hsl(
    var(--vtmn-base-color_conifer400--h),
    var(--vtmn-base-color_conifer400--s),
    var(--vtmn-base-color_conifer400--l)
  );
  --vtmn-base-color_conifer500--h:114;
  --vtmn-base-color_conifer500--s:49.5%;
  --vtmn-base-color_conifer500--l:42%;
  --vtmn-base-color_conifer500:hsl(
    var(--vtmn-base-color_conifer500--h),
    var(--vtmn-base-color_conifer500--s),
    var(--vtmn-base-color_conifer500--l)
  );
  --vtmn-base-color_conifer600--h:114;
  --vtmn-base-color_conifer600--s:50.8%;
  --vtmn-base-color_conifer600--l:36.7%;
  --vtmn-base-color_conifer600:hsl(
    var(--vtmn-base-color_conifer600--h),
    var(--vtmn-base-color_conifer600--s),
    var(--vtmn-base-color_conifer600--l)
  );
  --vtmn-base-color_conifer700--h:114;
  --vtmn-base-color_conifer700--s:57.7%;
  --vtmn-base-color_conifer700--l:26.9%;
  --vtmn-base-color_conifer700:hsl(
    var(--vtmn-base-color_conifer700--h),
    var(--vtmn-base-color_conifer700--s),
    var(--vtmn-base-color_conifer700--l)
  );
  --vtmn-base-color_green50--h:163;
  --vtmn-base-color_green50--s:63.6%;
  --vtmn-base-color_green50--l:93.5%;
  --vtmn-base-color_green50:hsl(
    var(--vtmn-base-color_green50--h),
    var(--vtmn-base-color_green50--s),
    var(--vtmn-base-color_green50--l)
  );
  --vtmn-base-color_green100--h:164;
  --vtmn-base-color_green100--s:60.5%;
  --vtmn-base-color_green100--l:84.1%;
  --vtmn-base-color_green100:hsl(
    var(--vtmn-base-color_green100--h),
    var(--vtmn-base-color_green100--s),
    var(--vtmn-base-color_green100--l)
  );
  --vtmn-base-color_green200--h:164;
  --vtmn-base-color_green200--s:60.7%;
  --vtmn-base-color_green200--l:68%;
  --vtmn-base-color_green200:hsl(
    var(--vtmn-base-color_green200--h),
    var(--vtmn-base-color_green200--s),
    var(--vtmn-base-color_green200--l)
  );
  --vtmn-base-color_green300--h:163;
  --vtmn-base-color_green300--s:72.4%;
  --vtmn-base-color_green300--l:46.9%;
  --vtmn-base-color_green300:hsl(
    var(--vtmn-base-color_green300--h),
    var(--vtmn-base-color_green300--s),
    var(--vtmn-base-color_green300--l)
  );
  --vtmn-base-color_green400--h:163;
  --vtmn-base-color_green400--s:97.9%;
  --vtmn-base-color_green400--l:37.6%;
  --vtmn-base-color_green400:hsl(
    var(--vtmn-base-color_green400--h),
    var(--vtmn-base-color_green400--s),
    var(--vtmn-base-color_green400--l)
  );
  --vtmn-base-color_green500--h:163;
  --vtmn-base-color_green500--s:97.5%;
  --vtmn-base-color_green500--l:31.4%;
  --vtmn-base-color_green500:hsl(
    var(--vtmn-base-color_green500--h),
    var(--vtmn-base-color_green500--s),
    var(--vtmn-base-color_green500--l)
  );
  --vtmn-base-color_green600--h:163;
  --vtmn-base-color_green600--s:98.4%;
  --vtmn-base-color_green600--l:25.1%;
  --vtmn-base-color_green600:hsl(
    var(--vtmn-base-color_green600--h),
    var(--vtmn-base-color_green600--s),
    var(--vtmn-base-color_green600--l)
  );
  --vtmn-base-color_green700--h:156;
  --vtmn-base-color_green700--s:100%;
  --vtmn-base-color_green700--l:21.8%;
  --vtmn-base-color_green700:hsl(
    var(--vtmn-base-color_green700--h),
    var(--vtmn-base-color_green700--s),
    var(--vtmn-base-color_green700--l)
  );
  --vtmn-base-color_blue50--h:200;
  --vtmn-base-color_blue50--s:60%;
  --vtmn-base-color_blue50--l:94.1%;
  --vtmn-base-color_blue50:hsl(
    var(--vtmn-base-color_blue50--h),
    var(--vtmn-base-color_blue50--s),
    var(--vtmn-base-color_blue50--l)
  );
  --vtmn-base-color_blue100--h:201;
  --vtmn-base-color_blue100--s:60.5%;
  --vtmn-base-color_blue100--l:84.1%;
  --vtmn-base-color_blue100:hsl(
    var(--vtmn-base-color_blue100--h),
    var(--vtmn-base-color_blue100--s),
    var(--vtmn-base-color_blue100--l)
  );
  --vtmn-base-color_blue200--h:201;
  --vtmn-base-color_blue200--s:61.2%;
  --vtmn-base-color_blue200--l:68.6%;
  --vtmn-base-color_blue200:hsl(
    var(--vtmn-base-color_blue200--h),
    var(--vtmn-base-color_blue200--s),
    var(--vtmn-base-color_blue200--l)
  );
  --vtmn-base-color_blue300--h:201;
  --vtmn-base-color_blue300--s:58.4%;
  --vtmn-base-color_blue300--l:52%;
  --vtmn-base-color_blue300:hsl(
    var(--vtmn-base-color_blue300--h),
    var(--vtmn-base-color_blue300--s),
    var(--vtmn-base-color_blue300--l)
  );
  --vtmn-base-color_blue400--h:200;
  --vtmn-base-color_blue400--s:100%;
  --vtmn-base-color_blue400--l:36.9%;
  --vtmn-base-color_blue400:hsl(
    var(--vtmn-base-color_blue400--h),
    var(--vtmn-base-color_blue400--s),
    var(--vtmn-base-color_blue400--l)
  );
  --vtmn-base-color_blue500--h:200;
  --vtmn-base-color_blue500--s:100%;
  --vtmn-base-color_blue500--l:30.8%;
  --vtmn-base-color_blue500:hsl(
    var(--vtmn-base-color_blue500--h),
    var(--vtmn-base-color_blue500--s),
    var(--vtmn-base-color_blue500--l)
  );
  --vtmn-base-color_blue600--h:200;
  --vtmn-base-color_blue600--s:100%;
  --vtmn-base-color_blue600--l:24.5%;
  --vtmn-base-color_blue600:hsl(
    var(--vtmn-base-color_blue600--h),
    var(--vtmn-base-color_blue600--s),
    var(--vtmn-base-color_blue600--l)
  );
  --vtmn-base-color_blue700--h:205;
  --vtmn-base-color_blue700--s:97.3%;
  --vtmn-base-color_blue700--l:14.5%;
  --vtmn-base-color_blue700:hsl(
    var(--vtmn-base-color_blue700--h),
    var(--vtmn-base-color_blue700--s),
    var(--vtmn-base-color_blue700--l)
  );
  --vtmn-base-color_purple50--h:300;
  --vtmn-base-color_purple50--s:16.1%;
  --vtmn-base-color_purple50--l:93.9%;
  --vtmn-base-color_purple50:hsl(
    var(--vtmn-base-color_purple50--h),
    var(--vtmn-base-color_purple50--s),
    var(--vtmn-base-color_purple50--l)
  );
  --vtmn-base-color_purple100--h:296;
  --vtmn-base-color_purple100--s:17.1%;
  --vtmn-base-color_purple100--l:83.9%;
  --vtmn-base-color_purple100:hsl(
    var(--vtmn-base-color_purple100--h),
    var(--vtmn-base-color_purple100--s),
    var(--vtmn-base-color_purple100--l)
  );
  --vtmn-base-color_purple200--h:295;
  --vtmn-base-color_purple200--s:17.5%;
  --vtmn-base-color_purple200--l:62%;
  --vtmn-base-color_purple200:hsl(
    var(--vtmn-base-color_purple200--h),
    var(--vtmn-base-color_purple200--s),
    var(--vtmn-base-color_purple200--l)
  );
  --vtmn-base-color_purple300--h:294;
  --vtmn-base-color_purple300--s:17.6%;
  --vtmn-base-color_purple300--l:52%;
  --vtmn-base-color_purple300:hsl(
    var(--vtmn-base-color_purple300--h),
    var(--vtmn-base-color_purple300--s),
    var(--vtmn-base-color_purple300--l)
  );
  --vtmn-base-color_purple400--h:295;
  --vtmn-base-color_purple400--s:17.5%;
  --vtmn-base-color_purple400--l:37.1%;
  --vtmn-base-color_purple400:hsl(
    var(--vtmn-base-color_purple400--h),
    var(--vtmn-base-color_purple400--s),
    var(--vtmn-base-color_purple400--l)
  );
  --vtmn-base-color_purple500--h:296;
  --vtmn-base-color_purple500--s:17.7%;
  --vtmn-base-color_purple500--l:31%;
  --vtmn-base-color_purple500:hsl(
    var(--vtmn-base-color_purple500--h),
    var(--vtmn-base-color_purple500--s),
    var(--vtmn-base-color_purple500--l)
  );
  --vtmn-base-color_purple600--h:295;
  --vtmn-base-color_purple600--s:17.2%;
  --vtmn-base-color_purple600--l:25.1%;
  --vtmn-base-color_purple600:hsl(
    var(--vtmn-base-color_purple600--h),
    var(--vtmn-base-color_purple600--s),
    var(--vtmn-base-color_purple600--l)
  );
  --vtmn-base-color_purple700--h:295;
  --vtmn-base-color_purple700--s:16.9%;
  --vtmn-base-color_purple700--l:15.1%;
  --vtmn-base-color_purple700:hsl(
    var(--vtmn-base-color_purple700--h),
    var(--vtmn-base-color_purple700--s),
    var(--vtmn-base-color_purple700--l)
  );
  --vtmn-color_black:#001018;
  --vtmn-color_brand:#0082c3;
  --vtmn-color_brand-pro:#012b49;
  --vtmn-color_brand-digital:#007dbc;
  --vtmn-color_brand-digital-dark-1:#00689d;
  --vtmn-color_brand-digital-dark-2:#00537d;
  --vtmn-color_brand-digital-light-1:#7ebee0;
  --vtmn-color_brand-digital-light-2:#bedeef;
  --vtmn-color_brand-digital-light-3:#e7f3f9;
  --vtmn-color_green:#02be8a;
  --vtmn-color_green-dark-1:#029e73;
  --vtmn-color_green-dark-2:#017f5c;
  --vtmn-color_green-light-1:#7cdfc4;
  --vtmn-color_green-light-2:#beefe2;
  --vtmn-color_green-light-3:#e4f9f3;
  --vtmn-color_grey:#687787;
  --vtmn-color_grey-dark-1:#4e5d6b;
  --vtmn-color_grey-dark-2:#344450;
  --vtmn-color_grey-dark-3:#1a2a34;
  --vtmn-color_grey-light-1:#b3bac3;
  --vtmn-color_grey-light-2:#d9dde1;
  --vtmn-color_grey-light-3:#eff1f3;
  --vtmn-color_grey-light-4:#f7f8f9;
  --vtmn-color_orange:#fe5800;
  --vtmn-color_orange-light-1:#feab7b;
  --vtmn-color_orange-light-2:#fed5bd;
  --vtmn-color_red:#ee000c;
  --vtmn-color_red-light-1:#ed8b8f;
  --vtmn-color_red-light-2:#f5c7c9;
  --vtmn-color_white:#fff;
  --vtmn-color_blue-light-1:#f2f9fc;
  --vtmn-color_blue-light-2:#d9ecf5;
  --vtmn-color_blue-light-3:#deeff7;
  --vtmn-color_blue-light-4:#cde6f2;
  --vtmn-color_yellow:#ffea28;
  --vtmn-color_yellow-light-1:#fff58d;
  --vtmn-color_yellow-light-2:#fffbc7;
  --vtmn-color_success:#23a942;
  --vtmn-color_info:#007dbc;
  --vtmn-color_warning:#ff600a;
  --vtmn-color_danger:#e32c26;
  --vtmn-semantic-color_background-primary--h:var(--vtmn-base-color_white--h);
  --vtmn-semantic-color_background-primary--s:var(--vtmn-base-color_white--s);
  --vtmn-semantic-color_background-primary--l:var(--vtmn-base-color_white--l);
  --vtmn-semantic-color_background-primary:hsl(var(--vtmn-semantic-color_background-primary--h), var(--vtmn-semantic-color_background-primary--s), var(--vtmn-semantic-color_background-primary--l));
  --vtmn-semantic-color_background-secondary--h:var(--vtmn-base-color_grey50--h);
  --vtmn-semantic-color_background-secondary--s:var(--vtmn-base-color_grey50--s);
  --vtmn-semantic-color_background-secondary--l:var(--vtmn-base-color_grey50--l);
  --vtmn-semantic-color_background-secondary:hsl(var(--vtmn-semantic-color_background-secondary--h), var(--vtmn-semantic-color_background-secondary--s), var(--vtmn-semantic-color_background-secondary--l));
  --vtmn-semantic-color_background-tertiary--h:var(--vtmn-base-color_grey100--h);
  --vtmn-semantic-color_background-tertiary--s:var(--vtmn-base-color_grey100--s);
  --vtmn-semantic-color_background-tertiary--l:var(--vtmn-base-color_grey100--l);
  --vtmn-semantic-color_background-tertiary:hsl(var(--vtmn-semantic-color_background-tertiary--h), var(--vtmn-semantic-color_background-tertiary--s), var(--vtmn-semantic-color_background-tertiary--l));
  --vtmn-semantic-color_background-brand-primary--h:var(--vtmn-base-color_blue400--h);
  --vtmn-semantic-color_background-brand-primary--s:var(--vtmn-base-color_blue400--s);
  --vtmn-semantic-color_background-brand-primary--l:var(--vtmn-base-color_blue400--l);
  --vtmn-semantic-color_background-brand-primary:hsl(var(--vtmn-semantic-color_background-brand-primary--h), var(--vtmn-semantic-color_background-brand-primary--s), var(--vtmn-semantic-color_background-brand-primary--l));
  --vtmn-semantic-color_background-brand-secondary--h:var(--vtmn-base-color_blue50--h);
  --vtmn-semantic-color_background-brand-secondary--s:var(--vtmn-base-color_blue50--s);
  --vtmn-semantic-color_background-brand-secondary--l:var(--vtmn-base-color_blue50--l);
  --vtmn-semantic-color_background-brand-secondary:hsl(var(--vtmn-semantic-color_background-brand-secondary--h), var(--vtmn-semantic-color_background-brand-secondary--s), var(--vtmn-semantic-color_background-brand-secondary--l));
  --vtmn-semantic-color_background-accent--h:var(--vtmn-base-color_yellow400--h);
  --vtmn-semantic-color_background-accent--s:var(--vtmn-base-color_yellow400--s);
  --vtmn-semantic-color_background-accent--l:var(--vtmn-base-color_yellow400--l);
  --vtmn-semantic-color_background-accent:hsl(var(--vtmn-semantic-color_background-accent--h), var(--vtmn-semantic-color_background-accent--s), var(--vtmn-semantic-color_background-accent--l));
  --vtmn-semantic-color_background-alert--h:var(--vtmn-base-color_red400--h);
  --vtmn-semantic-color_background-alert--s:var(--vtmn-base-color_red400--s);
  --vtmn-semantic-color_background-alert--l:var(--vtmn-base-color_red400--l);
  --vtmn-semantic-color_background-alert:hsl(var(--vtmn-semantic-color_background-alert--h), var(--vtmn-semantic-color_background-alert--s), var(--vtmn-semantic-color_background-alert--l));
  --vtmn-semantic-color_background-primary-reversed--h:var(--vtmn-base-color_black--h);
  --vtmn-semantic-color_background-primary-reversed--s:var(--vtmn-base-color_black--s);
  --vtmn-semantic-color_background-primary-reversed--l:var(--vtmn-base-color_black--l);
  --vtmn-semantic-color_background-primary-reversed:hsl(var(--vtmn-semantic-color_background-primary-reversed--h), var(--vtmn-semantic-color_background-primary-reversed--s), var(--vtmn-semantic-color_background-primary-reversed--l));
  --vtmn-semantic-color_background-brand-primary-reversed--h:var(--vtmn-base-color_white--h);
  --vtmn-semantic-color_background-brand-primary-reversed--s:var(--vtmn-base-color_white--s);
  --vtmn-semantic-color_background-brand-primary-reversed--l:var(--vtmn-base-color_white--l);
  --vtmn-semantic-color_background-brand-primary-reversed:hsl(var(--vtmn-semantic-color_background-brand-primary-reversed--h), var(--vtmn-semantic-color_background-brand-primary-reversed--s), var(--vtmn-semantic-color_background-brand-primary-reversed--l));
  --vtmn-semantic-color_content-primary--h:var(--vtmn-base-color_black--h);
  --vtmn-semantic-color_content-primary--s:var(--vtmn-base-color_black--s);
  --vtmn-semantic-color_content-primary--l:var(--vtmn-base-color_black--l);
  --vtmn-semantic-color_content-primary:hsl(var(--vtmn-semantic-color_content-primary--h), var(--vtmn-semantic-color_content-primary--s), var(--vtmn-semantic-color_content-primary--l));
  --vtmn-semantic-color_content-secondary--h:var(--vtmn-base-color_grey600--h);
  --vtmn-semantic-color_content-secondary--s:var(--vtmn-base-color_grey600--s);
  --vtmn-semantic-color_content-secondary--l:var(--vtmn-base-color_grey600--l);
  --vtmn-semantic-color_content-secondary:hsl(var(--vtmn-semantic-color_content-secondary--h), var(--vtmn-semantic-color_content-secondary--s), var(--vtmn-semantic-color_content-secondary--l));
  --vtmn-semantic-color_content-tertiary--h:var(--vtmn-base-color_grey500--h);
  --vtmn-semantic-color_content-tertiary--s:var(--vtmn-base-color_grey500--s);
  --vtmn-semantic-color_content-tertiary--l:var(--vtmn-base-color_grey500--l);
  --vtmn-semantic-color_content-tertiary:hsl(var(--vtmn-semantic-color_content-tertiary--h), var(--vtmn-semantic-color_content-tertiary--s), var(--vtmn-semantic-color_content-tertiary--l));
  --vtmn-semantic-color_content-action--h:var(--vtmn-base-color_blue500--h);
  --vtmn-semantic-color_content-action--s:var(--vtmn-base-color_blue500--s);
  --vtmn-semantic-color_content-action--l:var(--vtmn-base-color_blue500--l);
  --vtmn-semantic-color_content-action:hsl(var(--vtmn-semantic-color_content-action--h), var(--vtmn-semantic-color_content-action--s), var(--vtmn-semantic-color_content-action--l));
  --vtmn-semantic-color_content-active--h:var(--vtmn-base-color_blue400--h);
  --vtmn-semantic-color_content-active--s:var(--vtmn-base-color_blue400--s);
  --vtmn-semantic-color_content-active--l:var(--vtmn-base-color_blue400--l);
  --vtmn-semantic-color_content-active:hsl(var(--vtmn-semantic-color_content-active--h), var(--vtmn-semantic-color_content-active--s), var(--vtmn-semantic-color_content-active--l));
  --vtmn-semantic-color_content-inactive--h:var(--vtmn-base-color_grey400--h);
  --vtmn-semantic-color_content-inactive--s:var(--vtmn-base-color_grey400--s);
  --vtmn-semantic-color_content-inactive--l:var(--vtmn-base-color_grey400--l);
  --vtmn-semantic-color_content-inactive:hsl(var(--vtmn-semantic-color_content-inactive--h), var(--vtmn-semantic-color_content-inactive--s), var(--vtmn-semantic-color_content-inactive--l));
  --vtmn-semantic-color_content-negative--h:var(--vtmn-base-color_red400--h);
  --vtmn-semantic-color_content-negative--s:var(--vtmn-base-color_red400--s);
  --vtmn-semantic-color_content-negative--l:var(--vtmn-base-color_red400--l);
  --vtmn-semantic-color_content-negative:hsl(var(--vtmn-semantic-color_content-negative--h), var(--vtmn-semantic-color_content-negative--s), var(--vtmn-semantic-color_content-negative--l));
  --vtmn-semantic-color_content-warning--h:var(--vtmn-base-color_orange400--h);
  --vtmn-semantic-color_content-warning--s:var(--vtmn-base-color_orange400--s);
  --vtmn-semantic-color_content-warning--l:var(--vtmn-base-color_orange400--l);
  --vtmn-semantic-color_content-warning:hsl(var(--vtmn-semantic-color_content-warning--h), var(--vtmn-semantic-color_content-warning--s), var(--vtmn-semantic-color_content-warning--l));
  --vtmn-semantic-color_content-positive--h:var(--vtmn-base-color_conifer400--h);
  --vtmn-semantic-color_content-positive--s:var(--vtmn-base-color_conifer400--s);
  --vtmn-semantic-color_content-positive--l:var(--vtmn-base-color_conifer400--l);
  --vtmn-semantic-color_content-positive:hsl(var(--vtmn-semantic-color_content-positive--h), var(--vtmn-semantic-color_content-positive--s), var(--vtmn-semantic-color_content-positive--l));
  --vtmn-semantic-color_content-information--h:var(--vtmn-base-color_blue400--h);
  --vtmn-semantic-color_content-information--s:var(--vtmn-base-color_blue400--s);
  --vtmn-semantic-color_content-information--l:var(--vtmn-base-color_blue400--l);
  --vtmn-semantic-color_content-information:hsl(var(--vtmn-semantic-color_content-information--h), var(--vtmn-semantic-color_content-information--s), var(--vtmn-semantic-color_content-information--l));
  --vtmn-semantic-color_content-accent--h:var(--vtmn-base-color_black--h);
  --vtmn-semantic-color_content-accent--s:var(--vtmn-base-color_black--s);
  --vtmn-semantic-color_content-accent--l:var(--vtmn-base-color_black--l);
  --vtmn-semantic-color_content-accent:hsl(var(--vtmn-semantic-color_content-accent--h), var(--vtmn-semantic-color_content-accent--s), var(--vtmn-semantic-color_content-accent--l));
  --vtmn-semantic-color_content-visited--h:var(--vtmn-base-color_purple400--h);
  --vtmn-semantic-color_content-visited--s:var(--vtmn-base-color_purple400--s);
  --vtmn-semantic-color_content-visited--l:var(--vtmn-base-color_purple400--l);
  --vtmn-semantic-color_content-visited:hsl(var(--vtmn-semantic-color_content-visited--h), var(--vtmn-semantic-color_content-visited--s), var(--vtmn-semantic-color_content-visited--l));
  --vtmn-semantic-color_content-primary-reversed--h:var(--vtmn-base-color_white--h);
  --vtmn-semantic-color_content-primary-reversed--s:var(--vtmn-base-color_white--s);
  --vtmn-semantic-color_content-primary-reversed--l:var(--vtmn-base-color_white--l);
  --vtmn-semantic-color_content-primary-reversed:hsl(var(--vtmn-semantic-color_content-primary-reversed--h), var(--vtmn-semantic-color_content-primary-reversed--s), var(--vtmn-semantic-color_content-primary-reversed--l));
  --vtmn-semantic-color_content-action-reversed--h:var(--vtmn-base-color_white--h);
  --vtmn-semantic-color_content-action-reversed--s:var(--vtmn-base-color_white--s);
  --vtmn-semantic-color_content-action-reversed--l:var(--vtmn-base-color_white--l);
  --vtmn-semantic-color_content-action-reversed:hsl(var(--vtmn-semantic-color_content-action-reversed--h), var(--vtmn-semantic-color_content-action-reversed--s), var(--vtmn-semantic-color_content-action-reversed--l));
  --vtmn-semantic-color_content-visited-reversed--h:var(--vtmn-base-color_purple200--h);
  --vtmn-semantic-color_content-visited-reversed--s:var(--vtmn-base-color_purple200--s);
  --vtmn-semantic-color_content-visited-reversed--l:var(--vtmn-base-color_purple200--l);
  --vtmn-semantic-color_content-visited-reversed:hsl(var(--vtmn-semantic-color_content-visited-reversed--h), var(--vtmn-semantic-color_content-visited-reversed--s), var(--vtmn-semantic-color_content-visited-reversed--l));
  --vtmn-semantic-color_border-primary--h:var(--vtmn-base-color_grey200--h);
  --vtmn-semantic-color_border-primary--s:var(--vtmn-base-color_grey200--s);
  --vtmn-semantic-color_border-primary--l:var(--vtmn-base-color_grey200--l);
  --vtmn-semantic-color_border-primary:hsl(var(--vtmn-semantic-color_border-primary--h), var(--vtmn-semantic-color_border-primary--s), var(--vtmn-semantic-color_border-primary--l));
  --vtmn-semantic-color_border-secondary--h:var(--vtmn-base-color_grey100--h);
  --vtmn-semantic-color_border-secondary--s:var(--vtmn-base-color_grey100--s);
  --vtmn-semantic-color_border-secondary--l:var(--vtmn-base-color_grey100--l);
  --vtmn-semantic-color_border-secondary:hsl(var(--vtmn-semantic-color_border-secondary--h), var(--vtmn-semantic-color_border-secondary--s), var(--vtmn-semantic-color_border-secondary--l));
  --vtmn-semantic-color_border-tertiary--h:var(--vtmn-base-color_white--h);
  --vtmn-semantic-color_border-tertiary--s:var(--vtmn-base-color_white--s);
  --vtmn-semantic-color_border-tertiary--l:var(--vtmn-base-color_white--l);
  --vtmn-semantic-color_border-tertiary:hsl(var(--vtmn-semantic-color_border-tertiary--h), var(--vtmn-semantic-color_border-tertiary--s), var(--vtmn-semantic-color_border-tertiary--l));
  --vtmn-semantic-color_border-active--h:var(--vtmn-base-color_blue400--h);
  --vtmn-semantic-color_border-active--s:var(--vtmn-base-color_blue400--s);
  --vtmn-semantic-color_border-active--l:var(--vtmn-base-color_blue400--l);
  --vtmn-semantic-color_border-active:hsl(var(--vtmn-semantic-color_border-active--h), var(--vtmn-semantic-color_border-active--s), var(--vtmn-semantic-color_border-active--l));
  --vtmn-semantic-color_border-inactive--h:var(--vtmn-base-color_grey400--h);
  --vtmn-semantic-color_border-inactive--s:var(--vtmn-base-color_grey400--s);
  --vtmn-semantic-color_border-inactive--l:var(--vtmn-base-color_grey400--l);
  --vtmn-semantic-color_border-inactive:hsl(var(--vtmn-semantic-color_border-inactive--h), var(--vtmn-semantic-color_border-inactive--s), var(--vtmn-semantic-color_border-inactive--l));
  --vtmn-semantic-color_border-negative--h:var(--vtmn-base-color_red400--h);
  --vtmn-semantic-color_border-negative--s:var(--vtmn-base-color_red400--s);
  --vtmn-semantic-color_border-negative--l:var(--vtmn-base-color_red400--l);
  --vtmn-semantic-color_border-negative:hsl(var(--vtmn-semantic-color_border-negative--h), var(--vtmn-semantic-color_border-negative--s), var(--vtmn-semantic-color_border-negative--l));
  --vtmn-semantic-color_border-warning--h:var(--vtmn-base-color_orange400--h);
  --vtmn-semantic-color_border-warning--s:var(--vtmn-base-color_orange400--s);
  --vtmn-semantic-color_border-warning--l:var(--vtmn-base-color_orange400--l);
  --vtmn-semantic-color_border-warning:hsl(var(--vtmn-semantic-color_border-warning--h), var(--vtmn-semantic-color_border-warning--s), var(--vtmn-semantic-color_border-warning--l));
  --vtmn-semantic-color_border-positive--h:var(--vtmn-base-color_conifer400--h);
  --vtmn-semantic-color_border-positive--s:var(--vtmn-base-color_conifer400--s);
  --vtmn-semantic-color_border-positive--l:var(--vtmn-base-color_conifer400--l);
  --vtmn-semantic-color_border-positive:hsl(var(--vtmn-semantic-color_border-positive--h), var(--vtmn-semantic-color_border-positive--s), var(--vtmn-semantic-color_border-positive--l));
  --vtmn-semantic-color_border-information--h:var(--vtmn-base-color_blue400--h);
  --vtmn-semantic-color_border-information--s:var(--vtmn-base-color_blue400--s);
  --vtmn-semantic-color_border-information--l:var(--vtmn-base-color_blue400--l);
  --vtmn-semantic-color_border-information:hsl(var(--vtmn-semantic-color_border-information--h), var(--vtmn-semantic-color_border-information--s), var(--vtmn-semantic-color_border-information--l));
  --vtmn-semantic-color_border-primary-reversed--h:var(--vtmn-base-color_black--h);
  --vtmn-semantic-color_border-primary-reversed--s:var(--vtmn-base-color_black--s);
  --vtmn-semantic-color_border-primary-reversed--l:var(--vtmn-base-color_black--l);
  --vtmn-semantic-color_border-primary-reversed:hsl(var(--vtmn-semantic-color_border-primary-reversed--h), var(--vtmn-semantic-color_border-primary-reversed--s), var(--vtmn-semantic-color_border-primary-reversed--l));
  --vtmn-semantic-color_decorative-gravel--h:var(--vtmn-base-color_grey100--h);
  --vtmn-semantic-color_decorative-gravel--s:var(--vtmn-base-color_grey100--s);
  --vtmn-semantic-color_decorative-gravel--l:var(--vtmn-base-color_grey100--l);
  --vtmn-semantic-color_decorative-gravel:hsl(var(--vtmn-semantic-color_decorative-gravel--h), var(--vtmn-semantic-color_decorative-gravel--s), var(--vtmn-semantic-color_decorative-gravel--l));
  --vtmn-semantic-color_decorative-brick--h:var(--vtmn-base-color_red100--h);
  --vtmn-semantic-color_decorative-brick--s:var(--vtmn-base-color_red100--s);
  --vtmn-semantic-color_decorative-brick--l:var(--vtmn-base-color_red100--l);
  --vtmn-semantic-color_decorative-brick:hsl(var(--vtmn-semantic-color_decorative-brick--h), var(--vtmn-semantic-color_decorative-brick--s), var(--vtmn-semantic-color_decorative-brick--l));
  --vtmn-semantic-color_decorative-saffron--h:var(--vtmn-base-color_orange100--h);
  --vtmn-semantic-color_decorative-saffron--s:var(--vtmn-base-color_orange100--s);
  --vtmn-semantic-color_decorative-saffron--l:var(--vtmn-base-color_orange100--l);
  --vtmn-semantic-color_decorative-saffron:hsl(var(--vtmn-semantic-color_decorative-saffron--h), var(--vtmn-semantic-color_decorative-saffron--s), var(--vtmn-semantic-color_decorative-saffron--l));
  --vtmn-semantic-color_decorative-gold--h:var(--vtmn-base-color_yellow100--h);
  --vtmn-semantic-color_decorative-gold--s:var(--vtmn-base-color_yellow100--s);
  --vtmn-semantic-color_decorative-gold--l:var(--vtmn-base-color_yellow100--l);
  --vtmn-semantic-color_decorative-gold:hsl(var(--vtmn-semantic-color_decorative-gold--h), var(--vtmn-semantic-color_decorative-gold--s), var(--vtmn-semantic-color_decorative-gold--l));
  --vtmn-semantic-color_decorative-jade--h:var(--vtmn-base-color_conifer100--h);
  --vtmn-semantic-color_decorative-jade--s:var(--vtmn-base-color_conifer100--s);
  --vtmn-semantic-color_decorative-jade--l:var(--vtmn-base-color_conifer100--l);
  --vtmn-semantic-color_decorative-jade:hsl(var(--vtmn-semantic-color_decorative-jade--h), var(--vtmn-semantic-color_decorative-jade--s), var(--vtmn-semantic-color_decorative-jade--l));
  --vtmn-semantic-color_decorative-emerald--h:var(--vtmn-base-color_green100--h);
  --vtmn-semantic-color_decorative-emerald--s:var(--vtmn-base-color_green100--s);
  --vtmn-semantic-color_decorative-emerald--l:var(--vtmn-base-color_green100--l);
  --vtmn-semantic-color_decorative-emerald:hsl(var(--vtmn-semantic-color_decorative-emerald--h), var(--vtmn-semantic-color_decorative-emerald--s), var(--vtmn-semantic-color_decorative-emerald--l));
  --vtmn-semantic-color_decorative-cobalt--h:var(--vtmn-base-color_blue100--h);
  --vtmn-semantic-color_decorative-cobalt--s:var(--vtmn-base-color_blue100--s);
  --vtmn-semantic-color_decorative-cobalt--l:var(--vtmn-base-color_blue100--l);
  --vtmn-semantic-color_decorative-cobalt:hsl(var(--vtmn-semantic-color_decorative-cobalt--h), var(--vtmn-semantic-color_decorative-cobalt--s), var(--vtmn-semantic-color_decorative-cobalt--l));
  --vtmn-semantic-color_decorative-amethyst--h:var(--vtmn-base-color_purple100--h);
  --vtmn-semantic-color_decorative-amethyst--s:var(--vtmn-base-color_purple100--s);
  --vtmn-semantic-color_decorative-amethyst--l:var(--vtmn-base-color_purple100--l);
  --vtmn-semantic-color_decorative-amethyst:hsl(var(--vtmn-semantic-color_decorative-amethyst--h), var(--vtmn-semantic-color_decorative-amethyst--s), var(--vtmn-semantic-color_decorative-amethyst--l));
  --vtmn-semantic-color_hover-primary--h:var(--vtmn-base-color_blue50--h);
  --vtmn-semantic-color_hover-primary--s:var(--vtmn-base-color_blue50--s);
  --vtmn-semantic-color_hover-primary--l:var(--vtmn-base-color_blue50--l);
  --vtmn-semantic-color_hover-primary:hsl(var(--vtmn-semantic-color_hover-primary--h), var(--vtmn-semantic-color_hover-primary--s), var(--vtmn-semantic-color_hover-primary--l));
  --vtmn-semantic-color_hover-primary-transparent--h:var(--vtmn-semantic-color_background-brand-primary--h);
  --vtmn-semantic-color_hover-primary-transparent--s:var(--vtmn-semantic-color_background-brand-primary--s);
  --vtmn-semantic-color_hover-primary-transparent--l:var(--vtmn-semantic-color_background-brand-primary--l);
  --vtmn-semantic-color_hover-primary-transparent:hsla(var(--vtmn-semantic-color_hover-primary-transparent--h), var(--vtmn-semantic-color_hover-primary-transparent--s), var(--vtmn-semantic-color_hover-primary-transparent--l), 0.05);
  --vtmn-semantic-color_hover-secondary-transparent--h:var(--vtmn-semantic-color_content-primary--h);
  --vtmn-semantic-color_hover-secondary-transparent--s:var(--vtmn-semantic-color_content-primary--s);
  --vtmn-semantic-color_hover-secondary-transparent--l:var(--vtmn-semantic-color_content-primary--l);
  --vtmn-semantic-color_hover-secondary-transparent:hsla(var(--vtmn-semantic-color_hover-secondary-transparent--h), var(--vtmn-semantic-color_hover-secondary-transparent--s), var(--vtmn-semantic-color_hover-secondary-transparent--l), 0.05);
  --vtmn-semantic-color_hover-tertiary-transparent--h:var(--vtmn-semantic-color_hover-primary--h);
  --vtmn-semantic-color_hover-tertiary-transparent--s:var(--vtmn-semantic-color_hover-primary--s);
  --vtmn-semantic-color_hover-tertiary-transparent--l:calc(var(--vtmn-semantic-color_hover-primary--l) * 0.98);
  --vtmn-semantic-color_hover-tertiary-transparent:hsla(var(--vtmn-semantic-color_hover-tertiary-transparent--h), var(--vtmn-semantic-color_hover-tertiary-transparent--s), var(--vtmn-semantic-color_hover-tertiary-transparent--l), 0.8);
  --vtmn-semantic-color_hover-tertiary--h:var(--vtmn-semantic-color_background-brand-secondary--h);
  --vtmn-semantic-color_hover-tertiary--s:var(--vtmn-semantic-color_background-brand-secondary--s);
  --vtmn-semantic-color_hover-tertiary--l:calc(var(--vtmn-semantic-color_background-brand-secondary--l) * 0.95);
  --vtmn-semantic-color_hover-tertiary:hsla(var(--vtmn-semantic-color_hover-tertiary--h), var(--vtmn-semantic-color_hover-tertiary--s), var(--vtmn-semantic-color_hover-tertiary--l), 1);
  --vtmn-semantic-color_hover-brand--h:var(--vtmn-semantic-color_background-brand-primary--h);
  --vtmn-semantic-color_hover-brand--s:var(--vtmn-semantic-color_background-brand-primary--s);
  --vtmn-semantic-color_hover-brand--l:calc(var(--vtmn-semantic-color_background-brand-primary--l) * 0.85);
  --vtmn-semantic-color_hover-brand:hsla(var(--vtmn-semantic-color_hover-brand--h), var(--vtmn-semantic-color_hover-brand--s), var(--vtmn-semantic-color_hover-brand--l), 1);
  --vtmn-semantic-color_hover-accent--h:var(--vtmn-semantic-color_background-accent--h);
  --vtmn-semantic-color_hover-accent--s:var(--vtmn-semantic-color_background-accent--s);
  --vtmn-semantic-color_hover-accent--l:calc(var(--vtmn-semantic-color_background-accent--l) + (100% - var(--vtmn-semantic-color_background-accent--l)) * 0.48);
  --vtmn-semantic-color_hover-accent:hsla(var(--vtmn-semantic-color_hover-accent--h), var(--vtmn-semantic-color_hover-accent--s), var(--vtmn-semantic-color_hover-accent--l), 1);
  --vtmn-semantic-color_hover-primary-reversed-transparent--h:var(--vtmn-semantic-color_content-primary-reversed--h);
  --vtmn-semantic-color_hover-primary-reversed-transparent--s:var(--vtmn-semantic-color_content-primary-reversed--s);
  --vtmn-semantic-color_hover-primary-reversed-transparent--l:var(--vtmn-semantic-color_content-primary-reversed--l);
  --vtmn-semantic-color_hover-primary-reversed-transparent:hsla(var(--vtmn-semantic-color_hover-primary-reversed-transparent--h), var(--vtmn-semantic-color_hover-primary-reversed-transparent--s), var(--vtmn-semantic-color_hover-primary-reversed-transparent--l), 0.08);
  --vtmn-semantic-color_hover-secondary-reversed-transparent--h:var(--vtmn-semantic-color_content-primary-reversed--h);
  --vtmn-semantic-color_hover-secondary-reversed-transparent--s:var(--vtmn-semantic-color_content-primary-reversed--s);
  --vtmn-semantic-color_hover-secondary-reversed-transparent--l:var(--vtmn-semantic-color_content-primary-reversed--l);
  --vtmn-semantic-color_hover-secondary-reversed-transparent:hsla(var(--vtmn-semantic-color_hover-secondary-reversed-transparent--h), var(--vtmn-semantic-color_hover-secondary-reversed-transparent--s), var(--vtmn-semantic-color_hover-secondary-reversed-transparent--l), 0.02);
  --vtmn-semantic-color_hover-tertiary-reversed-transparent--h:var(--vtmn-semantic-color_content-primary-reversed--h);
  --vtmn-semantic-color_hover-tertiary-reversed-transparent--s:var(--vtmn-semantic-color_content-primary-reversed--s);
  --vtmn-semantic-color_hover-tertiary-reversed-transparent--l:var(--vtmn-semantic-color_content-primary-reversed--l);
  --vtmn-semantic-color_hover-tertiary-reversed-transparent:hsla(var(--vtmn-semantic-color_hover-tertiary-reversed-transparent--h), var(--vtmn-semantic-color_hover-tertiary-reversed-transparent--s), var(--vtmn-semantic-color_hover-tertiary-reversed-transparent--l), 0.8);
  --vtmn-semantic-color_active-primary--h:var(--vtmn-semantic-color_hover-primary--h);
  --vtmn-semantic-color_active-primary--s:var(--vtmn-semantic-color_hover-primary--s);
  --vtmn-semantic-color_active-primary--l:calc(var(--vtmn-semantic-color_hover-primary--l) * 0.97);
  --vtmn-semantic-color_active-primary:hsla(var(--vtmn-semantic-color_active-primary--h), var(--vtmn-semantic-color_active-primary--s), var(--vtmn-semantic-color_active-primary--l), 1);
  --vtmn-semantic-color_active-primary-transparent--h:var(--vtmn-semantic-color_content-active--h);
  --vtmn-semantic-color_active-primary-transparent--s:var(--vtmn-semantic-color_content-active--s);
  --vtmn-semantic-color_active-primary-transparent--l:var(--vtmn-semantic-color_content-active--l);
  --vtmn-semantic-color_active-primary-transparent:hsla(var(--vtmn-semantic-color_active-primary-transparent--h), var(--vtmn-semantic-color_active-primary-transparent--s), var(--vtmn-semantic-color_active-primary-transparent--l), 0.15);
  --vtmn-semantic-color_active-secondary-transparent--h:var(--vtmn-semantic-color_content-primary--h);
  --vtmn-semantic-color_active-secondary-transparent--s:var(--vtmn-semantic-color_content-primary--s);
  --vtmn-semantic-color_active-secondary-transparent--l:var(--vtmn-semantic-color_content-primary--l);
  --vtmn-semantic-color_active-secondary-transparent:hsla(var(--vtmn-semantic-color_active-secondary-transparent--h), var(--vtmn-semantic-color_active-secondary-transparent--s), var(--vtmn-semantic-color_active-secondary-transparent--l), 0.15);
  --vtmn-semantic-color_active-tertiary--h:var(--vtmn-semantic-color_hover-primary--h);
  --vtmn-semantic-color_active-tertiary--s:var(--vtmn-semantic-color_hover-primary--s);
  --vtmn-semantic-color_active-tertiary--l:calc(var(--vtmn-semantic-color_hover-primary--l) * 0.93);
  --vtmn-semantic-color_active-tertiary:hsla(var(--vtmn-semantic-color_active-tertiary--h), var(--vtmn-semantic-color_active-tertiary--s), var(--vtmn-semantic-color_active-tertiary--l), 1);
  --vtmn-semantic-color_active-tertiary-transparent--h:var(--vtmn-semantic-color_hover-primary--h);
  --vtmn-semantic-color_active-tertiary-transparent--s:var(--vtmn-semantic-color_hover-primary--s);
  --vtmn-semantic-color_active-tertiary-transparent--l:calc(var(--vtmn-semantic-color_hover-primary--l) * 0.94);
  --vtmn-semantic-color_active-tertiary-transparent:hsla(var(--vtmn-semantic-color_active-tertiary-transparent--h), var(--vtmn-semantic-color_active-tertiary-transparent--s), var(--vtmn-semantic-color_active-tertiary-transparent--l), 0.8);
  --vtmn-semantic-color_active-brand--h:var(--vtmn-semantic-color_background-brand