/* Generated convenience CSS. All style class/property names are derived locally.
 * Values/bindings preserve Figma; style names are not original WEB codeSyntax.
 * Figma paragraphs/list spacing remain available in raw/styles.json. */

/* Display/Hero | S:a3904a2a6630b5807cf86a472eedf274e6e20207, */
.yf-text-style-display-hero {
  font-family: var(--yf-font-family-display);
  font-weight: var(--yf-font-weight-bold);
  font-size: var(--yf-font-size-7xl);
  line-height: var(--yf-line-height-88);
  letter-spacing: var(--yf-letter-spacing-tight);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Display/Large | S:21795d6aa269a997b0944f6a6d1155e15490a08f, */
.yf-text-style-display-large {
  font-family: var(--yf-font-family-display);
  font-weight: var(--yf-font-weight-bold);
  font-size: var(--yf-font-size-6xl);
  line-height: var(--yf-line-height-72);
  letter-spacing: var(--yf-letter-spacing-tight);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Display/Medium | S:874047aa0057ef05dfc66d4c0730e68e45949f5c, */
.yf-text-style-display-medium {
  font-family: var(--yf-font-family-display);
  font-weight: var(--yf-font-weight-semibold);
  font-size: var(--yf-font-size-5xl);
  line-height: var(--yf-line-height-56);
  letter-spacing: var(--yf-letter-spacing-tight);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Heading/H1 | S:c2dccf200a42dbf14a5ba1fd02e793c6e9303259, */
.yf-text-style-heading-h1 {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-bold);
  font-size: var(--yf-font-size-4xl);
  line-height: var(--yf-line-height-48);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Heading/H2 | S:766498e3747b1a2f058c524b5351813637606362, */
.yf-text-style-heading-h2 {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-bold);
  font-size: var(--yf-font-size-3xl);
  line-height: var(--yf-line-height-40);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Heading/H3 | S:2cb8a97450076d53840824d6f290db583302407c, */
.yf-text-style-heading-h3 {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-bold);
  font-size: var(--yf-font-size-2xl);
  line-height: var(--yf-line-height-32);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Heading/H4 | S:ce6b2d1eee784b1de65b7b31ed9049ac2e08d6a7, */
.yf-text-style-heading-h4 {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-bold);
  font-size: var(--yf-font-size-xl);
  line-height: var(--yf-line-height-28);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Body/Large | S:458f1b6f4d8e3b21ef3f71cba722b684e7c40eb6, */
.yf-text-style-body-large {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-regular);
  font-size: var(--yf-font-size-lg);
  line-height: var(--yf-line-height-28);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Body/Medium | S:ebec591e8ba5a8dd6184f5f0d7f1dbad5a65559f, */
.yf-text-style-body-medium {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-regular);
  font-size: var(--yf-font-size-md);
  line-height: var(--yf-line-height-24);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Body/Small | S:645b9936df24094e8658f5950f3b3b2693079c44, */
.yf-text-style-body-small {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-regular);
  font-size: var(--yf-font-size-sm);
  line-height: var(--yf-line-height-20);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Label/Large | S:826761cf1f3ec2488a6687cb1bcd3defce48d7da, */
.yf-text-style-label-large {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-medium);
  font-size: var(--yf-font-size-sm);
  line-height: var(--yf-line-height-20);
  letter-spacing: var(--yf-letter-spacing-wide);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Label/Medium | S:dc3e1f9b4cb2f1eedbe26218e028382700f95e29, */
.yf-text-style-label-medium {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-medium);
  font-size: var(--yf-font-size-xs);
  line-height: var(--yf-line-height-16);
  letter-spacing: var(--yf-letter-spacing-wide);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Label/Small | S:c547650f9bfc5c565b9786443243b14a8d35c33e, */
.yf-text-style-label-small {
  font-family: var(--yf-font-family-body);
  font-weight: var(--yf-font-weight-medium);
  font-size: var(--yf-font-size-2xs);
  line-height: var(--yf-line-height-16);
  letter-spacing: var(--yf-letter-spacing-wide);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Data/XL | S:a536fa1962d57bef2d6dbd9a403651b978a4b6d4, */
.yf-text-style-data-xl {
  font-family: var(--yf-font-family-display);
  font-weight: var(--yf-font-weight-semibold);
  font-size: var(--yf-font-size-5xl);
  line-height: var(--yf-line-height-56);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Data/Large | S:9bd0125dcc98c7e22bc7047169d041b39082e963, */
.yf-text-style-data-large {
  font-family: var(--yf-font-family-display);
  font-weight: var(--yf-font-weight-semibold);
  font-size: var(--yf-font-size-3xl);
  line-height: var(--yf-line-height-40);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Data/Medium | S:79fc376afa9ca1b80ae1852eb6083b662a064a0c, */
.yf-text-style-data-medium {
  font-family: var(--yf-font-family-display);
  font-weight: var(--yf-font-weight-semibold);
  font-size: var(--yf-font-size-2xl);
  line-height: var(--yf-line-height-32);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Data/Small | S:e9a1d683e2f75216fca083611d1d7efe3f54c3d2, */
.yf-text-style-data-small {
  font-family: var(--yf-font-family-display);
  font-weight: var(--yf-font-weight-medium);
  font-size: var(--yf-font-size-md);
  line-height: var(--yf-line-height-24);
  letter-spacing: var(--yf-letter-spacing-normal);
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Cover/Model | S:dc006cfd09ade5dcf6a530465c1a2c25400f66a0, */
.yf-text-style-manual-cover-model {
  font-family: "Barlow";
  font-weight: 700;
  font-size: 52px;
  line-height: 56px;
  letter-spacing: -0.5px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Cover/Title | S:d463cfba66e905e4b94c7c6cf0e19e1533d9fe40, */
.yf-text-style-manual-cover-title {
  font-family: "Noto Sans TC";
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Cover/Meta | S:442d37b3579850c254cc556a6a0a1e84a76f83ae, */
.yf-text-style-manual-cover-meta {
  font-family: "Noto Sans TC";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Section/Title | S:938673d2048a5df1a818c039e0a344f267d09240, */
.yf-text-style-manual-section-title {
  font-family: "Noto Sans TC";
  font-weight: 400;
  font-size: 19px;
  line-height: 28px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Subheading | S:671732c06f8e5538fb056b8abe684f9ec15947a1, */
.yf-text-style-manual-subheading {
  font-family: var(--yf-font-family-traditional-chinese);
  font-weight: var(--yf-font-weight-medium);
  font-size: var(--yf-manual-font-size-subheading);
  line-height: var(--yf-manual-line-height-subheading);
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Body/Default | S:eaf9eb3f96a2d5c29552ebf30ad3d50d9e5e43ba, */
.yf-text-style-manual-body-default {
  font-family: var(--yf-font-family-traditional-chinese);
  font-weight: var(--yf-font-weight-regular);
  font-size: var(--yf-manual-font-size-body-default);
  line-height: var(--yf-manual-line-height-body-default);
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Body/Small | S:96705249ef0b9ad8ae0a3795c6a1ee615beccec8, */
.yf-text-style-manual-body-small {
  font-family: var(--yf-font-family-traditional-chinese);
  font-weight: var(--yf-font-weight-regular);
  font-size: var(--yf-manual-font-size-body-small);
  line-height: var(--yf-manual-line-height-body-small);
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Label | S:68c1132f985a9393c4108b9785ae44845ba5395f, */
.yf-text-style-manual-label {
  font-family: "Noto Sans TC";
  font-weight: 500;
  font-size: 7.5px;
  line-height: 11px;
  letter-spacing: 0.30000001192092896px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Page/Meta | S:0486fb10c37b9331157a09345e81d732e251b1ae, */
.yf-text-style-manual-page-meta {
  font-family: "Barlow";
  font-weight: 400;
  font-size: 7.5px;
  line-height: 11px;
  letter-spacing: 0.30000001192092896px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Manual/Body/Compact | S:dc397f4ad80f8d15eeb266aafeb27351a7da2e06, */
.yf-text-style-manual-body-compact {
  font-family: var(--yf-font-family-traditional-chinese);
  font-weight: var(--yf-font-weight-regular);
  font-size: var(--yf-manual-font-size-body-compact);
  line-height: var(--yf-manual-line-height-body-compact);
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Compact Pixel/Title/XL | S:ca995a9c3ffc5b9981e28c77c191ddb699b9e3ec, */
.yf-text-style-compact-pixel-title-xl {
  font-family: "Fusion Pixel 12px Prop zh_hans";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Compact Pixel/Title/L | S:802d862f1ef03f03a7be718d021f5258b4a34c47, */
.yf-text-style-compact-pixel-title-l {
  font-family: "Fusion Pixel 12px Prop zh_hans";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Compact Pixel/Body/Default | S:e619b4f0edb03d10401c2a9bc4ae9e9173471ba8, */
.yf-text-style-compact-pixel-body-default {
  font-family: "Fusion Pixel 12px Prop zh_hans";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Compact Pixel/Detail | S:3f48714bee2dbef0f1cd78a189ccba0599f66ad9, */
.yf-text-style-compact-pixel-detail {
  font-family: "Fusion Pixel 12px Prop zh_hans";
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Compact Pixel/Label | S:6f58c21177231651ce099a63c82229c68b057edf, */
.yf-text-style-compact-pixel-label {
  font-family: "Fusion Pixel 12px Prop zh_hans";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

/* Compact Pixel/Status | S:5051785209d6d2a8e991e2e952981d5e889973dc, */
.yf-text-style-compact-pixel-status {
  font-family: "Fusion Pixel 12px Prop zh_hans";
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration-line: none;
  text-transform: none;
}

:root {
  --yf-shadow-low: 0px 1px 2px 0px var(--yf-color-overlay-black-05);
  --yf-shadow-medium: 0px 4px 12px -2px var(--yf-color-overlay-black-10), 0px 2px 4px -1px var(--yf-color-overlay-black-05);
  --yf-shadow-high: 0px 12px 28px -4px var(--yf-color-overlay-black-20), 0px 4px 10px -2px var(--yf-color-overlay-black-10);
  --yf-shadow-floating: 0px 20px 48px -8px var(--yf-color-overlay-black-20), 0px 8px 16px -4px var(--yf-color-overlay-black-10);
}