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

Decathlon Design System - Vitamin global CSS styles library

: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-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-primary--h);
  --vtmn-semantic-color_active-brand--s:var(--vtmn-semantic-color_background-brand-primary--s);
  --vtmn-semantic-color_active-brand--l:calc(var(--vtmn-semantic-color_background-brand-primary--l) * 0.7);
  --vtmn-semantic-color_active-brand:hsla(var(--vtmn-semantic-color_active-brand--h), var(--vtmn-semantic-color_active-brand--s), var(--vtmn-semantic-color_active-brand--l), 1);
  --vtmn-semantic-color_active-accent--h:var(--vtmn-semantic-color_hover-accent--h);
  --vtmn-semantic-color_active-accent--s:var(--vtmn-semantic-color_hover-accent--s);
  --vtmn-semantic-color_active-accent--l:calc(var(--vtmn-semantic-color_hover-accent--l) + (100% - var(--vtmn-semantic-color_hover-accent--l)) * 0.5);
  --vtmn-semantic-color_active-accent:hsla(var(--vtmn-semantic-color_active-accent--h), var(--vtmn-semantic-color_active-accent--s), var(--vtmn-semantic-color_active-accent--l), 1);
  --vtmn-semantic-color_active-primary-reversed-transparent--h:var(--vtmn-semantic-color_content-primary-reversed--h);
  --vtmn-semantic-color_active-primary-reversed-transparent--s:var(--vtmn-semantic-color_content-primary-reversed--s);
  --vtmn-semantic-color_active-primary-reversed-transparent--l:var(--vtmn-semantic-color_content-primary-reversed--l);
  --vtmn-semantic-color_active-primary-reversed-transparent:hsla(var(--vtmn-semantic-color_active-primary-reversed-transparent--h), var(--vtmn-semantic-color_active-primary-reversed-transparent--s), var(--vtmn-semantic-color_active-primary-reversed-transparent--l), 0.25);
  --vtmn-semantic-color_active-secondary-reversed-transparent--h:var(--vtmn-semantic-color_content-primary-reversed--h);
  --vtmn-semantic-color_active-secondary-reversed-transparent--s:var(--vtmn-semantic-color_content-primary-reversed--s);
  --vtmn-semantic-color_active-secondary-reversed-transparent--l:var(--vtmn-semantic-color_content-primary-reversed--l);
  --vtmn-semantic-color_active-secondary-reversed-transparent:hsla(var(--vtmn-semantic-color_active-secondary-reversed-transparent--h), var(--vtmn-semantic-color_active-secondary-reversed-transparent--s), var(--vtmn-semantic-color_active-secondary-reversed-transparent--l), 0.4);
  --vtmn-semantic-color_active-tertiary-reversed-transparent--h:var(--vtmn-semantic-color_content-primary-reversed--h);
  --vtmn-semantic-color_active-tertiary-reversed-transparent--s:var(--vtmn-semantic-color_content-primary-reversed--s);
  --vtmn-semantic-color_active-tertiary-reversed-transparent--l:var(--vtmn-semantic-color_content-primary-reversed--l);
  --vtmn-semantic-color_active-tertiary-reversed-transparent:hsla(var(--vtmn-semantic-color_active-tertiary-reversed-transparent--h), var(--vtmn-semantic-color_active-tertiary-reversed-transparent--s), var(--vtmn-semantic-color_active-tertiary-reversed-transparent--l), 0.8);
  --vtmn-semantic-color_active-brand-reversed-transparent--h:var(--vtmn-semantic-color_content-primary-reversed--h);
  --vtmn-semantic-color_active-brand-reversed-transparent--s:var(--vtmn-semantic-color_content-primary-reversed--s);
  --vtmn-semantic-color_active-brand-reversed-transparent--l:var(--vtmn-semantic-color_content-primary-reversed--l);
  --vtmn-semantic-color_active-brand-reversed-transparent:hsla(var(--vtmn-semantic-color_active-brand-reversed-transparent--h), var(--vtmn-semantic-color_active-brand-reversed-transparent--s), var(--vtmn-semantic-color_active-brand-reversed-transparent--l), 0.6);
  --vtmn-semantic-color_shadow--h:var(--vtmn-base-color_blue600--h);
  --vtmn-semantic-color_shadow--s:var(--vtmn-base-color_blue600--s);
  --vtmn-semantic-color_shadow--l:var(--vtmn-base-color_blue600--l);
  --vtmn-semantic-color_shadow:hsla(var(--vtmn-semantic-color_shadow--h), var(--vtmn-semantic-color_shadow--s), var(--vtmn-semantic-color_shadow--l), 0.1);
  --vtmn-semantic-color_background-discount--h:var(--vtmn-base-color_red400--h);
  --vtmn-semantic-color_background-discount--s:var(--vtmn-base-color_red400--s);
  --vtmn-semantic-color_background-discount--l:var(--vtmn-base-color_red400--l);
  --vtmn-semantic-color_background-discount:hsl(var(--vtmn-semantic-color_background-discount--h), var(--vtmn-semantic-color_background-discount--s), var(--vtmn-semantic-color_background-discount--l));
  --vtmn-typo_font-family:'Roboto', 'system-ui', '-apple-system', sans-serif;
  --vtmn-typo_font-family--condensed:'Roboto Condensed', 'system-ui', '-apple-system', sans-serif;
  --vtmn-typo_font-weight--normal:400;
  --vtmn-typo_font-weight--bold:700;
  --vtmn-typo_display-1-font-size:6rem;
  --vtmn-typo_display-2-font-size:4.2rem;
  --vtmn-typo_title-1-font-size:4rem;
  --vtmn-typo_title-2-font-size:3.6rem;
  --vtmn-typo_title-3-font-size:2.8rem;
  --vtmn-typo_title-4-font-size:2.4rem;
  --vtmn-typo_title-5-font-size:2rem;
  --vtmn-typo_text-1-font-size:1.8rem;
  --vtmn-typo_text-2-font-size:1.6rem;
  --vtmn-typo_text-3-font-size:1.4rem;
  --vtmn-typo_caption-1-font-size:1.2rem;
  --vtmn-typo_display-1-line-height:1;
  --vtmn-typo_display