.t-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.t-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}:root,:root[theme-mode=light]{--td-brand-color-1: #f2f3ff;--td-brand-color-2: #d9e1ff;--td-brand-color-3: #b5c7ff;--td-brand-color-4: #8eabff;--td-brand-color-5: #618dff;--td-brand-color-6: #366ef4;--td-brand-color-7: #0052d9;--td-brand-color-8: #003cab;--td-brand-color-9: #002a7c;--td-brand-color-10: #001a57;--td-warning-color-1: #fff1e9;--td-warning-color-2: #ffd9c2;--td-warning-color-3: #ffb98c;--td-warning-color-4: #fa9550;--td-warning-color-5: #e37318;--td-warning-color-6: #be5a00;--td-warning-color-7: #954500;--td-warning-color-8: #713300;--td-warning-color-9: #532300;--td-warning-color-10: #3b1700;--td-error-color-1: #fff0ed;--td-error-color-2: #ffd8d2;--td-error-color-3: #ffb9b0;--td-error-color-4: #ff9285;--td-error-color-5: #f6685d;--td-error-color-6: #d54941;--td-error-color-7: #ad352f;--td-error-color-8: #881f1c;--td-error-color-9: #68070a;--td-error-color-10: #490002;--td-success-color-1: #e3f9e9;--td-success-color-2: #c6f3d7;--td-success-color-3: #92dab2;--td-success-color-4: #56c08d;--td-success-color-5: #2ba471;--td-success-color-6: #008858;--td-success-color-7: #006c45;--td-success-color-8: #005334;--td-success-color-9: #003b23;--td-success-color-10: #002515;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e7e7e7;--td-gray-color-4: #dcdcdc;--td-gray-color-5: #c5c5c5;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #383838;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: #ffffff;--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-7);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-focus: var(--td-brand-color-1);--td-brand-color-active: var(--td-brand-color-8);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-active: var(--td-brand-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-active: var(--td-warning-color-2);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-active: var(--td-error-color-2);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-active: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .6);--td-mask-disabled: rgba(255, 255, 255, .6);--td-mask-background: rgba(255, 255, 255, .96);--td-mask-gradient: rgba(255, 255, 255, 0);--td-bg-color-page: var(--td-gray-color-1);--td-bg-color-container: var(--td-font-white-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-bg-color-specialcomponent: #fff;--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: var(--td-font-white-1);--td-text-color-brand: var(--td-brand-color);--td-text-color-link: var(--td-brand-color);--td-text-color-watermark: rgba(0, 0, 0, .1);--td-border-level-1-color: var(--td-gray-color-3);--td-component-stroke: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-component-border: var(--td-gray-color-4);--td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);--td-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, .06);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-table-shadow-color: rgba(0, 0, 0, .08);--td-scrollbar-color: rgba(0, 0, 0, .1);--td-scrollbar-hover-color: rgba(0, 0, 0, .3);--td-scroll-track-color: #fff}:root.dark,:root[theme-mode=dark]{--td-brand-color-1: #1b2f51;--td-brand-color-2: #173463;--td-brand-color-3: #143975;--td-brand-color-4: #103d88;--td-brand-color-5: #0d429a;--td-brand-color-6: #054bbe;--td-brand-color-7: #2667d4;--td-brand-color-8: #4582e6;--td-brand-color-9: #699ef5;--td-brand-color-10: #96bbf8;--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #383838;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: rgba(255, 255, 255, .9);--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-8);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-focus: var(--td-brand-color-1);--td-brand-color-active: var(--td-brand-color-9);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-active: var(--td-brand-color-2);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-4);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-active: var(--td-warning-color-2);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-5);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-active: var(--td-error-color-2);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-4);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-active: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .4);--td-mask-disabled: rgba(0, 0, 0, .6);--td-mask-background: rgba(36, 36, 36, .96);--td-mask-gradient: rgba(36, 36, 36, 0);--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-container-active: var(--td-gray-color-12);--td-bg-color-secondarycontainer-active: var(--td-gray-color-11);--td-bg-color-component-active: var(--td-gray-color-10);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-bg-color-specialcomponent: transparent;--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: var(--td-font-white-1);--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8);--td-text-color-watermark: rgba(255, 255, 255, .1);--td-border-level-1-color: var(--td-gray-color-11);--td-component-stroke: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-component-border: var(--td-gray-color-9);--td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);--td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);--td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgba(0, 0, 0, .55);--td-scrollbar-color: rgba(255, 255, 255, .1);--td-scroll-track-color: #333}:root{--td-radius-small: 3px;--td-radius-default: 6px;--td-radius-large: 9px;--td-radius-extraLarge: 12px;--td-radius-round: 999px;--td-radius-circle: 50%}:root{--td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;--td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;--td-font-size-link-small: 12px;--td-font-size-link-medium: 14px;--td-font-size-link-large: 16px;--td-font-size-mark-extraSmall: 10px;--td-font-size-mark-small: 12px;--td-font-size-mark-medium: 14px;--td-font-size-mark-large: 16px;--td-font-size-body-extraSmall: 10px;--td-font-size-body-small: 12px;--td-font-size-body-medium: 14px;--td-font-size-body-large: 16px;--td-font-size-title-small: 14px;--td-font-size-title-medium: 16px;--td-font-size-title-large: 18px;--td-font-size-title-extraLarge: 20px;--td-font-size-headline-small: 24px;--td-font-size-headline-medium: 28px;--td-font-size-headline-large: 36px;--td-font-size-display-medium: 48px;--td-font-size-display-large: 64px;--td-line-height-link-small: 20px;--td-line-height-link-medium: 22px;--td-line-height-link-large: 24px;--td-line-height-mark-extraSmall: 16px;--td-line-height-mark-small: 20px;--td-line-height-mark-medium: 22px;--td-line-height-mark-large: 24px;--td-line-height-body-extraSmall: 16px;--td-line-height-body-small: 20px;--td-line-height-body-medium: 22px;--td-line-height-body-large: 24px;--td-line-height-title-small: 22px;--td-line-height-title-medium: 24px;--td-line-height-title-large: 26px;--td-line-height-title-extraLarge: 28px;--td-line-height-headline-small: 32px;--td-line-height-headline-medium: 36px;--td-line-height-headline-large: 44px;--td-line-height-display-medium: 56px;--td-line-height-display-large: 72px;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-extraSmall: 600 var(--td-font-size-mark-extraSmall) / var(--td-line-height-mark-extraSmall) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-mark-large: 600 var(--td-font-size-mark-large) / var(--td-line-height-mark-large) var(--td-font-family);--td-font-body-extraSmall: var(--td-font-size-body-extraSmall) / var(--td-line-height-body-extraSmall) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);--td-font-size: 10px;--td-font-size-xs: var(--td-font-size-body-extraSmall);--td-font-size-s: var(--td-font-size-body-small);--td-font-size-base: var(--td-font-size-title-small);--td-font-size-m: var(--td-font-size-title-medium);--td-font-size-l: var(--td-font-size-title-large);--td-font-size-xl: var(--td-font-size-title-extraLarge);--td-font-size-xxl: var(--td-font-size-headline-large)}:root{--td-spacer: 8px;--td-spacer-1: 12px;--td-spacer-2: 16px;--td-spacer-3: 24px;--td-spacer-4: 32px;--td-spacer-5: 48px;--td-spacer-6: 80px}:root,:root[theme-mode=light]{--td-switch-dot-disabled-color: var(--td-font-white-1);--td-switch-loading-color: var(--td-brand-color)}:root.dark,:root[theme-mode=dark]{--td-button-primary-disabled-color: var(--td-font-white-4);--td-skeleton-animation-gradient: rgba(255, 255, 255, .06);--td-slider-dot-bg-color: var(--td-gray-color-4);--td-slider-dot-disabled-bg-color: var(--td-gray-color-11);--td-slider-dot-disabled-border-color: var(--td-gray-color-12);--td-switch-dot-disabled-color: var(--td-font-white-2);--td-switch-loading-color: var(--td-font-white-1)}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/anuphan-thai-var.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/anuphan-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sd-primary: #0052d9;--sd-primary-hover: #366ef4;--sd-primary-light: #f2f3ff;--sd-primary-light-2: #d9e1ff;--sd-success: #2ba471;--sd-success-light: #e3f9e9;--sd-warning: #e37318;--sd-warning-light: #fff1e9;--sd-error: #d54941;--sd-error-light: #fff0ed;--sd-info: #7e2fde;--sd-info-light: #f3ecfd;--sd-neutral: #5e6673;--sd-neutral-light: #f2f3f5;--sd-text-primary: rgba(0, 0, 0, .9);--sd-text-secondary: rgba(0, 0, 0, .6);--sd-text-placeholder: rgba(0, 0, 0, .4);--sd-text-disabled: rgba(0, 0, 0, .26);--sd-border: #ebedf0;--sd-bg-page: #f2f3f5;--sd-bg-container: #ffffff;--sd-space-4: 4px;--sd-space-8: 6px;--sd-space-12: 8px;--sd-space-16: 12px;--sd-space-24: 16px;--sd-space-32: 20px;--sd-radius-s: 3px;--sd-radius-m: 4px;--sd-radius-l: 6px;--sd-font-title: 15px;--sd-font-section: 14px;--sd-font-item: 13.5px;--sd-font-body: 13px;--sd-font-secondary: 12px;--sd-font-caption: 11px;--sd-tabbar-height: 64px;--sd-safe-bottom: env(safe-area-inset-bottom, 0px);--sd-safe-top: env(safe-area-inset-top, 0px);--td-brand-color: var(--sd-primary);--td-primary-color: var(--sd-primary);--td-font-family: "Anuphan", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", sans-serif;--td-font-family-medium: var(--td-font-family);--td-bg-color-page: var(--sd-bg-page);--td-border-level-1-color: var(--sd-border);--td-component-stroke: var(--sd-border);--td-radius-small: var(--sd-radius-s);--td-radius-default: var(--sd-radius-l);--td-radius-large: var(--sd-radius-l);--td-radius-round: var(--sd-radius-l);--td-navbar-title-font: 600 var(--sd-font-title) / 24px var(--td-font-family);--td-cell-title-font: 400 var(--sd-font-item) / 20px var(--td-font-family);--td-cell-description-font: 400 var(--sd-font-secondary) / 18px var(--td-font-family);--td-cell-note-font: 400 var(--sd-font-body) / 20px var(--td-font-family);--td-cell-vertical-padding: 10px;--td-tab-font: 400 var(--sd-font-body) / 20px var(--td-font-family);--td-tab-item-height: 40px;--td-tab-track-width: 16px;--td-input-label-text-color: var(--sd-text-primary);--td-button-border-radius: var(--sd-radius-s);--td-search-box-border-radius: var(--sd-radius-s);--td-tag-border-radius: var(--sd-radius-s)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--sd-bg-page);color:var(--sd-text-primary);font-family:var(--td-font-family);font-size:var(--sd-font-body);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none}input,textarea,button,select{font-family:inherit}a{color:var(--sd-primary);text-decoration:none}h1,h2,h3{font-weight:600}#root{min-height:100vh;max-width:560px;margin:0 auto;background:var(--sd-bg-page);position:relative}.sd-num,.sd-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.sd-mono{letter-spacing:.3px}.sd-page{min-height:100vh;padding-bottom:calc(var(--sd-space-24) + var(--sd-safe-bottom))}.sd-page--tabbed{padding-bottom:calc(var(--sd-tabbar-height) + var(--sd-space-16) + var(--sd-safe-bottom))}.sd-page--action{padding-bottom:calc(80px + var(--sd-safe-bottom))}.sd-body{padding:var(--sd-space-8);display:flex;flex-direction:column;gap:var(--sd-space-8)}.sd-hero{background:var(--sd-primary);color:#fff;padding:calc(var(--sd-safe-top) + 6px) var(--sd-space-12) 28px}.sd-hero__bar{display:flex;align-items:center;justify-content:space-between;height:36px}.sd-hero__brand{font-size:15px;font-weight:700;letter-spacing:.5px}.sd-hero__icon{background:none;border:0;color:#fff;padding:6px;margin-right:-6px;cursor:pointer;display:inline-flex}.sd-hero__label{font-size:var(--sd-font-secondary);opacity:.85;margin-top:4px}.sd-hero__amount{font-size:22px;font-weight:600;line-height:1.2;margin-top:2px}.sd-hero__row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sd-space-12)}.sd-hero__btn{height:26px;padding:0 10px;border-radius:var(--sd-radius-s);border:1px solid rgba(255,255,255,.6);background:#ffffff1f;color:#fff;font-size:var(--sd-font-secondary);font-weight:500;cursor:pointer;white-space:nowrap}.sd-hero__btn:active{background:#ffffff3d}.sd-app-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:calc(var(--sd-safe-top) + 8px) 16px 4px;background:#fff}.sd-app-header__title{margin:0;font-size:18px;line-height:26px;font-weight:600;color:var(--sd-text-primary)}.sd-app-header__bell{position:relative;width:40px;height:40px;margin-right:-8px;display:flex;align-items:center;justify-content:center;color:var(--sd-text-primary);background:none;border:0;cursor:pointer}.sd-balance-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--sd-radius-l);background:#f5f6f8;border:1px solid var(--sd-border)}.sd-balance-card__info{display:flex;flex-direction:column;gap:2px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit}.sd-balance-card__label{font-size:12px;color:var(--sd-text-secondary)}.sd-balance-card__val{font-size:18px;font-weight:600;line-height:1.2}.sd-balance-card__btn{height:32px;padding:0 12px;border-radius:var(--sd-radius-s);background:#fff;border:1px solid var(--sd-border);color:var(--sd-primary);font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer}.sd-balance-card__btn:active{background:var(--sd-neutral-light)}.sd-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sd-quick-card{height:60px;border:1px solid var(--sd-border);border-radius:var(--sd-radius-l);padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--sd-text-primary);font-size:14px;font-weight:500;background:#fff;cursor:pointer;text-align:left}.sd-quick-card:active{background:var(--sd-neutral-light)}.sd-quick-card__icon{width:36px;height:36px;border-radius:var(--sd-radius-s);background:var(--sd-primary-light);color:var(--sd-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sd-primary-cta{height:46px;border-radius:var(--sd-radius-s);background:var(--sd-primary);color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;width:100%}.sd-primary-cta:active{background:var(--sd-primary-hover)}.sd-status-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--sd-border);border-radius:var(--sd-radius-l);background:#fff;overflow:hidden}.sd-status-summary__col{padding:10px 12px;color:var(--sd-text-primary);display:flex;flex-direction:column;gap:2px;background:none;border:0;cursor:pointer;text-align:left}.sd-status-summary__col+.sd-status-summary__col{border-left:1px solid var(--sd-border)}.sd-status-summary__col:active{background:var(--sd-neutral-light)}.sd-status-summary__num{font-size:18px;font-weight:600;line-height:1.2}.sd-status-summary__label{font-size:12px;color:var(--sd-text-secondary)}.sd-lift{margin-top:-18px}.sd-section{background:var(--sd-bg-container);border-radius:var(--sd-radius-l);border:1px solid var(--sd-border);overflow:hidden}.sd-section__head{display:flex;align-items:center;justify-content:space-between;padding:10px var(--sd-space-12) 0}.sd-section__title{font-size:var(--sd-font-section);font-weight:600;margin:0}.sd-section__link{font-size:var(--sd-font-secondary);color:var(--sd-text-secondary);background:none;border:0;padding:0;cursor:pointer}.sd-section__link:after{content:" ›"}.sd-section__body{padding:var(--sd-space-8) var(--sd-space-12) var(--sd-space-12)}.sd-caption{font-size:var(--sd-font-caption);color:var(--sd-text-secondary)}.sd-secondary{font-size:var(--sd-font-secondary);color:var(--sd-text-secondary)}.sd-actionbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:560px;background:var(--sd-bg-container);box-shadow:0 -1px 0 var(--sd-border);padding:8px var(--sd-space-12) calc(8px + var(--sd-safe-bottom));display:flex;gap:var(--sd-space-8);z-index:100}.sd-actionbar>*{flex:1 1 0;min-width:0}.sd-actionbar .t-button{padding-left:8px;padding-right:8px}.sd-kv{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sd-space-12);padding:5px 0;font-size:var(--sd-font-body)}.sd-kv__k{color:var(--sd-text-secondary);flex-shrink:0}.sd-kv__v{text-align:right;word-break:break-word}.sd-divider{height:1px;background:var(--sd-border);margin:var(--sd-space-8) 0}.sd-status{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--sd-radius-s);font-size:var(--sd-font-caption);font-weight:500;white-space:nowrap;flex-shrink:0}.sd-status--warning{color:var(--sd-warning);background:var(--sd-warning-light)}.sd-status--primary{color:var(--sd-primary);background:var(--sd-primary-light)}.sd-status--info{color:var(--sd-info);background:var(--sd-info-light)}.sd-status--success{color:var(--sd-success);background:var(--sd-success-light)}.sd-status--error{color:var(--sd-error);background:var(--sd-error-light)}.sd-status--neutral{color:var(--sd-neutral);background:var(--sd-neutral-light)}.sd-row{display:block;width:100%;text-align:left;background:var(--sd-bg-container);border:0;padding:14px var(--sd-space-16);font:inherit;color:inherit;cursor:pointer;position:relative}.sd-row+.sd-row:before{content:"";position:absolute;top:0;left:var(--sd-space-16);right:0;height:1px;background:var(--sd-border)}.sd-row:active{background:var(--sd-neutral-light)}.sd-row__line{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-space-8)}.sd-row__title{font-size:var(--sd-font-item);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-notice{border-radius:var(--sd-radius-m);padding:10px var(--sd-space-12);font-size:var(--sd-font-secondary);line-height:1.55}.sd-notice--warning{background:var(--sd-warning-light);color:#a24e0c}.sd-notice--error{background:var(--sd-error-light);color:#ad352f}.sd-notice--info{background:var(--sd-primary-light);color:#003cab}.sd-notice--success{background:var(--sd-success-light);color:#1c6e4a}.sd-options{display:grid;gap:var(--sd-space-8)}.sd-options--3{grid-template-columns:repeat(3,1fr)}.sd-option{border:1px solid transparent;border-radius:var(--sd-radius-m);background:var(--sd-neutral-light);padding:10px var(--sd-space-12);font:inherit;font-size:var(--sd-font-body);color:inherit;text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s}.sd-option--left{text-align:left;background:var(--sd-bg-container);border-color:var(--sd-border)}.sd-option[aria-pressed=true]{border-color:var(--sd-primary);background:var(--sd-primary-light);color:var(--sd-primary)}.sd-option--left[aria-pressed=true]{color:inherit}.sd-option:disabled{opacity:.45;cursor:not-allowed}.sd-timeline{list-style:none;margin:0;padding:0}.sd-timeline__item{position:relative;padding:0 0 var(--sd-space-16) 22px}.sd-timeline__item:before{content:"";position:absolute;left:3px;top:7px;width:7px;height:7px;border-radius:50%;background:#c5c9d0}.sd-timeline__item:after{content:"";position:absolute;left:6px;top:18px;bottom:2px;width:1px;background:var(--sd-border)}.sd-timeline__item:last-child{padding-bottom:0}.sd-timeline__item:last-child:after{display:none}.sd-timeline__item--current:before{background:var(--sd-primary);box-shadow:0 0 0 3px var(--sd-primary-light-2)}.sd-timeline__item--current .sd-timeline__title{color:var(--sd-text-primary);font-weight:500}.sd-timeline__title{font-size:var(--sd-font-body);color:var(--sd-text-secondary)}.sd-offline{position:sticky;top:0;z-index:200;background:var(--sd-warning-light);color:#a24e0c;font-size:var(--sd-font-caption);text-align:center;padding:6px var(--sd-space-16)}.sd-center{display:flex;align-items:center;justify-content:center}.sd-stack{display:flex;flex-direction:column;gap:var(--sd-space-12)}.sd-hstack{display:flex;align-items:center;gap:var(--sd-space-8)}.sd-link{color:var(--sd-primary);background:none;border:0;padding:0;font:inherit;cursor:pointer}.sd-link:disabled{opacity:.5}.sd-bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:560px;height:calc(64px + var(--sd-safe-bottom));padding-bottom:var(--sd-safe-bottom);box-sizing:border-box;background:#fff;border-top:1px solid var(--sd-border);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;z-index:1000}.sd-bottom-nav__item{background:none;border:0;padding:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--sd-text-secondary);font-size:11px;font-weight:400;cursor:pointer;-webkit-tap-highlight-color:transparent}.sd-bottom-nav__item.is-active{color:var(--sd-primary);font-weight:600}.sd-bottom-nav__action{background:none;border:0;padding:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--sd-text-primary);font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.sd-bottom-nav__action-btn{width:44px;height:44px;border-radius:22px;background:var(--sd-primary);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-18px;box-shadow:0 3px 10px #0052d952;transition:transform .15s ease,background-color .15s}.sd-bottom-nav__action:active .sd-bottom-nav__action-btn{transform:scale(.94);background:var(--sd-primary-hover)}.t-tab-bar-item__text{font-size:11px}.t-cell-group--card,.sd-section .t-cell-group{border-radius:0}.t-input__label,.t-textarea__label{font-size:var(--sd-font-body)}.t-button,.t-button--shape-round,.t-button--shape-circle{border-radius:var(--sd-radius-s)!important;font-weight:500}.t-search__input-box,.t-search__input,.t-tag,.t-tag--round{border-radius:var(--sd-radius-s)!important}.t-dialog{border-radius:var(--sd-radius-l)!important}.t-popup{border-radius:var(--sd-radius-l) var(--sd-radius-l) 0 0!important}.t-step-item__title{font-size:var(--sd-font-caption)}.t-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:var(--td-loading-color, var(--td-brand-color, var(--td-brand-color-7, #0052d9)))}.t-loading--inherit-color{color:inherit}.t-loading--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.t-loading--vertical .t-loading__text{margin-left:0;margin-top:6px}.t-loading__bar{pointer-events:none}.t-loading__text{color:var(--td-loading-text-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, .9))));font:var(--td-loading-text-font, var(--td-font-body-small));margin-left:6px}.t-loading__text--only{margin-left:0}.t-loading__gradient{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle}.t-loading__gradient-conic{width:100%;height:100%;background:conic-gradient(from 90deg at 50% 50%,#fff 0deg,currentColor 360deg);border-radius:50%;mask:radial-gradient(transparent calc(50% - .5px),#fff 50%);-webkit-mask:radial-gradient(transparent calc(50% - .5px),#fff 50%)}.t-loading__spinner{position:relative;display:inline-block;width:20px;max-width:100%;height:20px;max-height:100%;vertical-align:middle;-webkit-animation:t-rotate .8s linear infinite;animation:t-rotate .8s linear infinite;-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.t-loading__spinner--line{position:absolute;top:0;left:0;width:100%;height:100%}.t-loading__spinner--line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:var(--td-loading-line-bg-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, .9))));border-radius:40%;content:" "}.t-loading__dot{width:20%;height:20%;border-radius:50%;background-color:currentColor;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-name:dotting;animation-name:dotting;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.t-loading__dot--paused{-webkit-animation-play-state:paused;animation-play-state:paused}.t-loading__dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation:none;animation:none}.t-loading__parent,.t-loading__parent--relative{position:relative}.t-loading--lock{overflow:hidden}.t-loading--full{z-index:var(--td-loading-z-index, 3500);position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--td-loading-full-bg-color, rgba(255, 255, 255, .6))}.t-loading--fullscreen{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:var(--td-loading-z-index, 3500);background-color:var(--td-loading-full-bg-color, rgba(255, 255, 255, .6))}.t-loading--center{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.t-loading__spinner--line-1{-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.t-loading__spinner--line-2{-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.t-loading__spinner--line-3{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.t-loading__spinner--line-4{-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.t-loading__spinner--line-5{-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.t-loading__spinner--line-6{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.t-loading__spinner--line-7{-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.t-loading__spinner--line-8{-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.t-loading__spinner--line-9{-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.t-loading__spinner--line-10{-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.t-loading__spinner--line-11{-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.t-loading__spinner--line-12{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}@-webkit-keyframes t-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes t-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dotting{0%{opacity:.15}1%{opacity:.8}33%{opacity:.8}34%{opacity:.15}to{opacity:.15}}@keyframes dotting{0%{opacity:.15}1%{opacity:.8}33%{opacity:.8}34%{opacity:.15}to{opacity:.15}}.t-float-left{float:left}.t-float-right{float:right}@-webkit-keyframes t-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes t-fade-in{0%{opacity:0}to{opacity:1}}@keyframes t-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes t-fade-out{0%{opacity:1}to{opacity:0}}@keyframes t-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes t-slide-top-in{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes t-slide-top-in{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes t-slide-top-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes t-slide-top-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes t-slide-bottom-in{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes t-slide-bottom-in{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes t-slide-bottom-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes t-slide-bottom-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes t-slide-right-in{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes t-slide-right-in{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes t-slide-right-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes t-slide-right-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes t-slide-left-in{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes t-slide-left-in{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes t-slide-left-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes t-slide-left-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes t-fade-zoom-in{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes t-fade-zoom-in{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes t-fade-zoom-out{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}}@keyframes t-fade-zoom-out{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}}@keyframes t-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.t-icon-loading{-webkit-animation:t-spin 1s linear infinite;animation:t-spin 1s linear infinite}.hotspot-expanded.relative{position:relative}.hotspot-expanded:after{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;-webkit-transform:scale(1.5);transform:scale(1.5)}.t-badge{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.t-badge--basic{z-index:100;padding:0 var(--td-badge-basic-padding, 4px);font:var(--td-badge-font, var(--td-font-mark-extraSmall));color:var(--td-badge-text-color, var(--td-text-color-anti, var(--td-font-white-1, #ffffff)));background-color:var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941)));text-align:center;height:var(--td-badge-basic-height, 16px);border-radius:var(--td-badge-border-radius, 2px)}.t-badge--dot{height:var(--td-badge-dot-size, 8px);border-radius:50%;min-width:var(--td-badge-dot-size, 8px);padding:0}.t-badge--count{min-width:var(--td-badge-basic-width, 16px);white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.t-badge--circle{border-radius:calc(var(--td-badge-basic-height, 16px) / 2)}.t-badge__ribbon-outer,.t-badge__ribbon-right-outer,.t-badge__triangle-right-outer,.t-badge__ribbon-left-outer,.t-badge__triangle-left-outer{position:absolute;top:0}.t-badge__ribbon-outer,.t-badge__ribbon-right-outer,.t-badge__triangle-right-outer{right:0}.t-badge__ribbon-left-outer,.t-badge__triangle-left-outer{left:0}.t-badge--bubble{border-radius:var(--td-badge-bubble-border-radius, 10px 10px 10px 1px)}.t-badge--ribbon,.t-badge--ribbon-right,.t-badge--ribbon-left,.t-badge--triangle-left,.t-badge--triangle-right{width:calc(var(--td-badge-basic-height, 16px) * 2);height:calc(var(--td-badge-basic-height, 16px) * 2);border-radius:0;padding:0;position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.t-badge--ribbon,.t-badge--ribbon-right{background:linear-gradient(45deg,transparent 50%,var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 50%,var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 85%,transparent 85%)}.t-badge--triangle-right{background:linear-gradient(45deg,transparent 50%,var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 50%)}.t-badge--ribbon,.t-badge--ribbon-right,.t-badge--triangle-right{right:0}.t-badge--ribbon .t-badge__count,.t-badge--ribbon-right .t-badge__count,.t-badge--triangle-right .t-badge__count{-webkit-transform:rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 16px) / 2 + .5px));transform:rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 16px) / 2 + .5px))}.t-badge--ribbon-left{background:linear-gradient(-45deg,transparent 50%,var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 50%,var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 85%,transparent 85%)}.t-badge--triangle-left{background:linear-gradient(-45deg,transparent 50%,var(--td-badge-bg-color, var(--td-error-color, var(--td-error-color-6, #d54941))) 50%)}.t-badge--ribbon-left,.t-badge--triangle-left{left:0}.t-badge--ribbon-left .t-badge__count,.t-badge--triangle-left .t-badge__count{-webkit-transform:rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 16px) / 2 + .5px));transform:rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 16px) / 2 + .5px))}.t-badge--large{font:var(--td-badge-large-font, var(--td-font-mark-small));height:var(--td-badge-large-height, 20px);min-width:var(--td-badge-large-height, 20px);padding:0 var(--td-badge-large-padding, 5px)}.t-badge--large.t-badge--circle{border-radius:calc(var(--td-badge-large-height, 20px) / 2)}.t-badge--large.t-badge--ribbon,.t-badge--large.t-badge--ribbon-right,.t-badge--large.t-badge--ribbon-left,.t-badge--large.t-badge--triangle-right,.t-badge--large.t-badge--triangle-left{width:calc(var(--td-badge-large-height, 20px) * 2);height:calc(var(--td-badge-large-height, 20px) * 2);padding:0}.t-badge--large.t-badge--ribbon .t-badge__count,.t-badge--large.t-badge--ribbon-right .t-badge__count,.t-badge--large.t-badge--triangle-right .t-badge__count{-webkit-transform:rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 20px) / 2 + 1.5px));transform:rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 20px) / 2 + 1.5px))}.t-badge--large.t-badge--ribbon-left .t-badge__count,.t-badge--large.t-badge--triangle-left .t-badge__count{-webkit-transform:rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 20px) / 2 + 1.5px));transform:rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 20px) / 2 + 1.5px))}.t-badge__content:not(:empty)+.t-badge--bubble.t-has-count,.t-badge__content:not(:empty)+.t-badge--circle.t-has-count,.t-badge__content:not(:empty)+.t-badge--square.t-has-count{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;top:0;left:100%}.t-badge__content-text{display:block;font:var(--td-font-body-large);color:var(--td-badge-content-text-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, .9))))}.t-badge__count:empty{display:none}