:root{--border-width-ref-x1: 1px;--border-width-ref-x2: 2px;--border-width-ref-x4: 4px;--color-ref-andpad-black: #222222;--color-ref-andpad-dark-red: #c8102e;--color-ref-andpad-gray: #7c7c7c;--color-ref-andpad-red: #ef3340;--color-ref-aqua10: #b8f0fe;--color-ref-aqua100: #001923;--color-ref-aqua20: #78ddf5;--color-ref-aqua30: #00c8ea;--color-ref-aqua40: #00afd1;--color-ref-aqua5: #e1f7fd;--color-ref-aqua50: #0095b3;--color-ref-aqua60: #007891;--color-ref-aqua70: #006075;--color-ref-aqua80: #004758;--color-ref-aqua90: #002f3c;--color-ref-black: #000000;--color-ref-blue10: #d0e7ff;--color-ref-blue100: #00034c;--color-ref-blue20: #a8cfff;--color-ref-blue30: #80b5ff;--color-ref-blue40: #5b9bff;--color-ref-blue5: #e4f4ff;--color-ref-blue50: #2e79f5;--color-ref-blue60: #1664de;--color-ref-blue70: #0d4db0;--color-ref-blue80: #053785;--color-ref-blue90: #002066;--color-ref-dimgray: #707070;--color-ref-gray10: #e6e6e6;--color-ref-gray100: #141414;--color-ref-gray20: #cdcdcd;--color-ref-gray30: #b5b5b5;--color-ref-gray40: #9d9d9d;--color-ref-gray5: #f2f2f2;--color-ref-gray50: #838383;--color-ref-gray60: #696969;--color-ref-gray70: #555555;--color-ref-gray80: #3e3e3e;--color-ref-gray90: #282828;--color-ref-green10: #c7f3cb;--color-ref-green100: #001c00;--color-ref-green20: #9be0a2;--color-ref-green30: #71cb7d;--color-ref-green40: #40b657;--color-ref-green5: #e2fae3;--color-ref-green50: #009b1b;--color-ref-green60: #00800e;--color-ref-green70: #006904;--color-ref-green80: #004e00;--color-ref-green90: #003400;--color-ref-lime10: #d4f3a1;--color-ref-lime100: #0d1800;--color-ref-lime20: #b7dc71;--color-ref-lime30: #9fc258;--color-ref-lime40: #83ac0d;--color-ref-lime5: #e8fbc8;--color-ref-lime50: #6b9300;--color-ref-lime60: #567800;--color-ref-lime70: #425e00;--color-ref-lime80: #2f4500;--color-ref-lime90: #1d2e00;--color-ref-orange10: #ffe2a3;--color-ref-orange100: #2a0600;--color-ref-orange20: #fcc67d;--color-ref-orange30: #f6a74c;--color-ref-orange40: #ef8600;--color-ref-orange5: #fff2d6;--color-ref-orange50: #e36500;--color-ref-orange60: #c34300;--color-ref-orange70: #933b00;--color-ref-orange80: #6e2800;--color-ref-orange90: #4b1600;--color-ref-pink10: #ffd1f7;--color-ref-pink100: #2d0022;--color-ref-pink20: #ffabe8;--color-ref-pink30: #ef90d1;--color-ref-pink40: #e06ebe;--color-ref-pink5: #ffe5fe;--color-ref-pink50: #d53daf;--color-ref-pink60: #b71794;--color-ref-pink70: #8c1d71;--color-ref-pink80: #691154;--color-ref-pink90: #4c003b;--color-ref-purple10: #e5e0ff;--color-ref-purple100: #190048;--color-ref-purple20: #ccc2ff;--color-ref-purple30: #b4a4ff;--color-ref-purple40: #9e87fe;--color-ref-purple5: #f1eeff;--color-ref-purple50: #805fe9;--color-ref-purple60: #704cd6;--color-ref-purple70: #583aaa;--color-ref-purple80: #402880;--color-ref-purple90: #2b1161;--color-ref-red10: #ffdad6;--color-ref-red100: #330000;--color-ref-red20: #ffb8b2;--color-ref-red30: #ff948f;--color-ref-red40: #fd7370;--color-ref-red5: #ffeae7;--color-ref-red50: #ef3340;--color-ref-red60: #d70f2d;--color-ref-red70: #a41c27;--color-ref-red80: #7a0e19;--color-ref-red90: #590004;--color-ref-scrim: rgba(0, 0, 0, .5);--color-ref-selection: rgba(18, 101, 215, .1);--color-ref-vivid-aqua: #59e3f8;--color-ref-vivid-blue: #167efa;--color-ref-vivid-gray: #afafaf;--color-ref-vivid-green: #20b673;--color-ref-vivid-lime: #8ae82c;--color-ref-vivid-orange: #ff8d0a;--color-ref-vivid-pink: #fa5ad5;--color-ref-vivid-purple: #8c12e2;--color-ref-vivid-red: #fb2d3b;--color-ref-vivid-yellow: #ffeb33;--color-ref-white: #ffffff;--color-ref-yellow10: #f8e887;--color-ref-yellow100: #210f00;--color-ref-yellow20: #f3c846;--color-ref-yellow30: #e3aa3a;--color-ref-yellow40: #d18f00;--color-ref-yellow5: #fdf6b3;--color-ref-yellow50: #b47900;--color-ref-yellow60: #936200;--color-ref-yellow70: #744b00;--color-ref-yellow80: #573600;--color-ref-yellow90: #3b2200;--color-sys-transparent: rgba(255, 255, 255, 0);--radius-ref-x0: 0px;--radius-ref-x0-5: 2px;--radius-ref-x1: 4px;--radius-ref-x2: 8px;--radius-ref-full: 9999px;--font-ref-family-en: Roboto;--font-ref-family: Noto Sans JP;--font-ref-family-yakumono: YakuHanJP;--font-sys-family-en: Roboto;--font-sys-family: Noto Sans JP;--font-sys-family-yakumono: YakuHanJP;--size-ref-text-fs10: 10px;--size-ref-line-height-fs10-normal: 15px;--size-ref-font-weight: 400;--size-ref-line-height-fs10-relaxed: 18px;--size-ref-line-height-fs10-tight: 13px;--size-ref-text-fs11: 11px;--size-ref-line-height-fs11-normal: 17px;--size-ref-line-height-fs11-relaxed: 20px;--size-ref-line-height-fs11-tight: 14px;--size-ref-text-fs12: 12px;--size-ref-line-height-fs12-normal: 18px;--size-ref-line-height-fs12-relaxed: 21px;--size-ref-line-height-fs12-tight: 15px;--size-ref-text-fs13: 13px;--size-ref-line-height-fs13-normal: 20px;--size-ref-line-height-fs13-relaxed: 23px;--size-ref-line-height-fs13-tight: 17px;--size-ref-text-fs14: 14px;--size-ref-line-height-fs14-normal: 22px;--size-ref-line-height-fs14-relaxed: 26px;--size-ref-line-height-fs14-tight: 18px;--size-ref-text-fs15: 15px;--size-ref-line-height-fs15-alt: 19px;--size-ref-text-fs16: 16px;--size-ref-line-height-fs16-normal: 24px;--size-ref-line-height-fs16-relaxed: 28px;--size-ref-line-height-fs16-tight: 20px;--size-ref-text-fs18: 18px;--size-ref-line-height-fs18-alt: 23px;--size-ref-text-fs20: 20px;--size-ref-line-height-fs20-normal: 30px;--size-ref-line-height-fs20-relaxed: 35px;--size-ref-line-height-fs20-tight: 25px;--size-ref-text-fs24: 24px;--size-ref-line-height-fs24-normal: 36px;--size-ref-line-height-fs24-relaxed: 42px;--size-ref-line-height-fs24-tight: 30px;--size-ref-text-fs32: 32px;--size-ref-line-height-fs32-normal: 48px;--size-ref-line-height-fs32-relaxed: 56px;--size-ref-line-height-fs32-tight: 40px;--size-ref-text-fs40: 40px;--size-ref-line-height-fs40-normal: 60px;--size-ref-line-height-fs40-relaxed: 70px;--size-ref-line-height-fs40-tight: 50px;--size-ref-text-fs48: 48px;--size-ref-line-height-fs48-normal: 72px;--size-ref-line-height-fs48-relaxed: 84px;--size-ref-line-height-fs48-tight: 60px;--size-ref-font-weight-strong: 700;--size-ref-2x6: 12px;--size-ref-2x7: 14px;--size-ref-2x8: 16px;--size-ref-2x9: 18px;--size-ref-2x10: 20px;--size-ref-4x6: 24px;--size-ref-4x7: 28px;--size-ref-4x8: 32px;--size-ref-4x9: 36px;--size-ref-4x10: 40px;--size-ref-40x1: 40px;--size-ref-8x6: 48px;--size-ref-8x7: 56px;--size-ref-8x8: 64px;--size-ref-8x9: 72px;--size-ref-8x10: 80px;--size-ref-40x2: 80px;--size-ref-16x6: 96px;--size-ref-16x7: 112px;--size-ref-40x3: 120px;--size-ref-16x8: 128px;--size-ref-16x9: 144px;--size-ref-16x10: 160px;--size-ref-40x4: 160px;--size-ref-32x6: 192px;--size-ref-40x5: 200px;--size-ref-32x7: 224px;--size-ref-40x6: 240px;--size-ref-32x8: 256px;--size-ref-40x7: 280px;--size-ref-32x9: 288px;--size-ref-32x10: 320px;--size-ref-40x8: 320px;--size-ref-40x9: 360px;--size-ref-64x6: 384px;--size-ref-40x10: 400px;--size-ref-40x11: 440px;--size-ref-64x7: 448px;--size-ref-40x12: 480px;--size-ref-64x8: 512px;--size-ref-40x13: 520px;--size-ref-40x14: 560px;--size-ref-64x9: 576px;--size-ref-40x15: 600px;--size-ref-64x10: 640px;--size-ref-40x16: 640px;--size-ref-40x17: 680px;--size-ref-40x18: 720px;--size-ref-40x19: 760px;--size-ref-128x6: 768px;--size-ref-40x20: 800px;--size-ref-40x21: 840px;--size-ref-40x22: 880px;--size-ref-128x7: 896px;--size-ref-40x23: 920px;--size-ref-40x24: 960px;--size-ref-40x25: 1000px;--size-ref-128x8: 1024px;--size-ref-40x26: 1040px;--size-ref-40x27: 1080px;--size-ref-40x28: 1120px;--size-ref-128x9: 1152px;--size-ref-40x29: 1160px;--size-ref-40x30: 1200px;--size-ref-40x31: 1240px;--size-ref-128x10: 1280px;--size-ref-40x32: 1280px;--size-ref-40x33: 1320px;--size-ref-40x34: 1360px;--size-ref-40x35: 1400px;--size-ref-40x36: 1440px;--size-ref-40x37: 1480px;--size-ref-40x38: 1520px;--size-ref-256x6: 1536px;--size-ref-40x39: 1560px;--size-ref-40x40: 1600px;--size-sys-text-body-large: 16px;--size-sys-line-height-body-large: 24px;--size-sys-font-weight-body-strong: 700;--size-sys-text-body-medium: 14px;--size-sys-line-height-body-medium: 22px;--size-sys-text-body-small: 13px;--size-sys-line-height-body-small: 20px;--size-sys-text-body-x-small: 12px;--size-sys-line-height-body-x-small: 18px;--size-sys-text-body-xx-small: 11px;--size-sys-line-height-body-xx-small: 17px;--size-sys-text-label-large: 14px;--size-sys-line-height-label-large: 18px;--size-sys-font-weight-label: 400;--size-sys-text-label-medium: 13px;--size-sys-line-height-label-medium: 17px;--size-sys-text-label-small: 12px;--size-sys-line-height-label-small: 15px;--size-sys-text-label-x-large: 16px;--size-sys-line-height-label-x-large: 20px;--size-sys-text-label-x-small: 11px;--size-sys-line-height-label-x-small: 14px;--size-sys-text-label-xx-small: 10px;--size-sys-line-height-label-xx-small: 13px;--size-sys-text-title-large: 24px;--size-sys-line-height-title-large: 36px;--size-sys-font-weight-title: 700;--size-sys-text-title-medium: 20px;--size-sys-line-height-title-medium: 30px;--size-sys-text-title-small: 16px;--size-sys-line-height-title-small: 24px;--size-sys-text-title-x-small: 14px;--size-sys-line-height-title-x-small: 22px;--size-sys-font-weight-label-strong: 700;--size-sys-font-weight-body: 400;--shadow-ref-depth1: 0 1px 2px 0 rgba(0, 0, 0, .08), 0 1px 1px 0 rgba(0, 0, 0, .04);--shadow-ref-depth1-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .08)) drop-shadow(0 1px .5px rgba(0, 0, 0, .04));--shadow-ref-depth10: 0 3px 20px 0 rgba(0, 0, 0, .15), 0 5px 10px 0 rgba(0, 0, 0, .15);--shadow-ref-depth10-filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .15)) drop-shadow(0 5px 5px rgba(0, 0, 0, .15));--shadow-ref-depth11: 0 3px 22px 0 rgba(0, 0, 0, .2), 0 5px 11px 0 rgba(0, 0, 0, .15);--shadow-ref-depth11-filter: drop-shadow(0 3px 11px rgba(0, 0, 0, .2)) drop-shadow(0 5px 5.5px rgba(0, 0, 0, .15));--shadow-ref-depth12: 0 4px 24px 0 rgba(0, 0, 0, .2), 0 6px 12px 0 rgba(0, 0, 0, .15);--shadow-ref-depth12-filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .2)) drop-shadow(0 6px 6px rgba(0, 0, 0, .15));--shadow-ref-depth13: 0 4px 26px 0 rgba(0, 0, 0, .2), 0 6px 13px 0 rgba(0, 0, 0, .15);--shadow-ref-depth13-filter: drop-shadow(0 4px 13px rgba(0, 0, 0, .2)) drop-shadow(0 6px 6.5px rgba(0, 0, 0, .15));--shadow-ref-depth14: 0 4px 28px 0 rgba(0, 0, 0, .2), 0 7px 14px 0 rgba(0, 0, 0, .15);--shadow-ref-depth14-filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .2)) drop-shadow(0 7px 7px rgba(0, 0, 0, .15));--shadow-ref-depth15: 0 5px 30px 0 rgba(0, 0, 0, .2), 0 7px 15px 0 rgba(0, 0, 0, .15);--shadow-ref-depth15-filter: drop-shadow(0 5px 15px rgba(0, 0, 0, .2)) drop-shadow(0 7px 7.5px rgba(0, 0, 0, .15));--shadow-ref-depth16: 0 5px 32px 0 rgba(0, 0, 0, .25), 0 8px 16px 0 rgba(0, 0, 0, .15);--shadow-ref-depth16-filter: drop-shadow(0 5px 16px rgba(0, 0, 0, .25)) drop-shadow(0 8px 8px rgba(0, 0, 0, .15));--shadow-ref-depth17: 0 5px 34px 0 rgba(0, 0, 0, .25), 0 8px 17px 0 rgba(0, 0, 0, .15);--shadow-ref-depth17-filter: drop-shadow(0 5px 17px rgba(0, 0, 0, .25)) drop-shadow(0 8px 8.5px rgba(0, 0, 0, .15));--shadow-ref-depth18: 0 6px 36px 0 rgba(0, 0, 0, .25), 0 9px 18px 0 rgba(0, 0, 0, .15);--shadow-ref-depth18-filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .25)) drop-shadow(0 9px 9px rgba(0, 0, 0, .15));--shadow-ref-depth19: 0 6px 38px 0 rgba(0, 0, 0, .25), 0 9px 19px 0 rgba(0, 0, 0, .15);--shadow-ref-depth19-filter: drop-shadow(0 6px 19px rgba(0, 0, 0, .25)) drop-shadow(0 9px 9.5px rgba(0, 0, 0, .15));--shadow-ref-depth2: 0 1px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .15);--shadow-ref-depth2-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .15));--shadow-ref-depth20: 0 6px 40px 0 rgba(0, 0, 0, .25), 0 10px 20px 0 rgba(0, 0, 0, .2);--shadow-ref-depth20-filter: drop-shadow(0 6px 20px rgba(0, 0, 0, .25)) drop-shadow(0 10px 10px rgba(0, 0, 0, .2));--shadow-ref-depth21: 0 7px 42px 0 rgba(0, 0, 0, .3), 0 10px 21px 0 rgba(0, 0, 0, .2);--shadow-ref-depth21-filter: drop-shadow(0 7px 21px rgba(0, 0, 0, .3)) drop-shadow(0 10px 10.5px rgba(0, 0, 0, .2));--shadow-ref-depth22: 0 7px 44px 0 rgba(0, 0, 0, .3), 0 11px 22px 0 rgba(0, 0, 0, .2);--shadow-ref-depth22-filter: drop-shadow(0 7px 22px rgba(0, 0, 0, .3)) drop-shadow(0 11px 11px rgba(0, 0, 0, .2));--shadow-ref-depth23: 0 7px 46px 0 rgba(0, 0, 0, .3), 0 11px 23px 0 rgba(0, 0, 0, .2);--shadow-ref-depth23-filter: drop-shadow(0 7px 23px rgba(0, 0, 0, .3)) drop-shadow(0 11px 11.5px rgba(0, 0, 0, .2));--shadow-ref-depth24: 0 8px 48px 0 rgba(0, 0, 0, .3), 0 12px 24px 0 rgba(0, 0, 0, .2);--shadow-ref-depth24-filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .3)) drop-shadow(0 12px 12px rgba(0, 0, 0, .2));--shadow-ref-depth3: 0 1px 6px 0 rgba(0, 0, 0, .1), 0 1px 3px 0 rgba(0, 0, 0, .15);--shadow-ref-depth3-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1.5px rgba(0, 0, 0, .15));--shadow-ref-depth4: 0 1px 8px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .15);--shadow-ref-depth4-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .1)) drop-shadow(0 2px 2px rgba(0, 0, 0, .15));--shadow-ref-depth5: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 rgba(0, 0, 0, .15);--shadow-ref-depth5-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, .1)) drop-shadow(0 2px 2.5px rgba(0, 0, 0, .15));--shadow-ref-depth6: 0 2px 12px 0 rgba(0, 0, 0, .15), 0 3px 6px 0 rgba(0, 0, 0, .15);--shadow-ref-depth6-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .15)) drop-shadow(0 3px 3px rgba(0, 0, 0, .15));--shadow-ref-depth7: 0 2px 14px 0 rgba(0, 0, 0, .15), 0 3px 7px 0 rgba(0, 0, 0, .15);--shadow-ref-depth7-filter: drop-shadow(0 2px 7px rgba(0, 0, 0, .15)) drop-shadow(0 3px 3.5px rgba(0, 0, 0, .15));--shadow-ref-depth8: 0 2px 16px 0 rgba(0, 0, 0, .15), 0 4px 8px 0 rgba(0, 0, 0, .15);--shadow-ref-depth8-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .15)) drop-shadow(0 4px 4px rgba(0, 0, 0, .15));--shadow-ref-depth9: 0 3px 18px 0 rgba(0, 0, 0, .15), 0 4px 9px 0 rgba(0, 0, 0, .15);--shadow-ref-depth9-filter: drop-shadow(0 3px 9px rgba(0, 0, 0, .15)) drop-shadow(0 4px 4.5px rgba(0, 0, 0, .15));--space-ref-x0: 0px;--space-ref-x0-25: 2px;--space-ref-x0-5: 4px;--space-ref-x0-75: 6px;--space-ref-x1: 8px;--space-ref-x1-5: 12px;--space-ref-x2: 16px;--space-ref-x2-5: 20px;--space-ref-x3: 24px;--space-ref-x4: 32px;--space-ref-x5: 40px;--space-ref-x6: 48px;--space-ref-x8: 64px;--space-ref-x10: 80px;--elevation-sys-level1: 0 1px 2px 0 rgba(0, 0, 0, .08), 0 1px 1px 0 rgba(0, 0, 0, .04);--elevation-sys-level1-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .08)) drop-shadow(0 1px .5px rgba(0, 0, 0, .04));--elevation-sys-level2: 0 1px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .15);--elevation-sys-level2-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .15));--elevation-sys-level3: 0 1px 8px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .15);--elevation-sys-level3-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .1)) drop-shadow(0 2px 2px rgba(0, 0, 0, .15));--elevation-sys-level4: 0 2px 12px 0 rgba(0, 0, 0, .15), 0 3px 6px 0 rgba(0, 0, 0, .15);--elevation-sys-level4-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .15)) drop-shadow(0 3px 3px rgba(0, 0, 0, .15));--elevation-sys-level5: 0 2px 16px 0 rgba(0, 0, 0, .15), 0 4px 8px 0 rgba(0, 0, 0, .15);--elevation-sys-level5-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .15)) drop-shadow(0 4px 4px rgba(0, 0, 0, .15));--elevation-sys-level6: 0 4px 24px 0 rgba(0, 0, 0, .2), 0 6px 12px 0 rgba(0, 0, 0, .15);--elevation-sys-level6-filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .2)) drop-shadow(0 6px 6px rgba(0, 0, 0, .15));--elevation-sys-level7: 0 5px 32px 0 rgba(0, 0, 0, .25), 0 8px 16px 0 rgba(0, 0, 0, .15);--elevation-sys-level7-filter: drop-shadow(0 5px 16px rgba(0, 0, 0, .25)) drop-shadow(0 8px 8px rgba(0, 0, 0, .15));--elevation-sys-level8: 0 8px 48px 0 rgba(0, 0, 0, .3), 0 12px 24px 0 rgba(0, 0, 0, .2);--elevation-sys-level8-filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .3)) drop-shadow(0 12px 12px rgba(0, 0, 0, .2));--border-width-sys-regular: var(--border-width-ref-x1);--border-width-sys-semi-bold: var(--border-width-ref-x2);--border-width-sys-bold: var(--border-width-ref-x4);--color-sys-andpad-black: var(--color-ref-andpad-black);--color-sys-andpad-dark-red: var(--color-ref-andpad-dark-red);--color-sys-andpad-gray: var(--color-ref-andpad-gray);--color-sys-andpad-product-gray: var(--color-ref-dimgray);--color-sys-andpad-red: var(--color-ref-andpad-red);--color-sys-background-object-accent: var(--color-ref-red50);--color-sys-background-object-critical: var(--color-ref-red50);--color-sys-background-object-foreground: var(--color-ref-white);--color-sys-background-object-informative: var(--color-ref-purple50);--color-sys-background-object-interactive: var(--color-ref-blue50);--color-sys-background-object-neutral: var(--color-ref-gray50);--color-sys-background-object-notice: var(--color-ref-orange50);--color-sys-background-object-success: var(--color-ref-green50);--color-sys-background-surface-primary: var(--color-ref-gray5);--color-sys-background-text-accent: var(--color-ref-red60);--color-sys-background-text-critical: var(--color-ref-red60);--color-sys-background-text-disabled: var(--color-ref-gray30);--color-sys-background-text-informative: var(--color-ref-purple60);--color-sys-background-text-interactive: var(--color-ref-blue60);--color-sys-background-text-notice: var(--color-ref-orange60);--color-sys-background-text-placeholder: var(--color-ref-gray40);--color-sys-background-text-primary: var(--color-ref-gray100);--color-sys-background-text-regular: var(--color-ref-gray90);--color-sys-background-text-secondary: var(--color-ref-gray60);--color-sys-background-text-success: var(--color-ref-green60);--color-sys-black: var(--color-ref-black);--color-sys-border-accent: var(--color-ref-red60);--color-sys-border-base: var(--color-ref-gray30);--color-sys-border-critical-base: var(--color-ref-red30);--color-sys-border-critical-dark: var(--color-ref-red60);--color-sys-border-critical-extra-highlight: var(--color-ref-red50);--color-sys-border-critical-extra-light: var(--color-ref-red10);--color-sys-border-critical-highlight: var(--color-ref-red40);--color-sys-border-critical-light: var(--color-ref-red20);--color-sys-border-dark: var(--color-ref-gray60);--color-sys-border-extra-highlight: var(--color-ref-gray50);--color-sys-border-extra-light: var(--color-ref-gray10);--color-sys-border-highlight: var(--color-ref-gray40);--color-sys-border-informative-base: var(--color-ref-purple30);--color-sys-border-informative-dark: var(--color-ref-purple60);--color-sys-border-informative-extra-highlight: var(--color-ref-purple50);--color-sys-border-informative-extra-light: var(--color-ref-purple10);--color-sys-border-informative-highlight: var(--color-ref-purple40);--color-sys-border-informative-light: var(--color-ref-purple20);--color-sys-border-interactive-base: var(--color-ref-blue30);--color-sys-border-interactive-dark: var(--color-ref-blue60);--color-sys-border-interactive-extra-highlight: var(--color-ref-blue50);--color-sys-border-interactive-extra-light: var(--color-ref-blue10);--color-sys-border-interactive-highlight: var(--color-ref-blue40);--color-sys-border-interactive-light: var(--color-ref-blue20);--color-sys-border-inverse-base: var(--color-ref-gray70);--color-sys-border-inverse-dark: var(--color-ref-gray40);--color-sys-border-inverse-extra-highlight: var(--color-ref-gray50);--color-sys-border-inverse-highlight: var(--color-ref-gray60);--color-sys-border-inverse-light: var(--color-ref-gray80);--color-sys-border-light: var(--color-ref-gray20);--color-sys-border-notice-base: var(--color-ref-orange30);--color-sys-border-notice-dark: var(--color-ref-orange60);--color-sys-border-notice-extra-highlight: var(--color-ref-orange50);--color-sys-border-notice-extra-light: var(--color-ref-orange10);--color-sys-border-notice-highlight: var(--color-ref-orange40);--color-sys-border-notice-light: var(--color-ref-orange20);--color-sys-border-success-base: var(--color-ref-green30);--color-sys-border-success-dark: var(--color-ref-green60);--color-sys-border-success-extra-highlight: var(--color-ref-green50);--color-sys-border-success-extra-light: var(--color-ref-green10);--color-sys-border-success-highlight: var(--color-ref-green40);--color-sys-border-success-light: var(--color-ref-green20);--color-sys-current-color: var(--color-ref-gray100);--color-sys-decorative-aqua-surface-moderate-object-aqua: var( --color-ref-aqua60 );--color-sys-decorative-aqua-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-aqua-surface-moderate-surface-primary: var( --color-ref-aqua10 );--color-sys-decorative-aqua-surface-moderate-text-aqua: var( --color-ref-aqua70 );--color-sys-decorative-aqua-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-aqua-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-aqua-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-aqua-surface-object-primary: var(--color-ref-white);--color-sys-decorative-aqua-surface-subdued-object-aqua: var( --color-ref-aqua50 );--color-sys-decorative-aqua-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-aqua-surface-subdued-surface-primary: var( --color-ref-aqua5 );--color-sys-decorative-aqua-surface-subdued-text-aqua: var(--color-ref-aqua60);--color-sys-decorative-aqua-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-aqua-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-aqua-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-aqua-surface-surface-primary: var(--color-ref-aqua60);--color-sys-decorative-aqua-surface-text-primary: var(--color-ref-white);--color-sys-decorative-aqua-border-base: var(--color-ref-aqua30);--color-sys-decorative-aqua-object: var(--color-ref-aqua50);--color-sys-decorative-aqua-object-foreground: var(--color-ref-white);--color-sys-decorative-aqua-text: var(--color-ref-aqua60);--color-sys-decorative-blue-surface-moderate-object-blue: var( --color-ref-blue60 );--color-sys-decorative-blue-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-blue-surface-moderate-surface-primary: var( --color-ref-blue10 );--color-sys-decorative-blue-surface-moderate-text-blue: var( --color-ref-blue70 );--color-sys-decorative-blue-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-blue-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-blue-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-blue-surface-object-primary: var(--color-ref-white);--color-sys-decorative-blue-surface-subdued-object-blue: var( --color-ref-blue50 );--color-sys-decorative-blue-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-blue-surface-subdued-surface-primary: var( --color-ref-blue5 );--color-sys-decorative-blue-surface-subdued-text-blue: var(--color-ref-blue60);--color-sys-decorative-blue-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-blue-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-blue-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-blue-surface-surface-primary: var(--color-ref-blue60);--color-sys-decorative-blue-surface-text-primary: var(--color-ref-white);--color-sys-decorative-blue-border-base: var(--color-ref-blue30);--color-sys-decorative-blue-object: var(--color-ref-blue50);--color-sys-decorative-blue-object-foreground: var(--color-ref-white);--color-sys-decorative-blue-text: var(--color-ref-blue60);--color-sys-decorative-gray-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-gray-surface-moderate-object-gray: var( --color-ref-gray60 );--color-sys-decorative-gray-surface-moderate-surface-primary: var( --color-ref-gray10 );--color-sys-decorative-gray-surface-moderate-text-gray: var( --color-ref-gray70 );--color-sys-decorative-gray-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-gray-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-gray-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-gray-surface-object-primary: var(--color-ref-white);--color-sys-decorative-gray-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-gray-surface-subdued-object-gray: var( --color-ref-gray50 );--color-sys-decorative-gray-surface-subdued-surface-primary: var( --color-ref-gray5 );--color-sys-decorative-gray-surface-subdued-text-gray: var(--color-ref-gray60);--color-sys-decorative-gray-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-gray-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-gray-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-gray-surface-surface-primary: var(--color-ref-gray60);--color-sys-decorative-gray-surface-text-primary: var(--color-ref-white);--color-sys-decorative-gray-border-base: var(--color-ref-gray30);--color-sys-decorative-gray-object: var(--color-ref-gray50);--color-sys-decorative-gray-object-foreground: var(--color-ref-white);--color-sys-decorative-gray-text: var(--color-ref-gray60);--color-sys-decorative-green-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-green-surface-moderate-object-green: var( --color-ref-green60 );--color-sys-decorative-green-surface-moderate-surface-primary: var( --color-ref-green10 );--color-sys-decorative-green-surface-moderate-text-green: var( --color-ref-green70 );--color-sys-decorative-green-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-green-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-green-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-green-surface-object-primary: var(--color-ref-white);--color-sys-decorative-green-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-green-surface-subdued-object-green: var( --color-ref-green50 );--color-sys-decorative-green-surface-subdued-surface-primary: var( --color-ref-green5 );--color-sys-decorative-green-surface-subdued-text-green: var( --color-ref-green60 );--color-sys-decorative-green-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-green-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-green-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-green-surface-surface-primary: var(--color-ref-green60);--color-sys-decorative-green-surface-text-primary: var(--color-ref-white);--color-sys-decorative-green-border-base: var(--color-ref-green30);--color-sys-decorative-green-object: var(--color-ref-green50);--color-sys-decorative-green-object-foreground: var(--color-ref-white);--color-sys-decorative-green-text: var(--color-ref-green60);--color-sys-decorative-lime-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-lime-surface-moderate-object-lime: var( --color-ref-lime60 );--color-sys-decorative-lime-surface-moderate-surface-primary: var( --color-ref-lime10 );--color-sys-decorative-lime-surface-moderate-text-lime: var( --color-ref-lime70 );--color-sys-decorative-lime-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-lime-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-lime-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-lime-surface-object-primary: var(--color-ref-white);--color-sys-decorative-lime-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-lime-surface-subdued-object-lime: var( --color-ref-lime50 );--color-sys-decorative-lime-surface-subdued-surface-primary: var( --color-ref-lime5 );--color-sys-decorative-lime-surface-subdued-text-lime: var(--color-ref-lime60);--color-sys-decorative-lime-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-lime-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-lime-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-lime-surface-surface-primary: var(--color-ref-lime60);--color-sys-decorative-lime-surface-text-primary: var(--color-ref-white);--color-sys-decorative-lime-border-base: var(--color-ref-lime30);--color-sys-decorative-lime-object: var(--color-ref-lime50);--color-sys-decorative-lime-object-foreground: var(--color-ref-white);--color-sys-decorative-lime-text: var(--color-ref-lime60);--color-sys-decorative-orange-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-orange-surface-moderate-object-orange: var( --color-ref-orange60 );--color-sys-decorative-orange-surface-moderate-surface-primary: var( --color-ref-orange10 );--color-sys-decorative-orange-surface-moderate-text-orange: var( --color-ref-orange70 );--color-sys-decorative-orange-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-orange-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-orange-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-orange-surface-object-primary: var(--color-ref-white);--color-sys-decorative-orange-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-orange-surface-subdued-object-orange: var( --color-ref-orange50 );--color-sys-decorative-orange-surface-subdued-surface-primary: var( --color-ref-orange5 );--color-sys-decorative-orange-surface-subdued-text-orange: var( --color-ref-orange60 );--color-sys-decorative-orange-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-orange-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-orange-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-orange-surface-surface-primary: var( --color-ref-orange60 );--color-sys-decorative-orange-surface-text-primary: var(--color-ref-white);--color-sys-decorative-orange-border-base: var(--color-ref-orange30);--color-sys-decorative-orange-object: var(--color-ref-orange50);--color-sys-decorative-orange-object-foreground: var(--color-ref-white);--color-sys-decorative-orange-text: var(--color-ref-orange60);--color-sys-decorative-pink-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-pink-surface-moderate-object-pink: var( --color-ref-pink60 );--color-sys-decorative-pink-surface-moderate-surface-primary: var( --color-ref-pink10 );--color-sys-decorative-pink-surface-moderate-text-pink: var( --color-ref-pink70 );--color-sys-decorative-pink-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-pink-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-pink-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-pink-surface-object-primary: var(--color-ref-white);--color-sys-decorative-pink-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-pink-surface-subdued-object-pink: var( --color-ref-pink50 );--color-sys-decorative-pink-surface-subdued-surface-primary: var( --color-ref-pink5 );--color-sys-decorative-pink-surface-subdued-text-pink: var(--color-ref-pink60);--color-sys-decorative-pink-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-pink-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-pink-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-pink-surface-surface-primary: var(--color-ref-pink60);--color-sys-decorative-pink-surface-text-primary: var(--color-ref-white);--color-sys-decorative-pink-border-base: var(--color-ref-pink30);--color-sys-decorative-pink-object: var(--color-ref-pink50);--color-sys-decorative-pink-object-foreground: var(--color-ref-white);--color-sys-decorative-pink-text: var(--color-ref-pink60);--color-sys-decorative-purple-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-purple-surface-moderate-object-purple: var( --color-ref-purple60 );--color-sys-decorative-purple-surface-moderate-surface-primary: var( --color-ref-purple10 );--color-sys-decorative-purple-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-purple-surface-moderate-text-purple: var( --color-ref-purple70 );--color-sys-decorative-purple-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-purple-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-purple-surface-object-primary: var(--color-ref-white);--color-sys-decorative-purple-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-purple-surface-subdued-object-purple: var( --color-ref-purple50 );--color-sys-decorative-purple-surface-subdued-surface-primary: var( --color-ref-purple5 );--color-sys-decorative-purple-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-purple-surface-subdued-text-purple: var( --color-ref-purple60 );--color-sys-decorative-purple-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-purple-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-purple-surface-surface-primary: var( --color-ref-purple60 );--color-sys-decorative-purple-surface-text-primary: var(--color-ref-white);--color-sys-decorative-purple-border-base: var(--color-ref-purple30);--color-sys-decorative-purple-object: var(--color-ref-purple50);--color-sys-decorative-purple-object-foreground: var(--color-ref-white);--color-sys-decorative-purple-text: var(--color-ref-purple60);--color-sys-decorative-red-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-red-surface-moderate-object-red: var(--color-ref-red60);--color-sys-decorative-red-surface-moderate-surface-primary: var( --color-ref-red10 );--color-sys-decorative-red-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-red-surface-moderate-text-red: var(--color-ref-red70);--color-sys-decorative-red-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-red-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-red-surface-object-primary: var(--color-ref-white);--color-sys-decorative-red-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-red-surface-subdued-object-red: var(--color-ref-red50);--color-sys-decorative-red-surface-subdued-surface-primary: var( --color-ref-red5 );--color-sys-decorative-red-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-red-surface-subdued-text-red: var(--color-ref-red60);--color-sys-decorative-red-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-red-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-red-surface-surface-primary: var(--color-ref-red60);--color-sys-decorative-red-surface-text-primary: var(--color-ref-white);--color-sys-decorative-red-border-base: var(--color-ref-red30);--color-sys-decorative-red-object: var(--color-ref-red50);--color-sys-decorative-red-object-foreground: var(--color-ref-white);--color-sys-decorative-red-text: var(--color-ref-red60);--color-sys-decorative-yellow-surface-moderate-object-foreground: var( --color-ref-white );--color-sys-decorative-yellow-surface-moderate-object-yellow: var( --color-ref-yellow60 );--color-sys-decorative-yellow-surface-moderate-surface-primary: var( --color-ref-yellow10 );--color-sys-decorative-yellow-surface-moderate-text-primary: var( --color-ref-gray100 );--color-sys-decorative-yellow-surface-moderate-text-regular: var( --color-ref-gray90 );--color-sys-decorative-yellow-surface-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-decorative-yellow-surface-moderate-text-yellow: var( --color-ref-yellow70 );--color-sys-decorative-yellow-surface-object-primary: var(--color-ref-white);--color-sys-decorative-yellow-surface-subdued-object-foreground: var( --color-ref-white );--color-sys-decorative-yellow-surface-subdued-object-yellow: var( --color-ref-yellow50 );--color-sys-decorative-yellow-surface-subdued-surface-primary: var( --color-ref-yellow5 );--color-sys-decorative-yellow-surface-subdued-text-primary: var( --color-ref-gray100 );--color-sys-decorative-yellow-surface-subdued-text-regular: var( --color-ref-gray90 );--color-sys-decorative-yellow-surface-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-decorative-yellow-surface-subdued-text-yellow: var( --color-ref-yellow60 );--color-sys-decorative-yellow-surface-surface-primary: var( --color-ref-yellow60 );--color-sys-decorative-yellow-surface-text-primary: var(--color-ref-white);--color-sys-decorative-yellow-border-base: var(--color-ref-yellow30);--color-sys-decorative-yellow-object: var(--color-ref-yellow50);--color-sys-decorative-yellow-object-foreground: var(--color-ref-white);--color-sys-decorative-yellow-text: var(--color-ref-yellow60);--color-sys-focus: var(--color-ref-blue50);--color-sys-focus-inverse: var(--color-ref-blue30);--color-sys-object-accent: var(--color-ref-red50);--color-sys-object-critical: var(--color-ref-red50);--color-sys-object-foreground: var(--color-ref-white);--color-sys-object-informative: var(--color-ref-purple50);--color-sys-object-interactive: var(--color-ref-blue50);--color-sys-object-neutral: var(--color-ref-gray50);--color-sys-object-neutral-hovered: var(--color-ref-gray70);--color-sys-object-notice: var(--color-ref-orange50);--color-sys-object-success: var(--color-ref-green50);--color-sys-scrim: var(--color-ref-scrim);--color-sys-selection: var(--color-ref-selection);--color-sys-surface-accent-disabled-surface: var(--color-ref-red10);--color-sys-surface-accent-disabled-text: var(--color-ref-white);--color-sys-surface-accent-object-primary: var(--color-ref-white);--color-sys-surface-accent-surface-primary: var(--color-ref-red60);--color-sys-surface-accent-surface-state1: var(--color-ref-red70);--color-sys-surface-accent-surface-state2: var(--color-ref-red80);--color-sys-surface-accent-text-primary: var(--color-ref-white);--color-sys-surface-critical-object-primary: var(--color-ref-white);--color-sys-surface-critical-subdued-object-critical: var(--color-ref-red50);--color-sys-surface-critical-subdued-object-foreground: var(--color-ref-white);--color-sys-surface-critical-subdued-object-neutral: var(--color-ref-gray50);--color-sys-surface-critical-subdued-surface-primary: var(--color-ref-red5);--color-sys-surface-critical-subdued-surface-state1: var(--color-ref-red10);--color-sys-surface-critical-subdued-text-critical: var(--color-ref-red60);--color-sys-surface-critical-subdued-text-placeholder: var(--color-ref-gray40);--color-sys-surface-critical-subdued-text-primary: var(--color-ref-gray100);--color-sys-surface-critical-subdued-text-regular: var(--color-ref-gray90);--color-sys-surface-critical-subdued-text-secondary: var(--color-ref-gray60);--color-sys-surface-critical-surface-primary: var(--color-ref-red60);--color-sys-surface-critical-text-primary: var(--color-ref-white);--color-sys-surface-informative-object-primary: var(--color-ref-white);--color-sys-surface-informative-subdued-object-foreground: var( --color-ref-white );--color-sys-surface-informative-subdued-object-informative: var( --color-ref-purple50 );--color-sys-surface-informative-subdued-surface-primary: var( --color-ref-purple5 );--color-sys-surface-informative-subdued-text-informative: var( --color-ref-purple60 );--color-sys-surface-informative-subdued-text-primary: var(--color-ref-gray100);--color-sys-surface-informative-subdued-text-regular: var(--color-ref-gray90);--color-sys-surface-informative-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-surface-informative-surface-primary: var(--color-ref-purple60);--color-sys-surface-informative-text-primary: var(--color-ref-white);--color-sys-surface-interactive-moderate-object-foreground: var( --color-ref-white );--color-sys-surface-interactive-moderate-object-interactive: var( --color-ref-blue60 );--color-sys-surface-interactive-moderate-object-neutral: var( --color-ref-gray60 );--color-sys-surface-interactive-moderate-surface-primary: var( --color-ref-blue10 );--color-sys-surface-interactive-moderate-surface-state1: var( --color-ref-blue20 );--color-sys-surface-interactive-moderate-text-disabled: var( --color-ref-gray30 );--color-sys-surface-interactive-moderate-text-interactive: var( --color-ref-blue70 );--color-sys-surface-interactive-moderate-text-primary: var( --color-ref-gray100 );--color-sys-surface-interactive-moderate-text-regular: var(--color-ref-gray90);--color-sys-surface-interactive-moderate-text-secondary: var( --color-ref-gray70 );--color-sys-surface-interactive-object-primary: var(--color-ref-white);--color-sys-surface-interactive-subdued-object-foreground: var( --color-ref-white );--color-sys-surface-interactive-subdued-object-interactive: var( --color-ref-blue50 );--color-sys-surface-interactive-subdued-object-neutral: var( --color-ref-gray50 );--color-sys-surface-interactive-subdued-surface-primary: var( --color-ref-blue5 );--color-sys-surface-interactive-subdued-surface-state1: var( --color-ref-blue10 );--color-sys-surface-interactive-subdued-text-disabled: var(--color-ref-gray30);--color-sys-surface-interactive-subdued-text-interactive: var( --color-ref-blue60 );--color-sys-surface-interactive-subdued-text-primary: var(--color-ref-gray100);--color-sys-surface-interactive-subdued-text-regular: var(--color-ref-gray90);--color-sys-surface-interactive-subdued-text-secondary: var( --color-ref-gray60 );--color-sys-surface-interactive-surface-primary: var(--color-ref-blue60);--color-sys-surface-interactive-surface-state1: var(--color-ref-blue70);--color-sys-surface-interactive-surface-state2: var(--color-ref-blue80);--color-sys-surface-interactive-text-primary: var(--color-ref-white);--color-sys-surface-inverse-object-neutral: var(--color-ref-gray30);--color-sys-surface-inverse-surface-primary: var(--color-ref-gray90);--color-sys-surface-inverse-surface-state1: var(--color-ref-gray80);--color-sys-surface-inverse-surface-state2: var(--color-ref-gray70);--color-sys-surface-inverse-text-disabled: var(--color-ref-gray60);--color-sys-surface-inverse-text-primary: var(--color-ref-white);--color-sys-surface-inverse-text-regular: var(--color-ref-gray10);--color-sys-surface-inverse-text-secondary: var(--color-ref-gray30);--color-sys-surface-neutral-object-primary: var(--color-ref-white);--color-sys-surface-neutral-surface-primary: var(--color-ref-gray60);--color-sys-surface-neutral-text-primary: var(--color-ref-white);--color-sys-surface-notice-object-primary: var(--color-ref-white);--color-sys-surface-notice-subdued-object-foreground: var(--color-ref-white);--color-sys-surface-notice-subdued-object-neutral: var(--color-ref-gray50);--color-sys-surface-notice-subdued-object-notice: var(--color-ref-orange50);--color-sys-surface-notice-subdued-surface-primary: var(--color-ref-orange5);--color-sys-surface-notice-subdued-surface-state1: var(--color-ref-orange10);--color-sys-surface-notice-subdued-text-notice: var(--color-ref-orange60);--color-sys-surface-notice-subdued-text-placeholder: var(--color-ref-gray40);--color-sys-surface-notice-subdued-text-primary: var(--color-ref-gray100);--color-sys-surface-notice-subdued-text-regular: var(--color-ref-gray90);--color-sys-surface-notice-subdued-text-secondary: var(--color-ref-gray60);--color-sys-surface-notice-surface-primary: var(--color-ref-orange60);--color-sys-surface-notice-text-primary: var(--color-ref-white);--color-sys-surface-success-object-primary: var(--color-ref-white);--color-sys-surface-success-subdued-object-foreground: var(--color-ref-white);--color-sys-surface-success-subdued-object-success: var(--color-ref-green50);--color-sys-surface-success-subdued-surface-primary: var(--color-ref-green5);--color-sys-surface-success-subdued-text-primary: var(--color-ref-gray100);--color-sys-surface-success-subdued-text-regular: var(--color-ref-gray90);--color-sys-surface-success-subdued-text-secondary: var(--color-ref-gray60);--color-sys-surface-success-subdued-text-success: var(--color-ref-green60);--color-sys-surface-success-surface-primary: var(--color-ref-green60);--color-sys-surface-success-text-primary: var(--color-ref-white);--color-sys-surface1-object-accent: var(--color-ref-red50);--color-sys-surface1-object-critical: var(--color-ref-red50);--color-sys-surface1-object-foreground: var(--color-ref-white);--color-sys-surface1-object-informative: var(--color-ref-purple50);--color-sys-surface1-object-interactive: var(--color-ref-blue50);--color-sys-surface1-object-neutral: var(--color-ref-gray50);--color-sys-surface1-object-notice: var(--color-ref-orange50);--color-sys-surface1-object-success: var(--color-ref-green50);--color-sys-surface1-surface-highlight: var(--color-ref-yellow5);--color-sys-surface1-surface-primary: var(--color-ref-white);--color-sys-surface1-surface-secondary: var(--color-ref-gray5);--color-sys-surface1-surface-state1: var(--color-ref-gray10);--color-sys-surface1-surface-state2: var(--color-ref-gray20);--color-sys-surface1-text-accent: var(--color-ref-red60);--color-sys-surface1-text-critical: var(--color-ref-red60);--color-sys-surface1-text-critical-disabled: var(--color-ref-red10);--color-sys-surface1-text-disabled: var(--color-ref-gray30);--color-sys-surface1-text-informative: var(--color-ref-purple60);--color-sys-surface1-text-interactive: var(--color-ref-blue60);--color-sys-surface1-text-notice: var(--color-ref-orange60);--color-sys-surface1-text-placeholder: var(--color-ref-gray40);--color-sys-surface1-text-primary: var(--color-ref-gray100);--color-sys-surface1-text-regular: var(--color-ref-gray90);--color-sys-surface1-text-secondary: var(--color-ref-gray60);--color-sys-surface1-text-success: var(--color-ref-green60);--color-sys-surface2-object-critical: var(--color-ref-red60);--color-sys-surface2-object-foreground: var(--color-ref-white);--color-sys-surface2-object-informative: var(--color-ref-purple60);--color-sys-surface2-object-interactive: var(--color-ref-blue60);--color-sys-surface2-object-neutral: var(--color-ref-gray60);--color-sys-surface2-object-notice: var(--color-ref-orange60);--color-sys-surface2-object-success: var(--color-ref-green60);--color-sys-surface2-surface-primary: var(--color-ref-gray10);--color-sys-surface2-surface-state1: var(--color-ref-gray20);--color-sys-surface2-surface-state2: var(--color-ref-gray30);--color-sys-surface2-text-disabled: var(--color-ref-gray30);--color-sys-surface2-text-interactive: var(--color-ref-blue70);--color-sys-surface2-text-placeholder: var(--color-ref-gray40);--color-sys-surface2-text-primary: var(--color-ref-gray100);--color-sys-surface2-text-regular: var(--color-ref-gray90);--color-sys-surface2-text-secondary: var(--color-ref-gray70);--color-sys-surface3-object-critical: var(--color-ref-red60);--color-sys-surface3-object-foreground: var(--color-ref-white);--color-sys-surface3-object-informative: var(--color-ref-purple60);--color-sys-surface3-object-interactive: var(--color-ref-blue60);--color-sys-surface3-object-neutral: var(--color-ref-gray60);--color-sys-surface3-object-notice: var(--color-ref-orange60);--color-sys-surface3-object-success: var(--color-ref-green60);--color-sys-surface3-surface-primary: var(--color-ref-gray20);--color-sys-surface3-surface-state1: var(--color-ref-gray30);--color-sys-surface3-surface-state2: var(--color-ref-gray40);--color-sys-surface3-text-disabled: var(--color-ref-gray40);--color-sys-surface3-text-primary: var(--color-ref-gray100);--color-sys-surface3-text-regular: var(--color-ref-gray90);--color-sys-surface3-text-secondary: var(--color-ref-gray70);--color-sys-text-accent: var(--color-ref-red60);--color-sys-text-critical: var(--color-ref-red60);--color-sys-text-critical-disabled: var(--color-ref-red10);--color-sys-text-disabled: var(--color-ref-gray30);--color-sys-text-informative: var(--color-ref-purple60);--color-sys-text-link-primary: var(--color-ref-blue60);--color-sys-text-link-primary-hovered: var(--color-ref-blue50);--color-sys-text-link-secondary: var(--color-ref-gray90);--color-sys-text-link-secondary-hovered: var(--color-ref-gray70);--color-sys-text-notice: var(--color-ref-orange60);--color-sys-text-placeholder: var(--color-ref-gray40);--color-sys-text-primary: var(--color-ref-gray100);--color-sys-text-regular: var(--color-ref-gray90);--color-sys-text-secondary: var(--color-ref-gray60);--color-sys-text-success: var(--color-ref-green60);--color-sys-white: var(--color-ref-white);--radius-sys-corner-s: var(--radius-ref-x0-5);--radius-sys-corner-m: var(--radius-ref-x1);--radius-sys-corner-l: var(--radius-ref-x2);--radius-sys-pill: var(--radius-ref-full);--spacing-sys-gap-xxs: var(--space-ref-x0-25);--spacing-sys-gap-xs: var(--space-ref-x0-5);--spacing-sys-gap-s: var(--space-ref-x1);--spacing-sys-gap-m: var(--space-ref-x1-5);--spacing-sys-gap-l: var(--space-ref-x2);--spacing-sys-gap-xl: var(--space-ref-x3);--spacing-sys-gap-xxl: var(--space-ref-x4);--spacing-sys-padding-xxs: var(--space-ref-x0-5);--spacing-sys-padding-xs: var(--space-ref-x0-75);--spacing-sys-padding-s: var(--space-ref-x1);--spacing-sys-padding-m: var(--space-ref-x1-5);--spacing-sys-padding-l: var(--space-ref-x2);--spacing-sys-padding-xl: var(--space-ref-x2-5);--spacing-sys-padding-xxl: var(--space-ref-x3)}body{margin:0}*,*:before,*:after{box-sizing:border-box}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.tw-col-\[1\/3\]{grid-column:1/3}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-ml-auto{margin-left:auto}.tw-mr-auto{margin-right:auto}.tw-mt-10{margin-top:2.5rem}.tw-flex{display:flex}.tw-grid{display:grid}.tw-h-8{height:2rem}.tw-h-\[34px\]{height:34px}.tw-h-\[44px\]{height:44px}.tw-h-full{height:100%}.tw-h-screen{height:100vh}.tw-w-1{width:.25rem}.tw-w-\[200px\]{width:200px}.tw-w-\[56px\]{width:56px}.tw-w-full{width:100%}.tw-max-w-\[640px\]{max-width:640px}.tw-max-w-full{max-width:100%}.tw-grow{flex-grow:1}.tw-grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.tw-grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.tw-flex-col{flex-direction:column}.tw-items-center{align-items:center}.tw-justify-center{justify-content:center}.tw-gap-2{gap:.5rem}.tw-gap-4{gap:1rem}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-overflow-y-hidden{overflow-y:hidden}.tw-border-t{border-top-width:1px}.tw-border-t-gray-80{border-top-color:var(--color-ref-gray80)}.tw-p-2{padding:.5rem}.tw-p-3{padding:.75rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-pb-1{padding-bottom:.25rem}.tw-pl-12{padding-left:3rem}.tw-pt-3{padding-top:.75rem}.tw-text-xl{font-size:1.25rem;line-height:1.75rem}.tw-text-\[\#888888\]{--tw-text-opacity: 1;color:rgb(136 136 136 / var(--tw-text-opacity, 1))}.tw-text-\[var\(--color-ref-andpad-dark-red\)\]{color:var(--color-ref-andpad-dark-red)}.tw-text-white{color:var(--color-ref-white)}:root *{font-family:var(--font-sys-family-en),var(--font-sys-family),sans-serif}.first\:tw-border-none:first-child{border-style:none}
