*,*:before,*:after{box-sizing:border-box}*:focus,*:hover{outline:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}a:not([class]){text-decoration-skip-ink:auto}:root{--color-primary: #346ddb;--color-grey-blue-light: #abb7ca;--color-yellow-xxlight: #fffbed;--color-yellow: #ffd139;--color-primary-xxxlight: #f8faff;--color-primary-xxlight: #ecf3ff;--color-primary-xlight: #c2d9ff;--color-primary-light: #91b0f0;--color-primary-base: #346ddb;--color-primary-dark: #2662d7;--color-primary-xdark: #0049d7;--color-primary-xxdark: #00349a;--color-violet-xlight: #dad4ff;--color-violet-light: #b2a5ff;--color-violet-base: #735cff;--color-violet-dark: #5f45ff;--color-violet-xdark: #442fc8;--color-scarlet-xlight: #ffcccb;--color-scarlet-light: #ff918f;--color-scarlet-base: #d33d3d;--color-scarlet-dark: #cc3131;--color-scarlet-xdark: #b41a1a;--color-fuchsia-xlight: #fbe8f0;--color-fuchsia-light: #ef96b8;--color-fuchsia-base: #e44f89;--color-fuchsia-dark: #db3b79;--color-fuchsia-xdark: #c62c68;--color-orange-xlight: #fdc389;--color-orange-light: #ed9f51;--color-orange-base: #b95e04;--color-orange-dark: #914b05;--color-orange-xdark: #683c11;--color-green-xxlight: #dffff0;--color-green-xlight: #91eabf;--color-green-light: #4dde98;--color-green-base: #008847;--color-green-dark: #0c693d;--color-green-xdark: #0b4f2f;--color-white: #ffffff;--color-black: #242a31;--color-backdrop-bg: rgba(27, 30, 33, .77);--color-backdrop-bg-light: rgba(0, 0, 0, .05);--color-backdrop-bg-transparent: rgba(0, 0, 0, 0);--color-backdrop-dark-bg: rgba(0, 0, 0, .6);--color-backdrop-dark-bg-light: rgba(0, 0, 0, .1);--color-backdrop-dark-bg-transparent: rgba(0, 0, 0, 0);--color-light-mode-sidebar-base: #333d55;--color-light-mode-sidebar-dark: #283143;--color-dark-mode-grey-scale-xxlight: #374151;--color-dark-mode-grey-scale-xlight: #2d323a;--color-dark-mode-grey-scale-light: #2b2e39;--color-dark-mode-grey-scale-base: #22272e;--color-dark-mode-grey-scale-dark: #181c1f;--color-dark-mode-grey-scale-xdark: #14171c;--color-light-mode-grey-scale-xxlight: #f5f7f9;--color-light-mode-grey-scale-xlight: #eceff1;--color-light-mode-grey-scale-light: #e3e8ed;--color-light-mode-grey-scale-base: #d3dce4;--color-light-mode-grey-scale-dark: #cccfd4;--color-light-mode-grey-scale-xdark: #454545;--color-light-mode-text-xlight: #8899a8;--color-light-mode-text-light: #5c6975;--color-light-mode-text-base: #3b454e;--color-light-mode-text-dark: #050505;--color-dark-mode-text-xdark: #a2a9b9;--color-dark-mode-text-dark: #cccfd4;--color-dark-mode-text-base: #eaf2f7;--color-dark-mode-text-light: #ffffff;--size-xxs: 18px;--size-xs: 24px;--size-s: 32px;--size-m: 48px;--size-l: 64px;--size-xl: 80px;--radius-none: 0;--radius-xs: 1px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--icon-xxs: 12px;--icon-xs: 14px;--icon-s: 16px;--icon-m: 18px;--icon-l: 20px;--icon-xl: 24px;--button-xs: 20px;--button-s: 24px;--button-m: 32px;--button-l: 40px;--button-xl: 48px;--button-padding-s: 8px;--button-padding-m: 12px;--button-padding-l: 16px;--opacity-visible: 1;--opacity-translucent: .5;--opacity-hidden: 0;--z-index-overlay: 100;--z-index-sidesheet: 100;--z-index-popover: 100;--z-index-modal: 100;--z-index-toast: 200;--z-index-dragged-item: 300;--spacing-none: 0;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 40px;--spacing-xxl: 80px;--font-family-default: gitbook-content-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-family-code: gitbook-code-font, Menlo, monospace;--font-size-xxs: 10px;--font-size-xs: 12px;--font-size-s: 14px;--font-size-m: 16px;--font-size-ml: 20px;--font-size-l: 24px;--font-size-xl: 32px;--font-size-xxl: 40px;--line-height-xxs: 14px;--line-height-xs: 18px;--line-height-s: 22px;--line-height-m: 24px;--line-height-ml: 30px;--line-height-l: 32px;--line-height-xl: 40px;--line-height-xxl: 48px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--theme-color-primary-xxlight: var( --custom-theme-color-primary-xxlight, var(--color-primary-xxlight) );--theme-color-primary-xlight: var( --custom-theme-color-primary-xlight, var(--color-primary-xlight) );--theme-color-primary-light: var( --custom-theme-color-primary-light, var(--color-primary-light) );--theme-color-primary-base: var(--custom-theme-color-primary-base, var(--color-primary-base));--theme-color-primary-dark: var(--custom-theme-color-primary-dark, var(--color-primary-dark));--theme-color-primary-xdark: var( --custom-theme-color-primary-xdark, var(--color-primary-xdark) );--theme-color-primary-xxdark: var( --custom-theme-color-primary-xxdark, var(--color-primary-xxdark) );--theme-radius-medium: var(--radius-m);--theme-radius-large: var(--radius-l);--theme-radius-xlarge: var(--radius-xl)}.radius__straight{--theme-radius-medium: var(--radius-none);--theme-radius-large: var(--radius-xs);--theme-radius-xlarge: var(--radius-s)} /*# sourceMappingURL=https://app.gitbook.com/public/app/public-HLF5VCAO.css.map */ .view_SggA- { min-width: 0; /* https://dfmcphee.com/flex-items-and-min-width-0/#:~:text=This%20means%20the%20minimum%20width,can%20see%20an%20example%20here. */ } /* --- Typography utils --- */ .base_UAIdb { font-family: var(--font-family-default); font-size: var(--font-size-m); line-height: var(--line-height-m); } .body_OIilV { font-size: var(--font-size-m); line-height: var(--line-height-m); } .mainTitle_8P2cu { font-size: var(--font-size-xxl); font-weight: var(--font-weight-bold); line-height: var(--line-height-xxl); } .mobileMainTitle_LpOkP { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-xl); } .heading1_4sXdo { font-size: var(--font-size-l); font-weight: var(--font-weight-bold); line-height: var(--line-height-l); } .heading2_qKs5q { font-size: var(--font-size-ml); font-weight: var(--font-weight-bold); line-height: var(--line-height-m); } .heading3_185Ko { font-size: var(--font-size-m); font-weight: var(--font-weight-semibold); line-height: var(--line-height-m); } .sectionTitle_oJBoH { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-xl); } .groupTitle_xV-vG { font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); line-height: var(--line-height-xs); text-transform: uppercase; letter-spacing: 1.2px; } .description_Fch5l { font-weight: var(--font-weight-regular); font-size: var(--font-size-ml); line-height: var(--line-height-ml); } .label_utcUO { font-weight: var(--font-weight-regular); font-size: var(--font-size-s); line-height: var(--line-height-s); } .caption_OoXuq { font-weight: var(--font-weight-regular); font-size: var(--font-size-xs); line-height: var(--line-height-xs); } .mobileCaption_-ki48 { font-size: var(--font-size-xxs); line-height: var(--line-height-xxs); font-weight: var(--font-weight-regular); } .code_ho4WC { font-weight: var(--font-weight-medium); font-size: var(--font-size-s); line-height: var(--line-height-s); font-family: var(--font-family-code); } .weightRegular_y-Mey { font-weight: var(--font-weight-regular); } .weightMedium_ZX-0r { font-weight: var(--font-weight-medium); } .weightSemibold_jepPC { font-weight: var(--font-weight-semibold); } .weightBold_0byV- { font-weight: var(--font-weight-bold); } .italic_Oujte { font-style: italic; } .underline_R6S7u { text-decoration: underline; } .strikethrough_uKiLm { text-decoration: line-through; } .uppercase_nKiGD { text-transform: uppercase; } .alignCenter_RgXft { text-align: center; } .alignRight_6C9Wo { text-align: right; } .selectable_GH2GF { cursor: text; -webkit-user-select: text; -moz-user-select: text; user-select: text; } .main_kxvok { background-color: var(--color-white); } .color-mode__dark .main_kxvok { background-color: var(--color-dark-mode-grey-scale-dark); } .mid_9V4uj { background-color: var(--color-light-mode-grey-scale-xxlight); } .color-mode__dark .mid_9V4uj { background-color: var(--color-dark-mode-grey-scale-xdark); } .muted_1--Ni { background-color: var(--color-light-mode-grey-scale-xxlight); } .color-mode__dark .muted_1--Ni { background-color: var(--color-dark-mode-grey-scale-base); } .standout_lsZhY { background-color: var(--color-light-mode-grey-scale-xlight); } .color-mode__dark .standout_lsZhY { background-color: var(--color-dark-mode-grey-scale-light); } .inverted_u6Zdl { background-color: var(--color-dark-mode-grey-scale-dark); } .color-mode__dark .inverted_u6Zdl { background-color: var(--color-white); } .primaryMain_g-6J9 { background-color: var(--theme-color-primary-base); } .color-mode__dark .primaryMain_g-6J9 { background-color: var(--theme-color-primary-base); } .primaryMid_A-hRf { background-color: var(--theme-color-primary-xlight); } .color-mode__dark .primaryMid_A-hRf { background-color: var(--theme-color-primary-xdark); } .primaryMuted_DzY9h { background-color: var(--theme-color-primary-xxlight); } .color-mode__dark .primaryMuted_DzY9h { background-color: var( --color-black ); /* // Dark mode uses a limited primary palette and falls back to greys to avoid colour clashes */ } .primaryHover_ihg5M:hover { background-color: var(--theme-color-primary-dark); } .color-mode__dark .primaryHover_ihg5M:hover { background-color: var(--theme-color-primary-base); } .primaryStandout_1qKhr { background-color: var(--theme-color-primary-xdark); } .color-mode__dark .primaryStandout_1qKhr { background-color: var(--theme-color-primary-dark); } .primaryTextInside_28ROR { background-color: var(--color-white); } .color-mode__dark .primaryTextInside_28ROR { background-color: var(--theme-color-primary-xxdark); } .secondaryMain_9ufzC { background-color: var(--color-white); } .color-mode__dark .secondaryMain_9ufzC { background-color: var(--color-dark-mode-grey-scale-xlight); } .secondaryMuted_fq-FH { background-color: var(--color-light-mode-grey-scale-xlight); } .color-mode__dark .secondaryMuted_fq-FH { background-color: var(--color-dark-mode-grey-scale-dark); } .secondaryHover_rH-Vb:hover { background-color: var(--color-light-mode-grey-scale-xlight); } .color-mode__dark .secondaryHover_rH-Vb:hover { background-color: var(--color-dark-mode-grey-scale-xxlight); } .secondaryStandout_6mNUa { background-color: var(--color-light-mode-grey-scale-light); } .color-mode__dark .secondaryStandout_6mNUa { background-color: var(--color-dark-mode-grey-scale-xxlight); } .secondaryTextInside_WRI3S { background-color: var(--color-light-mode-grey-scale-xdark); } .color-mode__dark .secondaryTextInside_WRI3S { background-color: var(--color-white); } .standoutMain_2Ccp1 { background-color: var(--theme-color-primary-base); } .color-mode__dark .standoutMain_2Ccp1 { background-color: var(--color-white); } .standoutStandout_4F1t1 { background-color: var(--theme-color-primary-dark); } .color-mode__dark .standoutStandout_4F1t1 { background-color: var(--color-light-mode-grey-scale-xxlight); } .standoutTextInside_FadK7 { background-color: var(--color-white); } .color-mode__dark .standoutTextInside_FadK7 { background-color: var(--theme-color-primary-base); } .itemHover_71JI0:hover { background-color: var(--color-light-mode-grey-scale-xxlight); } .color-mode__dark .itemHover_71JI0:hover { background-color: var(--color-dark-mode-grey-scale-light); } .backdropTransparent_V93XY { background-color: var(--color-backdrop-bg-transparent); } .backdropBackground_f7JvU { background-color: var(--color-backdrop-bg); } .color-mode__dark .backdropBackground_f7JvU { background-color: var(--color-backdrop-dark-bg); } .backdropBackgroundLight_zKkF- { background-color: var(--color-backdrop-bg-light); } .color-mode__dark .backdropBackgroundLight_zKkF- { background-color: var(--color-backdrop-dark-bg-light); } .infoMain_WLOJj { background-color: var(--color-primary-base); } .infoMuted_URkIL { background-color: var(--color-primary-xxlight); } .infoHover_SdLQi:hover { background-color: var(--color-primary-dark); } .color-mode__dark .infoHover_SdLQi:hover { background-color: var(--color-primary-light); } .infoStandout_-wKqA { background-color: var(--color-primary-xdark); } .infoTextInside_vz1-a { background-color: var(--color-white); } .successMain_oeknr { background-color: var(--color-green-base); } .successMuted_mdUO3 { background-color: var(--color-green-xxlight); } .color-mode__dark .successMuted_mdUO3 { background-color: var(--color-green-xdark); } .successStandout_6QJrP { background-color: var(--color-green-dark); } .color-mode__dark .successStandout_6QJrP { background-color: var(--color-green-light); } .successTextInside_QkhHt { background-color: var(--color-white); } .warningMain_smS-6 { background-color: var(--color-orange-base); } .warningMuted_k3aPL { background-color: var(--color-orange-xlight); } .color-mode__dark .warningMuted_k3aPL { background-color: var(--color-orange-xdark); } .warningStandout_IVsgc { background-color: var(--color-orange-dark); } .color-mode__dark .warningStandout_IVsgc { background-color: var(--color-orange-light); } .warningTextInside_9wDmF { background-color: var(--color-white); } .dangerMain_Bp0PI { background-color: var(--color-scarlet-base); } .dangerMuted_QeqgX { background-color: var(--color-scarlet-xlight); } .dangerHover_2uhbI:hover { background-color: var(--color-scarlet-dark); } .color-mode__dark .dangerHover_2uhbI:hover { background-color: var(--color-scarlet-base); } .dangerStandout_NC9TF { background-color: var(--color-scarlet-xdark); } .dangerTextInside_EgNZK { background-color: var(--color-white); } .mergeMain_DZLsS { background-color: var(--color-violet-base); } .mergeMuted_0WTMX { background-color: var(--color-violet-xlight); } .mergeHover_WMNM4:hover { background-color: var(--color-violet-dark); } .mergeStandout_iguwY { background-color: var(--color-violet-xdark); } .mergeTextInside_8hnUv { background-color: var(--color-white); } .upgradeMain_OU4ch { background-color: var(--color-fuchsia-base); } .upgradeMuted_zOxra { background-color: var(--color-fuchsia-xlight); } .upgradeHover_AKcIL:hover { background-color: var(--color-fuchsia-dark); } .upgradeStandout_gj0v6 { background-color: var(--color-fuchsia-xdark); } .upgradeTextInside_-DzzI { background-color: var(--color-white); } .main_wVAS- { border-color: var(--color-light-mode-grey-scale-base); } .color-mode__dark .main_wVAS- { border-color: var(--color-dark-mode-grey-scale-xxlight); } .mid_64HWU { border-color: var(--color-light-mode-grey-scale-light); } .color-mode__dark .mid_64HWU { border-color: var(--color-dark-mode-grey-scale-light); } .muted_OjFRM { border-color: var(--color-light-mode-grey-scale-xxlight); } .color-mode__dark .muted_OjFRM { border-color: var(--color-black); } .primaryMain_zWBvW { border-color: var(--theme-color-primary-base); } .color-mode__dark .primaryMain_zWBvW { border-color: var(--theme-color-primary-base); } .primaryMid_ft1Tb { border-color: var(--theme-color-primary-xlight); } .color-mode__dark .primaryMid_ft1Tb { border-color: var(--theme-color-primary-xdark); } .primaryMuted_uyXS3 { border-color: var(--theme-color-primary-xxlight); } .color-mode__dark .primaryMuted_uyXS3 { border-color: var( --color-black ); /* // Dark mode uses a limited primary palette and falls back to greys to avoid colour clashes */ } .primaryHover_jqzl8:hover { border-color: var(--theme-color-primary-dark); } .color-mode__dark .primaryHover_jqzl8:hover { border-color: var(--theme-color-primary-base); } .primaryStandout_uCNNW { border-color: var(--theme-color-primary-xdark); } .color-mode__dark .primaryStandout_uCNNW { border-color: var(--theme-color-primary-dark); } .primaryTextInside_5x4-N { border-color: var(--color-white); } .color-mode__dark .primaryTextInside_5x4-N { border-color: var(--theme-color-primary-xxdark); } .secondaryMain_PsI40 { border-color: var(--color-white); } .color-mode__dark .secondaryMain_PsI40 { border-color: var(--color-dark-mode-grey-scale-xlight); } .secondaryMuted_xcGqy { border-color: var(--color-light-mode-grey-scale-xlight); } .color-mode__dark .secondaryMuted_xcGqy { border-color: var(--color-dark-mode-grey-scale-dark); } .secondaryHover_E2rRa:hover { border-color: var(--color-light-mode-grey-scale-xlight); } .color-mode__dark .secondaryHover_E2rRa:hover { border-color: var(--color-dark-mode-grey-scale-xxlight); } .secondaryStandout_Shc5k { border-color: var(--color-light-mode-grey-scale-light); } .color-mode__dark .secondaryStandout_Shc5k { border-color: var(--color-dark-mode-grey-scale-xxlight); } .secondaryTextInside_B1Hw5 { border-color: var(--color-light-mode-grey-scale-xdark); } .color-mode__dark .secondaryTextInside_B1Hw5 { border-color: var(--color-white); } .standoutMain_oNjwi { border-color: var(--theme-color-primary-base); } .color-mode__dark .standoutMain_oNjwi { border-color: var(--color-white); } .standoutStandout_HQDUy { border-color: var(--theme-color-primary-dark); } .color-mode__dark .standoutStandout_HQDUy { border-color: var(--color-light-mode-grey-scale-xxlight); } .standoutTextInside_i0T5V { border-color: var(--color-white); } .color-mode__dark .standoutTextInside_i0T5V { border-color: var(--theme-color-primary-base); } .itemHover_-ulgN:hover { border-color: var(--color-light-mode-grey-scale-xxlight); } .color-mode__dark .itemHover_-ulgN:hover { border-color: var(--color-dark-mode-grey-scale-light); } .backdropTransparent_DgpCE { border-color: var(--color-backdrop-bg-transparent); } .backdropBackground_fGTLl { border-color: var(--color-backdrop-bg); } .color-mode__dark .backdropBackground_fGTLl { border-color: var(--color-backdrop-dark-bg); } .backdropBackgroundLight_UVcqn { border-color: var(--color-backdrop-bg-light); } .color-mode__dark .backdropBackgroundLight_UVcqn { border-color: var(--color-backdrop-dark-bg-light); } .infoMain_-Nl-r { border-color: var(--color-primary-base); } .infoMuted_52-Kd { border-color: var(--color-primary-xxlight); } .infoHover_0cp03:hover { border-color: var(--color-primary-dark); } .color-mode__dark .infoHover_0cp03:hover { border-color: var(--color-primary-light); } .infoStandout_Bnybe { border-color: var(--color-primary-xdark); } .infoTextInside_MfZlv { border-color: var(--color-white); } .successMain_7mppI { border-color: var(--color-green-base); } .successMuted_V27a3 { border-color: var(--color-green-xxlight); } .color-mode__dark .successMuted_V27a3 { border-color: var(--color-green-xdark); } .successStandout_9Gk-f { border-color: var(--color-green-dark); } .color-mode__dark .successStandout_9Gk-f { border-color: var(--color-green-light); } .successTextInside_qyXqi { border-color: var(--color-white); } .warningMain_3-X2g { border-color: var(--color-orange-base); } .warningMuted_ZItlE { border-color: var(--color-orange-xlight); } .color-mode__dark .warningMuted_ZItlE { border-color: var(--color-orange-xdark); } .warningStandout_EmnQb { border-color: var(--color-orange-dark); } .color-mode__dark .warningStandout_EmnQb { border-color: var(--color-orange-light); } .warningTextInside_Zejzb { border-color: var(--color-white); } .dangerMain_nKmT9 { border-color: var(--color-scarlet-base); } .dangerMuted_-9GY- { border-color: var(--color-scarlet-xlight); } .dangerHover_fplpJ:hover { border-color: var(--color-scarlet-dark); } .color-mode__dark .dangerHover_fplpJ:hover { border-color: var(--color-scarlet-base); } .dangerStandout_9qACJ { border-color: var(--color-scarlet-xdark); } .dangerTextInside_pPfKz { border-color: var(--color-white); } .mergeMain_AK1p4 { border-color: var(--color-violet-base); } .mergeMuted_pFqJN { border-color: var(--color-violet-xlight); } .mergeHover_jSuVe:hover { border-color: var(--color-violet-dark); } .mergeStandout_3nzlh { border-color: var(--color-violet-xdark); } .mergeTextInside_-t7Tn { border-color: var(--color-white); } .upgradeMain_zGbJa { border-color: var(--color-fuchsia-base); } .upgradeMuted_S9Pw2 { border-color: var(--color-fuchsia-xlight); } .upgradeHover_Dxk3S:hover { border-color: var(--color-fuchsia-dark); } .upgradeStandout_Ee2mP { border-color: var(--color-fuchsia-xdark); } .upgradeTextInside_hzexc { border-color: var(--color-white); } /* --- Flex utils --- */ .flex_jZskO { display: flex; } .inline_1Spgx { display: inline-flex; } .column_C3yiR { flex-direction: column; } .row_PhhRi { flex-direction: row; } .alignCenter_zl3iW { align-items: center; } .alignStart_zfIW- { align-items: flex-start; } .alignEnd_MscO7 { align-items: flex-end; } .alignStretch_bONGs { align-items: stretch; } .alignSelfCenter_3amtn { align-self: center; } .alignSelfBaseline_SuLM3 { align-self: baseline; } .alignSelfEnd_izgwy { align-self: flex-end; } .justifyContentCenter_l8VjR { justify-content: center; } .justifyContentStart_Qx2KF { justify-content: flex-start; } .justifyContentEnd_nVg36 { justify-content: flex-end; } .justifySpaceBetween_js4s1 { justify-content: space-between; } .justifySpaceAround_Sw16t { justify-content: space-around; } .flex1_aMpAE { flex: 1 1 0%; } .flex2_O33Vy { flex: 2; } .flex0Auto_C2AHx { flex: 0 0 auto; } .unset_Tm33p { flex: unset; } .shrink1_gorti { flex-shrink: 1; } .grow1_wYxKs { flex-grow: 1; } .wrap_wRQuV { flex-wrap: wrap; } .basisAuto_J0K-W { flex-basis: auto; } /* --- Margin spacing utils --- */ /* * As classes are all of equal specificity, order is important here! * Broader shorthand terms first so they can be overwritten. */ .auto_7Wec0 { margin: auto; } .none_H-coh { margin: var(--spacing-none); } .xsmall_zYy9L { margin: var(--spacing-xs); } .small_IoRVb { margin: var(--spacing-s); } .medium_YO9JY { margin: var(--spacing-m); } .large_UcaI5 { margin: var(--spacing-l); } .xlarge_Jrdio { margin: var(--spacing-xl); } .xxlarge_KvbwK { margin: var(--spacing-xxl); } .autoHorizontal_dqmM- { margin-left: auto; margin-right: auto; } .noneHorizontal_MVTnN { margin-left: var(--spacing-none); margin-right: var(--spacing-none); } .xsmallHorizontal_4Ay6Z { margin-left: var(--spacing-xs); margin-right: var(--spacing-xs); } .smallHorizontal_vwl7W { margin-left: var(--spacing-s); margin-right: var(--spacing-s); } .mediumHorizontal_kqEW7 { margin-left: var(--spacing-m); margin-right: var(--spacing-m); } .largeHorizontal_jfG60 { margin-left: var(--spacing-l); margin-right: var(--spacing-l); } .xlargeHorizontal_5HP72 { margin-left: var(--spacing-xl); margin-right: var(--spacing-xl); } .xxlargeHorizontal_0EBDV { margin-left: var(--spacing-xxl); margin-right: var(--spacing-xxl); } .autoVertical_j0z2Y { margin-top: auto; margin-bottom: auto; } .noneVertical_jpmaI { margin-top: var(--spacing-none); margin-bottom: var(--spacing-none); } .xsmallVertical_UzN1E { margin-top: var(--spacing-xs); margin-bottom: var(--spacing-xs); } .smallVertical_LMAQq { margin-top: var(--spacing-s); margin-bottom: var(--spacing-s); } .mediumVertical_UA3WI { margin-top: var(--spacing-m); margin-bottom: var(--spacing-m); } .largeVertical_UXQbb { margin-top: var(--spacing-l); margin-bottom: var(--spacing-l); } .xlargeVertical_r1WTd { margin-top: var(--spacing-xl); margin-bottom: var(--spacing-xl); } .xxlargeVertical_cO4gY { margin-top: var(--spacing-xxl); margin-bottom: var(--spacing-xxl); } .autoLeft_Yz0Cc { margin-left: auto; } .noneLeft_mLoK7 { margin-left: var(--spacing-none); } .xsmallLeft_hr3iS { margin-left: var(--spacing-xs); } .smallLeft_9PPIX { margin-left: var(--spacing-s); } .mediumLeft_p8z6C { margin-left: var(--spacing-m); } .largeLeft_wxIV8 { margin-left: var(--spacing-l); } .xlargeLeft_1P4-i { margin-left: var(--spacing-xl); } .xxlargeLeft_DGHxt { margin-left: var(--spacing-xxl); } .autoRight_P0RJh { margin-right: auto; } .noneRight_7vX-H { margin-right: var(--spacing-none); } .xsmallRight_Z1-Ws { margin-right: var(--spacing-xs); } .smallRight_VJlEG { margin-right: var(--spacing-s); } .mediumRight_LHc8Y { margin-right: var(--spacing-m); } .largeRight_d6l9- { margin-right: var(--spacing-l); } .xlargeRight_MZNLT { margin-right: var(--spacing-xl); } .xxlargeRight_7LgPn { margin-right: var(--spacing-xxl); } .autoTop_ZXXln { margin-top: auto; } .noneTop_db23V { margin-top: var(--spacing-none); } .xsmallTop_ZQpB9 { margin-top: var(--spacing-xs); } .smallTop_6u89Q { margin-top: var(--spacing-s); } .mediumTop_JqSwy { margin-top: var(--spacing-m); } .largeTop_jdaOn { margin-top: var(--spacing-l); } .xlargeTop_MO95n { margin-top: var(--spacing-xl); } .xxlargeTop_Bb-XD { margin-top: var(--spacing-xxl); } .autoBottom_-HfAu { margin-bottom: auto; } .noneBottom_bSouR { margin-bottom: var(--spacing-none); } .xsmallBottom_YGaui { margin-bottom: var(--spacing-xs); } .smallBottom_OktUR { margin-bottom: var(--spacing-s); } .mediumBottom_ie8Oy { margin-bottom: var(--spacing-m); } .largeBottom_v1r32 { margin-bottom: var(--spacing-l); } .xlargeBottom_xhbIb { margin-bottom: var(--spacing-xl); } .xxlargeBottom_t8hKD { margin-bottom: var(--spacing-xxl); } /* --- Padding spacing utils --- */ /* * As classes are all of equal specificity, order is important here! * Broader shorthand terms first so they can be overwritten. */ .auto_u2FQV { padding: auto; } .none_Xeqr1 { padding: var(--spacing-none); } .xsmall_RNpQJ { padding: var(--spacing-xs); } .small_i5cRu { padding: var(--spacing-s); } .medium_lvpxM { padding: var(--spacing-m); } .large_Wiul9 { padding: var(--spacing-l); } .xlarge_DH-qe { padding: var(--spacing-xl); } .xxlarge_DmE44 { padding: var(--spacing-xxl); } .autoHorizontal_EXG0J { padding-left: auto; padding-right: auto; } .noneHorizontal_HglM0 { padding-left: var(--spacing-none); padding-right: var(--spacing-none); } .xsmallHorizontal_j9kFq { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); } .smallHorizontal_kBCzR { padding-left: var(--spacing-s); padding-right: var(--spacing-s); } .mediumHorizontal_74-WX { padding-left: var(--spacing-m); padding-right: var(--spacing-m); } .largeHorizontal_Q-JXQ { padding-left: var(--spacing-l); padding-right: var(--spacing-l); } .xlargeHorizontal_HR-rb { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); } .xxlargeHorizontal_z7UpB { padding-left: var(--spacing-xxl); padding-right: var(--spacing-xxl); } .autoVertical_CO--- { padding-top: auto; padding-bottom: auto; } .noneVertical_r0alT { padding-top: var(--spacing-none); padding-bottom: var(--spacing-none); } .xsmallVertical_atT3z { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); } .smallVertical_jhjRt { padding-top: var(--spacing-s); padding-bottom: var(--spacing-s); } .mediumVertical_-Vaii { padding-top: var(--spacing-m); padding-bottom: var(--spacing-m); } .largeVertical_mCxWf { padding-top: var(--spacing-l); padding-bottom: var(--spacing-l); } .xlargeVertical_FTqRL { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); } .xxlargeVertical_Yl5zq { padding-top: var(--spacing-xxl); padding-bottom: var(--spacing-xxl); } .autoLeft_lkcgr { padding-left: auto; } .noneLeft_dLQuY { padding-left: var(--spacing-none); } .xsmallLeft_KJb-B { padding-left: var(--spacing-xs); } .smallLeft_FRtxI { padding-left: var(--spacing-s); } .mediumLeft_DDVbL { padding-left: var(--spacing-m); } .largeLeft_FSlQO { padding-left: var(--spacing-l); } .xlargeLeft_RHTXY { padding-left: var(--spacing-xl); } .xxlargeLeft_bPUg- { padding-left: var(--spacing-xxl); } .autoRight_k-Bwn { padding-right: auto; } .noneRight_jhurH { padding-right: var(--spacing-none); } .xsmallRight_kZK2f { padding-right: var(--spacing-xs); } .smallRight_AA-lB { padding-right: var(--spacing-s); } .mediumRight_CAUEc { padding-right: var(--spacing-m); } .largeRight_deKOg { padding-right: var(--spacing-l); } .xlargeRight_shJpI { padding-right: var(--spacing-xl); } .xxlargeRight_OnP0q { padding-right: var(--spacing-xxl); } .autoTop_KvMqu { padding-top: auto; } .noneTop_aMiQj { padding-top: var(--spacing-none); } .xsmallTop_ABm9D { padding-top: var(--spacing-xs); } .smallTop_crzBC { padding-top: var(--spacing-s); } .mediumTop_QDiZG { padding-top: var(--spacing-m); } .largeTop_ejwCW { padding-top: var(--spacing-l); } .xlargeTop_38ZbM { padding-top: var(--spacing-xl); } .xxlargeTop_IdFcE { padding-top: var(--spacing-xxl); } .autoBottom_ZsmpD { padding-bottom: auto; } .noneBottom_ovUyz { padding-bottom: var(--spacing-none); } .xsmallBottom_NnBZ6 { padding-bottom: var(--spacing-xs); } .smallBottom_BmSGf { padding-bottom: var(--spacing-s); } .mediumBottom_jdYUb { padding-bottom: var(--spacing-m); } .largeBottom_AE8QZ { padding-bottom: var(--spacing-l); } .xlargeBottom_30Tzy { padding-bottom: var(--spacing-xl); } .xxlargeBottom_MbqcP { padding-bottom: var(--spacing-xxl); } .base_qHrP7 { box-shadow: 0 1 2 0 rgba(0, 0, 0, 0.12); } .color-mode__dark .base_qHrP7 { box-shadow: 0 1 2 0 rgba(0, 0, 0, 0.69); } .spread_Sn6BQ { box-shadow: 0 0 7 0 rgba(0, 0, 0, 0.04); } .color-mode__dark .spread_Sn6BQ { box-shadow: 0 0 7 0 rgba(0, 0, 0, 0.52); } .pop_vjnio { box-shadow: 0 4 10 0 rgba(0, 0, 0, 0.05); } .color-mode__dark .pop_vjnio { box-shadow: 0 4 10 0 rgba(0, 0, 0, 0.99); } .tight_7STQK { box-shadow: 0 1 1 0 rgba(0, 0, 0, 0.12); } .color-mode__dark .tight_7STQK { box-shadow: 0 1 1 0 rgba(0, 0, 0, 0.69); } .hover_w5jsp:hover { box-shadow: 0 12 13 0 rgba(0, 0, 0, 0.02); } .color-mode__dark .hover_w5jsp:hover { box-shadow: 0 12 13 0 rgba(0, 0, 0, 0.12); } .background_sthSo { background-color: var(--color-light-mode-sidebar-base); } .color-mode__dark .background_sthSo { background-color: var(--color-dark-mode-dark); } .color-mode__light.contrast__low .background_sthSo { background-color: var(--color-white); } .activeItem_1MGCd { background-color: var(--color-light-mode-sidebar-dark); } .color-mode__dark .activeItem_1MGCd { background-color: var(--color-black); } .color-mode__light.contrast__low .activeItem_1MGCd { background-color: var(--color-light-mode-grey-scale-xlight); } .hoverItem_7-Wd1 { background-color: rgba(0, 0, 0, 0.1); } .color-mode__dark .hoverItem_7-Wd1 { background-color: rgba(0, 0, 0, 0.2); } .color-mode__light.contrast__low .hoverItem_7-Wd1 { background-color: var(--color-light-mode-grey-scale-xxlight); } .itemBorder_5278A { border-color: var(--color-light-mode-sidebar-dark); } .color-mode__dark .itemBorder_5278A { border-color: var(--color-dark-mode-grey-scale-xlight); } .color-mode__light.contrast__low .itemBorder_5278A { border-color: var(--color-light-mode-grey-scale-light); } .itemText_RwWFz { color: var(--color-dark-mode-text-dark); } .color-mode__dark .itemText_RwWFz { color: var(--color-dark-mode-text-dark); } .color-mode__light.contrast__low .itemText_RwWFz { color: var(--color-light-mode-text-light); } .mutedItemText_I9bjw { color: var(--color-dark-mode-text-xdark); } .color-mode__dark .mutedItemText_I9bjw { color: var(--color-dark-mode-text-xdark); } .color-mode__light.contrast__low .mutedItemText_I9bjw { color: var(--color-light-mode-text-xlight); } .activeItemText_TeY14 { color: var(--color-white); } .color-mode__dark .activeItemText_TeY14 { color: var(--color-white); } .color-mode__light.contrast__low .activeItemText_TeY14 { color: var(--color-black); } .inputBorder_oGEtJ { border-color: var(--color-light-mode-sidebar-dark); } .color-mode__dark .inputBorder_oGEtJ { border-color: var(--color-dark-mode-grey-scale-light); } .color-mode__light.contrast__low .inputBorder_oGEtJ { border-color: var(--color-light-mode-grey-scale-base); } .standoutText_tJhEs { color: var(--color-white); } .color-mode__dark .standoutText_tJhEs { color: var(--color-white); } .color-mode__light.contrast__low .standoutText_tJhEs { color: var(--color-black); } .main_ZqJpq, .mainHover_0hFY8:hover { color: var(--color-light-mode-text-base); } .color-mode__dark .main_ZqJpq, .color-mode__dark .mainHover_0hFY8:hover { color: var(--color-dark-mode-text-base); } .mid_Vbes2, .midHover_-TN8i:hover { color: var(--color-light-mode-text-light); } .color-mode__dark .mid_Vbes2, .color-mode__dark .midHover_-TN8i:hover { color: var(--color-dark-mode-text-dark); } .muted_Ahh3m, .mutedHover_8ivdf:hover { color: var(--color-light-mode-text-xlight); } .color-mode__dark .muted_Ahh3m, .color-mode__dark .mutedHover_8ivdf:hover { color: var(--color-dark-mode-text-xdark); } .standout_gVGv2, .standoutHover_oo1I3:hover { color: var(--color-light-mode-text-dark); } .color-mode__dark .standout_gVGv2, .color-mode__dark .standoutHover_oo1I3:hover { color: var(--color-dark-mode-text-light); } .inverted_1UcNv, .invertedHover_UyWNb:hover { color: var(--color-dark-mode-text-base); } .color-mode__dark .inverted_1UcNv, .color-mode__dark .invertedHover_UyWNb:hover { color: var(--color-light-mode-text-base); } .primary_dKCeI, .primaryHover_szgyT:hover { color: var(--theme-color-primary-light); } .color-mode__dark .primary_dKCeI, .color-mode__dark .primaryHover_szgyT:hover { color: var(--theme-color-primary-base); } .primaryMain_pgxqF { color: var(--theme-color-primary-base); } .color-mode__dark .primaryMain_pgxqF { color: var(--theme-color-primary-base); } .primaryMid_kgYUZ { color: var(--theme-color-primary-xlight); } .color-mode__dark .primaryMid_kgYUZ { color: var(--theme-color-primary-xdark); } .primaryMuted_OC3m2 { color: var(--theme-color-primary-xxlight); } .color-mode__dark .primaryMuted_OC3m2 { color: var( --color-black ); /* // Dark mode uses a limited primary palette and falls back to greys to avoid colour clashes */ } .primaryHover_szgyT:hover { color: var(--theme-color-primary-dark); } .color-mode__dark .primaryHover_szgyT:hover { color: var(--theme-color-primary-base); } .primaryStandout_HwfAX { color: var(--theme-color-primary-xdark); } .color-mode__dark .primaryStandout_HwfAX { color: var(--theme-color-primary-dark); } .primaryTextInside_l5ZwJ { color: var(--color-white); } .color-mode__dark .primaryTextInside_l5ZwJ { color: var(--theme-color-primary-xxdark); } .secondaryMain_4R-se { color: var(--color-white); } .color-mode__dark .secondaryMain_4R-se { color: var(--color-dark-mode-grey-scale-xlight); } .secondaryMuted_wzWgW { color: var(--color-light-mode-grey-scale-xlight); } .color-mode__dark .secondaryMuted_wzWgW { color: var(--color-dark-mode-grey-scale-dark); } .secondaryHover_IMGbU:hover { color: var(--color-light-mode-grey-scale-xlight); } .color-mode__dark .secondaryHover_IMGbU:hover { color: var(--color-dark-mode-grey-scale-xxlight); } .secondaryStandout_7vWQ8 { color: var(--color-light-mode-grey-scale-light); } .color-mode__dark .secondaryStandout_7vWQ8 { color: var(--color-dark-mode-grey-scale-xxlight); } .secondaryTextInside_pLNMR { color: var(--color-light-mode-grey-scale-xdark); } .color-mode__dark .secondaryTextInside_pLNMR { color: var(--color-white); } .standoutMain_ac2pt { color: var(--theme-color-primary-base); } .color-mode__dark .standoutMain_ac2pt { color: var(--color-white); } .standoutStandout_cjJuU { color: var(--theme-color-primary-dark); } .color-mode__dark .standoutStandout_cjJuU { color: var(--color-light-mode-grey-scale-xxlight); } .standoutTextInside_2-iKN { color: var(--color-white); } .color-mode__dark .standoutTextInside_2-iKN { color: var(--theme-color-primary-base); } .itemHover_-ylH4:hover { color: var(--color-light-mode-grey-scale-xxlight); } .color-mode__dark .itemHover_-ylH4:hover { color: var(--color-dark-mode-grey-scale-light); } .backdropTransparent_Moc6- { color: var(--color-backdrop-bg-transparent); } .backdropBackground_YFiDa { color: var(--color-backdrop-bg); } .color-mode__dark .backdropBackground_YFiDa { color: var(--color-backdrop-dark-bg); } .backdropBackgroundLight_q6NNp { color: var(--color-backdrop-bg-light); } .color-mode__dark .backdropBackgroundLight_q6NNp { color: var(--color-backdrop-dark-bg-light); } .infoMain_7psg4 { color: var(--color-primary-base); } .infoMuted_EZrrH { color: var(--color-primary-xxlight); } .infoHover_S69L4:hover { color: var(--color-primary-dark); } .color-mode__dark .infoHover_S69L4:hover { color: var(--color-primary-light); } .infoStandout_y-svw { color: var(--color-primary-xdark); } .infoTextInside_nOnT6 { color: var(--color-white); } .successMain_kWZo- { color: var(--color-green-base); } .successMuted_oEcOM { color: var(--color-green-xxlight); } .color-mode__dark .successMuted_oEcOM { color: var(--color-green-xdark); } .successStandout_qoM0B { color: var(--color-green-dark); } .color-mode__dark .successStandout_qoM0B { color: var(--color-green-light); } .successTextInside_0gkOV { color: var(--color-white); } .warningMain_5zFys { color: var(--color-orange-base); } .warningMuted_GMMTa { color: var(--color-orange-xlight); } .color-mode__dark .warningMuted_GMMTa { color: var(--color-orange-xdark); } .warningStandout_vmBPZ { color: var(--color-orange-dark); } .color-mode__dark .warningStandout_vmBPZ { color: var(--color-orange-light); } .warningTextInside_Hwxtq { color: var(--color-white); } .dangerMain_w69YD { color: var(--color-scarlet-base); } .dangerMuted_CXRAl { color: var(--color-scarlet-xlight); } .dangerHover_h5ZhC:hover { color: var(--color-scarlet-dark); } .color-mode__dark .dangerHover_h5ZhC:hover { color: var(--color-scarlet-base); } .dangerStandout_aOay6 { color: var(--color-scarlet-xdark); } .dangerTextInside_57sqJ { color: var(--color-white); } .mergeMain_VKoJU { color: var(--color-violet-base); } .mergeMuted_NuhTj { color: var(--color-violet-xlight); } .mergeHover_4-mA-:hover { color: var(--color-violet-dark); } .mergeStandout_Jmh7g { color: var(--color-violet-xdark); } .mergeTextInside_UYqCH { color: var(--color-white); } .upgradeMain_OuYBG { color: var(--color-fuchsia-base); } .upgradeMuted_tD8ko { color: var(--color-fuchsia-xlight); } .upgradeHover_3NNnj:hover { color: var(--color-fuchsia-dark); } .upgradeStandout_aI0FK { color: var(--color-fuchsia-xdark); } .upgradeTextInside_xDBuA { color: var(--color-white); }