@mparticle/aquarium 1.63.0-aquarium-2-upgrade.2 → 1.63.0-new-fonts.2

package/dist/style.css

@@ -1 +1,427 @@
-.ant-btn .ant-btn-icon{line-height:0!important}.anticon>*{line-height:0!important}.icon-size-xxxxl{width:var(--mp-icon-size-xxxxl);min-width:var(--mp-icon-size-xxxxl);height:var(--mp-icon-size-xxxxl)}.icon-size-xxxl{width:var(--mp-icon-size-xxxl);min-width:var(--mp-icon-size-xxxl);height:var(--mp-icon-size-xxxl)}.icon-size-xxl{width:var(--mp-icon-size-xxl);min-width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xxl)}.icon-size-xl{width:var(--mp-icon-size-xl);min-width:var(--mp-icon-size-xl);height:var(--mp-icon-size-xl)}.icon-size-lg{width:var(--mp-icon-size-lg);min-width:var(--mp-icon-size-lg);height:var(--mp-icon-size-lg)}.icon-size-md{width:var(--mp-icon-size-md);min-width:var(--mp-icon-size-md);height:var(--mp-icon-size-md)}.icon-size-sm{width:var(--mp-icon-size-sm);min-width:var(--mp-icon-size-sm);height:var(--mp-icon-size-sm)}.icon-size-xs{width:var(--mp-icon-size-xs);min-width:var(--mp-icon-size-xs);height:var(--mp-icon-size-xs)}.icon-color-primary{color:var(--color-primary)}.icon-color-success{color:var(--color-success)}.icon-color-warning{color:var(--color-warning)}.icon-color-error{color:var(--color-error)}.icon-color-info{color:var(--color-info)}.icon-color-text{color:var(--color-text)}.icon-color-default{color:var(--mp-color-icon-strong)}.icon-color-brand{color:var(--mp-color-icon-brand)}.icon-color-strong{color:var(--mp-color-icon-strong)}.icon-color-white{color:#fff}.icon-color-black{color:#000}.icon-color-inherit{color:inherit}.ant-form-item-label label{margin-bottom:unset;font-weight:unset}.ant-radio-wrapper,.ant-radio-button-wrapper{font-weight:400}.ant-card-hoverable:hover{box-shadow:var(--box-shadow-secondary)!important}.ant-checkbox-wrapper{display:inline-flex;align-items:flex-start;font-weight:400}.ant-checkbox{align-self:flex-start;margin-top:var(--margin-xxs)}.query-item{border-width:0 0 var(--line-width) 0!important;border-color:var(--color-border)!important;border-radius:var(--border-radius-xs);background-color:var(--color-bg-container)!important;padding:var(--padding-xxs)!important;height:var(--control-height)!important;display:flex;justify-content:center;align-items:center;box-shadow:none;border-style:solid}.query-item:hover{border-color:var(--color-primary)!important;background-color:var(--control-item-bg-active)!important}.query-item:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--control-outline);background-color:var(--color-bg-container)!important}.query-item:active{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important;box-shadow:0 0 0 2px var(--control-outline)}.query-item[disabled]{color:var(--color-text-disabled)!important;background-color:var(--color-bg-container)!important;border-color:var(--mp-color-border-disabled)!important}.query-item.query-item--input-text,.query-item.query-item--input-number{color:var(--color-primary-text-active);font-weight:var(--font-weight-strong)}.query-item.query-item--input-text::placeholder,.query-item.query-item--input-number::placeholder{font-weight:400}.query-item.query-item--action{color:var(--color-link)!important;gap:var(--margin-xxs)}.query-item.query-item--secondary{color:var(--color-text-tertiary)!important}.query-item.query-item--secondary:hover{background-color:var(--control-item-bg-active)!important}.query-item.query-item--secondary:active{border-width:0 0 var(--line-width-bold) 0;background-color:var(--control-item-bg-active-hover)!important}.query-item.query-item--disabled{color:var(--color-text-tertiary)!important}.query-item.query-item--disabled:hover{background-color:var(--color-bg-container)!important}.query-item.query-item--disabled:active{border-width:0 0 var(--line-width) 0!important;background-color:var(--color-bg-container)!important;box-shadow:none!important}.query-item.query-item--selected>input{color:var(--color-primary-text-active)!important;font-weight:var(--font-weight-strong)!important}.query-item.query-item--error{border-color:var(--color-error)!important}.query-item.query-item--open{border-color:var(--color-primary)!important;border-width:0 0 var(--line-width-bold) 0!important;background-color:var(--control-item-bg-active-hover)!important}.query-item .ant-select-selector{padding:0!important}.query-item__search-highlight{color:var(--color-link)}.query-item__icon{height:16px;width:16px}.query-item__dropdown{display:flex;padding:8px;flex-direction:column;align-items:flex-start;gap:8px}.query-item__input-search .ant-input-outlined{height:var(--control-height)}.mp-badge-filled{display:inline-block;--border-radius-pill: 9999px;--badge-padding-vertical: 2px;--badge-line-height-sm: 18px;--badge-padding-horizontal-sm-start: 6px;--badge-padding-horizontal-md-start: 8px;--badge-padding-horizontal-md-end: 10px;--badge-padding-horizontal-lg-start: 10px;--badge-margin-left-md: 6px;--badge-margin-left-lg: 6px}.mp-badge-filled .ant-badge{display:inline-block}.mp-badge-filled--pill{border-radius:var(--border-radius-pill)}.mp-badge-filled--square{border-radius:var(--border-radius-sm)}.mp-badge-filled--sm{padding:var(--badge-padding-vertical) var(--padding-xs) var(--badge-padding-vertical) var(--badge-padding-horizontal-sm-start)}.mp-badge-filled--sm .ant-badge-status-text{font-size:var(--font-size-sm)!important;line-height:var(--badge-line-height-sm)!important;margin-left:var(--margin-xxs)!important}.mp-badge-filled--sm.mp-badge-filled--pill{padding:var(--badge-padding-vertical) var(--padding-xs) var(--badge-padding-vertical) var(--badge-padding-horizontal-sm-start)}.mp-badge-filled--md{padding:var(--badge-padding-vertical) var(--badge-padding-horizontal-md-end) var(--badge-padding-vertical) var(--badge-padding-horizontal-md-start)}.mp-badge-filled--md .ant-badge-status-text{font-size:var(--font-size)!important;line-height:var(--font-height-sm)!important;margin-left:var(--badge-margin-left-md)!important}.mp-badge-filled--md.mp-badge-filled--pill{padding:var(--badge-padding-vertical) var(--badge-padding-horizontal-md-end) var(--badge-padding-vertical) var(--badge-padding-horizontal-md-start)}.mp-badge-filled--lg{padding:var(--padding-xxs) var(--padding-sm) var(--padding-xxs) var(--badge-padding-horizontal-lg-start)}.mp-badge-filled--lg .ant-badge-status-text{font-size:var(--font-size)!important;line-height:var(--font-height-sm)!important;margin-left:var(--badge-margin-left-lg)!important}.mp-badge-filled--lg.mp-badge-filled--pill{padding:var(--padding-xxs) var(--padding-sm) var(--padding-xxs) var(--badge-padding-horizontal-lg-start)}.mp-badge-filled--success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border)}.mp-badge-filled--processing{background-color:var(--color-primary-bg);border:1px solid var(--color-primary-border)}.mp-badge-filled--error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border)}.mp-badge-filled--warning{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.mp-badge-filled--default{background-color:var(--mp-brand-secondary-2);border:1px solid var(--color-border-secondary)}.ant-badge:has(.ant-avatar-circle) .ant-badge-dot{transform:none}.ant-badge:has(.ant-avatar-circle) .ant-badge-count:not(.ant-badge-dot){transform:translate(50%,-50%)}.antd-table-override--disableStickyScroll .ant-table-sticky-scroll{display:none!important}:root{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px}.ant-empty-image{--empty-img-large-width: 114px;--empty-img-small-width: 72px;--empty-img-height: 72px;margin:auto!important;width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image>svg{width:var(--empty-img-large-width)!important;height:var(--empty-img-height)!important}.ant-empty-image .icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important;min-width:var(--empty-img-small-width)!important}.ant-empty-image .icon-size-lg.icon-color-error svg{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg.icon-size-lg.icon-color-error{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-empty-image svg[data-testid*=icon-stateError]{width:var(--empty-img-small-width)!important;height:var(--empty-img-small-width)!important}.ant-modal p,.ant-modal span{font-weight:400}.ant-modal .ant-modal-title{font-weight:var(--font-weight-strong)}.alert-expandable{align-items:flex-start;padding:var(--padding-xs) var(--padding-sm)}.alert-expandable .ant-alert-close-icon{margin-top:var(--margin-xxs)}:root{--blue: #1677FF;--purple: #722ED1;--cyan: #13C2C2;--green: #52C41A;--magenta: #EB2F96;--pink: #EB2F96;--red: #F5222D;--orange: #FA8C16;--yellow: #FADB14;--volcano: #FA541C;--geekblue: #2F54EB;--gold: #FAAD14;--lime: #A0D911;--color-primary: #3600d1;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #3600d1;--color-link: #3600d1;--color-text-base: #000;--color-bg-base: #fff;--font-family: "GT America", -system-ui, sans-serif;--font-family-code: ‘Roboto Mono’, monospace;--font-size: 14px;--line-width: 1px;--line-type: solid;--motion-unit: .1;--motion-base: 0;--motion-ease-out-circ: cubic-bezier(.08, .82, .17, 1);--motion-ease-in-out-circ: cubic-bezier(.78, .14, .15, .86);--motion-ease-out: cubic-bezier(.215, .61, .355, 1);--motion-ease-in-out: cubic-bezier(.645, .045, .355, 1);--motion-ease-out-back: cubic-bezier(.12, .4, .29, 1.46);--motion-ease-in-back: cubic-bezier(.71, -.46, .88, .6);--motion-ease-in-quint: cubic-bezier(.755, .05, .855, .06);--motion-ease-out-quint: cubic-bezier(.23, 1, .32, 1);--border-radius: 6px;--size-unit: 4px;--size-step: 4px;--size-popup-arrow: 16px;--control-height: 32px;--z-index-base: 0;--z-index-popup-base: 1000;--opacity-image: 1;--wireframe: false;--motion: true;--color-text: rgba(0, 0, 0, .95);--color-text-secondary: rgba(0, 0, 0, .75);--color-text-tertiary: rgba(0, 0, 0, .55);--color-text-quaternary: rgba(0, 0, 0, .4);--color-border: #c3aeff;--color-border-secondary: #eceae9;--color-fill: rgba(32, 0, 122, .15);--color-fill-secondary: rgba(32, 0, 122, .06);--color-fill-tertiary: rgba(32, 0, 122, .04);--color-fill-quaternary: rgba(32, 0, 122, .02);--color-info-bg: #f8f6fb;--color-info-bg-hover: #ebe8f8;--color-info-border: #c3aeff;--color-info-border-hover: #ab8eff;--color-info-hover: #5f29f8;--color-info-active: #2c00aa;--color-info-text-hover: #5f29f8;--color-info-text: #2c00aa;--color-info-text-active: #20007a;--color-primary-bg: #f8f6fb;--color-primary-bg-hover: #ebe8f8;--color-primary-border: #c3aeff;--color-primary-border-hover: #ab8eff;--color-primary-hover: #5f29f8;--color-primary-active: #2c00aa;--color-primary-text-hover: #5f29f8;--color-primary-text: #2c00aa;--color-primary-text-active: #20007a;--control-outline: rgba(54, 0, 209, .1);--font-weight-strong: 500;--color-fill-alter-solid: #f8f6fb;--color-filled-handle-bg: #ebe8f8;--mp-brand-primary-1: #f8f6fb;--mp-brand-primary-2: #ebe8f8;--mp-brand-primary-3: #dbceff;--mp-brand-primary-4: #c3aeff;--mp-brand-primary-5: #ab8eff;--mp-brand-primary-6: #8255ff;--mp-brand-primary-7: #5f29f8;--mp-brand-primary-8: #3600d1;--mp-brand-primary-9: #2c00aa;--mp-brand-primary-10: #20007a;--mp-brand-secondary-1: #ffffff;--mp-brand-secondary-2: #faf9f8;--mp-brand-secondary-3: #eceae9;--mp-brand-secondary-4: #dcdcd8;--mp-brand-secondary-5: #babbb5;--mp-brand-secondary-6: #717368;--mp-brand-secondary-7: #505249;--mp-brand-secondary-8: #2c2d2b;--mp-brand-secondary-9: #212020;--mp-brand-secondary-10: #0f0e0e;--mp-color-icon-strong: #0f0e0e;--mp-color-icon-brand: #20007a;--mp-color-border-disabled: #dcdcd8;--mp-icon-size-xs: 12px;--mp-icon-size-sm: 16px;--mp-icon-size-md: 20px;--mp-icon-size-lg: 24px;--mp-icon-size-xl: 28px;--mp-icon-size-xxl: 32px;--mp-icon-size-xxxl: 40px;--mp-icon-size-xxxxl: 48px;--mp-query-item-height: 32px;--mp-query-item-padding: 4px;--mp-query-item-gap: 4px;--mp-query-item-border-width: 0 0 1px 0;--mp-query-item-border-width-active: 0 0 2px 0;--mp-query-item-border-radius: 2px;--mp-query-item-border-color: #c3aeff;--mp-query-item-border-color-focus: #3600d1;--mp-query-item-border-color-hover: #3600d1;--mp-query-item-border-color-active: #3600d1;--mp-query-item-border-color-disabled: #dcdcd8;--mp-query-item-border-color-error: #ff4d4f;--mp-query-item-bg-color: #ffffff;--mp-query-item-bg-color-hover: #f8f6fb;--mp-query-item-bg-color-active: #ebe8f8;--mp-query-item-bg-color-disabled: rgba(15, 14, 14, .04);--mp-query-item-color-disabled: rgba(0, 0, 0, .4);--mp-query-item-shadow: none;--mp-query-item-shadow-focus: 0 0 0 2px rgba(54, 0, 209, .1);--mp-query-item-shadow-active: 0 0 0 2px rgba(54, 0, 209, .1);--mp-query-item-value-selector-font-weight: 500;--mp-query-item-value-selector-color: #20007a;--mp-query-item-action-primary-color: #3600d1;--mp-query-item-action-secondary-color: rgba(0, 0, 0, .55);--mp-query-item-action-font-weight: 400;--blue1: #e6f4ff;--blue2: #bae0ff;--blue3: #91caff;--blue4: #69b1ff;--blue5: #4096ff;--blue6: #1677ff;--blue7: #0958d9;--blue8: #003eb3;--blue9: #002c8c;--blue10: #001d66;--purple1: #f9f0ff;--purple2: #efdbff;--purple3: #d3adf7;--purple4: #b37feb;--purple5: #9254de;--purple6: #722ed1;--purple7: #531dab;--purple8: #391085;--purple9: #22075e;--purple10: #120338;--cyan1: #e6fffb;--cyan2: #b5f5ec;--cyan3: #87e8de;--cyan4: #5cdbd3;--cyan5: #36cfc9;--cyan6: #13c2c2;--cyan7: #08979c;--cyan8: #006d75;--cyan9: #00474f;--cyan10: #002329;--green1: #f6ffed;--green2: #d9f7be;--green3: #b7eb8f;--green4: #95de64;--green5: #73d13d;--green6: #52c41a;--green7: #389e0d;--green8: #237804;--green9: #135200;--green10: #092b00;--magenta1: #fff0f6;--magenta2: #ffd6e7;--magenta3: #ffadd2;--magenta4: #ff85c0;--magenta5: #f759ab;--magenta6: #eb2f96;--magenta7: #c41d7f;--magenta8: #9e1068;--magenta9: #780650;--magenta10: #520339;--pink1: #fff0f6;--pink2: #ffd6e7;--pink3: #ffadd2;--pink4: #ff85c0;--pink5: #f759ab;--pink6: #eb2f96;--pink7: #c41d7f;--pink8: #9e1068;--pink9: #780650;--pink10: #520339;--red1: #fff1f0;--red2: #ffccc7;--red3: #ffa39e;--red4: #ff7875;--red5: #ff4d4f;--red6: #f5222d;--red7: #cf1322;--red8: #a8071a;--red9: #820014;--red10: #5c0011;--orange1: #fff7e6;--orange2: #ffe7ba;--orange3: #ffd591;--orange4: #ffc069;--orange5: #ffa940;--orange6: #fa8c16;--orange7: #d46b08;--orange8: #ad4e00;--orange9: #873800;--orange10: #612500;--yellow1: #feffe6;--yellow2: #ffffb8;--yellow3: #fffb8f;--yellow4: #fff566;--yellow5: #ffec3d;--yellow6: #fadb14;--yellow7: #d4b106;--yellow8: #ad8b00;--yellow9: #876800;--yellow10: #614700;--volcano1: #fff2e8;--volcano2: #ffd8bf;--volcano3: #ffbb96;--volcano4: #ff9c6e;--volcano5: #ff7a45;--volcano6: #fa541c;--volcano7: #d4380d;--volcano8: #ad2102;--volcano9: #871400;--volcano10: #610b00;--geekblue1: #f0f5ff;--geekblue2: #d6e4ff;--geekblue3: #adc6ff;--geekblue4: #85a5ff;--geekblue5: #597ef7;--geekblue6: #2f54eb;--geekblue7: #1d39c4;--geekblue8: #10239e;--geekblue9: #061178;--geekblue10: #030852;--gold1: #fffbe6;--gold2: #fff1b8;--gold3: #ffe58f;--gold4: #ffd666;--gold5: #ffc53d;--gold6: #faad14;--gold7: #d48806;--gold8: #ad6800;--gold9: #874d00;--gold10: #613400;--lime1: #fcffe6;--lime2: #f4ffb8;--lime3: #eaff8f;--lime4: #d3f261;--lime5: #bae637;--lime6: #a0d911;--lime7: #7cb305;--lime8: #5b8c00;--lime9: #3f6600;--lime10: #254000;--color-bg-layout: #f5f5f5;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-spotlight: rgba(0, 0, 0, .85);--color-bg-blur: transparent;--color-success-bg: #f6ffed;--color-success-bg-hover: #d9f7be;--color-success-border: #b7eb8f;--color-success-border-hover: #95de64;--color-success-hover: #95de64;--color-success-active: #389e0d;--color-success-text-hover: #73d13d;--color-success-text: #52c41a;--color-success-text-active: #389e0d;--color-error-bg: #fff2f0;--color-error-bg-hover: #fff1f0;--color-error-bg-active: #ffccc7;--color-error-border: #ffccc7;--color-error-border-hover: #ffa39e;--color-error-hover: #ff7875;--color-error-active: #d9363e;--color-error-text-hover: #ff7875;--color-error-text: #ff4d4f;--color-error-text-active: #d9363e;--color-warning-bg: #fffbe6;--color-warning-bg-hover: #fff1b8;--color-warning-border: #ffe58f;--color-warning-border-hover: #ffd666;--color-warning-hover: #ffd666;--color-warning-active: #d48806;--color-warning-text-hover: #ffc53d;--color-warning-text: #faad14;--color-warning-text-active: #d48806;--color-link-hover: #804beb;--color-link-active: #2800ab;--color-bg-mask: rgba(0, 0, 0, .45);--color-white: #fff;--font-size-sm: 12px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-heading1: 38px;--font-size-heading2: 30px;--font-size-heading3: 24px;--font-size-heading4: 20px;--font-size-heading5: 16px;--line-height: 1.5714285714285714;--line-height-lg: 1.5;--line-height-sm: 1.6666666666666667;--font-height: 22px;--font-height-lg: 24px;--font-height-sm: 20px;--line-height-heading1: 1.2105263157894737;--line-height-heading2: 1.2666666666666666;--line-height-heading3: 1.3333333333333333;--line-height-heading4: 1.4;--line-height-heading5: 1.5;--size-xxl: 48px;--size-xl: 32px;--size-lg: 24px;--size-md: 20px;--size-ms: 16px;--size: 16px;--size-sm: 12px;--size-xs: 8px;--size-xxs: 4px;--control-height-sm: 24px;--control-height-xs: 16px;--control-height-lg: 40px;--motion-duration-fast: .1s;--motion-duration-mid: .2s;--motion-duration-slow: .3s;--line-width-bold: 2px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-lg: 8px;--border-radius-outer: 4px;--color-fill-content: rgba(32, 0, 122, .06);--color-fill-content-hover: rgba(32, 0, 122, .15);--color-fill-alter: rgba(32, 0, 122, .02);--color-bg-container-disabled: rgba(32, 0, 122, .04);--color-border-bg: #ffffff;--color-split: rgba(44, 22, 11, .09);--color-text-placeholder: rgba(0, 0, 0, .4);--color-text-disabled: rgba(0, 0, 0, .4);--color-text-heading: rgba(0, 0, 0, .95);--color-text-label: rgba(0, 0, 0, .75);--color-text-description: rgba(0, 0, 0, .55);--color-text-light-solid: #fff;--color-highlight: #ff4d4f;--color-bg-text-hover: rgba(32, 0, 122, .06);--color-bg-text-active: rgba(32, 0, 122, .15);--color-icon: rgba(0, 0, 0, .55);--color-icon-hover: rgba(0, 0, 0, .95);--color-error-outline: rgba(255, 38, 5, .06);--color-warning-outline: rgba(255, 215, 5, .1);--font-size-icon: 12px;--line-width-focus: 4px;--control-outline-width: 2px;--control-interactive-size: 16px;--control-item-bg-hover: rgba(32, 0, 122, .04);--control-item-bg-active: #f8f6fb;--control-item-bg-active-hover: #ebe8f8;--control-item-bg-active-disabled: rgba(32, 0, 122, .15);--control-tmp-outline: rgba(32, 0, 122, .02);--opacity-loading: .65;--link-decoration: none;--link-hover-decoration: none;--link-focus-decoration: none;--control-padding-horizontal: 12px;--control-padding-horizontal-sm: 8px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-md: 20px;--padding-lg: 24px;--padding-xl: 32px;--padding-content-horizontal-lg: 24px;--padding-content-vertical-lg: 16px;--padding-content-horizontal: 16px;--padding-content-vertical: 12px;--padding-content-horizontal-sm: 16px;--padding-content-vertical-sm: 8px;--margin-xxs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin: 16px;--margin-md: 20px;--margin-lg: 24px;--margin-xl: 32px;--margin-xxl: 48px;--box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02) ;--screen-xs: 480px;--screen-xs-min: 480px;--screen-xs-max: 575px;--screen-sm: 576px;--screen-sm-min: 576px;--screen-sm-max: 767px;--screen-md: 768px;--screen-md-min: 768px;--screen-md-max: 991px;--screen-lg: 992px;--screen-lg-min: 992px;--screen-lg-max: 1199px;--screen-xl: 1200px;--screen-xl-min: 1200px;--screen-xl-max: 1599px;--screen-xxl: 1600px;--screen-xxl-min: 1600px;--box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, .05);--box-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09) ;--box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, .08), -3px 0 6px -4px rgba(0, 0, 0, .12), -9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, .08), 3px 0 6px -4px rgba(0, 0, 0, .12), 9px 0 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, .08), 0 -3px 6px -4px rgba(0, 0, 0, .12), 0 -9px 28px 8px rgba(0, 0, 0, .05) ;--box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, .08);--box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)}:root{--nav-item-height: 56px;--nav-item-width: 82px;--nav-width: 90px;--suite-logo-height: 82px;--mp-logo-height: 80px;--color-scrollbar-handle: rgb(0 0 0 / 15%);--color-scrollbar-track: transparent;--size-scrollbar-handle: 6px;--label-size: 10px;--suite-selector-content-max-width: 272px}.globalNavigation{width:var(--nav-width);min-height:100%;background-color:#fff!important;border-right:1px solid var(--color-border-secondary);box-shadow:0 2px 4px #00000005,0 1px 6px -1px #00000005,0 1px 2px #00000008;position:absolute;top:0;left:0;bottom:0;overflow:hidden auto}@supports (scrollbar-color: auto){.globalNavigation{scrollbar-color:var(--color-scrollbar-handle) var(--color-scrollbar-track);scrollbar-width:thin}}.globalNavigation::-webkit-scrollbar{-webkit-appearance:none;width:var(--size-scrollbar-handle);height:var(--size-scrollbar-handle)}.globalNavigation::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.globalNavigation::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-handle)}.globalNavigation__sider{min-height:100%;background-color:#fff!important}.globalNavigation__item{height:var(--nav-item-height)!important;width:var(--nav-width);margin:0;padding:0;gap:var(--margin-xxs);border-radius:0!important;border-left:solid 3px transparent;border-right:solid 3px transparent;transition:none!important;cursor:pointer}.globalNavigation__item.globalNavigation__link{cursor:pointer}.globalNavigation__item:hover{background-color:var(--control-item-bg-hover)!important}.globalNavigation__item:focus,.globalNavigation__item:active{background-color:var(--control-item-bg-active)}.globalNavigation__item .ant-menu-submenu-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:var(--nav-item-height)!important;padding:0!important;margin:0!important;background-color:transparent!important;cursor:revert!important}.globalNavigation__submenu.globalNavigation__submenu--active .ant-menu-submenu-title{color:var(--color-primary)!important}.globalNavigation__childItem.globalNavigation__childItem--active{background-color:var(--control-item-bg-active)!important}.globalNavigation__item.workspaceSelector__menuItem{height:calc(var(--control-height-lg) * 2)!important}.globalNavigation__item .ant-menu-title-content{text-wrap:wrap;margin-inline-start:0!important;opacity:1!important}.globalNavigation__item.globalNavigation__item--workspaceSelector:hover{background-color:initial}.globalNavigation__item.globalNavigation__item--createNew{border:none!important}.globalNavigation__item.globalNavigation__item--createNew:hover{background-color:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-menu-item-icon{pointer-events:initial!important}.globalNavigation__item.globalNavigation__item--createNew .ant-button:hover{border-color:var(--color-primary-hover)!important}.globalNavigation__item.globalNavigation__item--active{border-left-color:var(--color-primary);background-color:var(--control-item-bg-active)}.globalNavigation__search{width:100%}.navigationCreate__popupButton{cursor:default!important}.globalNavigation__searchButtonWrapper,.navigationCreate__popupButtonWrapper{height:var(--nav-item-height)}.globalNavigation__searchButton,.navigationCreate__popupButton{box-shadow:0 2px #3600d11a}.globalNavigation__searchButton{width:42px!important;padding-inline:var(--padding-xs) var(--padding-xs)!important}.globalNavigation__popup .ant-menu-item-group-title{margin:0 var(--margin-xxs)!important;padding:var(--padding-xs) var(--padding) 0!important;user-select:none;color:var(--color-primary-text)!important;font-size:12px!important;font-weight:500;line-height:20px}.globalNavigation__popup.globalNavigation__popup--navigationCreate{width:290px!important}.globalNavigation__popup.globalNavigation__popup--navigationCreate .ant-menu-item-group-title{border-top:1px solid var(--color-border-secondary);color:var(--color-primary-text)!important}.globalNavigation__buttonItem{padding:0!important;margin:0 auto!important;color:var(--mp-brand-secondary-1)!important}.globalNavigation__buttonItem:hover{background-color:transparent!important}.navigationCreate__item{height:100%!important;min-height:100%!important;padding:var(--padding-xxs) 0}.navigationCreate__item .ant-flex{gap:0}.navigationCreate__item.navigationCreate__item--disabled{cursor:default!important}.navigationCreate__item.navigationCreate__item--disabled:hover{background-color:initial!important}.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemTitle,.navigationCreate__item.navigationCreate__item--disabled .navigationCreate__itemDescription{color:var(--color-text-disabled)!important}.navigationCreate__itemTitle{display:flex;align-items:center;gap:var(--size-xxs);color:var(--color-text-heading);font-size:14px;font-weight:400;line-height:22px}.navigationCreate__itemDescription{color:var(--color-text-description);font-size:12px;line-height:20px;white-space:normal!important;padding:var(--padding-xs) 0}.navigationCreate__itemLoading,.navigationCreate__itemLock{padding-left:var(--padding-sm)}.navigationCreate__itemLock{width:var(--size-sm);height:var(--size-sm)}.globalNavigation__menu{height:var(--nav-item-height)!important;width:100%;border-inline-end:initial!important}.globalNavigation__menu .globalNavigation__icon{height:100%;width:20px}.globalNavigation__icon.globalNavigation__icon--suiteLogo{padding-bottom:var(--padding-xxs)}.globalNavigation__menu .globalNavigation__iconLabel{margin-top:var(--margin-xxs)}.globalNavigation__iconLabel{color:var(--color-text);font-size:var(--label-size)}.globalNavigation__badge{margin-left:4px;border:solid 1px var(--color-border);border-radius:var(--border-radius-sm);padding:0;box-shadow:none!important}.globalNavigation__badge .ant-badge-count{color:var(--color-text)!important;background:transparent!important;box-shadow:none!important}.ant-badge-color-red{color:var(--color-error)!important;background:var(--color-error)!important}.ant-menu-item-selected{background-color:revert!important;color:revert!important}.globalNavigation__headerItem{width:var(--control-height-lg);height:var(--control-height-lg)!important;padding:0 var(--padding-sm);border-radius:var(--border-radius-lg);border:1px solid var(--color-border, #c3aeff)}.globalNavigation__suiteLogo{min-height:var(--suite-logo-height);min-width:var(--nav-width);padding:var(--padding-md) 0 0;color:#000;font-size:var(--font-size-sm);font-weight:400;cursor:pointer}.globalNavigation__icon--suiteBackground{background-color:var(--mp-brand-primary-2);padding:10px;margin-bottom:8px;border-radius:100%}.globalNavigation__suiteLogo:hover .globalNavigation__icon--suiteBackground svg{fill:var(--mp-brand-primary-7)}.globalNavigation__icon.globalNavigation__icon--suiteLogo svg{width:36px;height:36px}.globalNavigation__divider{border-bottom:1px solid var(--color-border-secondary);margin:var(--margin-md) var(--margin-xxs) 0 var(--margin-xxs)}.globalNavigation__mpHome{padding:var(--padding-lg, 20px);margin-top:var(--margin-xs);width:var(--nav-width);height:var(--nav-item-height);background-color:#000;color:#fff;cursor:pointer}.globalNavigation__mpHome.globalNavigation__mpHome--unified{margin-top:0;height:var(--mp-logo-height)}.globalNavigation__mpHome svg{width:28px;height:var(--size-lg)}.globalNavigation__mpHome.globalNavigation__mpHome--unified svg{width:var(--mp-icon-size-xxl);height:var(--mp-icon-size-xl)}.notificationCenter__popover{left:var(--nav-width)!important;height:100%;width:300px}.notificationCenter__popover .ant-popover-inner{display:flex;flex-direction:column;height:100vh;padding:0;border-radius:0}.notificationCenter__popover .ant-popover-inner-content{flex-grow:1;overflow-y:auto}.notificationCenter__popover .ant-popover-title{margin:0}.notificationCenter__header{padding:var(--padding-content-vertical-lg) var(--padding-content-horizontal-lg);border-bottom:1px solid var(--color-border-secondary)}.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg{line-height:0!important}.suiteSelector__content{max-width:var(--suite-selector-content-max-width);margin-bottom:var(--margin-xs)}.suiteSelector__link{display:block;padding:var(--padding-sm) 0;border-radius:var(--border-radius-lg);color:var(--color-text-base);font-size:var(--font-size-sm);border:1px solid transparent;cursor:pointer}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover{background-color:var(--color-primary-bg-hover);border-color:var(--color-primary-bg-hover);color:var(--color-text-base)}.suiteSelector__link:not(.suiteSelector__link--active,.suiteSelector__link--disabled):hover .suiteSelector__suiteLogo{background-color:var(--color-white)}.suiteSelector__link.suiteSelector__link--active{border-color:var(--color-border);color:var(--color-text-base)}.suiteSelector__link.suiteSelector__link--disabled{pointer-events:none;cursor:default;color:var(--color-text-disabled)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo{background-color:var(--mp-brand-secondary-3)}.suiteSelector__link.suiteSelector__link--disabled .suiteSelector__suiteLogo svg{color:var(--color-text-disabled)}.suiteSelector__suiteLogo{background-color:var(--control-item-bg-active);width:var(--control-height-lg);height:var(--control-height-lg);border-radius:100%}.u-display-none{display:none!important}.u-display-flex{display:flex!important}.u-align-items-center{align-items:center!important}.u-justify-center{justify-content:center!important}.u-padding-sm{padding:var(--padding-sm)!important}.u-padding-xxs{padding:var(--padding-xxs)!important}:root{--workspace-selector-height: 400px;--workspace-selector-search-height: 36px;--workspace-selector-signout-height: 40px;--workspace-selector-items-height: calc( var(--workspace-selector-height) - var(--workspace-selector-search-height) - var(--workspace-selector-signout-height) )}.workspaceSelector__search{position:sticky!important;bottom:var(--workspace-selector-search-height);z-index:1;width:100%!important;background-color:#fff!important;margin-bottom:var(--margin-xxs)}.workspaceSelector__noResults{height:var(--workspace-selector-items-height);pointer-events:none}.workspaceSelector__noResults .ant-result-title{font-size:var(--font-size)}.workspaceSelector__menuItem{display:flex;justify-content:center;align-items:center}.workspaceSelector__avatar{color:#fff!important;top:1px;margin-top:2px}.workspaceSelector__label{position:relative;top:2px;padding-top:var(--padding-xxs);font-size:var(--font-size-sm)}.workspaceSelector__popover{padding:var(--padding-xxs)!important}.workspaceSelector__popoverContent{height:var(--workspace-selector-height);width:200px}.workspaceSelector__itemsList{list-style:none;padding-left:0;margin-left:0;margin-block-start:0;overflow:auto;height:var(--workspace-selector-items-height);margin-bottom:var(--margin-xxs)}.workspaceSelector__orgName{color:var(--color-primary);pointer-events:none;padding:var(--padding-xs) var(--padding) 0;font-weight:var(--font-weight-strong)}.workspaceSelector__orgName:not(:first-child){border-top:1px solid var(--color-border-secondary)}.workspaceSelector__accountName{pointer-events:none;padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) var(--padding)}.workspaceSelector__workspaceName{padding-top:var(--padding-xs);padding-bottom:var(--padding-xs);padding-left:calc(var(--padding-sm) + var(--padding))!important;border-radius:var(--border-radius-sm);cursor:pointer}.workspaceSelector__workspaceName:hover{background-color:var(--control-item-bg-hover)}.workspaceSelector__workspaceName.workspaceSelector__workspaceName--active,.workspaceSelector__workspaceName:active{background:var(--control-item-bg-active)!important;padding-right:var(--padding)}.workspaceSelector__orgName,.workspaceSelector__accountName{pointer-events:none}.workspaceSelector__orgName,.workspaceSelector__accountName,.workspaceSelector__workspaceName{margin-top:0!important;margin-bottom:0!important;overflow-wrap:anywhere}.workspaceSelector__signout{position:sticky!important;bottom:0;width:100%!important;padding:0 var(--padding-xxs)!important;margin:0!important;background-color:#fff!important;height:var(--workspace-selector-signout-height)}.workspaceSelector__signoutButtonContainer{width:100%;position:absolute;bottom:0;left:0;padding:var(--padding-xxs)}.workspaceSelector__signoutButton{width:100%}.globalNavigation__newExperienceReminder.globalNavigation__newExperienceReminder-bottomLeft{left:calc(var(--nav-width) + var(--margin-xs))!important}.globalNavigation__newExperienceReminder .ant-btn-link span{color:var(--color-primary)}.globalNavigation__newExperienceReminder .ant-btn-link span:hover{color:var(--color-primary-hover)}
+:root {
+  --blue: #1677FF;
+  --purple: #722ED1;
+  --cyan: #13C2C2;
+  --green: #52C41A;
+  --magenta: #EB2F96;
+  --pink: #EB2F96;
+  --red: #F5222D;
+  --orange: #FA8C16;
+  --yellow: #FADB14;
+  --volcano: #FA541C;
+  --geekblue: #2F54EB;
+  --gold: #FAAD14;
+  --lime: #A0D911;
+  --color-primary: #3600d1;
+  --color-success: #52c41a;
+  --color-warning: #faad14;
+  --color-error: #ff4d4f;
+  --color-info: #3600d1;
+  --color-link: #3600d1;
+  --color-text-base: #000;
+  --color-bg-base: #fff;
+  --font-family: 'GT America', -system-ui, sans-serif;
+  --font-family-code: ‘roboto mono’, monospace;
+  --font-size: 14px;
+  --line-width: 1px;
+  --line-type: solid;
+  --motion-unit: 0.1;
+  --motion-base: 0;
+  --motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
+  --motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
+  --motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
+  --motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
+  --motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
+  --motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+  --motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+  --border-radius: 6px;
+  --size-unit: 4px;
+  --size-step: 4px;
+  --size-popup-arrow: 16px;
+  --control-height: 32px;
+  --z-index-base: 0;
+  --z-index-popup-base: 1000;
+  --opacity-image: 1;
+  --wireframe: false;
+  --motion: true;
+  --color-text: rgb(0 0 0 / 95%);
+  --color-text-secondary: rgb(0 0 0 / 75%);
+  --color-text-tertiary: rgb(0 0 0 / 55%);
+  --color-text-quaternary: rgb(0 0 0 / 40%);
+  --color-border: #c3aeff;
+  --color-border-secondary: #eceae9;
+  --color-fill: rgb(32 0 122 / 15%);
+  --color-fill-secondary: rgb(32 0 122 / 6%);
+  --color-fill-tertiary: rgb(32 0 122 / 4%);
+  --color-fill-quaternary: rgb(32 0 122 / 2%);
+  --color-info-bg: #f8f6fb;
+  --color-info-bg-hover: #ebe8f8;
+  --color-info-border: #c3aeff;
+  --color-info-border-hover: #ab8eff;
+  --color-info-hover: #5f29f8;
+  --color-info-active: #2c00aa;
+  --color-info-text-hover: #5f29f8;
+  --color-info-text: #2c00aa;
+  --color-info-text-active: #20007a;
+  --color-primary-bg: #f8f6fb;
+  --color-primary-bg-hover: #ebe8f8;
+  --color-primary-border: #c3aeff;
+  --color-primary-border-hover: #ab8eff;
+  --color-primary-hover: #5f29f8;
+  --color-primary-active: #2c00aa;
+  --color-primary-text-hover: #5f29f8;
+  --color-primary-text: #2c00aa;
+  --color-primary-text-active: #20007a;
+  --control-outline: rgb(54 0 209 / 10%);
+  --font-weight-strong: 500;
+  --color-fill-alter-solid: #f8f6fb;
+  --color-filled-handle-bg: #ebe8f8;
+  --mp-brand-primary-1: #f8f6fb;
+  --mp-brand-primary-2: #ebe8f8;
+  --mp-brand-primary-3: #dbceff;
+  --mp-brand-primary-4: #c3aeff;
+  --mp-brand-primary-5: #ab8eff;
+  --mp-brand-primary-6: #8255ff;
+  --mp-brand-primary-7: #5f29f8;
+  --mp-brand-primary-8: #3600d1;
+  --mp-brand-primary-9: #2c00aa;
+  --mp-brand-primary-10: #20007a;
+  --mp-brand-secondary-1: #fff;
+  --mp-brand-secondary-2: #faf9f8;
+  --mp-brand-secondary-3: #eceae9;
+  --mp-brand-secondary-4: #dcdcd8;
+  --mp-brand-secondary-5: #babbb5;
+  --mp-brand-secondary-6: #717368;
+  --mp-brand-secondary-7: #505249;
+  --mp-brand-secondary-8: #2c2d2b;
+  --mp-brand-secondary-9: #212020;
+  --mp-brand-secondary-10: #0f0e0e;
+  --mp-color-icon-strong: #0f0e0e;
+  --mp-color-icon-brand: #20007a;
+  --mp-color-border-disabled: #dcdcd8;
+  --mp-icon-size-xs: 12px;
+  --mp-icon-size-sm: 16px;
+  --mp-icon-size-md: 20px;
+  --mp-icon-size-lg: 24px;
+  --mp-icon-size-xl: 28px;
+  --mp-icon-size-xxl: 32px;
+  --mp-icon-size-xxxl: 40px;
+  --mp-icon-size-xxxxl: 48px;
+  --mp-query-item-height: 32px;
+  --mp-query-item-padding: 4px;
+  --mp-query-item-gap: 4px;
+  --mp-query-item-border-width: 0 0 1px 0;
+  --mp-query-item-border-width-active: 0 0 2px 0;
+  --mp-query-item-border-radius: 2px;
+  --mp-query-item-border-color: #c3aeff;
+  --mp-query-item-border-color-focus: #3600d1;
+  --mp-query-item-border-color-hover: #3600d1;
+  --mp-query-item-border-color-active: #3600d1;
+  --mp-query-item-border-color-disabled: #dcdcd8;
+  --mp-query-item-border-color-error: #ff4d4f;
+  --mp-query-item-bg-color: #fff;
+  --mp-query-item-bg-color-hover: #f8f6fb;
+  --mp-query-item-bg-color-active: #ebe8f8;
+  --mp-query-item-bg-color-disabled: rgb(15 14 14 / 4%);
+  --mp-query-item-color-disabled: rgb(0 0 0 / 40%);
+  --mp-query-item-shadow: none;
+  --mp-query-item-shadow-focus: 0 0 0 2px rgb(54 0 209 / 10%);
+  --mp-query-item-shadow-active: 0 0 0 2px rgb(54 0 209 / 10%);
+  --mp-query-item-value-selector-font-weight: 500;
+  --mp-query-item-value-selector-color: #20007a;
+  --mp-query-item-action-primary-color: #3600d1;
+  --mp-query-item-action-secondary-color: rgb(0 0 0 / 55%);
+  --mp-query-item-action-font-weight: 400;
+  --blue1: #e6f4ff;
+  --blue2: #bae0ff;
+  --blue3: #91caff;
+  --blue4: #69b1ff;
+  --blue5: #4096ff;
+  --blue6: #1677ff;
+  --blue7: #0958d9;
+  --blue8: #003eb3;
+  --blue9: #002c8c;
+  --blue10: #001d66;
+  --purple1: #f9f0ff;
+  --purple2: #efdbff;
+  --purple3: #d3adf7;
+  --purple4: #b37feb;
+  --purple5: #9254de;
+  --purple6: #722ed1;
+  --purple7: #531dab;
+  --purple8: #391085;
+  --purple9: #22075e;
+  --purple10: #120338;
+  --cyan1: #e6fffb;
+  --cyan2: #b5f5ec;
+  --cyan3: #87e8de;
+  --cyan4: #5cdbd3;
+  --cyan5: #36cfc9;
+  --cyan6: #13c2c2;
+  --cyan7: #08979c;
+  --cyan8: #006d75;
+  --cyan9: #00474f;
+  --cyan10: #002329;
+  --green1: #f6ffed;
+  --green2: #d9f7be;
+  --green3: #b7eb8f;
+  --green4: #95de64;
+  --green5: #73d13d;
+  --green6: #52c41a;
+  --green7: #389e0d;
+  --green8: #237804;
+  --green9: #135200;
+  --green10: #092b00;
+  --magenta1: #fff0f6;
+  --magenta2: #ffd6e7;
+  --magenta3: #ffadd2;
+  --magenta4: #ff85c0;
+  --magenta5: #f759ab;
+  --magenta6: #eb2f96;
+  --magenta7: #c41d7f;
+  --magenta8: #9e1068;
+  --magenta9: #780650;
+  --magenta10: #520339;
+  --pink1: #fff0f6;
+  --pink2: #ffd6e7;
+  --pink3: #ffadd2;
+  --pink4: #ff85c0;
+  --pink5: #f759ab;
+  --pink6: #eb2f96;
+  --pink7: #c41d7f;
+  --pink8: #9e1068;
+  --pink9: #780650;
+  --pink10: #520339;
+  --red1: #fff1f0;
+  --red2: #ffccc7;
+  --red3: #ffa39e;
+  --red4: #ff7875;
+  --red5: #ff4d4f;
+  --red6: #f5222d;
+  --red7: #cf1322;
+  --red8: #a8071a;
+  --red9: #820014;
+  --red10: #5c0011;
+  --orange1: #fff7e6;
+  --orange2: #ffe7ba;
+  --orange3: #ffd591;
+  --orange4: #ffc069;
+  --orange5: #ffa940;
+  --orange6: #fa8c16;
+  --orange7: #d46b08;
+  --orange8: #ad4e00;
+  --orange9: #873800;
+  --orange10: #612500;
+  --yellow1: #feffe6;
+  --yellow2: #ffffb8;
+  --yellow3: #fffb8f;
+  --yellow4: #fff566;
+  --yellow5: #ffec3d;
+  --yellow6: #fadb14;
+  --yellow7: #d4b106;
+  --yellow8: #ad8b00;
+  --yellow9: #876800;
+  --yellow10: #614700;
+  --volcano1: #fff2e8;
+  --volcano2: #ffd8bf;
+  --volcano3: #ffbb96;
+  --volcano4: #ff9c6e;
+  --volcano5: #ff7a45;
+  --volcano6: #fa541c;
+  --volcano7: #d4380d;
+  --volcano8: #ad2102;
+  --volcano9: #871400;
+  --volcano10: #610b00;
+  --geekblue1: #f0f5ff;
+  --geekblue2: #d6e4ff;
+  --geekblue3: #adc6ff;
+  --geekblue4: #85a5ff;
+  --geekblue5: #597ef7;
+  --geekblue6: #2f54eb;
+  --geekblue7: #1d39c4;
+  --geekblue8: #10239e;
+  --geekblue9: #061178;
+  --geekblue10: #030852;
+  --gold1: #fffbe6;
+  --gold2: #fff1b8;
+  --gold3: #ffe58f;
+  --gold4: #ffd666;
+  --gold5: #ffc53d;
+  --gold6: #faad14;
+  --gold7: #d48806;
+  --gold8: #ad6800;
+  --gold9: #874d00;
+  --gold10: #613400;
+  --lime1: #fcffe6;
+  --lime2: #f4ffb8;
+  --lime3: #eaff8f;
+  --lime4: #d3f261;
+  --lime5: #bae637;
+  --lime6: #a0d911;
+  --lime7: #7cb305;
+  --lime8: #5b8c00;
+  --lime9: #3f6600;
+  --lime10: #254000;
+  --color-bg-layout: #f5f5f5;
+  --color-bg-container: #fff;
+  --color-bg-elevated: #fff;
+  --color-bg-spotlight: rgb(0 0 0 / 85%);
+  --color-bg-blur: transparent;
+  --color-success-bg: #f6ffed;
+  --color-success-bg-hover: #d9f7be;
+  --color-success-border: #b7eb8f;
+  --color-success-border-hover: #95de64;
+  --color-success-hover: #95de64;
+  --color-success-active: #389e0d;
+  --color-success-text-hover: #73d13d;
+  --color-success-text: #52c41a;
+  --color-success-text-active: #389e0d;
+  --color-error-bg: #fff2f0;
+  --color-error-bg-hover: #fff1f0;
+  --color-error-bg-active: #ffccc7;
+  --color-error-border: #ffccc7;
+  --color-error-border-hover: #ffa39e;
+  --color-error-hover: #ff7875;
+  --color-error-active: #d9363e;
+  --color-error-text-hover: #ff7875;
+  --color-error-text: #ff4d4f;
+  --color-error-text-active: #d9363e;
+  --color-warning-bg: #fffbe6;
+  --color-warning-bg-hover: #fff1b8;
+  --color-warning-border: #ffe58f;
+  --color-warning-border-hover: #ffd666;
+  --color-warning-hover: #ffd666;
+  --color-warning-active: #d48806;
+  --color-warning-text-hover: #ffc53d;
+  --color-warning-text: #faad14;
+  --color-warning-text-active: #d48806;
+  --color-link-hover: #804beb;
+  --color-link-active: #2800ab;
+  --color-bg-mask: rgb(0 0 0 / 45%);
+  --color-white: #fff;
+  --font-size-sm: 12px;
+  --font-size-lg: 16px;
+  --font-size-xl: 20px;
+  --font-size-heading1: 38px;
+  --font-size-heading2: 30px;
+  --font-size-heading3: 24px;
+  --font-size-heading4: 20px;
+  --font-size-heading5: 16px;
+  --line-height: 1.5714;
+  --line-height-lg: 1.5;
+  --line-height-sm: 1.6667;
+  --font-height: 22px;
+  --font-height-lg: 24px;
+  --font-height-sm: 20px;
+  --line-height-heading1: 1.2105;
+  --line-height-heading2: 1.2667;
+  --line-height-heading3: 1.3333;
+  --line-height-heading4: 1.4;
+  --line-height-heading5: 1.5;
+  --size-xxl: 48px;
+  --size-xl: 32px;
+  --size-lg: 24px;
+  --size-md: 20px;
+  --size-ms: 16px;
+  --size: 16px;
+  --size-sm: 12px;
+  --size-xs: 8px;
+  --size-xxs: 4px;
+  --control-height-sm: 24px;
+  --control-height-xs: 16px;
+  --control-height-lg: 40px;
+  --motion-duration-fast: 0.1s;
+  --motion-duration-mid: 0.2s;
+  --motion-duration-slow: 0.3s;
+  --line-width-bold: 2px;
+  --border-radius-xs: 2px;
+  --border-radius-sm: 4px;
+  --border-radius-lg: 8px;
+  --border-radius-outer: 4px;
+  --color-fill-content: rgb(32 0 122 / 6%);
+  --color-fill-content-hover: rgb(32 0 122 / 15%);
+  --color-fill-alter: rgb(32 0 122 / 2%);
+  --color-bg-container-disabled: rgb(32 0 122 / 4%);
+  --color-border-bg: #fff;
+  --color-split: rgb(44 22 11 / 9%);
+  --color-text-placeholder: rgb(0 0 0 / 40%);
+  --color-text-disabled: rgb(0 0 0 / 40%);
+  --color-text-heading: rgb(0 0 0 / 95%);
+  --color-text-label: rgb(0 0 0 / 75%);
+  --color-text-description: rgb(0 0 0 / 55%);
+  --color-text-light-solid: #fff;
+  --color-highlight: #ff4d4f;
+  --color-bg-text-hover: rgb(32 0 122 / 6%);
+  --color-bg-text-active: rgb(32 0 122 / 15%);
+  --color-icon: rgb(0 0 0 / 55%);
+  --color-icon-hover: rgb(0 0 0 / 95%);
+  --color-error-outline: rgb(255 38 5 / 6%);
+  --color-warning-outline: rgb(255 215 5 / 10%);
+  --font-size-icon: 12px;
+  --line-width-focus: 4px;
+  --control-outline-width: 2px;
+  --control-interactive-size: 16px;
+  --control-item-bg-hover: rgb(32 0 122 / 4%);
+  --control-item-bg-active: #f8f6fb;
+  --control-item-bg-active-hover: #ebe8f8;
+  --control-item-bg-active-disabled: rgb(32 0 122 / 15%);
+  --control-tmp-outline: rgb(32 0 122 / 2%);
+  --opacity-loading: 0.65;
+  --link-decoration: none;
+  --link-hover-decoration: none;
+  --link-focus-decoration: none;
+  --control-padding-horizontal: 12px;
+  --control-padding-horizontal-sm: 8px;
+  --padding-xxs: 4px;
+  --padding-xs: 8px;
+  --padding-sm: 12px;
+  --padding: 16px;
+  --padding-md: 20px;
+  --padding-lg: 24px;
+  --padding-xl: 32px;
+  --padding-content-horizontal-lg: 24px;
+  --padding-content-vertical-lg: 16px;
+  --padding-content-horizontal: 16px;
+  --padding-content-vertical: 12px;
+  --padding-content-horizontal-sm: 16px;
+  --padding-content-vertical-sm: 8px;
+  --margin-xxs: 4px;
+  --margin-xs: 8px;
+  --margin-sm: 12px;
+  --margin: 16px;
+  --margin-md: 20px;
+  --margin-lg: 24px;
+  --margin-xl: 32px;
+  --margin-xxl: 48px;
+  --box-shadow:  0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%) ;
+  --box-shadow-secondary:  0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%) ;
+  --box-shadow-tertiary:  0 1px 2px 0 rgb(0 0 0 / 3%), 0 1px 6px -1px rgb(0 0 0 / 2%), 0 2px 4px 0 rgb(0 0 0 / 2%) ;
+  --screen-xs: 480px;
+  --screen-xs-min: 480px;
+  --screen-xs-max: 575px;
+  --screen-sm: 576px;
+  --screen-sm-min: 576px;
+  --screen-sm-max: 767px;
+  --screen-md: 768px;
+  --screen-md-min: 768px;
+  --screen-md-max: 991px;
+  --screen-lg: 992px;
+  --screen-lg-min: 992px;
+  --screen-lg-max: 1199px;
+  --screen-xl: 1200px;
+  --screen-xl-min: 1200px;
+  --screen-xl-max: 1599px;
+  --screen-xxl: 1600px;
+  --screen-xxl-min: 1600px;
+  --box-shadow-popover-arrow: 2px 2px 5px rgb(0 0 0 / 5%);
+  --box-shadow-card:  0 1px 2px -2px rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 12%), 0 5px 12px 4px rgb(0 0 0 / 9%) ;
+  --box-shadow-drawer-right:  -6px 0 16px 0 rgb(0 0 0 / 8%), -3px 0 6px -4px rgb(0 0 0 / 12%), -9px 0 28px 8px rgb(0 0 0 / 5%) ;
+  --box-shadow-drawer-left:  6px 0 16px 0 rgb(0 0 0 / 8%), 3px 0 6px -4px rgb(0 0 0 / 12%), 9px 0 28px 8px rgb(0 0 0 / 5%) ;
+  --box-shadow-drawer-up:  0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%) ;
+  --box-shadow-drawer-down:  0 -6px 16px 0 rgb(0 0 0 / 8%), 0 -3px 6px -4px rgb(0 0 0 / 12%), 0 -9px 28px 8px rgb(0 0 0 / 5%) ;
+  --box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgb(0 0 0 / 8%);
+  --box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgb(0 0 0 / 8%);
+  --box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgb(0 0 0 / 8%);
+  --box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgb(0 0 0 / 8%);
+}

package/dist/style.ts

@@ -11,16 +11,18 @@ export const Volcano = "#FA541C";
 export const Geekblue = "#2F54EB";
 export const Gold = "#FAAD14";
 export const Lime = "#A0D911";
-export const ColorPrimary = "#3600d1";
+export const ColorPrimary = "#a10863";
 export const ColorSuccess = "#52c41a";
 export const ColorWarning = "#faad14";
 export const ColorError = "#ff4d4f";
-export const ColorInfo = "#3600d1";
-export const ColorLink = "#3600d1";
+export const ColorInfo = "#a10863";
+export const ColorLink = "#a10863";
 export const ColorTextBase = "#000";
 export const ColorBgBase = "#fff";
-export const FontFamily = "'GT America', -system-ui, sans-serif";
-export const FontFamilyCode = "‘Roboto Mono’, monospace";
+export const FontFamily =
+  "'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif";
+export const FontFamilyCode =
+  "ui-monospace, 'Roboto Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
 export const FontSize = "14px";
 export const LineWidth = "1px";
 export const LineType = "solid";
@@ -48,34 +50,46 @@ export const ColorText = "rgba(0, 0, 0, 0.95)";
 export const ColorTextSecondary = "rgba(0, 0, 0, 0.75)";
 export const ColorTextTertiary = "rgba(0, 0, 0, 0.55)";
 export const ColorTextQuaternary = "rgba(0, 0, 0, 0.4)";
-export const ColorBorder = "#c3aeff";
+export const ColorBorder = "#f7d9eb";
 export const ColorBorderSecondary = "#eceae9";
-export const ColorFill = "rgba(32, 0, 122, 0.15)";
-export const ColorFillSecondary = "rgba(32, 0, 122, 0.06)";
-export const ColorFillTertiary = "rgba(32, 0, 122, 0.04)";
-export const ColorFillQuaternary = "rgba(32, 0, 122, 0.02)";
-export const ColorInfoBg = "#f8f6fb";
-export const ColorInfoBgHover = "#ebe8f8";
-export const ColorInfoBorder = "#c3aeff";
-export const ColorInfoBorderHover = "#ab8eff";
-export const ColorInfoHover = "#5f29f8";
-export const ColorInfoActive = "#2c00aa";
-export const ColorInfoTextHover = "#5f29f8";
-export const ColorInfoText = "#2c00aa";
-export const ColorInfoTextActive = "#20007a";
-export const ColorPrimaryBg = "#f8f6fb";
-export const ColorPrimaryBgHover = "#ebe8f8";
-export const ColorPrimaryBorder = "#c3aeff";
-export const ColorPrimaryBorderHover = "#ab8eff";
-export const ColorPrimaryHover = "#5f29f8";
-export const ColorPrimaryActive = "#2c00aa";
-export const ColorPrimaryTextHover = "#5f29f8";
-export const ColorPrimaryText = "#2c00aa";
-export const ColorPrimaryTextActive = "#20007a";
-export const ControlOutline = "rgba(54, 0, 209, 0.1)";
+export const ColorFill = "rgba(161, 8, 99, 0.15)";
+export const ColorFillSecondary = "rgba(161, 8, 99, 0.06)";
+export const ColorFillTertiary = "rgba(161, 8, 99, 0.04)";
+export const ColorFillQuaternary = "rgba(161, 8, 99, 0.02)";
+export const ColorInfoBg = "#fcf3f8";
+export const ColorInfoBgHover = "#f7d9eb";
+export const ColorInfoBorder = "#f7d9eb";
+export const ColorInfoBorderHover = "#f1acd6";
+export const ColorInfoHover = "#c20075";
+export const ColorInfoActive = "#800a51";
+export const ColorInfoTextHover = "#a10863";
+export const ColorInfoText = "#640c41";
+export const ColorInfoTextActive = "#530e37";
+export const ColorPrimaryBg = "#fcf3f8";
+export const ColorPrimaryBgHover = "#f7d9eb";
+export const ColorPrimaryBorder = "#f7d9eb";
+export const ColorPrimaryBorderHover = "#f1acd6";
+export const ColorPrimaryHover = "#c20075";
+export const ColorPrimaryActive = "#800a51";
+export const ColorPrimaryTextHover = "#a10863";
+export const ColorPrimaryText = "#640c41";
+export const ColorPrimaryTextActive = "#530e37";
+export const ControlOutline = "rgba(161, 8, 99, 0.1)";
 export const FontWeightStrong = 500;
-export const ColorFillAlterSolid = "#f8f6fb";
-export const ColorFilledHandleBg = "#ebe8f8";
+export const ColorFillAlterSolid = "#fcf3f8";
+export const ColorFilledHandleBg = "#f7d9eb";
+export const RoktBrand25 = "#fffafd";
+export const RoktBrand50 = "#fcf3f8";
+export const RoktBrand100 = "#f7d9eb";
+export const RoktBrand200 = "#f1acd6";
+export const RoktBrand300 = "#ef76bf";
+export const RoktBrand400 = "#f03da8";
+export const RoktBrand500 = "#ef0b94";
+export const RoktBrand600 = "#c20075";
+export const RoktBrand700 = "#a10863";
+export const RoktBrand800 = "#800a51";
+export const RoktBrand900 = "#640c41";
+export const RoktBrand950 = "#530e37";
 export const MpBrandPrimary1 = "#f8f6fb";
 export const MpBrandPrimary2 = "#ebe8f8";
 export const MpBrandPrimary3 = "#dbceff";
@@ -338,10 +352,10 @@ export const BorderRadiusXs = "2px";
 export const BorderRadiusSm = "4px";
 export const BorderRadiusLg = "8px";
 export const BorderRadiusOuter = "4px";
-export const ColorFillContent = "rgba(32, 0, 122, 0.06)";
-export const ColorFillContentHover = "rgba(32, 0, 122, 0.15)";
-export const ColorFillAlter = "rgba(32, 0, 122, 0.02)";
-export const ColorBgContainerDisabled = "rgba(32, 0, 122, 0.04)";
+export const ColorFillContent = "rgba(161, 8, 99, 0.06)";
+export const ColorFillContentHover = "rgba(161, 8, 99, 0.15)";
+export const ColorFillAlter = "rgba(161, 8, 99, 0.02)";
+export const ColorBgContainerDisabled = "rgba(0, 0, 0, 0.05)";
 export const ColorBorderBg = "#ffffff";
 export const ColorSplit = "rgba(44, 22, 11, 0.09)";
 export const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
@@ -351,8 +365,8 @@ export const ColorTextLabel = "rgba(0, 0, 0, 0.75)";
 export const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
 export const ColorTextLightSolid = "#fff";
 export const ColorHighlight = "#ff4d4f";
-export const ColorBgTextHover = "rgba(32, 0, 122, 0.06)";
-export const ColorBgTextActive = "rgba(32, 0, 122, 0.15)";
+export const ColorBgTextHover = "rgba(161, 8, 99, 0.06)";
+export const ColorBgTextActive = "rgba(161, 8, 99, 0.15)";
 export const ColorIcon = "rgba(0, 0, 0, 0.55)";
 export const ColorIconHover = "rgba(0, 0, 0, 0.95)";
 export const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
@@ -361,11 +375,11 @@ export const FontSizeIcon = "12px";
 export const LineWidthFocus = "4px";
 export const ControlOutlineWidth = "2px";
 export const ControlInteractiveSize = "16px";
-export const ControlItemBgHover = "rgba(32, 0, 122, 0.04)";
-export const ControlItemBgActive = "#f8f6fb";
-export const ControlItemBgActiveHover = "#ebe8f8";
-export const ControlItemBgActiveDisabled = "rgba(32, 0, 122, 0.15)";
-export const ControlTmpOutline = "rgba(32, 0, 122, 0.02)";
+export const ControlItemBgHover = "rgba(161, 8, 99, 0.04)";
+export const ControlItemBgActive = "#fcf3f8";
+export const ControlItemBgActiveHover = "#f7d9eb";
+export const ControlItemBgActiveDisabled = "rgba(161, 8, 99, 0.15)";
+export const ControlTmpOutline = "rgba(161, 8, 99, 0.02)";
 export const OpacityLoading = 0.65;
 export const LinkDecoration = "none";
 export const LinkHoverDecoration = "none";