@alifd/meet-react/dist/meet-react.css

Fusion Mobile React UI System Component

:root{--color-white: #fff;--color-black: #000;--color-transparent: transparent;--color-text1-1: #ccc;--color-text1-2: #999;--color-text1-3: #666;--color-text1-4: #222;--color-line1-1: #f2f2f2;--color-line1-2: #eee;--color-line1-3: #e6e6e6;--color-line1-4: #ddd;--color-fill1-1: #f9f9f9;--color-fill1-2: #f5f5f5;--color-fill1-3: #f2f2f2;--color-fill1-4: #eee;--color-text2-1: rgba(255, 255, 255, 0.26);--color-text2-2: rgba(255, 255, 255, 0.52);--color-text2-3: rgba(255, 255, 255, 0.74);--color-text2-4: rgba(255, 255, 255, 1);--color-line2-1: rgba(255, 255, 255, 0.08);--color-line2-2: rgba(255, 255, 255, 0.12);--color-line2-3: rgba(255, 255, 255, 0.16);--color-line2-4: rgba(255, 255, 255, 0.18);--color-fill2-1: rgba(255, 255, 255, 0.04);--color-fill2-2: rgba(255, 255, 255, 0.06);--color-fill2-3: rgba(255, 255, 255, 0.08);--color-fill2-4: rgba(255, 255, 255, 0.12);--color-brand-1: #c4edff;--color-brand-2: #4ab7ff;--color-brand-3: #209bfa;--color-brand-4: #1179d4;--color-link-1: #c4edff;--color-link-2: #4ab7ff;--color-link-3: #209bfa;--color-link-4: #1179d4;--color-success-1: #a8ffc4;--color-success-2: #28de74;--color-success-3: #05d161;--color-success-4: #00ab53;--color-notice-1: #e6fffb;--color-notice-2: #38d9d3;--color-notice-3: #14cccc;--color-notice-4: #08a1a6;--color-warning-1: #ffe7a3;--color-warning-2: #f8ab22;--color-warning-3: #ff9900;--color-warning-4: #d97b00;--color-error-1: #ffdcd6;--color-error-2: #f75e59;--color-error-3: #eb2f2f;--color-error-4: #c41d23;--color-help-1: #c4edff;--color-help-2: #4ab7ff;--color-help-3: #209bfa;--color-help-4: #1179d4;--color-data-red: red;--color-data-orange: orange;--color-data-yellow: yellow;--color-data-green: green;--color-data-cyan: cyan;--color-data-blue: blue;--color-data-indigo: indigo;--color-data-purple: purple}:root{--line-zero: 0vw;--line-1: 1px;--line-2: 0.26667vw;--line-3: 0.53333vw;--line-solid: solid;--line-dashed: dashed;--line-dotted: dotted}:root{--corner-zero: 0vw;--corner-1: 1.06667vw;--corner-2: 2.13333vw;--corner-3: 4.26667vw;--corner-circle: 50%;--corner-semicircle: 133.2vw}:root{--s-base: 1.06667vw;--s-zero: 0vw;--s-0: --s-zero;--s-1: calc(var(--s-base) * 1);--s-2: calc(var(--s-base) * 2);--s-3: calc(var(--s-base) * 3);--s-4: calc(var(--s-base) * 4);--s-5: calc(var(--s-base) * 5);--s-6: calc(var(--s-base) * 6);--s-7: calc(var(--s-base) * 7);--s-8: calc(var(--s-base) * 8);--s-9: calc(var(--s-base) * 9);--s-10: calc(var(--s-base) * 10);--s-11: calc(var(--s-base) * 11);--s-12: calc(var(--s-base) * 12);--s-13: calc(var(--s-base) * 13);--s-14: calc(var(--s-base) * 14);--s-15: calc(var(--s-base) * 15);--s-16: calc(var(--s-base) * 16);--s-17: calc(var(--s-base) * 17);--s-18: calc(var(--s-base) * 18);--s-19: calc(var(--s-base) * 19);--s-20: calc(var(--s-base) * 20);--s-21: calc(var(--s-base) * 21);--s-22: calc(var(--s-base) * 22);--s-23: calc(var(--s-base) * 23);--s-24: calc(var(--s-base) * 24);--s-25: calc(var(--s-base) * 25);--s-26: calc(var(--s-base) * 26);--s-27: calc(var(--s-base) * 27);--s-28: calc(var(--s-base) * 28);--s-29: calc(var(--s-base) * 29);--s-30: calc(var(--s-base) * 30);--s-31: calc(var(--s-base) * 31);--s-32: calc(var(--s-base) * 32);--s-33: calc(var(--s-base) * 33);--s-34: calc(var(--s-base) * 34);--s-35: calc(var(--s-base) * 35);--s-36: calc(var(--s-base) * 36);--s-37: calc(var(--s-base) * 37);--s-38: calc(var(--s-base) * 38);--s-39: calc(var(--s-base) * 39);--s-40: calc(var(--s-base) * 40);--s-41: calc(var(--s-base) * 41);--s-42: calc(var(--s-base) * 42);--s-43: calc(var(--s-base) * 43);--s-44: calc(var(--s-base) * 44);--s-45: calc(var(--s-base) * 45);--s-46: calc(var(--s-base) * 46);--s-47: calc(var(--s-base) * 47);--s-48: calc(var(--s-base) * 48);--s-49: calc(var(--s-base) * 49);--s-50: calc(var(--s-base) * 50);--s-compact: calc(var(--s-base) * 50);--s-comfortable: calc(var(--s-base) * 50);--s-luxury: calc(var(--s-base) * 160)}:root{--shadow-zero: none;--shadow-1: 0vw 0vw 0.53333vw 0vw rgba(0, 0, 0, 0.08), 0vw 0.53333vw 2.13333vw 0vw rgba(0, 0, 0, 0.12);--shadow-2: 0vw 0vw 2.13333vw 0vw rgba(0, 0, 0, 0.08), 0vw 2.13333vw 4.26667vw 0vw rgba(0, 0, 0, 0.12);--shadow-3: 0vw 0vw 4.26667vw 0vw rgba(0, 0, 0, 0.08), 0vw 2.13333vw 4.26667vw 0vw rgba(0, 0, 0, 0.12)}:root{--font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei"}:root{--motion-time-1: 0.1s;--motion-time-2: 0.25s;--motion-time-3: 0.3s;--motion-type-linear: cubic-bezier(0, 0, 1, 1);--motion-type-ease: ease;--motion-type-ease-in: ease-in;--motion-type-ease-out: ease-out;--motion-type-ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);--motion-type-ease-in-out: ease-in-out}:root{--elevation-0: 0;--elevation-1: 100;--elevation-2: 200;--elevation-3: 300;--elevation-4: 400;--elevation-ravine: -999;--elevation-peak: 999}:root{--icon-xxs: var(--s-3);--icon-xs: var(--s-4);--icon-s: var(--s-5);--icon-m: var(--s-6);--icon-l: var(--s-8);--icon-xl: var(--s-12);--icon-xxl: var(--s-16);--icon-font-family: meet-iconfont;--icon-font-path: url(https://at.alicdn.com/t/font_1273696_vcsg3wyh4r.ttf);--icon-content-play-filling: "";--icon-content-select: "";--icon-content-add: "";--icon-content-close: "";--icon-content-search: "";--icon-content-ashbin: "";--icon-content-semi-select: "";--icon-content-error: "";--icon-content-prompt: "";--icon-content-prompt-filling: "";--icon-content-success: "";--icon-content-warning: "";--icon-content-arrow-left: "";--icon-content-arrow-right: "";--icon-content-arrow-up: "";--icon-content-arrow-down: "";--icon-content-arrow-double-left: "";--icon-content-arrow-double-right: "";--icon-content-triangle-arrow-up: "";--icon-content-triangle-arrow-down: "";--icon-content-triangle-arrow-left: "";--icon-content-triangle-arrow-right: "";--icon-content-heart-filling: "";--icon-content-minus: "";--icon-content-loading: "";--icon-content-favorites-filling: "";--icon-content-warning-filling: "";--icon-content-success-filling: "";--icon-content-delete-filling: "";--icon-content-asterisk: "";--icon-content-switch: "";--icon-content-upload: "";--icon-content-download: "";--icon-content-picture: "";--icon-content-ellipsis: "";--icon-content-calendar: "";--icon-content-list: "";--icon-content-chart-pie: "";--icon-content-chart-bar: "";--icon-content-detail: "";--icon-content-dashboard: "";--icon-content-help: "";--icon-content-unlock: "";--icon-content-lock: "";--icon-content-set: "";--icon-content-toggle-left: "";--icon-content-toggle-right: "";--icon-content-filter: "";--icon-content-eye: "";--icon-content-eye-close: "";--icon-content-copy: "";--icon-content-email: "";--icon-content-attachment: "";--icon-content-exit: "";--icon-content-edit: "";--icon-content-account: "";--icon-content-refresh: "";--icon-content-cry: "";--icon-content-smile: "";--icon-content-ascending: "";--icon-content-descending: "";--icon-content-clock: "";--icon-content-sorting: "";--icon-content-form: "";--icon-content-add-square: "";--icon-content-camera: "";--icon-content-home: ""}@font-face{font-family:meet-iconfont;src:url(https://at.alicdn.com/t/font_1273696_vcsg3wyh4r.ttf) format("truetype")}:root{--p-display-3-font-family: var(--font-family);--p-display-3-font-size: 14.93333vw;--p-display-3-icon-size: 14.93333vw;--p-display-3-font-weight: 600;--p-display-3-line-height: 140%;--p-display-3-margin-top: var(--s-9);--p-display-3-margin-bottom: var(--s-9);--p-display-3-indent-size: var(--s-2);--p-display-2-font-size: 12.8vw;--p-display-2-icon-size: 12.8vw;--p-display-2-font-weight: 600;--p-display-2-line-height: 140%;--p-display-2-margin-top: var(--s-8);--p-display-2-margin-bottom: var(--s-8);--p-display-2-indent-size: var(--s-2);--p-display-1-font-size: 9.6vw;--p-display-1-icon-size: 9.6vw;--p-display-1-font-weight: 400;--p-display-1-line-height: 140%;--p-display-1-margin-top: var(--s-7);--p-display-1-margin-bottom: var(--s-7);--p-display-1-indent-size: var(--s-2);--p-headline-font-size: 6.4vw;--p-headline-icon-size: 6.4vw;--p-headline-font-weight: 400;--p-headline-line-height: 140%;--p-headline-margin-top: var(--s-6);--p-headline-margin-bottom: var(--s-6);--p-headline-indent-size: var(--s-2);--p-title-font-size: 5.33333vw;--p-title-icon-size: 5.33333vw;--p-title-font-weight: 600;--p-title-line-height: 140%;--p-title-margin-top: var(--s-5);--p-title-margin-bottom: var(--s-5);--p-title-indent-size: var(--s-2);--p-subhead-font-size: 4.8vw;--p-subhead-icon-size: 4.8vw;--p-subhead-font-weight: 400;--p-subhead-line-height: 140%;--p-subhead-margin-top: var(--s-4);--p-subhead-margin-bottom: var(--s-4);--p-subhead-indent-size: var(--s-2);--p-body-2-font-size: 4.26667vw;--p-body-2-icon-size: 4.26667vw;--p-body-2-font-weight: 400;--p-body-2-line-height: 140%;--p-body-2-margin-top: var(--s-3);--p-body-2-margin-bottom: var(--s-3);--p-body-2-indent-size: var(--s-2);--p-body-1-font-size: 3.73333vw;--p-body-1-icon-size: 3.73333vw;--p-body-1-font-weight: 400;--p-body-1-line-height: 140%;--p-body-1-margin-top: var(--s-2);--p-body-1-margin-bottom: var(--s-2);--p-body-1-indent-size: var(--s-2);--p-caption-font-size: 3.2vw;--p-caption-icon-size: 3.2vw;--p-caption-font-weight: 300;--p-caption-line-height: 120%;--p-caption-margin-top: var(--s-3);--p-caption-margin-bottom: var(--s-3);--p-caption-indent-size: var(--s-1);--p-overline-font-size: 2.66667vw;--p-overline-icon-size: 2.66667vw;--p-overline-font-weight: 300;--p-overline-line-height: 120%;--p-overline-margin-top: var(--s-1);--p-overline-margin-bottom: var(--s-1);--p-overline-indent-size: var(--s-1)}:root{--box-large-min-width: var(--s-14);--box-large-min-height: var(--s-11);--box-large-border-width: var(--line-1);--box-large-border-radius: var(--corner-1);--box-large-padding-hoz: var(--s-6);--box-large-padding-ver: var(--s-3);--box-large-padding: var(--box-large-padding-ver) var(--box-large-padding-hoz);--box-large-spacing: var(--s-3);--box-large-margin-hoz: var(--s-2);--box-large-margin-ver: var(--s-4);--box-medium-min-width: var(--s-11);--box-medium-min-height: var(--s-9);--box-medium-border-width: var(--line-1);--box-medium-border-radius: var(--corner-1);--box-medium-padding-hoz: var(--s-4);--box-medium-padding-ver: var(--s-2);--box-medium-padding: var(--box-medium-padding-ver) var(--box-medium-padding-hoz);--box-medium-spacing: var(--s-2);--box-medium-margin-hoz: var(--s-2);--box-medium-margin-ver: var(--s-4);--box-small-min-width: var(--s-8);--box-small-min-height: var(--s-7);--box-small-border-width: var(--line-1);--box-small-border-radius: var(--corner-1);--box-small-padding-hoz: var(--s-3);--box-small-padding-ver: var(--s-1);--box-small-padding: var(--box-small-padding-ver) var(--box-small-padding-hoz);--box-small-spacing: var(--s-1);--box-small-margin-hoz: var(--s-1);--box-small-margin-ver: var(--s-1);--box-primary-solid-border-color: var(--color-brand-3);--box-primary-solid-border-color-hover: var(--color-brand-2);--box-primary-solid-border-color-active: var(--color-brand-4);--box-primary-solid-border-color-disabled: var(--color-brand-1);--box-primary-solid-background-color: var(--color-brand-3);--box-primary-solid-background-color-hover: var(--color-brand-2);--box-primary-solid-background-color-active: var(--color-brand-4);--box-primary-solid-background-color-disabled: var(--color-brand-1);--box-primary-solid-font-color: var(--color-white);--box-primary-solid-font-color-hover: var(--color-white);--box-primary-solid-font-color-active: var(--color-white);--box-primary-solid-font-color-disabled: var(--color-white);--box-primary-solid-icon-color: var(--color-white);--box-primary-solid-icon-color-hover: var(--color-white);--box-primary-solid-icon-color-active: var(--color-white);--box-primary-solid-icon-color-disabled: var(--color-white);--box-primary-outline-border-color: var(--color-brand-3);--box-primary-outline-border-color-hover: var(--color-brand-2);--box-primary-outline-border-color-active: var(--color-brand-4);--box-primary-outline-border-color-disabled: var(--color-brand-1);--box-primary-outline-background-color: var(--color-transparent);--box-primary-outline-background-color-hover: var(--color-transparent);--box-primary-outline-background-color-active: var(--color-transparent);--box-primary-outline-background-color-disabled: var(--color-transparent);--box-primary-outline-font-color: var(--color-brand-3);--box-primary-outline-font-color-hover: var(--color-brand-2);--box-primary-outline-font-color-active: var(--color-brand-4);--box-primary-outline-font-color-disabled: var(--color-brand-1);--box-primary-outline-icon-color: var(--color-brand-3);--box-primary-outline-icon-color-hover: var(--color-brand-2);--box-primary-outline-icon-color-active: var(--color-brand-4);--box-primary-outline-icon-color-disabled: var(--color-brand-1);--box-primary-text-border-color: var(--color-transparent);--box-primary-text-border-color-hover: var(--color-transparent);--box-primary-text-border-color-active: var(--color-transparent);--box-primary-text-border-color-disabled: var(--color-transparent);--box-primary-text-background-color: var(--color-transparent);--box-primary-text-background-color-hover: var(--color-transparent);--box-primary-text-background-color-active: var(--color-transparent);--box-primary-text-background-color-disabled: var(--color-transparent);--box-primary-text-font-color: var(--color-brand-3);--box-primary-text-font-color-hover: var(--color-brand-2);--box-primary-text-font-color-active: var(--color-brand-4);--box-primary-text-font-color-disabled: var(--color-brand-1);--box-primary-text-icon-color: var(--color-brand-3);--box-primary-text-icon-color-hover: var(--color-brand-2);--box-primary-text-icon-color-active: var(--color-brand-4);--box-primary-text-icon-color-disabled: var(--color-brand-1);--box-normal-solid-border-color: var(--color-transparent);--box-normal-solid-border-color-hover: var(--color-transparent);--box-normal-solid-border-color-active: var(--color-transparent);--box-normal-solid-border-color-disabled: var(--color-transparent);--box-normal-solid-background-color: var(--color-fill1-2);--box-normal-solid-background-color-hover: var(--color-fill1-3);--box-normal-solid-background-color-active: var(--color-fill1-4);--box-normal-solid-background-color-disabled: var(--color-line1-1);--box-normal-solid-font-color: var(--color-text1-4);--box-normal-solid-font-color-hover: var(--color-text1-3);--box-normal-solid-font-color-active: var(--color-text1-2);--box-normal-solid-font-color-disabled: var(--color-text1-1);--box-normal-solid-icon-color: var(--color-text1-4);--box-normal-solid-icon-color-hover: var(--color-text1-3);--box-normal-solid-icon-color-active: var(--color-text1-2);--box-normal-solid-icon-color-disabled: var(--color-text1-1);--box-normal-outline-border-color: var(--color-line1-4);--box-normal-outline-border-color-hover: var(--color-line1-3);--box-normal-outline-border-color-active: var(--color-line1-2);--box-normal-outline-border-color-disabled: var(--color-line1-1);--box-normal-outline-background-color: var(--color-transparent);--box-normal-outline-background-color-hover: var(--color-transparent);--box-normal-outline-background-color-active: var(--color-transparent);--box-normal-outline-background-color-disabled: var(--color-transparent);--box-normal-outline-font-color: var(--color-text1-4);--box-normal-outline-font-color-hover: var(--color-text1-3);--box-normal-outline-font-color-active: var(--color-text1-2);--box-normal-outline-font-color-disabled: var(--color-text1-1);--box-normal-outline-icon-color: var(--color-text1-4);--box-normal-outline-icon-color-hover: var(--color-text1-3);--box-normal-outline-icon-color-active: var(--color-text1-2);--box-normal-outline-icon-color-disabled: var(--color-text1-1);--box-normal-text-border-color: var(--color-transparent);--box-normal-text-border-color-hover: var(--color-transparent);--box-normal-text-border-color-active: var(--color-transparent);--box-normal-text-border-color-disabled: var(--color-transparent);--box-normal-text-background-color: var(--color-transparent);--box-normal-text-background-color-hover: var(--color-transparent);--box-normal-text-background-color-active: var(--color-transparent);--box-normal-text-background-color-disabled: var(--color-transparent);--box-normal-text-font-color: var(--color-text1-4);--box-normal-text-font-color-hover: var(--color-text1-3);--box-normal-text-font-color-active: var(--color-text1-2);--box-normal-text-font-color-disabled: var(--color-text1-1);--box-normal-text-icon-color: var(--color-text1-4);--box-normal-text-icon-color-hover: var(--color-text1-3);--box-normal-text-icon-color-active: var(--color-text1-2);--box-normal-text-icon-color-disabled: var(--color-text1-1);--box-inverse-solid-border-color: var(--color-transparent);--box-inverse-solid-border-color-hover: var(--color-transparent);--box-inverse-solid-border-color-active: var(--color-transparent);--box-inverse-solid-border-color-disabled: var(--color-transparent);--box-inverse-solid-background-color: var(--color-fill2-4);--box-inverse-solid-background-color-hover: var(--color-fill2-3);--box-inverse-solid-background-color-active: var(--color-fill2-2);--box-inverse-solid-background-color-disabled: var(--color-fill2-1);--box-inverse-solid-font-color: var(--color-text2-4);--box-inverse-solid-font-color-hover: var(--color-text2-3);--box-inverse-solid-font-color-active: var(--color-text2-2);--box-inverse-solid-font-color-disabled: var(--color-text2-1);--box-inverse-solid-icon-color: var(--color-text2-4);--box-inverse-solid-icon-color-hover: var(--color-text2-3);--box-inverse-solid-icon-color-active: var(--color-text2-2);--box-inverse-solid-icon-color-disabled: var(--color-text2-1);--box-inverse-outline-border-color: var(--color-text2-4);--box-inverse-outline-border-color-hover: var(--color-text2-3);--box-inverse-outline-border-color-active: var(--color-text2-2);--box-inverse-outline-border-color-disabled: var(--color-text2-1);--box-inverse-outline-background-color: var(--color-transparent);--box-inverse-outline-background-color-hover: var(--color-transparent);--box-inverse-outline-background-color-active: var(--color-transparent);--box-inverse-outline-background-color-disabled: var(--color-transparent);--box-inverse-outline-font-color: var(--color-text2-4);--box-inverse-outline-font-color-hover: var(--color-text2-3);--box-inverse-outline-font-color-active: var(--color-text2-2);--box-inverse-outline-font-color-disabled: var(--color-text2-1);--box-inverse-outline-icon-color: var(--color-text2-4);--box-inverse-outline-icon-color-hover: var(--color-text2-3);--box-inverse-outline-icon-color-active: var(--color-text2-2);--box-inverse-outline-icon-color-disabled: var(--color-text2-1);--box-inverse-text-border-color: var(--color-transparent);--box-inverse-text-border-color-hover: var(--color-transparent);--box-inverse-text-border-color-active: var(--color-transparent);--box-inverse-text-border-color-disabled: var(--color-transparent);--box-inverse-text-background-color: var(--color-transparent);--box-inverse-text-background-color-hover: var(--color-transparent);--box-inverse-text-background-color-active: var(--color-transparent);--box-inverse-text-background-color-disabled: var(--color-transparent);--box-inverse-text-font-color: var(--color-text2-4);--box-inverse-text-font-color-hover: var(--color-text2-3);--box-inverse-text-font-color-active: var(--color-text2-2);--box-inverse-text-font-color-disabled: var(--color-text2-1);--box-inverse-text-icon-color: var(--color-text2-4);--box-inverse-text-icon-color-hover: var(--color-text2-3);--box-inverse-text-icon-color-active: var(--color-text2-2);--box-inverse-text-icon-color-disabled: var(--color-text2-1);--box-warning-solid-border-color: var(--color-error-3);--box-warning-solid-border-color-hover: var(--color-error-2);--box-warning-solid-border-color-active: var(--color-error-4);--box-warning-solid-border-color-disabled: var(--color-error-1);--box-warning-solid-background-color: var(--color-error-3);--box-warning-solid-background-color-hover: var(--color-error-2);--box-warning-solid-background-color-active: var(--color-error-4);--box-warning-solid-background-color-disabled: var(--color-error-1);--box-warning-solid-font-color: var(--color-white);--box-warning-solid-font-color-hover: var(--color-white);--box-warning-solid-font-color-active: var(--color-white);--box-warning-solid-font-color-disabled: var(--color-white);--box-warning-solid-icon-color: var(--color-white);--box-warning-solid-icon-color-hover: var(--color-white);--box-warning-solid-icon-color-active: var(--color-white);--box-warning-solid-icon-color-disabled: var(--color-white);--box-warning-outline-border-color: var(--color-error-3);--box-warning-outline-border-color-hover: var(--color-error-2);--box-warning-outline-border-color-active: var(--color-error-4);--box-warning-outline-border-color-disabled: var(--color-error-1);--box-warning-outline-background-color: var(--color-transparent);--box-warning-outline-background-color-hover: var(--color-transparent);--box-warning-outline-background-color-active: var(--color-transparent);--box-warning-outline-background-color-disabled: var(--color-transparent);--box-warning-outline-font-color: var(--color-error-3);--box-warning-outline-font-color-hover: var(--color-error-2);--box-warning-outline-font-color-active: var(--color-error-4);--box-warning-outline-font-color-disabled: var(--color-error-1);--box-warning-outline-icon-color: var(--color-error-3);--box-warning-outline-icon-color-hover: var(--color-error-2);--box-warning-outline-icon-color-active: var(--color-error-4);--box-warning-outline-icon-color-disabled: var(--color-error-1);--box-warning-text-border-color: var(--color-transparent);--box-warning-text-border-color-hover: var(--color-transparent);--box-warning-text-border-color-active: var(--color-transparent);--box-warning-text-border-color-disabled: var(--color-transparent);--box-warning-text-background-color: var(--color-transparent);--box-warning-text-background-color-hover: var(--color-transparent);--box-warning-text-background-color-active: var(--color-transparent);--box-warning-text-background-color-disabled: var(--color-transparent);--box-warning-text-font-color: var(--color-error-3);--box-warning-text-font-color-hover: var(--color-error-2);--box-warning-text-font-color-active: var(--color-error-4);--box-warning-text-font-color-disabled: var(--color-error-1);--box-warning-text-icon-color: var(--color-error-3);--box-warning-text-icon-color-hover: var(--color-error-2);--box-warning-text-icon-color-active: var(--color-error-4);--box-warning-text-icon-color-disabled: var(--color-error-1)}
.one-view {
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  align-content: flex-start;
  border: 0 solid black;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.one-text {
  box-sizing: border-box;
  display: block;
  font-size: 4.266666666666667vw;
  white-space: pre-wrap;
}

.one-text--overflow-hidden {
  overflow: hidden;
}

.one-text--singleline {
  white-space: nowrap;
}

.one-text--multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.one-slider {
  position: relative;
}
.one-slider-swipe-wrapper {
  overflow: hidden;
  position: relative;
}
.one-slider-swipe {
  position: relative;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s ease;
}
.one-slider-children {
  position: absolute;
  left: 0;
  top: 0;
}
.one-slider-dot {
  border-radius: 50%;
  margin: 0.4vw;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  width: 1.0666666666666667vw;
  height: 1.0666666666666667vw;
}
.one-slider-dot-active {
  background-color: rgb(255, 80, 0);
}

.one-slider-pagination {
  position: absolute;
  bottom: 20%;
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  /* item-color: rgba(255, 255, 255, 0.5);
  item-selectedColor: rgb(255, 80, 0);
  item-size: 8; */
}

.one-scrollview-vertical {
  flex-direction: column;
}

.one-scrollview-horizontal {
  flex-direction: row;
}

.one-scrollview-content-container-horizontal {
  flex-direction: row;
}

.one-scrollview-webcontainer {
  display: block;
}
.one-textinput {
  appearance: none;
  background-color: transparent;
  border-color: #000000;
  border-width: 0;
  box-sizing: border-box;
  color: #000000;
  padding: 0;
  padding-left: 3.2vw;
  font-size: 3.2vw;
  line-height: 8vw;
  height: 8vw;
}

.react-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 400vw;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: auto;
  opacity: 0;
}

.react-modal-main {
  width: 85.3vw;
  height: 45.3vw;
  background-color: #ffffff;
  overflow: auto;
}

.react-countdown-main {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.react-countdown-item {
  flex-direction: row;
}
.react-countdown-background {
  position: absolute;
}

 @font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.mt-view-safe-area{padding-bottom:calc(constant(safe-area-inset-bottom) + 0px);padding-bottom:calc(env(safe-area-inset-bottom) + 0px)}
.mt-safe-area{height:calc(constant(safe-area-inset-bottom) + 0px);height:calc(env(safe-area-inset-bottom) + 0px)}
:root{--badge-number-size: var(--s-4);--badge-number-padding: var(--s-1);--badge-number-font-size: var(--p-caption-font-size);--badge-number-font-color: var(--box-primary-solid-font-color);--badge-bg-color: var(--box-warning-text-icon-color);--badge-border-color: var(--color-white);--badge-border-width: var(--line-3);--badge-unread-bg-color: var(--box-warning-text-icon-color);--badge-dot-bg-color: var(--box-warning-text-icon-color);--badge-dot-size: var(--s-2)}.mt-badge{display:inline-flex;flex-direction:row;align-items:center;position:relative}.mt-badge-text{color:var(--badge-number-font-color);font-size:var(--badge-number-font-size);line-height:var(--badge-number-size)}.mt-badge--auto{margin-right:var(--badge-number-size)}.mt-badge--custom{display:flex;flex-direction:row;align-items:center;justify-content:center}.mt-badge-content{display:flex;align-items:center;justify-content:center;min-width:var(--badge-number-size);height:var(--badge-number-size);border-radius:var(--badge-number-size);background-color:var(--badge-bg-color);box-sizing:border-box;box-shadow:var(--badge-border-color) 0 0 0 var(--badge-border-width)}.mt-badge-content--auto{position:absolute;right:0;top:0;transform:translate(50%, -50%)}.mt-badge-content--normal{padding-left:var(--badge-number-padding);padding-right:var(--badge-number-padding)}.mt-badge-content--dot{background-color:var(--badge-dot-bg-color);border-radius:100%;min-width:var(--badge-dot-size);height:var(--badge-dot-size);width:var(--badge-dot-size)}.mt-badge-content--unread{background-color:var(--badge-unread-bg-color);border-radius:100%;min-width:var(--badge-dot-size);width:var(--badge-dot-size);height:var(--badge-dot-size);transform:translateX(-100%)}
.mt-icon{font-family:var(--icon-font-family);text-align:center;line-height:1;display:inline-block}.mt-icon--xxs{font-size:var(--icon-xxs)}.mt-icon-img--xxs{width:var(--icon-xxs);height:var(--icon-xxs)}.mt-icon--xs{font-size:var(--icon-xs)}.mt-icon-img--xs{width:var(--icon-xs);height:var(--icon-xs)}.mt-icon--s{font-size:var(--icon-s)}.mt-icon-img--s{width:var(--icon-s);height:var(--icon-s)}.mt-icon--m{font-size:var(--icon-m)}.mt-icon-img--m{width:var(--icon-m);height:var(--icon-m)}.mt-icon--l{font-size:var(--icon-l)}.mt-icon-img--l{width:var(--icon-l);height:var(--icon-l)}.mt-icon--xl{font-size:var(--icon-xl)}.mt-icon-img--xl{width:var(--icon-xl);height:var(--icon-xl)}.mt-icon--xxl{font-size:var(--icon-xxl)}.mt-icon-img--xxl{width:var(--icon-xxl);height:var(--icon-xxl)}.mt-icon-play-filling:before{content:var(--icon-content-play-filling)}.mt-icon-select:before{content:var(--icon-content-select)}.mt-icon-add:before{content:var(--icon-content-add)}.mt-icon-close:before{content:var(--icon-content-close)}.mt-icon-search:before{content:var(--icon-content-search)}.mt-icon-ashbin:before{content:var(--icon-content-ashbin)}.mt-icon-semi-select:before{content:var(--icon-content-semi-select)}.mt-icon-error:before{content:var(--icon-content-error)}.mt-icon-prompt:before{content:var(--icon-content-prompt)}.mt-icon-prompt-filling:before{content:var(--icon-content-prompt-filling)}.mt-icon-success:before{content:var(--icon-content-success)}.mt-icon-clock:before{content:var(--icon-content-clock)}.mt-icon-warning:before{content:var(--icon-content-warning)}.mt-icon-arrow-left:before{content:var(--icon-content-arrow-left)}.mt-icon-arrow-right:before{content:var(--icon-content-arrow-right)}.mt-icon-arrow-up:before{content:var(--icon-content-arrow-up)}.mt-icon-arrow-down:before{content:var(--icon-content-arrow-down)}.mt-icon-arrow-double-left:before{content:var(--icon-content-arrow-double-left)}.mt-icon-arrow-double-right:before{content:var(--icon-content-arrow-double-right)}.mt-icon-triangle-arrow-up:before{content:var(--icon-content-triangle-arrow-up)}.mt-icon-triangle-arrow-down:before{content:var(--icon-content-triangle-arrow-down)}.mt-icon-triangle-arrow-left:before{content:var(--icon-content-triangle-arrow-left)}.mt-icon-triangle-arrow-right:before{content:var(--icon-content-triangle-arrow-right)}.mt-icon-heart-filling:before{content:var(--icon-content-heart-filling)}.mt-icon-minus:before{content:var(--icon-content-minus)}.mt-icon-loading:before{content:var(--icon-content-loading)}.mt-icon-favorites-filling:before{content:var(--icon-content-favorites-filling)}.mt-icon-warning-filling:before{content:var(--icon-content-warning-filling)}.mt-icon-success-filling:before{content:var(--icon-content-success-filling)}.mt-icon-delete-filling:before{content:var(--icon-content-delete-filling)}.mt-icon-asterisk:before{content:var(--icon-content-asterisk)}.mt-icon-switch:before{content:var(--icon-content-switch)}.mt-icon-upload:before{content:var(--icon-content-upload)}.mt-icon-download:before{content:var(--icon-content-download)}.mt-icon-picture:before{content:var(--icon-content-picture)}.mt-icon-ellipsis:before{content:var(--icon-content-ellipsis)}.mt-icon-calendar:before{content:var(--icon-content-calendar)}.mt-icon-list:before{content:var(--icon-content-list)}.mt-icon-chart-pie:before{content:var(--icon-content-chart-pie)}.mt-icon-chart-bar:before{content:var(--icon-content-chart-bar)}.mt-icon-detail:before{content:var(--icon-content-detail)}.mt-icon-dashboard:before{content:var(--icon-content-dashboard)}.mt-icon-help:before{content:var(--icon-content-help)}.mt-icon-unlock:before{content:var(--icon-content-unlock)}.mt-icon-lock:before{content:var(--icon-content-lock)}.mt-icon-set:before{content:var(--icon-content-set)}.mt-icon-toggle-left:before{content:var(--icon-content-toggle-left)}.mt-icon-toggle-right:before{content:var(--icon-content-toggle-right)}.mt-icon-filter:before{content:var(--icon-content-filter)}.mt-icon-eye:before{content:var(--icon-content-eye)}.mt-icon-eye-close:before{content:var(--icon-content-eye-close)}.mt-icon-copy:before{content:var(--icon-content-copy)}.mt-icon-email:before{content:var(--icon-content-email)}.mt-icon-attachment:before{content:var(--icon-content-attachment)}.mt-icon-exit:before{content:var(--icon-content-exit)}.mt-icon-edit:before{content:var(--icon-content-edit)}.mt-icon-account:before{content:var(--icon-content-account)}.mt-icon-refresh:before{content:var(--icon-content-refresh)}.mt-icon-cry:before{content:var(--icon-content-cry)}.mt-icon-smile:before{content:var(--icon-content-smile)}.mt-icon-ascending:before{content:var(--icon-content-ascending)}.mt-icon-descending:before{content:var(--icon-content-descending)}.mt-icon-sorting:before{content:var(--icon-content-sorting)}.mt-icon-form:before{content:var(--icon-content-form)}.mt-icon-add-square:before{content:var(--icon-content-add-square)}.mt-icon-home:before{content:var(--icon-content-home)}.mt-icon-camera:before{content:var(--icon-content-camera)}.mt-icon-loading{animation:mt-icon-loading 1.2s infinite linear}@keyframes mt-icon-loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
:root{--modal-duration: var(--motion-time-2);--modal-motion-in: var(--motion-type-ease-in-out);--modal-motion-out: var(--motion-type-ease-in-out);--modal-center-motion-in: var(--motion-type-ease-in-out-back);--modal-center-motion-out: var(--motion-type-ease-in-out-back);--modal-elevation: var(--elevation-3);--modal-container-bg-color: var(--color-white);--modal-mask-bg-color: var(--color-black);--modal-mask-bg-opacity: 0.5}.mt-modal{position:fixed;z-index:var(--modal-elevation);left:0;right:0;bottom:0;top:0;display:flex;flex-direction:row}.mt-modal-theme-wrapper{position:relative;width:375px;height:568px}.mt-modal--no-portal{position:absolute}.mt-modal--center{justify-content:center;align-items:center}.mt-modal--top{justify-content:center;align-items:flex-start}.mt-modal--bottom{justify-content:center;align-items:flex-end}.mt-modal--left{justify-content:flex-start;align-items:center}.mt-modal--right{justify-content:flex-end;align-items:center}.mt-modal-container{background-color:var(--modal-container-bg-color);transition:all var(--modal-duration) var(--modal-motion-out);position:relative}.mt-modal-container--center{transition-timing-function:var(--modal-center-motion-out)}.mt-modal-container--center-active{animation:mt-mask-center-entering var(--modal-duration) var(--modal-center-motion-in);opacity:1}.mt-modal-container--center-inactive{transform:scale(0);opacity:0}.mt-modal-container--top{width:100%}.mt-modal-container--top-active{animation:mt-mask-top-entering var(--modal-duration) var(--modal-motion-in)}.mt-modal-container--top-inactive{transform:translate(0, -100%)}.mt-modal-container--bottom{width:100%}.mt-modal-container--bottom-active{animation:mt-mask-bottom-entering var(--modal-duration) var(--modal-motion-in)}.mt-modal-container--bottom-inactive{transform:translate(0, 100%)}.mt-modal-container--left{height:100%}.mt-modal-container--left-active{animation:mt-mask-left-entering var(--modal-duration) var(--modal-motion-in)}.mt-modal-container--left-inactive{transform:translate(-100%, 0)}.mt-modal-container--right{height:100%}.mt-modal-container--right-active{animation:mt-mask-right-entering var(--modal-duration) var(--modal-motion-in)}.mt-modal-container--right-inactive{transform:translate(100%, 0)}.mt-modal--hidden{right:106.66667vw;left:auto}.mt-modal-mask{-w