@charset "UTF-8";
:root {
  /* TYPOGRAPHY */
  --SN-Font-size-100: 6.4rem;
  --SN-Font-size-90: 5.7rem;
  --SN-Font-size-80: 4.8rem;
  --SN-Font-size-70: 3.6rem;
  --SN-Font-size-60: 3.2rem;
  --SN-Font-size-50: 2.8rem;
  --SN-Font-size-40: 2.4rem;
  --SN-Font-size-35: 2.2rem;
  --SN-Font-size-30: 2rem;
  --SN-Font-size-25: 1.8rem;
  --SN-Font-size-20: 1.6rem;
  --SN-Font-size-10: 1.4rem;
  --SN-Font-size-5: 1.2rem;
  --SN-Font-size-0: 1rem;
  --SN-Contents-Title-XL-Font-size: var(--SN-Font-size-70);
  --SN-Contents-Title-L-Font-size: var(--SN-Font-size-60);
  --SN-Contents-Display-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-Contents-Display-Line-height: var(--SN-Line-height-S);
  --SN-Contents-Display-Letter-spacing: var(--SN-Letter-spacing-S);
  --SN-Contents-Display-L-Font-weight: var(--SN-Font-weight-Med);
  --SN-Contents-Display-L-Font-size: var(--SN-Font-size-100);
  --SN-Contents-Display-M-Font-size: var(--SN-Font-size-90);
  --SN-Contents-Display-S-Font-size: var(--SN-Font-size-80);
  --SN-Contents-Title-Line-height: var(--SN-Line-height-M);
  --SN-Contents-Title-Letter-spacing: var(--SN-Letter-spacing-S);
  --SN-Contents-Title-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-Contents-Title-M-Font-size: var(--SN-Font-size-50);
  --SN-Contents-Title-S-Font-size: var(--SN-Font-size-35);
  --SN-Contents-Subtitle-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-Contents-Subtitle-M-Font-size: var(--SN-Font-size-30);
  --SN-Contents-Subtitle-Line-height: var(--SN-Line-height-M);
  --SN-Contents-Subtitle-Letter-spacing: var(--SN-Letter-spacing-S);
  --SN-Contents-Body-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-Contents-Body-M-Font-size: var(--SN-Font-size-20);
  --SN-Contents-Body-Line-height: var(--SN-Line-height-L);
  --SN-Contents-Body-Letter-spacing: var(--SN-Letter-spacing-S);
  --SN-Contents-Body-S-Font-size: var(--SN-Font-size-10);
  --SN-Contents-Caption-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-Contents-Caption-M-Font-size: var(--SN-Font-size-10);
  --SN-Contents-Caption-Line-height: var(--SN-Line-height-L);
  --SN-Contents-Caption-Letter-spacing: var(--SN-Letter-spacing-None);
  --SN-Contents-Spacing-Section-XL: var(--SN-Space-80);
  --SN-Contents-Spacing-Section-L: var(--SN-Space-64);
  --SN-Contents-Spacing-Section-M: var(--SN-Space-40);
  --SN-Contents-Spacing-Body-L: var(--SN-Space-24);
  --SN-Contents-Spacing-Body-M: var(--SN-Space-16);
  --SN-Contents-Spacing-Body-S: var(--SN-Space-8);
  --SN-Contents-Caption-S-Font-size: var(--SN-Font-size-5);
  --SN-UI-Single-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-UI-Single-Line-height: var(--SN-Line-height-None);
  --SN-UI-Single-Letter-spacing: var(--SN-Letter-spacing-None);
  --SN-UI-Single-XL-Font-size: var(--SN-Font-size-30);
  --SN-UI-Single-L-Font-size: var(--SN-Font-size-20);
  --SN-UI-Single-M-Font-size: var(--SN-Font-size-10);
  --SN-UI-Single-S-Font-size: var(--SN-Font-size-5);
  --SN-UI-Number-Font-family-num: var(--SN-Font-family-Alphanumeric-Default);
  --SN-UI-Compact-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-UI-Compact-Line-height: var(--SN-Line-height-S);
  --SN-UI-Compact-Letter-spacing: var(--SN-Letter-spacing-None);
  --SN-UI-Compact-L-Font-size: var(--SN-Font-size-20);
  --SN-UI-Compact-M-Font-size: var(--SN-Font-size-10);
  --SN-UI-Compact-S-Font-size: var(--SN-Font-size-5);
  --SN-UI-Number-Line-height: var(--SN-Line-height-None);
  --SN-UI-Number-Letter-spacing: var(--SN-Letter-spacing-None);
  --SN-UI-Number-XL-Font-size: var(--SN-Font-size-35);
  --SN-UI-Number-L-Font-size: var(--SN-Font-size-25);
  --SN-UI-Number-M-Font-size: var(--SN-Font-size-20);
  --SN-UI-Number-S-Font-size: var(--SN-Font-size-10);
  --SN-UI-_Button-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-UI-_Button-L-Font-size: var(--SN-Font-size-30);
  --SN-UI-_Button-Line-height: var(--SN-Line-height-None);
  --SN-UI-_Button-Letter-spacing: var(--SN-Letter-spacing-None);
  --SN-UI-_Button-M-Font-size: var(--SN-Font-size-20);
  --SN-UI-_Button-S-Font-size: var(--SN-Font-size-10);
  --SN-Contents-Subtitle-S-Font-size: var(--SN-Font-size-20);
  --SN-UI-_Label-Font-family: var(--SN-Font-family-Japanese-Default);
  --SN-UI-_Label-Line-height: var(--SN-Line-height-None);
  --SN-UI-_Label-Letter-spacing: var(--SN-Letter-spacing-None);
  --SN-UI-_Label-M-Font-size: var(--SN-Font-size-10);
  --SN-UI-_Label-S-Font-size: var(--SN-Font-size-5);
  --SN-UI-Single-XS-Font-size: var(--SN-Font-size-0);
  --SN-Contents-Title-XS-Font-size: var(--SN-Font-size-30);
  --SN-Line-height-none: 1;
  --SN-Line-height-XS: 1.2;
  --SN-Line-height-S: 1.4;
  --SN-Line-height-M: 1.5;
  --SN-Line-height-L: 1.75;
  --SN-Letter-spacing-none: 0;
  --SN-Letter-spacing-S: 0.02em;
  --SN-Letter-spacing-M: 0.04em;
  --SN-Font-weight-Reg: 400;
  --SN-Font-weight-Med: 500;
  --SN-Font-weight-Bd: 700;
  --SN-Space-0: 0;
  --SN-Space-2: 0.2rem;
  --SN-Space-4: 0.4rem;
  --SN-Space-8: 0.8rem;
  --SN-Space-16: 1.6rem;
  --SN-Space-24: 2.4rem;
  --SN-Space-32: 3.2rem;
  --SN-Space-40: 4rem;
  --SN-Space-48: 4.8rem;
  --SN-Space-64: 6.4rem;
  --SN-Space-80: 8rem;
  --SN-Space-96: 9.6rem;
  --SN-Space-128: 12.8rem;
  --SN-Space--04: -0.4rem;
  --SN-Space--08: -0.8rem;
  --SN-Space--12: -1.2rem;
  --SN-Space--16: -1.6rem;
  --SN-Space--24: -2.4rem;
  --SN-Space--32: -3.2rem;
  --SN-Space--40: -4rem;
  --SN-Radius-0: 0;
  --SN-Radius-2: 0.2rem;
  --SN-Radius-4: 0.4rem;
  --SN-Radius-8: 0.8rem;
  --SN-Radius-16: 1.6rem;
  --SN-Radius-40: 4rem;
  --SN-Radius-64: 6.4rem;
  --SN-Radius-128: 12.8rem;
  --SN-Radius-Full: 100rem;
  --SN-PMcolor-Alpha-White-0: rgba(255, 255, 255, 0);
  --SN-PMcolor-Alpha-Black-0: rgba(12, 12, 13, 0);
  --SN-PMcolor-Gray-white: #ffffff;
  --SN-PMcolor-Slate-1: #fcfdfd;
  --SN-PMcolor-Slate-2: #f6f7f8;
  --SN-PMcolor-Slate-3: #f1f3f4;
  --SN-PMcolor-Slate-4: #e9eced;
  --SN-PMcolor-Slate-5: #e0e4e6;
  --SN-PMcolor-Slate-6: #d8dddf;
  --SN-PMcolor-Slate-7: #cdd3d6;
  --SN-PMcolor-Slate-8: #b9c2c6;
  --SN-PMcolor-Slate-9: #86969c;
  --SN-PMcolor-Slate-10: #7b8d93;
  --SN-PMcolor-Slate-11: #5c6b70;
  --SN-PMcolor-Slate-12: #1e2324;
  --SN-PMcolor-Azure-1: #fafdff;
  --SN-PMcolor-Azure-2: #f5fcff;
  --SN-PMcolor-Azure-3: #e5f6ff;
  --SN-PMcolor-Azure-4: #d6f1ff;
  --SN-PMcolor-Azure-5: #c2ebff;
  --SN-PMcolor-Azure-6: #a8e2ff;
  --SN-PMcolor-Azure-7: #85d6ff;
  --SN-PMcolor-Azure-8: #4db5ff;
  --SN-PMcolor-Azure-9: #0092fa;
  --SN-PMcolor-Azure-10: #0089eb;
  --SN-PMcolor-Azure-11: #0077cc;
  --SN-PMcolor-Azure-12: #003961;
  --SN-PMcolor-Gray-black: #000000;
  --SN-PMcolor-Gray-1: #fafafa;
  --SN-PMcolor-Gray-2: #f2f2f2;
  --SN-PMcolor-Gray-3: #e6e6e6;
  --SN-PMcolor-Gray-4: #cccccc;
  --SN-PMcolor-Gray-5: #b3b3b3;
  --SN-PMcolor-Gray-6: #999999;
  --SN-PMcolor-Gray-7: #808080;
  --SN-PMcolor-Gray-8: #666666;
  --SN-PMcolor-Gray-9: #4d4d4d;
  --SN-PMcolor-Gray-10: #333333;
  --SN-PMcolor-Gray-11: #1a1a1a;
  --SN-PMcolor-Gray-12: #0d0d0d;
  --SN-PMcolor-Teal-1: #fafefc;
  --SN-PMcolor-Teal-2: #f6fefa;
  --SN-PMcolor-Teal-3: #e9fcf2;
  --SN-PMcolor-Teal-4: #dbfaea;
  --SN-PMcolor-Teal-5: #bae8d9;
  --SN-PMcolor-Teal-6: #9cdec8;
  --SN-PMcolor-Teal-7: #75d1b3;
  --SN-PMcolor-Teal-8: #1cbaa0;
  --SN-PMcolor-Teal-9: #1da58e;
  --SN-PMcolor-Teal-10: #1ca08a;
  --SN-PMcolor-Teal-11: #00856a;
  --SN-PMcolor-Teal-12: #003d31;
  --SN-PMcolor-Yellow-1: #fdfdf9;
  --SN-PMcolor-Yellow-2: #fefce9;
  --SN-PMcolor-Yellow-3: #fffab8;
  --SN-PMcolor-Yellow-4: #fff394;
  --SN-PMcolor-Yellow-5: #ffe770;
  --SN-PMcolor-Yellow-6: #f3d768;
  --SN-PMcolor-Yellow-7: #e4c767;
  --SN-PMcolor-Yellow-8: #d5ae39;
  --SN-PMcolor-Yellow-9: #ffd633;
  --SN-PMcolor-Yellow-10: #ffcc00;
  --SN-PMcolor-Yellow-11: #9e6c00;
  --SN-PMcolor-Yellow-12: #473b1f;
  --SN-PMcolor-Green-1: #fdfefb;
  --SN-PMcolor-Green-2: #f4fbe4;
  --SN-PMcolor-Green-3: #e8fad6;
  --SN-PMcolor-Green-4: #daf2cf;
  --SN-PMcolor-Green-5: #c7edc0;
  --SN-PMcolor-Green-6: #a4e5a4;
  --SN-PMcolor-Green-7: #8dce92;
  --SN-PMcolor-Green-8: #5bb96b;
  --SN-PMcolor-Green-9: #30ab45;
  --SN-PMcolor-Green-10: #1fad36;
  --SN-PMcolor-Green-11: #237b32;
  --SN-PMcolor-Green-12: #113c18;
  --SN-PMcolor-Orange-1: #fefcfb;
  --SN-PMcolor-Orange-2: #fff7ed;
  --SN-PMcolor-Orange-3: #ffefd6;
  --SN-PMcolor-Orange-4: #ffdfb5;
  --SN-PMcolor-Orange-5: #ffd19a;
  --SN-PMcolor-Orange-6: #ffc182;
  --SN-PMcolor-Orange-7: #f5ae73;
  --SN-PMcolor-Orange-8: #ec9455;
  --SN-PMcolor-Orange-9: #ed6f21;
  --SN-PMcolor-Orange-10: #ec6613;
  --SN-PMcolor-Orange-11: #c63e10;
  --SN-PMcolor-Orange-12: #582d1d;
  --SN-PMcolor-Red-1: #fffcfc;
  --SN-PMcolor-Red-2: #fff8f7;
  --SN-PMcolor-Red-3: #feebe7;
  --SN-PMcolor-Red-4: #ffdcd3;
  --SN-PMcolor-Red-5: #ffcdc2;
  --SN-PMcolor-Red-6: #fdbdaf;
  --SN-PMcolor-Red-7: #f5a898;
  --SN-PMcolor-Red-8: #f78670;
  --SN-PMcolor-Red-9: #d10000;
  --SN-PMcolor-Red-10: #bd0000;
  --SN-PMcolor-Red-11: #b81414;
  --SN-PMcolor-Red-12: #5c271f;
  --SN-PMcolor-Bronze-1: #fdfdfc;
  --SN-PMcolor-Bronze-2: #faf9f2;
  --SN-PMcolor-Bronze-3: #f2f0e7;
  --SN-PMcolor-Bronze-4: #eae6db;
  --SN-PMcolor-Bronze-5: #e1dccf;
  --SN-PMcolor-Bronze-6: #d8d0bf;
  --SN-PMcolor-Bronze-7: #cbc0aa;
  --SN-PMcolor-Bronze-8: #b9a88d;
  --SN-PMcolor-Bronze-9: #978365;
  --SN-PMcolor-Bronze-10: #8c7a5e;
  --SN-PMcolor-Bronze-11: #71624b;
  --SN-PMcolor-Bronze-12: #3b352b;
  --SN-PMcolor-Blue-1: #fdfdfe;
  --SN-PMcolor-Blue-2: #f7f9ff;
  --SN-PMcolor-Blue-3: #edf2fe;
  --SN-PMcolor-Blue-4: #e1e9ff;
  --SN-PMcolor-Blue-5: #d2deff;
  --SN-PMcolor-Blue-6: #c1d0ff;
  --SN-PMcolor-Blue-7: #abbdf9;
  --SN-PMcolor-Blue-8: #8da4ef;
  --SN-PMcolor-Blue-9: #3e63dd;
  --SN-PMcolor-Blue-10: #3358d4;
  --SN-PMcolor-Blue-11: #3a5bc7;
  --SN-PMcolor-Blue-12: #1f2d5c;
  --SN-PMcolor-Crimson-1: #fffcfd;
  --SN-PMcolor-Crimson-2: #fef7f9;
  --SN-PMcolor-Crimson-3: #ffe9f0;
  --SN-PMcolor-Crimson-4: #fedce7;
  --SN-PMcolor-Crimson-5: #facedd;
  --SN-PMcolor-Crimson-6: #f3bed1;
  --SN-PMcolor-Crimson-7: #eaacc3;
  --SN-PMcolor-Crimson-8: #e093b2;
  --SN-PMcolor-Crimson-9: #e93d82;
  --SN-PMcolor-Crimson-10: #df3478;
  --SN-PMcolor-Crimson-11: #cb1d63;
  --SN-PMcolor-Crimson-12: #621639;
  --SN-PMcolor-Purple-1: #fefcfe;
  --SN-PMcolor-Purple-2: #fbf7fe;
  --SN-PMcolor-Purple-3: #f7edfe;
  --SN-PMcolor-Purple-4: #f2e2fc;
  --SN-PMcolor-Purple-5: #ead5f9;
  --SN-PMcolor-Purple-6: #e0c4f4;
  --SN-PMcolor-Purple-7: #d1afec;
  --SN-PMcolor-Purple-8: #be93e4;
  --SN-PMcolor-Purple-9: #8e4ec6;
  --SN-PMcolor-Purple-10: #8347b9;
  --SN-PMcolor-Purple-11: #8145b5;
  --SN-PMcolor-Purple-12: #402060;
  --SN-PMcolor-Lime-1: #fbfef6;
  --SN-PMcolor-Lime-2: #f6fde9;
  --SN-PMcolor-Lime-3: #ecfad1;
  --SN-PMcolor-Lime-4: #daf5a3;
  --SN-PMcolor-Lime-5: #c7f075;
  --SN-PMcolor-Lime-6: #b4eb47;
  --SN-PMcolor-Lime-7: #a1e51a;
  --SN-PMcolor-Lime-8: #81b814;
  --SN-PMcolor-Lime-9: #6a9f00;
  --SN-PMcolor-Lime-10: #415c0a;
  --SN-PMcolor-Lime-11: #202e05;
  --SN-PMcolor-Lime-12: #101703;
  --SN-PMcolor-Cyan-1: #f4fcff;
  --SN-PMcolor-Cyan-2: #e0f6ff;
  --SN-PMcolor-Cyan-3: #ccf0ff;
  --SN-PMcolor-Cyan-4: #99e0ff;
  --SN-PMcolor-Cyan-5: #70d4ff;
  --SN-PMcolor-Cyan-6: #1fbcff;
  --SN-PMcolor-Cyan-7: #009adb;
  --SN-PMcolor-Cyan-8: #007db2;
  --SN-PMcolor-Cyan-9: #00567a;
  --SN-PMcolor-Cyan-10: #003952;
  --SN-PMcolor-Cyan-11: #002433;
  --SN-PMcolor-Cyan-12: #00121a;
  --SN-PMcolor-Alpha-Black-5: rgba(12, 12, 13, 0.05);
  --SN-PMcolor-Alpha-Black-10: rgba(12, 12, 13, 0.1);
  --SN-PMcolor-Alpha-Black-20: rgba(12, 12, 13, 0.2);
  --SN-PMcolor-Alpha-Black-30: rgba(12, 12, 13, 0.3);
  --SN-PMcolor-Alpha-Black-40: rgba(12, 12, 13, 0.4);
  --SN-PMcolor-Alpha-Black-50: rgba(12, 12, 13, 0.5);
  --SN-PMcolor-Alpha-Black-60: rgba(12, 12, 13, 0.6);
  --SN-PMcolor-Alpha-Black-70: rgba(12, 12, 13, 0.7);
  --SN-PMcolor-Alpha-Black-80: rgba(12, 12, 13, 0.8);
  --SN-PMcolor-Alpha-Black-90: rgba(12, 12, 13, 0.9);
  --SN-PMcolor-Alpha-Black-100: #0c0c0d;
  --SN-PMcolor-Alpha-White-5: rgba(255, 255, 255, 0.05);
  --SN-PMcolor-Alpha-White-10: rgba(255, 255, 255, 0.1);
  --SN-PMcolor-Alpha-White-20: rgba(255, 255, 255, 0.2);
  --SN-PMcolor-Alpha-White-30: rgba(255, 255, 255, 0.3);
  --SN-PMcolor-Alpha-White-40: rgba(255, 255, 255, 0.4);
  --SN-PMcolor-Alpha-White-50: rgba(255, 255, 255, 0.5);
  --SN-PMcolor-Alpha-White-60: rgba(255, 255, 255, 0.6);
  --SN-PMcolor-Alpha-White-70: rgba(255, 255, 255, 0.7);
  --SN-PMcolor-Alpha-White-80: rgba(255, 255, 255, 0.8);
  --SN-PMcolor-Alpha-White-90: rgba(255, 255, 255, 0.9);
  --SN-PMcolor-Alpha-White-100: #ffffff;
  --SN-Role-Primary-1: var(--SN-PMcolor-Azure-1);
  --SN-Role-Primary-2: var(--SN-PMcolor-Azure-2);
  --SN-Role-Primary-3: var(--SN-PMcolor-Azure-3);
  --SN-Role-Primary-4: var(--SN-PMcolor-Azure-4);
  --SN-Role-Primary-5: var(--SN-PMcolor-Azure-5);
  --SN-Role-Primary-6: var(--SN-PMcolor-Azure-6);
  --SN-Role-Primary-7: var(--SN-PMcolor-Azure-7);
  --SN-Role-Primary-8: var(--SN-PMcolor-Azure-8);
  --SN-Role-Primary-9: var(--SN-PMcolor-Azure-9);
  --SN-Role-Primary-10: var(--SN-PMcolor-Azure-10);
  --SN-Role-Primary-11: var(--SN-PMcolor-Azure-11);
  --SN-Role-Primary-12: var(--SN-PMcolor-Azure-12);
  --SN-Role-Neutral-1: var(--SN-PMcolor-Bronze-1);
  --SN-Role-Neutral-2: var(--SN-PMcolor-Bronze-2);
  --SN-Role-Neutral-3: var(--SN-PMcolor-Bronze-3);
  --SN-Role-Neutral-4: var(--SN-PMcolor-Bronze-4);
  --SN-Role-Neutral-5: var(--SN-PMcolor-Bronze-5);
  --SN-Role-Neutral-6: var(--SN-PMcolor-Bronze-6);
  --SN-Role-Neutral-7: var(--SN-PMcolor-Bronze-7);
  --SN-Role-Neutral-8: var(--SN-PMcolor-Bronze-8);
  --SN-Role-Neutral-9: var(--SN-PMcolor-Bronze-9);
  --SN-Role-Neutral-10: var(--SN-PMcolor-Bronze-10);
  --SN-Role-Neutral-11: var(--SN-PMcolor-Bronze-11);
  --SN-Role-Neutral-12: var(--SN-PMcolor-Bronze-12);
  --SN-Role-Surface-1: var(--SN-PMcolor-Slate-1);
  --SN-Role-Surface-2: var(--SN-PMcolor-Slate-2);
  --SN-Role-Surface-3: var(--SN-PMcolor-Slate-3);
  --SN-Role-Surface-4: var(--SN-PMcolor-Slate-4);
  --SN-Role-Surface-5: var(--SN-PMcolor-Slate-5);
  --SN-Role-Surface-6: var(--SN-PMcolor-Slate-6);
  --SN-Role-Surface-7: var(--SN-PMcolor-Slate-7);
  --SN-Role-Surface-8: var(--SN-PMcolor-Slate-8);
  --SN-Role-Surface-9: var(--SN-PMcolor-Slate-9);
  --SN-Role-Surface-10: var(--SN-PMcolor-Slate-10);
  --SN-Role-Surface-11: var(--SN-PMcolor-Slate-11);
  --SN-Role-Surface-12: var(--SN-PMcolor-Slate-12);
  --SN-Role-Success-1: var(--SN-PMcolor-Teal-1);
  --SN-Role-Success-2: var(--SN-PMcolor-Teal-2);
  --SN-Role-Success-3: var(--SN-PMcolor-Teal-3);
  --SN-Role-Success-4: var(--SN-PMcolor-Teal-4);
  --SN-Role-Success-5: var(--SN-PMcolor-Teal-5);
  --SN-Role-Success-6: var(--SN-PMcolor-Teal-6);
  --SN-Role-Success-7: var(--SN-PMcolor-Teal-7);
  --SN-Role-Success-8: var(--SN-PMcolor-Teal-8);
  --SN-Role-Success-9: var(--SN-PMcolor-Teal-9);
  --SN-Role-Success-10: var(--SN-PMcolor-Teal-10);
  --SN-Role-Success-11: var(--SN-PMcolor-Teal-11);
  --SN-Role-Success-12: var(--SN-PMcolor-Teal-12);
  --SN-Role-Alert-1: var(--SN-PMcolor-Red-1);
  --SN-Role-Alert-2: var(--SN-PMcolor-Red-2);
  --SN-Role-Alert-3: var(--SN-PMcolor-Red-3);
  --SN-Role-Alert-4: var(--SN-PMcolor-Red-4);
  --SN-Role-Alert-5: var(--SN-PMcolor-Red-5);
  --SN-Role-Alert-6: var(--SN-PMcolor-Red-6);
  --SN-Role-Alert-7: var(--SN-PMcolor-Red-7);
  --SN-Role-Alert-8: var(--SN-PMcolor-Red-8);
  --SN-Role-Alert-9: var(--SN-PMcolor-Red-9);
  --SN-Brand-Support-1: var(--SN-PMcolor-Green-1);
  --SN-Brand-Support-2: var(--SN-PMcolor-Green-2);
  --SN-Role-Alert-10: var(--SN-PMcolor-Red-10);
  --SN-Brand-Support-3: var(--SN-PMcolor-Green-3);
  --SN-Brand-Support-4: var(--SN-PMcolor-Green-4);
  --SN-Brand-Support-5: var(--SN-PMcolor-Green-5);
  --SN-Brand-Support-6: var(--SN-PMcolor-Green-6);
  --SN-Brand-Support-7: var(--SN-PMcolor-Green-7);
  --SN-Brand-Support-8: var(--SN-PMcolor-Green-8);
  --SN-Brand-Support-9: var(--SN-PMcolor-Green-9);
  --SN-Role-Alert-11: var(--SN-PMcolor-Red-11);
  --SN-Brand-Support-10: var(--SN-PMcolor-Green-10);
  --SN-Brand-Support-11: var(--SN-PMcolor-Green-11);
  --SN-Brand-Support-12: var(--SN-PMcolor-Green-12);
  --SN-Role-Alert-12: var(--SN-PMcolor-Red-12);
  --SN-Brand-Sale-1: var(--SN-PMcolor-Orange-1);
  --SN-Brand-Sale-2: var(--SN-PMcolor-Orange-2);
  --SN-Brand-Sale-3: var(--SN-PMcolor-Orange-3);
  --SN-Brand-Sale-4: var(--SN-PMcolor-Orange-4);
  --SN-Brand-Sale-5: var(--SN-PMcolor-Orange-5);
  --SN-Brand-Sale-6: var(--SN-PMcolor-Orange-6);
  --SN-Brand-Sale-7: var(--SN-PMcolor-Orange-7);
  --SN-Brand-Sale-8: var(--SN-PMcolor-Orange-8);
  --SN-Brand-Sale-9: var(--SN-PMcolor-Orange-9);
  --SN-Brand-Sale-10: var(--SN-PMcolor-Orange-10);
  --SN-Brand-Sale-11: var(--SN-PMcolor-Orange-11);
  --SN-Brand-Sale-12: var(--SN-PMcolor-Orange-12);
  --SN-Brand-Cart-1: var(--SN-PMcolor-Yellow-1);
  --SN-Brand-Cart-2: var(--SN-PMcolor-Yellow-2);
  --SN-Brand-Cart-3: var(--SN-PMcolor-Yellow-3);
  --SN-Brand-Cart-4: var(--SN-PMcolor-Yellow-4);
  --SN-Brand-Cart-5: var(--SN-PMcolor-Yellow-5);
  --SN-Brand-Cart-6: var(--SN-PMcolor-Yellow-6);
  --SN-Brand-Cart-7: var(--SN-PMcolor-Yellow-7);
  --SN-Brand-Cart-8: var(--SN-PMcolor-Yellow-8);
  --SN-Brand-Cart-9: var(--SN-PMcolor-Yellow-9);
  --SN-Brand-Cart-10: var(--SN-PMcolor-Yellow-10);
  --SN-Brand-Cart-11: var(--SN-PMcolor-Yellow-11);
  --SN-Brand-Cart-12: var(--SN-PMcolor-Yellow-12);
  --SN-Color-Text-Default: var(--SN-PMcolor-Alpha-Black-90);
  --SN-Color-Text-High: var(--SN-PMcolor-Alpha-Black-100);
  --SN-Color-Text-Low: var(--SN-PMcolor-Alpha-Black-80);
  --SN-Color-Text-Subtle: var(--SN-PMcolor-Alpha-Black-60);
  --SN-Color-Text-Disable: var(--SN-PMcolor-Alpha-Black-30);
  --SN-Color-Text-UI-Solid: var(--SN-PMcolor-Alpha-White-100);
  --SN-Color-Text-Link: var(--SN-PMcolor-Azure-11);
  --SN-Color-Text-Neutral-Low-contrast: var(--SN-PMcolor-Slate-11);
  --SN-Color-Text-Neutral-warm-Low-contrast: var(--SN-PMcolor-Bronze-11);
  --SN-Color-Text-Grayscale-Low-contrast: var(--SN-PMcolor-Gray-11);
  --SN-Color-Text-Grayscale-High-contrast: var(--SN-PMcolor-Gray-12);
  --SN-Color-Text-Neutral-warm-High-contrast: var(--SN-PMcolor-Bronze-12);
  --SN-Color-Text-Neutral-High-contrast: var(--SN-PMcolor-Slate-12);
  --SN-Color-Text-Primary-Low-contrast: var(--SN-PMcolor-Azure-11);
  --SN-Color-Text-Price: var(--SN-PMcolor-Red-11);
  --SN-Color-Text-Primary-High-contrast: var(--SN-PMcolor-Azure-12);
  --SN-Color-Text-Primary-dark-Low-contrast: var(--SN-PMcolor-Blue-11);
  --SN-Color-Text-Primary-dark-High-contrast: var(--SN-PMcolor-Blue-12);
  --SN-Color-Text-Success-Low-contrast: var(--SN-PMcolor-Teal-11);
  --SN-Color-Text-Support-Low-contrast: var(--SN-PMcolor-Green-11);
  --SN-Color-Text-Cart-Low-contrast: var(--SN-PMcolor-Yellow-11);
  --SN-Color-Text-Cart-High-contrast: var(--SN-PMcolor-Yellow-12);
  --SN-Color-Text-Support-High-contrast: var(--SN-PMcolor-Green-12);
  --SN-Color-Text-Sale-Low-contrast: var(--SN-PMcolor-Orange-11);
  --SN-Color-Text-Sale-High-contrast: var(--SN-PMcolor-Orange-12);
  --SN-Color-Text-Alert-Low-contrast: var(--SN-PMcolor-Red-11);
  --SN-Color-Background-Neutral-App: var(--SN-PMcolor-Slate-1);
  --SN-Color-Background-Neutral-warm-App: var(--SN-PMcolor-Bronze-1);
  --SN-Color-Background-Neutral-warm-Subtle: var(--SN-PMcolor-Bronze-2);
  --SN-Color-Background-Neutral-warm-UI--Enable: var(--SN-PMcolor-Bronze-4);
  --SN-Color-Background-Neutral-warm-UI--Hover: var(--SN-PMcolor-Bronze-3);
  --SN-Color-Background-Neutral-warm-UI--Active: var(--SN-PMcolor-Bronze-5);
  --SN-Color-Background-Neutral-warm-Solid--Enable: var(--SN-PMcolor-Bronze-10);
  --SN-Color-Background-Neutral-warm-Solid--Hover: var(--SN-PMcolor-Bronze-9);
  --SN-Color-Background-Neutral-Subtle: var(--SN-PMcolor-Slate-2);
  --SN-Color-Background-Neutral-UI--Enable: var(--SN-PMcolor-Slate-4);
  --SN-Color-Background-Neutral-UI--Hover: var(--SN-PMcolor-Slate-3);
  --SN-Color-Background-Neutral-UI--Active: var(--SN-PMcolor-Slate-5);
  --SN-Color-Background-Neutral-Solid--Enable: var(--SN-PMcolor-Slate-10);
  --SN-Color-Background-Neutral-Solid--Hover: var(--SN-PMcolor-Slate-9);
  --SN-Color-Background-Grayscale-App: var(--SN-PMcolor-Gray-1);
  --SN-Color-Background-Grayscale-Subtle: var(--SN-PMcolor-Gray-2);
  --SN-Color-Background-Primary-App: var(--SN-PMcolor-Azure-1);
  --SN-Color-Background-Primary-Subtle: var(--SN-PMcolor-Azure-2);
  --SN-Color-Background-Primary-UI--Enable: var(--SN-PMcolor-Azure-4);
  --SN-Color-Background-Primary-UI--Hover: var(--SN-PMcolor-Azure-3);
  --SN-Color-Background-Primary-UI--Active: var(--SN-PMcolor-Azure-5);
  --SN-Color-Background-Primary-Solid--Enable: var(--SN-PMcolor-Azure-10);
  --SN-Color-Background-Primary-Solid--Hover: var(--SN-PMcolor-Azure-9);
  --SN-Color-Background-Primary-dark-App: var(--SN-PMcolor-Blue-1);
  --SN-Color-Background-Primary-dark-Subtle: var(--SN-PMcolor-Blue-2);
  --SN-Color-Background-Primary-dark-UI--Enable: var(--SN-PMcolor-Blue-4);
  --SN-Color-Background-Primary-dark-UI--Hover: var(--SN-PMcolor-Blue-3);
  --SN-Color-Background-Primary-dark-UI--Active: var(--SN-PMcolor-Blue-5);
  --SN-Color-Background-Primary-dark-Solid--Enable: var(--SN-PMcolor-Blue-10);
  --SN-Color-Background-Primary-dark-Solid--Hover: var(--SN-PMcolor-Blue-9);
  --SN-Color-Background-Success-App: var(--SN-PMcolor-Teal-1);
  --SN-Color-Background-Success-Subtle: var(--SN-PMcolor-Teal-2);
  --SN-Color-Background-Success-UI--Enable: var(--SN-PMcolor-Teal-4);
  --SN-Color-Background-Success-UI--Hover: var(--SN-PMcolor-Teal-3);
  --SN-Color-Background-Success-UI--Active: var(--SN-PMcolor-Teal-5);
  --SN-Color-Background-Success-Solid--Enable: var(--SN-PMcolor-Teal-10);
  --SN-Color-Background-Success-Solid--Hover: var(--SN-PMcolor-Teal-9);
  --SN-Color-Background-Support-App: var(--SN-PMcolor-Green-1);
  --SN-Color-Background-Support-Subtle: var(--SN-PMcolor-Green-2);
  --SN-Color-Background-Support-UI--Enable: var(--SN-PMcolor-Green-4);
  --SN-Color-Background-Support-UI--Hover: var(--SN-PMcolor-Green-3);
  --SN-Color-Background-Support-UI--Active: var(--SN-PMcolor-Green-5);
  --SN-Color-Background-Support-Solid--Enable: var(--SN-PMcolor-Green-10);
  --SN-Color-Background-Support-Solid--Hover: var(--SN-PMcolor-Green-9);
  --SN-Color-Background-Cart-App: var(--SN-PMcolor-Yellow-1);
  --SN-Color-Background-Cart-Subtle: var(--SN-PMcolor-Yellow-2);
  --SN-Color-Background-Grayscale-UI--Enable: var(--SN-PMcolor-Gray-4);
  --SN-Color-Background-Cart-UI--Enable: var(--SN-PMcolor-Yellow-4);
  --SN-Color-Background-Sale-App: var(--SN-PMcolor-Orange-1);
  --SN-Color-Background-Sale-Subtle: var(--SN-PMcolor-Orange-2);
  --SN-Color-Background-Alert-App: var(--SN-PMcolor-Red-1);
  --SN-Color-Background-Sale-UI--Enable: var(--SN-PMcolor-Orange-4);
  --SN-Color-Background-Alert-Subtle: var(--SN-PMcolor-Red-2);
  --SN-Color-Background-Alert-UI--Enable: var(--SN-PMcolor-Red-4);
  --SN-Color-Background-Grayscale-UI--Hover: var(--SN-PMcolor-Gray-3);
  --SN-Color-Background-Cart-UI--Hover: var(--SN-PMcolor-Yellow-3);
  --SN-Color-Background-Sale-UI--Hover: var(--SN-PMcolor-Orange-3);
  --SN-Color-Background-Alert-UI--Hover: var(--SN-PMcolor-Red-3);
  --SN-Color-Background-Grayscale-UI--Active: var(--SN-PMcolor-Gray-5);
  --SN-Color-Background-Grayscale-Solid--Enable: var(--SN-PMcolor-Gray-10);
  --SN-Color-Background-Grayscale-Solid--Hover: var(--SN-PMcolor-Gray-9);
  --SN-Color-Background-Cart-UI--Active: var(--SN-PMcolor-Yellow-5);
  --SN-Color-Background-Cart-Solid--Enable: var(--SN-PMcolor-Yellow-10);
  --SN-Color-Background-Cart-Solid--Hover: var(--SN-PMcolor-Yellow-9);
  --SN-Color-Background-Sale-UI--Active: var(--SN-PMcolor-Orange-5);
  --SN-Color-Background-Alert-UI--Active: var(--SN-PMcolor-Red-5);
  --SN-Color-Background-Default: var(--SN-PMcolor-Gray-white);
  --SN-Color-Background-Disable: var(--SN-PMcolor-Gray-3);
  --SN-Color-Background-Link: var(--SN-PMcolor-Azure-11);
  --SN-Color-Border-default: var(--SN-PMcolor-Alpha-Black-50);
  --SN-Color-Border-subtle: var(--SN-PMcolor-Alpha-Black-30);
  --SN-Color-Border-bold: var(--SN-PMcolor-Alpha-Black-80);
  --SN-Color-Border-inverse: var(--SN-PMcolor-Alpha-White-90);
  --SN-Color-Background-Sale-Solid--Enable: var(--SN-PMcolor-Orange-10);
  --SN-Color-Background-Alert-Solid--Enable: var(--SN-PMcolor-Red-10);
  --SN-Color-Background-Sale-Solid--Hover: var(--SN-PMcolor-Orange-9);
  --SN-Color-Background-Alert-Solid--Hover: var(--SN-PMcolor-Red-9);
  --SN-Color-Text-Success-High-contrast: var(--SN-PMcolor-Teal-12);
  --SN-Color-Text-Alert-High-contrast: var(--SN-PMcolor-Red-12);
  --SN-Color-Border-Neutral-Subtle: var(--SN-PMcolor-Slate-6);
  --SN-Color-Border-Neutral-warm-Subtle: var(--SN-Role-Neutral-6);
  --SN-Color-Border-Neutral-warm-UI-element--Enable: var(--SN-PMcolor-Bronze-7);
  --SN-Color-Border-Neutral-warm-UI-element--Hover: var(--SN-PMcolor-Bronze-8);
  --SN-Color-Border-Grayscale-Subtle: var(--SN-PMcolor-Gray-6);
  --SN-Color-Border-Grayscale-UI-element--Enable: var(--SN-PMcolor-Gray-7);
  --SN-Color-Border-Grayscale-UI-element--Hover: var(--SN-PMcolor-Gray-8);
  --SN-Color-Border-Neutral-UI-element--Enable: var(--SN-PMcolor-Slate-7);
  --SN-Color-Border-Neutral-UI-element--Hover: var(--SN-PMcolor-Slate-8);
  --SN-Color-Border-Primary-Subtle: var(--SN-PMcolor-Azure-6);
  --SN-Color-Border-Primary-UI-element--Enable: var(--SN-PMcolor-Azure-7);
  --SN-Color-Border-Primary-UI-element--Hover: var(--SN-PMcolor-Azure-8);
  --SN-Color-Border-Primary-dark-Subtle: var(--SN-PMcolor-Blue-6);
  --SN-Color-Border-Primary-dark-UI-element--Enable: var(--SN-PMcolor-Blue-7);
  --SN-Color-Border-Primary-dark-UI-element--Hover: var(--SN-PMcolor-Blue-8);
  --SN-Color-Border-Success-Subtle: var(--SN-PMcolor-Teal-6);
  --SN-Color-Border-Success-UI-element--Enable: var(--SN-PMcolor-Teal-7);
  --SN-Color-Border-Success-UI-element--Hover: var(--SN-PMcolor-Teal-8);
  --SN-Color-Border-Support-Subtle: var(--SN-PMcolor-Green-6);
  --SN-Color-Border-Support-UI-element--Enable: var(--SN-PMcolor-Green-7);
  --SN-Color-Border-Support-UI-element--Hover: var(--SN-PMcolor-Green-8);
  --SN-Color-Border-Cart-Subtle: var(--SN-PMcolor-Yellow-6);
  --SN-Color-Border-Cart-UI-element--Enable: var(--SN-PMcolor-Yellow-7);
  --SN-Color-Border-Cart-UI-element--Hover: var(--SN-PMcolor-Yellow-8);
  --SN-Color-Border-Sale-Subtle: var(--SN-PMcolor-Orange-6);
  --SN-Color-Border-Sale-UI-element--Enable: var(--SN-PMcolor-Orange-7);
  --SN-Color-Border-Sale-UI-element--Hover: var(--SN-PMcolor-Orange-8);
  --SN-Color-Border-Alert-Subtle: var(--SN-PMcolor-Red-6);
  --SN-Color-Border-Alert-UI-element--Enable: var(--SN-PMcolor-Red-7);
  --SN-Color-Border-Alert-UI-element--Hover: var(--SN-PMcolor-Red-8);
}

.SN-Contents__Display__L, .SN-Contents__Display__M, .SN-Contents__Display__S {
  font-weight: var(--SN-Font-weight-Med);
  line-height: var(--SN-Line-height-XS);
  letter-spacing: var(--SN-Letter-spacing-M);
  font-feature-settings: "palt" on;
}
.SN-Contents__Display__L {
  font-size: var(--SN-Font-size-100);
}
.SN-Contents__Display__M {
  font-size: var(--SN-Font-size-90);
}
.SN-Contents__Display__S {
  font-size: var(--SN-Font-size-80);
}
.SN-Contents__Title__XL, .SN-Contents__Title__L, .SN-Contents__Title__M, .SN-Contents__Title__S, .SN-Contents__Title__XS {
  font-weight: var(--SN-Font-weight-Med);
  letter-spacing: var(--SN-Letter-spacing-M);
  line-height: var(--SN-Line-height-M);
  font-feature-settings: "palt" on;
}
.SN-Contents__Title__XL {
  font-size: var(--SN-Font-size-70);
}
.SN-Contents__Title__L {
  font-size: var(--SN-Font-size-60);
}
.SN-Contents__Title__M {
  font-size: var(--SN-Font-size-50);
}
.SN-Contents__Title__S {
  font-size: var(--SN-Font-size-35);
}
.SN-Contents__Title__XS {
  font-size: var(--SN-Font-size-30);
}
.SN-Contents__Title__XL--SP, .SN-Contents__Title__L--SP, .SN-Contents__Title__M--SP, .SN-Contents__Title__S--SP, .SN-Contents__Title__XS--SP {
  font-weight: var(--SN-Font-weight-Bd);
  line-height: var(--SN-Line-height-M);
  letter-spacing: var(--SN-Letter-spacing-S);
  font-feature-settings: "palt" on;
}
.SN-Contents__Title__XL--SP {
  font-size: var(--SN-Font-size-60);
}
.SN-Contents__Title__L--SP {
  font-size: var(--SN-Font-size-50);
}
.SN-Contents__Title__M--SP {
  font-size: var(--SN-Font-size-40);
}
.SN-Contents__Title__S--SP {
  font-size: var(--SN-Font-size-25);
}
.SN-Contents__Title__XS--SP {
  font-size: var(--SN-Font-size-20);
}
.SN-Contents__SubTitle__M, .SN-Contents__SubTitle__M--SP {
  line-height: var(--SN-Line-height-M);
  letter-spacing: var(--SN-Letter-spacing-M);
  font-weight: var(--SN-Font-weight-Med);
  font-feature-settings: "palt" on;
}
.SN-Contents__SubTitle__M {
  font-size: var(--SN-Font-size-30);
}
.SN-Contents__SubTitle__M--SP {
  font-size: var(--SN-Font-size-20);
}
.SN-Contents__Body__M, .SN-Contents__Body__S {
  font-weight: var(--SN-Font-weight-Reg);
  line-height: var(--SN-Line-height-L);
  letter-spacing: var(--SN-Letter-spacing-S);
  font-feature-settings: "palt" off;
}
.SN-Contents__Body__M {
  font-size: var(--SN-Font-size-20);
}
.SN-Contents__Body__S {
  font-size: var(--SN-Font-size-10);
}
.SN-Contents__Caption__M, .SN-Contents__Caption__S {
  font-weight: var(--SN-Font-weight-Reg);
  line-height: var(--SN-Line-height-S);
  letter-spacing: var(--SN-Letter-spacing-S);
  font-feature-settings: "palt" off;
}
.SN-Contents__Caption__M {
  font-size: var(--SN-Font-size-10);
}
.SN-Contents__Caption__S {
  font-size: var(--SN-Font-size-5);
}

.SN-UI__Compact__L, .SN-UI__Compact__L--Bd, .SN-UI__Compact__M, .SN-UI__Compact__M--Bd, .SN-UI__Compact__S, .SN-UI__Compact__S--Bd {
  line-height: var(--SN-Line-height-XS);
  letter-spacing: var(--SN-Letter-spacing-none);
  font-feature-settings: "palt" off;
}
.SN-UI__Compact__L, .SN-UI__Compact__L--Bd {
  font-size: var(--SN-Font-size-20);
}
.SN-UI__Compact__M, .SN-UI__Compact__M--Bd {
  font-size: var(--SN-Font-size-10);
}
.SN-UI__Compact__S, .SN-UI__Compact__S--Bd {
  font-size: var(--SN-Font-size-5);
}
.SN-UI__Compact__L--Bd, .SN-UI__Compact__M--Bd, .SN-UI__Compact__S--Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.SN-UI__Compact__L, .SN-UI__Compact__M, .SN-UI__Compact__S {
  font-weight: var(--SN-Font-weight-Reg);
}
.SN-UI__Single__XL, .SN-UI__Single__XL--Bd, .SN-UI__Single__L, .SN-UI__Single__L--Bd, .SN-UI__Single__M, .SN-UI__Single__M--Bd, .SN-UI__Single__S, .SN-UI__Single__S--Bd, .SN-UI__Single__XS, .SN-UI__Single__XS--Bd {
  line-height: var(--SN-Line-height-none);
  letter-spacing: var(--SN-Letter-spacing-none);
  font-feature-settings: "palt" off;
}
.SN-UI__Single__XL, .SN-UI__Single__L {
  font-weight: var(--SN-Font-weight-Med);
}
.SN-UI__Single__M, .SN-UI__Single__S, .SN-UI__Single__XS {
  font-weight: var(--SN-Font-weight-Reg);
}
.SN-UI__Single__XL--Bd, .SN-UI__Single__L--Bd, .SN-UI__Single__M--Bd, .SN-UI__Single__S--Bd, .SN-UI__Single__XS--Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.SN-UI__Single__XL, .SN-UI__Single__XL--Bd {
  font-size: var(--SN-Font-size-30);
}
.SN-UI__Single__L, .SN-UI__Single__L--Bd {
  font-size: var(--SN-Font-size-20);
}
.SN-UI__Single__M, .SN-UI__Single__M--Bd {
  font-size: var(--SN-Font-size-10);
}
.SN-UI__Single__S, .SN-UI__Single__S--Bd {
  font-size: var(--SN-Font-size-5);
}
.SN-UI__Single__XS, .SN-UI__Single__XS--Bd {
  font-size: var(--SN-Font-size-0);
}
.SN-UI__Number__XL, .SN-UI__Number__XL--Bd, .SN-UI__Number__L, .SN-UI__Number__L--Bd, .SN-UI__Number__M, .SN-UI__Number__M--Bd, .SN-UI__Number__S, .SN-UI__Number__S--Bd {
  line-height: var(--SN-Line-height-none);
  letter-spacing: var(--SN-Letter-spacing-none);
  font-feature-settings: "palt" off;
}
.SN-UI__Number__XL, .SN-UI__Number__L, .SN-UI__Number__M, .SN-UI__Number__S {
  font-weight: var(--SN-Font-weight-Reg);
}
.SN-UI__Number__XL--Bd, .SN-UI__Number__L--Bd, .SN-UI__Number__M--Bd, .SN-UI__Number__S--Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.SN-UI__Number__XL, .SN-UI__Number__XL--Bd {
  font-size: var(--SN-Font-size-35);
}
.SN-UI__Number__L, .SN-UI__Number__L--Bd {
  font-size: var(--SN-Font-size-25);
}
.SN-UI__Number__M, .SN-UI__Number__M--Bd {
  font-size: var(--SN-Font-size-20);
}
.SN-UI__Number__S, .SN-UI__Number__S--Bd {
  font-size: var(--SN-Font-size-10);
}
.SN-UI__Label__M {
  font-size: var(--SN-Font-size-10);
  font-weight: var(--SN-Font-weight-Reg);
  line-height: var(--SN-Line-height-none);
}
.SN-UI__Label__S {
  font-size: var(--SN-Font-size-5);
  font-weight: var(--SN-Font-weight-Med);
}
.SN-UI__Button__L {
  font-size: var(--SN-Font-size-30);
  font-weight: var(--SN-Font-weight-Bd);
  line-height: var(--SN-Line-height-none);
}

.SN-Space-0 {
  padding: var(--SN-Space-0);
}
.SN-Space-2 {
  padding: var(--SN-Space-2);
}
.SN-Space-4 {
  padding: var(--SN-Space-4);
}
.SN-Space-8 {
  padding: var(--SN-Space-8);
}
.SN-Space-16 {
  padding: var(--SN-Space-16);
}
.SN-Space-24 {
  padding: var(--SN-Space-24);
}
.SN-Space-32 {
  padding: var(--SN-Space-32);
}
.SN-Space-40 {
  padding: var(--SN-Space-40);
}
.SN-Space-48 {
  padding: var(--SN-Space-48);
}
.SN-Space-64 {
  padding: var(--SN-Space-64);
}
.SN-Space-80 {
  padding: var(--SN-Space-80);
}
.SN-Space-96 {
  padding: var(--SN-Space-96);
}
.SN-Space-128 {
  padding: var(--SN-Space-128);
}
.SN-Space--04 {
  margin-top: var(--SN-Space--04);
}
.SN-Space--08 {
  margin-top: var(--SN-Space--08);
}
.SN-Space--12 {
  margin-top: var(--SN-Space--12);
}
.SN-Space--16 {
  margin-top: var(--SN-Space--16);
}
.SN-Space--24 {
  margin-top: var(--SN-Space--24);
}
.SN-Space--32 {
  margin-top: var(--SN-Space--32);
}
.SN-Space--40 {
  margin-top: var(--SN-Space--40);
}

.SN-Radius-0 {
  border-radius: var(--SN-Radius-0);
}
.SN-Radius-2 {
  border-radius: var(--SN-Radius-2);
}
.SN-Radius-4 {
  border-radius: var(--SN-Radius-4);
}
.SN-Radius-8 {
  border-radius: var(--SN-Radius-8);
}
.SN-Radius-16 {
  border-radius: var(--SN-Radius-16);
}
.SN-Radius-40 {
  border-radius: var(--SN-Radius-40);
}
.SN-Radius-64 {
  border-radius: var(--SN-Radius-64);
}
.SN-Radius-128 {
  border-radius: var(--SN-Radius-128);
}
.SN-Radius-Full {
  border-radius: var(--SN-Radius-Full);
}

.SN-Shadow-2 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 1px 2px rgba(0, 0, 0, 0.16);
}
.SN-Shadow-4 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.SN-Shadow-8 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.16);
}
.SN-Shadow-16 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 8px 16px rgba(0, 0, 0, 0.16);
}
.SN-Shadow-24 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 6px 12px rgba(0, 0, 0, 0.24), 0px 12px 24px rgba(0, 0, 0, 0.04);
}
.SN-Shadow-32 {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16), 0px 8px 16px rgba(0, 0, 0, 0.32), 0px 16px 32px rgba(0, 0, 0, 0.04);
}

.sn_d-sys__common {
  max-width: unset;
}
.sn_d-sys__common h1,
.sn_d-sys__common h2,
.sn_d-sys__common h3,
.sn_d-sys__common h4,
.sn_d-sys__common p {
  margin: 0;
}
.sn_d-sys__common .d-sys__index--bg-blue {
  background: #0092fa;
  color: #fff;
  padding: 5rem;
  margin: 0 0 6.4rem;
}
.sn_d-sys__common .d-sys__index--bg-blue h1 {
  font-size: var(--SN-Font-size-90);
  font-style: normal;
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__index--bg-blue + .d-sys__contents--m .d-sys__index--bg-gray {
  margin: 0 0 6.4rem;
}
.sn_d-sys__common .d-sys__index--bg-gray {
  background: #f9fafa;
  padding: 4rem;
  margin: 6.4rem 0;
}
.sn_d-sys__common .d-sys__index--xl {
  color: #1c1a10;
  font-size: var(--SN-Font-size-60);
  font-style: normal;
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__index--l {
  color: #1c1a10;
  font-size: var(--SN-Font-size-50);
  font-style: normal;
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__index--m {
  color: #1c1a10;
  font-size: var(--SN-Font-size-35);
  font-style: normal;
  font-weight: var(--SN-Font-weight-Med);
  margin-top: 4rem;
}
.sn_d-sys__common .d-sys__index--sub {
  color: var(--SN-Color-Text-Subtle, rgba(12, 12, 13, 0.6));
  font-weight: var(--SN-Font-weight-Med);
  font-size: var(--SN-Font-size-30);
}
.sn_d-sys__common .d-sys__index--leadtxt {
  font-weight: var(--SN-Font-weight-Reg);
  margin: 2.4rem 0 0;
}
.sn_d-sys__common .d-sys__index--token {
  font-weight: var(--SN-Font-weight-Reg);
  margin: 1.6rem 0 0;
  display: flex;
}
.sn_d-sys__common .d-sys__index--token .token__wrap {
  display: flex;
  gap: 1.6rem;
}
.sn_d-sys__common .d-sys__index--token .token__wrap + .token__wrap::before {
  content: " / ";
  margin: 0 0 0 1rem;
}
.sn_d-sys__common .d-sys__index--token .token__size {
  padding: 0.4rem 0.8rem;
  border-radius: var(--SN-Radius-4, 4px);
  background: var(--SN-Color-Background-Neutral-Subtle, #f9fafa);
  font-size: var(--SN-Font-size-5);
}
.sn_d-sys__common .d-sys__contents--m {
  max-width: 120rem;
  margin: auto;
}
.sn_d-sys__common .d-sys__contents--l {
  max-width: var(--width_max_pc_l);
  margin: auto;
}
.sn_d-sys__common .d-sys__contents--box-96 {
  --space-box-square: 9.6rem;
  width: var(--space-box-square);
  height: var(--space-box-square);
  background-color: #fff;
  border: 1px solid #feebe7;
}
.sn_d-sys__common .d-sys__contents--box-160 {
  --space-box-square: 16rem;
  width: var(--space-box-square);
  height: var(--space-box-square);
  background-color: #fff;
  border: 1px solid #feebe7;
}
.sn_d-sys__common .d-sys__contents--box-420 {
  --space-box-square: 42rem;
  width: 42rem;
  height: 32rem;
  background-color: #fff;
  border: 1px solid #feebe7;
}
.sn_d-sys__common .d-sys__table-base {
  width: 100%;
  margin-top: 2.4rem;
}
.sn_d-sys__common .d-sys__table-base dl,
.sn_d-sys__common .d-sys__table-base dt,
.sn_d-sys__common .d-sys__table-base dd {
  margin: 0;
  display: flex;
  align-items: center;
}
.sn_d-sys__common .d-sys__table-base dl {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(12, 12, 13, 0.5);
  gap: 1.5rem;
}
.sn_d-sys__common .d-sys__table-base dt {
  display: flex;
  justify-content: center;
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head dl {
  border-bottom: 2px solid rgba(12, 12, 13, 0.8);
  min-height: 4rem;
  padding: 0;
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head dt,
.sn_d-sys__common .d-sys__table-base .d-sys__table-head dd {
  font-weight: bold;
  font-size: var(--SN-Font-size-10);
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--token"]:before {
  content: "トークン";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--value"]:before {
  content: "値";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--explain"]:before {
  content: "説明";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--numerical"]:before {
  content: "数値";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--sample-index"]:before {
  content: "サンプル";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--stylename"]:before {
  content: "スタイル名";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--size"]:before {
  content: "px相当";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--weight"]:before {
  content: "weight";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-head [class*="--revel"]:before {
  content: "推奨レベル";
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-body dt {
  padding: 0.8rem 0;
  border-radius: var(--SN-Radius-4, 4px);
  background: #f9fafa;
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-body dl {
  padding: 0.8rem 0;
}
.sn_d-sys__common .d-sys__table-base .d-sys__table-body dt,
.sn_d-sys__common .d-sys__table-base .d-sys__table-body dd:not([class*="--sample"]) {
  font-size: var(--SN-Font-size-10);
}
.sn_d-sys__common .d-sys__table-fontsize--token {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-fontsize--value {
  width: 8rem;
}
.sn_d-sys__common .d-sys__table-fontsize--sample::before {
  content: "次の、うれしい♪ソースネクスト";
  font-size: inherit;
}
.sn_d-sys__common .d-sys__table-fontsize--100 {
  font-size: var(--SN-Font-size-100);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--90 {
  font-size: var(--SN-Font-size-90);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--80 {
  font-size: var(--SN-Font-size-80);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--70 {
  font-size: var(--SN-Font-size-70);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--60 {
  font-size: var(--SN-Font-size-60);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--50 {
  font-size: var(--SN-Font-size-50);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--40 {
  font-size: var(--SN-Font-size-40);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--35 {
  font-size: var(--SN-Font-size-35);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--30 {
  font-size: var(--SN-Font-size-30);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--25 {
  font-size: var(--SN-Font-size-25);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--20 {
  font-size: var(--SN-Font-size-20);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--10 {
  font-size: var(--SN-Font-size-10);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--5 {
  font-size: var(--SN-Font-size-5);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontsize--0 {
  font-size: var(--SN-Font-size-0);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
.sn_d-sys__common .d-sys__table-fontweight--token {
  width: 8%;
}
.sn_d-sys__common .d-sys__table-fontweight--value {
  width: 8rem;
}
.sn_d-sys__common .d-sys__table-fontweight--numerical {
  width: 8rem;
}
.sn_d-sys__common .d-sys__table-fontweight--explain {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-fontweight--sample::before {
  content: "次の、うれしい♪ソースネクスト";
  font-size: inherit;
}
.sn_d-sys__common .d-sys__table-fontweight--Reg {
  font-weight: var(--SN-Font-weight-Reg);
}
.sn_d-sys__common .d-sys__table-fontweight--Med {
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-fontweight--Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.sn_d-sys__common .d-sys__table-lineheight--token {
  width: 8%;
}
.sn_d-sys__common .d-sys__table-lineheight--value {
  width: 8rem;
}
.sn_d-sys__common .d-sys__table-lineheight--explain {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-lineheight--sample {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-lineheight--none {
  line-height: var(--SN-Line-height-none);
}
.sn_d-sys__common .d-sys__table-lineheight--XS {
  line-height: var(--SN-Line-height-XS);
}
.sn_d-sys__common .d-sys__table-lineheight--S {
  line-height: var(--SN-Line-height-S);
}
.sn_d-sys__common .d-sys__table-lineheight--M {
  line-height: var(--SN-Line-height-M);
}
.sn_d-sys__common .d-sys__table-lineheight--L {
  line-height: var(--SN-Line-height-L);
}
.sn_d-sys__common .d-sys__table-lineheight--none {
  font-size: var(--SN-Font-size-10);
}
.sn_d-sys__common .d-sys__table-lineheight--XS {
  font-size: var(--SN-Font-size-20);
}
.sn_d-sys__common .d-sys__table-lineheight--S {
  font-size: var(--SN-Font-size-70);
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-lineheight--M {
  font-size: var(--SN-Font-size-60);
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-lineheight--L {
  font-size: var(--SN-Font-size-20);
}
.sn_d-sys__common .d-sys__table-letterspacing--token {
  width: 8%;
}
.sn_d-sys__common .d-sys__table-letterspacing--value {
  width: 8rem;
}
.sn_d-sys__common .d-sys__table-letterspacing--explain {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-letterspacing--sample {
  width: 35rem;
}
.sn_d-sys__common .d-sys__table-letterspacing--sample.d-sys__table-letterspacing--M {
  font-size: var(--SN-Contents-Title-S-Font-size);
}
.sn_d-sys__common .d-sys__table-letterspacing--sample.d-sys__table-letterspacing--M::before {
  content: "次の、うれしい♪ソースネクスト";
  font-size: inherit;
}
.sn_d-sys__common .d-sys__table-letterspacing--none {
  letter-spacing: var(--SN-Letter-spacing-none);
  font-size: var(--SN-Font-size-20);
}
.sn_d-sys__common .d-sys__table-letterspacing--S {
  letter-spacing: var(--SN-Letter-spacing-S);
  font-size: var(--SN-Font-size-20);
}
.sn_d-sys__common .d-sys__table-letterspacing--none {
  flex-direction: column;
  gap: 1rem;
}
.sn_d-sys__common .d-sys__table-letterspacing--none p {
  width: 100%;
}
.sn_d-sys__common .d-sys__table-letterspacing--none-sample01 {
  font-size: var(--SN-Contents-Body-M-Font-size);
}
.sn_d-sys__common .d-sys__table-letterspacing--none-sample02 {
  font-size: var(--SN-Contents-Body-S-Font-size);
}
.sn_d-sys__common .d-sys__table-letterspacing--none-sample03 {
  font-size: var(--SN-Contents-Caption-S-Font-size);
}
.sn_d-sys__common .d-sys__table-letterspacing--S {
  letter-spacing: 0.02em;
  font-size: var(--SN-Contents-Body-M-Font-size);
}
.sn_d-sys__common .d-sys__table-letterspacing--M {
  letter-spacing: 0.02em;
  font-weight: 400;
}
.sn_d-sys__common .d-sys__table-display--stylename {
  width: 8rem;
}
.sn_d-sys__common .d-sys__table-display--size {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-display--sample::before {
  content: "次の、うれしい♪ソースネクスト";
  font-size: inherit;
}
.sn_d-sys__common .d-sys__table-title .d-sys__table-body .d-sys__table-title--weight {
  background: #f9fafa !important;
  text-align: center;
  padding: 0.8rem 0;
  border-radius: var(--SN-Radius-4, 4px);
}
.sn_d-sys__common .d-sys__table-title--stylename {
  width: 10rem;
  background: none !important;
  justify-content: flex-start !important;
}
.sn_d-sys__common .d-sys__table-title--size {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-title--weight {
  width: 8rem;
  display: flex;
  justify-content: center;
}
.sn_d-sys__common .d-sys__table-title--weight.Reg {
  font-weight: var(--SN-Font-weight-Reg);
}
.sn_d-sys__common .d-sys__table-title--weight.Med {
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-title--weight.Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.sn_d-sys__common .d-sys__table-title--revel {
  width: 8rem;
}
.sn_d-sys__common .d-sys__table-title--sample::before {
  content: "次の、うれしい♪ソースネクスト";
  font-size: inherit;
}
.sn_d-sys__common .d-sys__table-subtitle .d-sys__table-body .d-sys__table-subtitle--weight {
  background: #f9fafa !important;
  text-align: center;
  padding: 0.8rem 0;
  border-radius: var(--SN-Radius-4, 4px);
}
.sn_d-sys__common .d-sys__table-subtitle--stylename {
  width: 14rem;
  background: none !important;
  justify-content: flex-start !important;
}
.sn_d-sys__common .d-sys__table-subtitle--size {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-subtitle--weight {
  width: 8rem;
  display: flex;
  justify-content: center;
}
.sn_d-sys__common .d-sys__table-subtitle--weight.Reg {
  font-weight: var(--SN-Font-weight-Reg);
}
.sn_d-sys__common .d-sys__table-subtitle--weight.Med {
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-subtitle--weight.Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.sn_d-sys__common .d-sys__table-subtitle--revel {
  width: 8rem;
}
.sn_d-sys__common .d-sys__table-subtitle--sample::before {
  content: "次の、うれしい♪ソースネクスト";
  font-size: inherit;
}
.sn_d-sys__common .d-sys__table-body .d-sys__table-body .d-sys__table-body--weight {
  background: #f9fafa !important;
  text-align: center;
  padding: 0.8rem 0;
  border-radius: var(--SN-Radius-4, 4px);
}
.sn_d-sys__common .d-sys__table-body--stylename {
  width: 10rem;
  background: none !important;
  justify-content: flex-start !important;
}
.sn_d-sys__common .d-sys__table-body--size {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-body--weight {
  width: 8rem;
  display: flex;
  justify-content: center;
}
.sn_d-sys__common .d-sys__table-body--weight.Reg {
  font-weight: var(--SN-Font-weight-Reg);
}
.sn_d-sys__common .d-sys__table-body--weight.Med {
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-body--weight.Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.sn_d-sys__common .d-sys__table-body--explain {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-body--sample {
  width: 40rem;
}
.sn_d-sys__common .d-sys__table-caption .d-sys__table-body .d-sys__table-caption--weight {
  background: #f9fafa !important;
  text-align: center;
  padding: 0.8rem 0;
  border-radius: var(--SN-Radius-4, 4px);
}
.sn_d-sys__common .d-sys__table-caption--stylename {
  width: 10rem;
  background: none !important;
  justify-content: flex-start !important;
}
.sn_d-sys__common .d-sys__table-caption--size {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-caption--weight {
  width: 8rem;
  display: flex;
  justify-content: center;
}
.sn_d-sys__common .d-sys__table-caption--weight.Reg {
  font-weight: var(--SN-Font-weight-Reg);
}
.sn_d-sys__common .d-sys__table-caption--weight.Med {
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-caption--weight.Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.sn_d-sys__common .d-sys__table-caption--explain {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-caption--sample {
  width: 40rem;
}
.sn_d-sys__common .d-sys__table-compact .d-sys__table-body .d-sys__table-compact--weight {
  background: #f9fafa !important;
  text-align: center;
  padding: 0.8rem 0;
  border-radius: var(--SN-Radius-4, 4px);
}
.sn_d-sys__common .d-sys__table-compact--stylename {
  width: 10rem;
  background: none !important;
  justify-content: flex-start !important;
}
.sn_d-sys__common .d-sys__table-compact--size {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-compact--weight {
  width: 8rem;
  display: flex;
  justify-content: center;
}
.sn_d-sys__common .d-sys__table-compact--weight.Reg {
  font-weight: var(--SN-Font-weight-Reg);
}
.sn_d-sys__common .d-sys__table-compact--weight.Med {
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-compact--weight.Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.sn_d-sys__common .d-sys__table-compact--explain {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-compact--sample {
  width: 38rem;
}
.sn_d-sys__common .d-sys__table-single .d-sys__table-body .d-sys__table-single--weight {
  background: #f9fafa !important;
  text-align: center;
  padding: 0.8rem 0;
  border-radius: var(--SN-Radius-4, 4px);
}
.sn_d-sys__common .d-sys__table-single--stylename {
  width: 10rem;
  background: none !important;
  justify-content: flex-start !important;
}
.sn_d-sys__common .d-sys__table-single--size {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-single--weight {
  width: 8rem;
  display: flex;
  justify-content: center;
}
.sn_d-sys__common .d-sys__table-single--weight.Reg {
  font-weight: var(--SN-Font-weight-Reg);
}
.sn_d-sys__common .d-sys__table-single--weight.Med {
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-single--weight.Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.sn_d-sys__common .d-sys__table-single--explain {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-single--sample {
  width: 38rem;
}
.sn_d-sys__common .d-sys__table-single--sample::before {
  content: "次の、うれしい♪ソースネクスト";
  font-size: inherit;
}
.sn_d-sys__common .d-sys__table-number .d-sys__table-body .d-sys__table-number--weight {
  background: #f9fafa !important;
  text-align: center;
  padding: 0.8rem 0;
  border-radius: var(--SN-Radius-4, 4px);
}
.sn_d-sys__common .d-sys__table-number--stylename {
  width: 10rem;
  background: none !important;
  justify-content: flex-start !important;
}
.sn_d-sys__common .d-sys__table-number--size {
  width: 6rem;
}
.sn_d-sys__common .d-sys__table-number--weight {
  width: 8rem;
  display: flex;
  justify-content: center;
}
.sn_d-sys__common .d-sys__table-number--weight.Reg {
  font-weight: var(--SN-Font-weight-Reg);
}
.sn_d-sys__common .d-sys__table-number--weight.Med {
  font-weight: var(--SN-Font-weight-Med);
}
.sn_d-sys__common .d-sys__table-number--weight.Bd {
  font-weight: var(--SN-Font-weight-Bd);
}
.sn_d-sys__common .d-sys__table-number--explain {
  width: 32rem;
}
.sn_d-sys__common .d-sys__table-number--sample {
  width: 38rem;
}
.sn_d-sys__common .d-sys__table-number--sample::before {
  content: "次の、うれしい♪ソースネクスト";
  font-size: inherit;
}
.sn_d-sys__common .d-sys__table-space {
  display: flex;
  flex-wrap: wrap;
  gap: 2.7rem;
  align-items: flex-start;
  margin: 2.4rem 0;
}
.sn_d-sys__common .d-sys__table-space.table__minus {
  align-items: flex-end;
}
.sn_d-sys__common .d-sys__table-space.table__minus .d-sys__padding--space-wrap {
  width: 9.6rem;
  aspect-ratio: 1/1;
}
.sn_d-sys__common .d-sys__table-space.table__minus .d-sys__padding--space-token {
  margin: 0 auto 2rem;
}
.sn_d-sys__common .d-sys__table-section--token {
  width: 10rem;
}
.sn_d-sys__common .d-sys__table-section--size {
  width: 12rem;
}
.sn_d-sys__common .d-sys__table-section--explain {
  width: 50rem;
}
.sn_d-sys__common .d-sys__table-body--token {
  width: 10rem;
}
.sn_d-sys__common .d-sys__table-body--size {
  width: 12rem;
}
.sn_d-sys__common .d-sys__table-body--explain {
  width: 50rem;
}
.sn_d-sys__common .d-sys__table-sample iframe {
  width: 100%;
}
.sn_d-sys__common .d-sys__table-radius {
  display: flex;
  flex-wrap: wrap;
  gap: 2.7rem;
  align-items: flex-start;
  margin: 2.4rem 0;
}
.sn_d-sys__common .d-sys__table-radius.table__minus {
  align-items: flex-end;
}
.sn_d-sys__common .d-sys__table-radius.table__minus .d-sys__padding--space-wrap {
  width: 9.6rem;
  aspect-ratio: 1/1;
}
.sn_d-sys__common .d-sys__table-radius.table__minus .d-sys__padding--space-token {
  margin: 0 auto 2rem;
}
.sn_d-sys__common .d-sys__table-shadow {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  align-items: flex-start;
  margin: 2.4rem 0;
}
.sn_d-sys__common .d-sys__table-shadow.pattern__color .d-sys__contents--box-96 {
  background-color: #85d6ff;
}
.sn_d-sys__common .d-sys__table-shadow.pattern__bgcolor .d-sys__effect--shadow-wrap {
  background-color: #feebe7;
}
.sn_d-sys__common .d-sys__padding--space-outerwrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.6rem;
}
.sn_d-sys__common .d-sys__padding--space-wrap {
  background-color: #feebe7;
}
.sn_d-sys__common .d-sys__padding--space-wrap [class*=d-sys__contents--box-] {
  border-radius: var(--SN-Radius-8);
}
.sn_d-sys__common .d-sys__padding--space-token {
  text-align: center;
  padding: var(--SN-Space-8);
  border-radius: var(--SN-Radius-4, 4px);
  background: var(--SN-Color-Background-Neutral-Subtle, #f6f7f8);
  display: inline-block;
  margin: auto;
  line-height: var(--SN-Line-height-none);
  font-size: var(--SN-Font-size-5);
}
.sn_d-sys__common .d-sys__effect--radius-outerwrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.6rem;
}
.sn_d-sys__common .d-sys__effect--radius-wrap {
  background-color: #feebe7;
}
.sn_d-sys__common .d-sys__effect--radius-token {
  text-align: center;
  padding: var(--SN-Space-8);
  border-radius: var(--SN-Radius-4, 4px);
  background: var(--SN-Color-Background-Neutral-Subtle, #f6f7f8);
  display: inline-block;
  margin: auto;
  line-height: var(--SN-Line-height-none);
  font-size: var(--SN-Font-size-5);
}
.sn_d-sys__common .d-sys__effect--shadow-outerwrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.6rem;
}
.sn_d-sys__common .d-sys__effect--shadow-outerwrap .d-sys__contents--box-96 {
  border: none;
}
.sn_d-sys__common .d-sys__effect--shadow-token {
  text-align: center;
  padding: var(--SN-Space-8);
  border-radius: var(--SN-Radius-4, 4px);
  background: var(--SN-Color-Background-Neutral-Subtle, #f6f7f8);
  display: inline-block;
  margin: auto;
  line-height: var(--SN-Line-height-none);
  font-size: var(--SN-Font-size-5);
}
.sn_d-sys__common .d-sys__color--contrast {
  margin-top: 10rem;
}
.sn_d-sys__common .d-sys__color--contrast-outerwrap--table {
  background-color: #434343;
}
.sn_d-sys__common .d-sys__color--contrast-outerwrap table {
  color: #fff;
}
.sn_d-sys__common .d-sys__color--contrast-outerwrap tr {
  border-bottom: 1px solid #eee;
}
.sn_d-sys__common .d-sys__color--contrast-outerwrap th {
  padding: 1rem;
}
.sn_d-sys__common .d-sys__color--contrast-outerwrap td {
  padding: 1rem;
}
.sn_d-sys__common .d-sys__color--pallet-outerwrap .colorbox__index {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.sn_d-sys__common .d-sys__color--pallet-outerwrap .colorbox__base {
  width: 100%;
}
.sn_d-sys__common .d-sys__color--pallet-outerwrap .colorbox__base .name__main {
  color: var(--SN-Color-Text-Default);
  font-size: var(--SN-UI-Compact-M-Font-size);
  font-weight: 700;
  line-height: 120%;
  padding-top: var(--SN-Space-8);
}
.sn_d-sys__common .d-sys__color--pallet-outerwrap .colorbox__base .name__sub {
  color: var(--SN-Color-Text-Subtle);
  font-size: var(--SN-UI-Compact-S-Font-size);
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.sn_d-sys__common .d-sys__color--pallet-outerwrap [class*=colorbox__base] {
  height: 5rem;
}
.sn_d-sys__common .d-sys__color--pallet-outerwrap .library-published {
  color: rgba(255, 255, 255, 0.9);
  border-radius: var(--SN-Radius-Full);
  background: var(--SN-Color-Background-Primary-Solid--Enable);
  font-size: var(--SN-UI-Single-S-Font-size);
  font-style: normal;
  font-weight: 500;
  padding: 0.2rem var(--SN-Contents-Spacing-Body-S);
}
.sn_d-sys__common .d-sys__color--pallet-primitive {
  display: flex;
  margin-top: 6.4rem;
}
.sn_d-sys__common .d-sys__color--pallet-primitive [class*=group__] {
  width: 5.8823529412%;
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--02 {
  background: var(--SN-PMcolor-Alpha-Black-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--03 {
  background: var(--SN-PMcolor-Alpha-Black-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--04 {
  background: var(--SN-PMcolor-Alpha-Black-20);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--05 {
  background: var(--SN-PMcolor-Alpha-Black-30);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--06 {
  background: var(--SN-PMcolor-Alpha-Black-40);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--07 {
  background: var(--SN-PMcolor-Alpha-Black-50);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--08 {
  background: var(--SN-PMcolor-Alpha-Black-60);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--09 {
  background: var(--SN-PMcolor-Alpha-Black-70);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--10 {
  background: var(--SN-PMcolor-Alpha-Black-80);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--11 {
  background: var(--SN-PMcolor-Alpha-Black-90);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Black .colorbox__base--12 {
  background: var(--SN-PMcolor-Alpha-Black-100);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha {
  background: var(--SN-Color-Background-Primary-Solid--Enable);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .name__main {
  color: var(--SN-Color-Text-UI-Solid);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--02 {
  background: var(--SN-PMcolor-Alpha-Black-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--03 {
  background: var(--SN-PMcolor-Alpha-Black-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--04 {
  background: var(--SN-PMcolor-Alpha-Black-20);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--05 {
  background: var(--SN-PMcolor-Alpha-Black-30);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--06 {
  background: var(--SN-PMcolor-Alpha-Black-40);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--07 {
  background: var(--SN-PMcolor-Alpha-Black-50);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--08 {
  background: var(--SN-PMcolor-Alpha-Black-60);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--09 {
  background: var(--SN-PMcolor-Alpha-Black-70);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--10 {
  background: var(--SN-PMcolor-Alpha-Black-80);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--11 {
  background: var(--SN-PMcolor-Alpha-Black-90);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__BlackAlpha .colorbox__base--12 {
  background: var(--SN-PMcolor-Alpha-Black-100);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White {
  background: var(--SN-PMcolor-Alpha-Black-100);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .name__main {
  color: var(--SN-Color-Text-UI-Solid);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--02 {
  background: var(--SN-PMcolor-Alpha-White-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--03 {
  background: var(--SN-PMcolor-Alpha-White-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--04 {
  background: var(--SN-PMcolor-Alpha-White-20);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--05 {
  background: var(--SN-PMcolor-Alpha-White-30);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--06 {
  background: var(--SN-PMcolor-Alpha-White-40);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--07 {
  background: var(--SN-PMcolor-Alpha-White-50);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--08 {
  background: var(--SN-PMcolor-Alpha-White-60);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--09 {
  background: var(--SN-PMcolor-Alpha-White-70);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--10 {
  background: var(--SN-PMcolor-Alpha-White-80);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--11 {
  background: var(--SN-PMcolor-Alpha-White-90);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__White .colorbox__base--12 {
  background: var(--SN-PMcolor-Alpha-White-100);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha {
  background: var(--SN-Color-Background-Primary-Solid--Enable);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .name__main {
  color: var(--SN-Color-Text-UI-Solid);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--02 {
  background: var(--SN-PMcolor-Alpha-White-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--03 {
  background: var(--SN-PMcolor-Alpha-White-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--04 {
  background: var(--SN-PMcolor-Alpha-White-20);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--05 {
  background: var(--SN-PMcolor-Alpha-White-30);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--06 {
  background: var(--SN-PMcolor-Alpha-White-40);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--07 {
  background: var(--SN-PMcolor-Alpha-White-50);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--08 {
  background: var(--SN-PMcolor-Alpha-White-60);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--09 {
  background: var(--SN-PMcolor-Alpha-White-70);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--10 {
  background: var(--SN-PMcolor-Alpha-White-80);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--11 {
  background: var(--SN-PMcolor-Alpha-White-90);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__WhiteAlpha .colorbox__base--12 {
  background: var(--SN-PMcolor-Alpha-White-100);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--01 {
  background: var(--SN-PMcolor-Gray-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--02 {
  background: var(--SN-PMcolor-Gray-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--03 {
  background: var(--SN-PMcolor-Gray-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--04 {
  background: var(--SN-PMcolor-Gray-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--05 {
  background: var(--SN-PMcolor-Gray-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--06 {
  background: var(--SN-PMcolor-Gray-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--07 {
  background: var(--SN-PMcolor-Gray-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--08 {
  background: var(--SN-PMcolor-Gray-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--09 {
  background: var(--SN-PMcolor-Gray-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--10 {
  background: var(--SN-PMcolor-Gray-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--11 {
  background: var(--SN-PMcolor-Gray-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Gray .colorbox__base--12 {
  background: var(--SN-PMcolor-Gray-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--01 {
  background: var(--SN-PMcolor-Slate-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--02 {
  background: var(--SN-PMcolor-Slate-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--03 {
  background: var(--SN-PMcolor-Slate-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--04 {
  background: var(--SN-PMcolor-Slate-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--05 {
  background: var(--SN-PMcolor-Slate-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--06 {
  background: var(--SN-PMcolor-Slate-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--07 {
  background: var(--SN-PMcolor-Slate-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--08 {
  background: var(--SN-PMcolor-Slate-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--09 {
  background: var(--SN-PMcolor-Slate-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--10 {
  background: var(--SN-PMcolor-Slate-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--11 {
  background: var(--SN-PMcolor-Slate-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Slate .colorbox__base--12 {
  background: var(--SN-PMcolor-Slate-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--01 {
  background: var(--SN-PMcolor-Bronze-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--02 {
  background: var(--SN-PMcolor-Bronze-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--03 {
  background: var(--SN-PMcolor-Bronze-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--04 {
  background: var(--SN-PMcolor-Bronze-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--05 {
  background: var(--SN-PMcolor-Bronze-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--06 {
  background: var(--SN-PMcolor-Bronze-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--07 {
  background: var(--SN-PMcolor-Bronze-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--08 {
  background: var(--SN-PMcolor-Bronze-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--09 {
  background: var(--SN-PMcolor-Bronze-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--10 {
  background: var(--SN-PMcolor-Bronze-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--11 {
  background: var(--SN-PMcolor-Bronze-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Bronze .colorbox__base--12 {
  background: var(--SN-PMcolor-Bronze-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--01 {
  background: var(--SN-PMcolor-Blue-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--02 {
  background: var(--SN-PMcolor-Blue-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--03 {
  background: var(--SN-PMcolor-Blue-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--04 {
  background: var(--SN-PMcolor-Blue-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--05 {
  background: var(--SN-PMcolor-Blue-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--06 {
  background: var(--SN-PMcolor-Blue-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--07 {
  background: var(--SN-PMcolor-Blue-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--08 {
  background: var(--SN-PMcolor-Blue-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--09 {
  background: var(--SN-PMcolor-Blue-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--10 {
  background: var(--SN-PMcolor-Blue-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--11 {
  background: var(--SN-PMcolor-Blue-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Blue .colorbox__base--12 {
  background: var(--SN-PMcolor-Blue-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--01 {
  background: var(--SN-PMcolor-Azure-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--02 {
  background: var(--SN-PMcolor-Azure-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--03 {
  background: var(--SN-PMcolor-Azure-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--04 {
  background: var(--SN-PMcolor-Azure-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--05 {
  background: var(--SN-PMcolor-Azure-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--06 {
  background: var(--SN-PMcolor-Azure-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--07 {
  background: var(--SN-PMcolor-Azure-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--08 {
  background: var(--SN-PMcolor-Azure-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--09 {
  background: var(--SN-PMcolor-Azure-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--10 {
  background: var(--SN-PMcolor-Azure-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--11 {
  background: var(--SN-PMcolor-Azure-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Azure .colorbox__base--12 {
  background: var(--SN-PMcolor-Azure-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--01 {
  background: var(--SN-PMcolor-Teal-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--02 {
  background: var(--SN-PMcolor-Teal-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--03 {
  background: var(--SN-PMcolor-Teal-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--04 {
  background: var(--SN-PMcolor-Teal-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--05 {
  background: var(--SN-PMcolor-Teal-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--06 {
  background: var(--SN-PMcolor-Teal-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--07 {
  background: var(--SN-PMcolor-Teal-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--08 {
  background: var(--SN-PMcolor-Teal-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--09 {
  background: var(--SN-PMcolor-Teal-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--10 {
  background: var(--SN-PMcolor-Teal-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--11 {
  background: var(--SN-PMcolor-Teal-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Teal .colorbox__base--12 {
  background: var(--SN-PMcolor-Teal-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--01 {
  background: var(--SN-PMcolor-Green-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--02 {
  background: var(--SN-PMcolor-Green-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--03 {
  background: var(--SN-PMcolor-Green-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--04 {
  background: var(--SN-PMcolor-Green-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--05 {
  background: var(--SN-PMcolor-Green-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--06 {
  background: var(--SN-PMcolor-Green-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--07 {
  background: var(--SN-PMcolor-Green-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--08 {
  background: var(--SN-PMcolor-Green-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--09 {
  background: var(--SN-PMcolor-Green-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--10 {
  background: var(--SN-PMcolor-Green-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--11 {
  background: var(--SN-PMcolor-Green-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Green .colorbox__base--12 {
  background: var(--SN-PMcolor-Green-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--01 {
  background: var(--SN-PMcolor-Yellow-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--02 {
  background: var(--SN-PMcolor-Yellow-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--03 {
  background: var(--SN-PMcolor-Yellow-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--04 {
  background: var(--SN-PMcolor-Yellow-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--05 {
  background: var(--SN-PMcolor-Yellow-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--06 {
  background: var(--SN-PMcolor-Yellow-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--07 {
  background: var(--SN-PMcolor-Yellow-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--08 {
  background: var(--SN-PMcolor-Yellow-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--09 {
  background: var(--SN-PMcolor-Yellow-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--10 {
  background: var(--SN-PMcolor-Yellow-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--11 {
  background: var(--SN-PMcolor-Yellow-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Yellow .colorbox__base--12 {
  background: var(--SN-PMcolor-Yellow-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--01 {
  background: var(--SN-PMcolor-Orange-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--02 {
  background: var(--SN-PMcolor-Orange-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--03 {
  background: var(--SN-PMcolor-Orange-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--04 {
  background: var(--SN-PMcolor-Orange-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--05 {
  background: var(--SN-PMcolor-Orange-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--06 {
  background: var(--SN-PMcolor-Orange-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--07 {
  background: var(--SN-PMcolor-Orange-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--08 {
  background: var(--SN-PMcolor-Orange-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--09 {
  background: var(--SN-PMcolor-Orange-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--10 {
  background: var(--SN-PMcolor-Orange-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--11 {
  background: var(--SN-PMcolor-Orange-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Orange .colorbox__base--12 {
  background: var(--SN-PMcolor-Orange-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--01 {
  background: var(--SN-PMcolor-Red-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--02 {
  background: var(--SN-PMcolor-Red-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--03 {
  background: var(--SN-PMcolor-Red-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--04 {
  background: var(--SN-PMcolor-Red-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--05 {
  background: var(--SN-PMcolor-Red-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--06 {
  background: var(--SN-PMcolor-Red-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--07 {
  background: var(--SN-PMcolor-Red-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--08 {
  background: var(--SN-PMcolor-Red-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--09 {
  background: var(--SN-PMcolor-Red-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--10 {
  background: var(--SN-PMcolor-Red-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--11 {
  background: var(--SN-PMcolor-Red-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Red .colorbox__base--12 {
  background: var(--SN-PMcolor-Red-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--01 {
  background: var(--SN-PMcolor-Crimson-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--02 {
  background: var(--SN-PMcolor-Crimson-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--03 {
  background: var(--SN-PMcolor-Crimson-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--04 {
  background: var(--SN-PMcolor-Crimson-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--05 {
  background: var(--SN-PMcolor-Crimson-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--06 {
  background: var(--SN-PMcolor-Crimson-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--07 {
  background: var(--SN-PMcolor-Crimson-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--08 {
  background: var(--SN-PMcolor-Crimson-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--09 {
  background: var(--SN-PMcolor-Crimson-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--10 {
  background: var(--SN-PMcolor-Crimson-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--11 {
  background: var(--SN-PMcolor-Crimson-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Crimson .colorbox__base--12 {
  background: var(--SN-PMcolor-Crimson-12);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--01 {
  background: var(--SN-PMcolor-Purple-1);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--02 {
  background: var(--SN-PMcolor-Purple-2);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--03 {
  background: var(--SN-PMcolor-Purple-3);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--04 {
  background: var(--SN-PMcolor-Purple-4);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--05 {
  background: var(--SN-PMcolor-Purple-5);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--06 {
  background: var(--SN-PMcolor-Purple-6);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--07 {
  background: var(--SN-PMcolor-Purple-7);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--08 {
  background: var(--SN-PMcolor-Purple-8);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--09 {
  background: var(--SN-PMcolor-Purple-9);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--10 {
  background: var(--SN-PMcolor-Purple-10);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--11 {
  background: var(--SN-PMcolor-Purple-11);
}
.sn_d-sys__common .d-sys__color--pallet-primitive .group__Purple .colorbox__base--12 {
  background: var(--SN-PMcolor-Purple-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic {
  display: flex;
  margin-top: 6.4rem;
}
.sn_d-sys__common .d-sys__color--pallet-semantic [class*=group__] {
  width: 11.1111111111%;
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--01 {
  background: var(--SN-PMcolor-Gray-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--02 {
  background: var(--SN-PMcolor-Gray-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--03 {
  background: var(--SN-PMcolor-Gray-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--04 {
  background: var(--SN-PMcolor-Gray-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--05 {
  background: var(--SN-PMcolor-Gray-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--06 {
  background: var(--SN-PMcolor-Gray-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--07 {
  background: var(--SN-PMcolor-Gray-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--08 {
  background: var(--SN-PMcolor-Gray-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--09 {
  background: var(--SN-PMcolor-Gray-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--10 {
  background: var(--SN-PMcolor-Gray-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--11 {
  background: var(--SN-PMcolor-Gray-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral .colorbox__base--12 {
  background: var(--SN-PMcolor-Gray-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--01 {
  background: var(--SN-PMcolor-Slate-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--02 {
  background: var(--SN-PMcolor-Slate-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--03 {
  background: var(--SN-PMcolor-Slate-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--04 {
  background: var(--SN-PMcolor-Slate-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--05 {
  background: var(--SN-PMcolor-Slate-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--06 {
  background: var(--SN-PMcolor-Slate-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--07 {
  background: var(--SN-PMcolor-Slate-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--08 {
  background: var(--SN-PMcolor-Slate-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--09 {
  background: var(--SN-PMcolor-Slate-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--10 {
  background: var(--SN-PMcolor-Slate-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--11 {
  background: var(--SN-PMcolor-Slate-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-cool .colorbox__base--12 {
  background: var(--SN-PMcolor-Slate-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--01 {
  background: var(--SN-PMcolor-Bronze-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--02 {
  background: var(--SN-PMcolor-Bronze-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--03 {
  background: var(--SN-PMcolor-Bronze-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--04 {
  background: var(--SN-PMcolor-Bronze-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--05 {
  background: var(--SN-PMcolor-Bronze-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--06 {
  background: var(--SN-PMcolor-Bronze-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--07 {
  background: var(--SN-PMcolor-Bronze-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--08 {
  background: var(--SN-PMcolor-Bronze-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--09 {
  background: var(--SN-PMcolor-Bronze-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--10 {
  background: var(--SN-PMcolor-Bronze-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--11 {
  background: var(--SN-PMcolor-Bronze-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Neutral-warm .colorbox__base--12 {
  background: var(--SN-PMcolor-Bronze-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--01 {
  background: var(--SN-PMcolor-Azure-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--02 {
  background: var(--SN-PMcolor-Azure-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--03 {
  background: var(--SN-PMcolor-Azure-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--04 {
  background: var(--SN-PMcolor-Azure-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--05 {
  background: var(--SN-PMcolor-Azure-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--06 {
  background: var(--SN-PMcolor-Azure-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--07 {
  background: var(--SN-PMcolor-Azure-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--08 {
  background: var(--SN-PMcolor-Azure-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--09 {
  background: var(--SN-PMcolor-Azure-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--10 {
  background: var(--SN-PMcolor-Azure-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--11 {
  background: var(--SN-PMcolor-Azure-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Primary .colorbox__base--12 {
  background: var(--SN-PMcolor-Azure-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--01 {
  background: var(--SN-PMcolor-Teal-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--02 {
  background: var(--SN-PMcolor-Teal-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--03 {
  background: var(--SN-PMcolor-Teal-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--04 {
  background: var(--SN-PMcolor-Teal-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--05 {
  background: var(--SN-PMcolor-Teal-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--06 {
  background: var(--SN-PMcolor-Teal-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--07 {
  background: var(--SN-PMcolor-Teal-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--08 {
  background: var(--SN-PMcolor-Teal-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--09 {
  background: var(--SN-PMcolor-Teal-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--10 {
  background: var(--SN-PMcolor-Teal-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--11 {
  background: var(--SN-PMcolor-Teal-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Success .colorbox__base--12 {
  background: var(--SN-PMcolor-Teal-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--01 {
  background: var(--SN-PMcolor-Green-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--02 {
  background: var(--SN-PMcolor-Green-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--03 {
  background: var(--SN-PMcolor-Green-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--04 {
  background: var(--SN-PMcolor-Green-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--05 {
  background: var(--SN-PMcolor-Green-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--06 {
  background: var(--SN-PMcolor-Green-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--07 {
  background: var(--SN-PMcolor-Green-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--08 {
  background: var(--SN-PMcolor-Green-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--09 {
  background: var(--SN-PMcolor-Green-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--10 {
  background: var(--SN-PMcolor-Green-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--11 {
  background: var(--SN-PMcolor-Green-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Support .colorbox__base--12 {
  background: var(--SN-PMcolor-Green-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--01 {
  background: var(--SN-PMcolor-Yellow-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--02 {
  background: var(--SN-PMcolor-Yellow-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--03 {
  background: var(--SN-PMcolor-Yellow-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--04 {
  background: var(--SN-PMcolor-Yellow-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--05 {
  background: var(--SN-PMcolor-Yellow-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--06 {
  background: var(--SN-PMcolor-Yellow-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--07 {
  background: var(--SN-PMcolor-Yellow-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--08 {
  background: var(--SN-PMcolor-Yellow-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--09 {
  background: var(--SN-PMcolor-Yellow-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--10 {
  background: var(--SN-PMcolor-Yellow-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--11 {
  background: var(--SN-PMcolor-Yellow-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Cart .colorbox__base--12 {
  background: var(--SN-PMcolor-Yellow-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--01 {
  background: var(--SN-PMcolor-Orange-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--02 {
  background: var(--SN-PMcolor-Orange-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--03 {
  background: var(--SN-PMcolor-Orange-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--04 {
  background: var(--SN-PMcolor-Orange-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--05 {
  background: var(--SN-PMcolor-Orange-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--06 {
  background: var(--SN-PMcolor-Orange-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--07 {
  background: var(--SN-PMcolor-Orange-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--08 {
  background: var(--SN-PMcolor-Orange-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--09 {
  background: var(--SN-PMcolor-Orange-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--10 {
  background: var(--SN-PMcolor-Orange-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--11 {
  background: var(--SN-PMcolor-Orange-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Sale .colorbox__base--12 {
  background: var(--SN-PMcolor-Orange-12);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--01 {
  background: var(--SN-PMcolor-Red-1);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--02 {
  background: var(--SN-PMcolor-Red-2);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--03 {
  background: var(--SN-PMcolor-Red-3);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--04 {
  background: var(--SN-PMcolor-Red-4);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--05 {
  background: var(--SN-PMcolor-Red-5);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--06 {
  background: var(--SN-PMcolor-Red-6);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--07 {
  background: var(--SN-PMcolor-Red-7);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--08 {
  background: var(--SN-PMcolor-Red-8);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--09 {
  background: var(--SN-PMcolor-Red-9);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--10 {
  background: var(--SN-PMcolor-Red-10);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--11 {
  background: var(--SN-PMcolor-Red-11);
}
.sn_d-sys__common .d-sys__color--pallet-semantic .group__Alert .colorbox__base--12 {
  background: var(--SN-PMcolor-Red-12);
}
.sn_d-sys__top .d-sys__index--bg-gray {
  margin: 3rem 0 0 !important;
}