/* ! * @salesforce-ux/design-system-2 2.264.0 (2d864ff3598781989845457cac2fc71aff107f9c) * Built with @salesforce-ux/design-tokens 4.0.0 * * This file is automatically generated. * Please do not edit or check in changes to this file. * If you need changes made, please contact the Design Systems Engineering team. */ @layer defaults{ :where(html){ --slds-r-color-brand-5:#000314; --slds-r-color-brand-10:#001642; --slds-r-color-brand-15:#001e5b; --slds-r-color-brand-20:#002775; --slds-r-color-brand-30:#022ac0; --slds-r-color-brand-35:#003ecd; --slds-r-color-brand-40:#0250d9; --slds-r-color-brand-45:#045dec; --slds-r-color-brand-50:#066afe; --slds-r-color-brand-55:#287efe; --slds-r-color-brand-60:#4992fe; --slds-r-color-brand-65:#5f9ffe; --slds-r-color-brand-70:#7cb1fe; --slds-r-color-brand-80:#a8cbff; --slds-r-color-brand-85:#c2daff; --slds-r-color-brand-90:#d6e6ff; --slds-r-color-brand-95:#edf4ff; --slds-r-color-info-5:#000310; --slds-r-color-info-10:#001639; --slds-r-color-info-15:#03234d; --slds-r-color-info-20:#032d60; --slds-r-color-info-30:#014486; --slds-r-color-info-35:#044f98; --slds-r-color-info-40:#0b5cab; --slds-r-color-info-45:#0469c1; --slds-r-color-info-50:#0176d3; --slds-r-color-info-55:#0684ef; --slds-r-color-info-60:#1b96ff; --slds-r-color-info-65:#57a3fd; --slds-r-color-info-70:#78b0fd; --slds-r-color-info-80:#aacbff; --slds-r-color-info-85:#c2d8ff; --slds-r-color-info-90:#d8e6fe; --slds-r-color-info-95:#eef4ff; --slds-r-color-success-5:#010502; --slds-r-color-success-10:#071b12; --slds-r-color-success-15:#072825; --slds-r-color-success-20:#023434; --slds-r-color-success-30:#024d4c; --slds-r-color-success-35:#035a58; --slds-r-color-success-40:#056764; --slds-r-color-success-45:#087570; --slds-r-color-success-50:#0b827c; --slds-r-color-success-55:#09948b; --slds-r-color-success-60:#06a59a; --slds-r-color-success-65:#03b4a7; --slds-r-color-success-70:#01c3b3; --slds-r-color-success-80:#04e1cb; --slds-r-color-success-85:#76ead9; --slds-r-color-success-90:#acf3e4; --slds-r-color-success-95:#def9f3; --slds-r-color-error-5:#0f0003; --slds-r-color-error-10:#370114; --slds-r-color-error-15:#4b0620; --slds-r-color-error-20:#61022a; --slds-r-color-error-30:#8a033e; --slds-r-color-error-35:#a00449; --slds-r-color-error-40:#b60554; --slds-r-color-error-45:#ce055f; --slds-r-color-error-50:#e3066a; --slds-r-color-error-55:#f42f7c; --slds-r-color-error-60:#ff538a; --slds-r-color-error-65:#fe7298; --slds-r-color-error-70:#fe8aa7; --slds-r-color-error-80:#fdb6c5; --slds-r-color-error-85:#fec8d4; --slds-r-color-error-90:#fddde3; --slds-r-color-error-95:#fef0f3; --slds-r-color-warning-5:#090200; --slds-r-color-warning-10:#281202; --slds-r-color-warning-15:#371e03; --slds-r-color-warning-20:#4f2100; --slds-r-color-warning-30:#6f3400; --slds-r-color-warning-35:#824308; --slds-r-color-warning-40:#8c4b02; --slds-r-color-warning-45:#9a5803; --slds-r-color-warning-50:#a96504; --slds-r-color-warning-55:#ba7503; --slds-r-color-warning-60:#ca8501; --slds-r-color-warning-65:#da9401; --slds-r-color-warning-70:#e4a201; --slds-r-color-warning-80:#fcc003; --slds-r-color-warning-85:#f8d462; --slds-r-color-warning-90:#f9e3b6; --slds-r-color-warning-95:#fbf3e0; } } @layer defaults{ :where(html){ --slds-g-duration-immediately:0.05s; --slds-g-duration-instantly:0s; --slds-g-duration-paused:3.2s; --slds-g-duration-promptly:0.2s; --slds-g-duration-quickly:0.1s; --slds-g-duration-slowly:0.4s; --slds-g-duration-toast-medium:9.6s; --slds-g-duration-toast-short:4.8s; --slds-g-ratio-square:1; --slds-g-ratio-landscape:4/3; --slds-g-ratio-portrait:3/4; --slds-g-ratio-wide:16/9; --slds-g-ratio-ultrawide:18/5; --slds-g-sizing-1:0.125rem; --slds-g-sizing-2:0.25rem; --slds-g-sizing-3:0.5rem; --slds-g-sizing-4:0.75rem; --slds-g-sizing-5:1rem; --slds-g-sizing-6:1.25rem; --slds-g-sizing-7:1.5rem; --slds-g-sizing-8:1.75rem; --slds-g-sizing-9:2rem; --slds-g-sizing-10:3rem; --slds-g-sizing-11:4rem; --slds-g-sizing-12:5rem; --slds-g-sizing-13:10rem; --slds-g-sizing-14:15rem; --slds-g-sizing-15:20rem; --slds-g-sizing-16:30rem; --slds-g-sizing-base:1rem; --slds-g-sizing-border-1:1px; --slds-g-sizing-border-2:2px; --slds-g-sizing-border-3:3px; --slds-g-sizing-border-4:4px; --slds-g-sizing-content-1:20ch; --slds-g-sizing-content-2:45ch; --slds-g-sizing-content-3:60ch; --slds-g-sizing-heading-1:20ch; --slds-g-sizing-heading-2:25ch; --slds-g-sizing-heading-3:35ch; --slds-g-spacing-1:0.25rem; --slds-g-spacing-2:0.5rem; --slds-g-spacing-3:0.75rem; --slds-g-spacing-4:1rem; --slds-g-spacing-5:1.5rem; --slds-g-spacing-6:2rem; --slds-g-spacing-7:2.5rem; --slds-g-spacing-8:3rem; --slds-g-spacing-9:3.5rem; --slds-g-spacing-10:4rem; --slds-g-spacing-11:4.5rem; --slds-g-spacing-12:5rem; --slds-g-spacing-var-1:var(--slds-g-spacing-1); --slds-g-spacing-var-2:var(--slds-g-spacing-2); --slds-g-spacing-var-3:var(--slds-g-spacing-3); --slds-g-spacing-var-4:var(--slds-g-spacing-4); --slds-g-spacing-var-5:var(--slds-g-spacing-5); --slds-g-spacing-var-6:var(--slds-g-spacing-6); --slds-g-spacing-var-7:var(--slds-g-spacing-7); --slds-g-spacing-var-8:var(--slds-g-spacing-8); --slds-g-spacing-var-9:var(--slds-g-spacing-9); --slds-g-spacing-var-10:var(--slds-g-spacing-10); --slds-g-spacing-var-11:var(--slds-g-spacing-11); --slds-g-spacing-var-12:var(--slds-g-spacing-12); --slds-g-spacing-var-block-1:var(--slds-g-spacing-1); --slds-g-spacing-var-block-2:var(--slds-g-spacing-2); --slds-g-spacing-var-block-3:var(--slds-g-spacing-3); --slds-g-spacing-var-block-4:var(--slds-g-spacing-4); --slds-g-spacing-var-block-5:var(--slds-g-spacing-5); --slds-g-spacing-var-block-6:var(--slds-g-spacing-6); --slds-g-spacing-var-block-7:var(--slds-g-spacing-7); --slds-g-spacing-var-block-8:var(--slds-g-spacing-8); --slds-g-spacing-var-block-9:var(--slds-g-spacing-9); --slds-g-spacing-var-block-10:var(--slds-g-spacing-10); --slds-g-spacing-var-block-11:var(--slds-g-spacing-11); --slds-g-spacing-var-block-12:var(--slds-g-spacing-12); --slds-g-spacing-var-inline-1:var(--slds-g-spacing-1); --slds-g-spacing-var-inline-2:var(--slds-g-spacing-2); --slds-g-spacing-var-inline-3:var(--slds-g-spacing-3); --slds-g-spacing-var-inline-4:var(--slds-g-spacing-4); --slds-g-spacing-var-inline-5:var(--slds-g-spacing-5); --slds-g-spacing-var-inline-6:var(--slds-g-spacing-6); --slds-g-spacing-var-inline-7:var(--slds-g-spacing-7); --slds-g-spacing-var-inline-8:var(--slds-g-spacing-8); --slds-g-spacing-var-inline-9:var(--slds-g-spacing-9); --slds-g-spacing-var-inline-10:var(--slds-g-spacing-10); --slds-g-spacing-var-inline-11:var(--slds-g-spacing-11); --slds-g-spacing-var-inline-12:var(--slds-g-spacing-12); --slds-g-radius-border-1:0.25rem; --slds-g-radius-border-2:0.5rem; --slds-g-radius-border-3:0.75rem; --slds-g-radius-border-4:1.25rem; --slds-g-radius-border-pill:15rem; --slds-g-radius-border-circle:100%; --slds-g-font-family:var(--slds-g-font-family-base); --slds-g-font-family-base:system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --slds-g-font-family-monospace:Consolas, Menlo, Monaco, Courier, monospace; --slds-g-font-weight-1:100; --slds-g-font-weight-2:200; --slds-g-font-weight-3:300; --slds-g-font-weight-4:400; --slds-g-font-weight-5:500; --slds-g-font-weight-6:600; --slds-g-font-weight-7:700; --slds-g-font-weight-bold:bold; --slds-g-font-line-height-1:1; --slds-g-font-line-height-2:1.25; --slds-g-font-line-height-3:1.375; --slds-g-font-line-height-4:1.5; --slds-g-font-line-height-5:1.75; --slds-g-font-line-height-6:2; --slds-g-font-line-height-base:1.5; --slds-g-font-line-height-var-base:var(--slds-g-font-line-height-base); --slds-g-font-lineheight-1:var(--slds-g-font-line-height-1); --slds-g-font-lineheight-2:var(--slds-g-font-line-height-2); --slds-g-font-lineheight-3:var(--slds-g-font-line-height-3); --slds-g-font-lineheight-4:var(--slds-g-font-line-height-4); --slds-g-font-lineheight-5:var(--slds-g-font-line-height-5); --slds-g-font-lineheight-6:var(--slds-g-font-line-height-6); --slds-g-font-lineheight-base:var(--slds-g-font-line-height-base); --slds-g-font-lineheight-var-base:var(--slds-g-font-line-height-var-base); --slds-g-font-scale-1:0.875rem; --slds-g-font-scale-2:1rem; --slds-g-font-scale-3:1.25rem; --slds-g-font-scale-4:1.5rem; --slds-g-font-scale-5:1.75rem; --slds-g-font-scale-6:2rem; --slds-g-font-scale-7:2.5rem; --slds-g-font-scale-8:3rem; --slds-g-font-scale-9:var(--slds-g-font-scale-8); --slds-g-font-scale-10:var(--slds-g-font-scale-8); --slds-g-font-scale-base:0.8125rem; --slds-g-font-scale-ratio:1.15; --slds-g-font-scale-neg-1:0.75rem; --slds-g-font-scale-neg-2:0.625rem; --slds-g-font-scale-neg-3:var(--slds-g-font-scale-neg-2); --slds-g-font-scale-neg-4:var(--slds-g-font-scale-neg-3); --slds-g-font-scale-var-1:var(--slds-g-font-scale-1); --slds-g-font-scale-var-2:var(--slds-g-font-scale-2); --slds-g-font-scale-var-3:var(--slds-g-font-scale-3); --slds-g-font-scale-var-4:var(--slds-g-font-scale-4); --slds-g-font-scale-var-5:var(--slds-g-font-scale-5); --slds-g-font-scale-var-6:var(--slds-g-font-scale-6); --slds-g-font-scale-var-7:var(--slds-g-font-scale-7); --slds-g-font-scale-var-8:var(--slds-g-font-scale-8); --slds-g-font-scale-var-9:var(--slds-g-font-scale-var-8); --slds-g-font-scale-var-10:var(--slds-g-font-scale-var-8); --slds-g-font-scale-var-base:var(--slds-g-font-scale-base); --slds-g-font-scale-var-neg-1:var(--slds-g-font-scale-neg-1); --slds-g-font-scale-var-neg-2:var(--slds-g-font-scale-neg-2); --slds-g-font-scale-var-neg-3:var(--slds-g-font-scale-var-neg-2); --slds-g-font-scale-var-neg-4:var(--slds-g-font-scale-var-neg-3); --slds-g-font-size-base:var(--slds-g-font-scale-base); --slds-g-font-line-clamp:3; --slds-g-color-palette-neutral-0:light-dark(#000, #fff); --slds-g-color-palette-neutral-10:light-dark(#181818, #e5e5e5); --slds-g-color-palette-neutral-15:light-dark(#242424, #d7d7d7); --slds-g-color-palette-neutral-20:light-dark(#2e2e2e, #c9c9c9); --slds-g-color-palette-neutral-30:light-dark(#444, #aeaeae); --slds-g-color-palette-neutral-40:light-dark(#5c5c5c, #939393); --slds-g-color-palette-neutral-50:#757575; --slds-g-color-palette-neutral-60:light-dark(#939393, #5c5c5c); --slds-g-color-palette-neutral-65:light-dark(#a0a0a0, #515151); --slds-g-color-palette-neutral-70:light-dark(#aeaeae, #444); --slds-g-color-palette-neutral-80:light-dark(#c9c9c9, #2e2e2e); --slds-g-color-palette-neutral-90:light-dark(#e5e5e5, #181818); --slds-g-color-palette-neutral-95:light-dark(#f3f3f3, #020202); --slds-g-color-palette-neutral-100:light-dark(#fff, #000); --slds-g-color-palette-blue-10:light-dark(#001639, #d8e6fe); --slds-g-color-palette-blue-15:light-dark(#03234d, #c2d8ff); --slds-g-color-palette-blue-20:light-dark(#032d60, #aacbff); --slds-g-color-palette-blue-30:light-dark(#014486, #78b0fd); --slds-g-color-palette-blue-40:light-dark(#0b5cab, #1b96ff); --slds-g-color-palette-blue-50:#0176d3; --slds-g-color-palette-blue-60:light-dark(#1b96ff, #0b5cab); --slds-g-color-palette-blue-65:light-dark(#57a3fd, #044f98); --slds-g-color-palette-blue-70:light-dark(#78b0fd, #014486); --slds-g-color-palette-blue-80:light-dark(#aacbff, #032d60); --slds-g-color-palette-blue-90:light-dark(#d8e6fe, #001639); --slds-g-color-palette-blue-95:light-dark(#eef4ff, #000310); --slds-g-color-palette-cloud-blue-10:light-dark(#001a28, #cfe9fe); --slds-g-color-palette-cloud-blue-15:light-dark(#0a2636, #aeddfe); --slds-g-color-palette-cloud-blue-20:light-dark(#023248, #90d0fe); --slds-g-color-palette-cloud-blue-30:light-dark(#084968, #1ab9ff); --slds-g-color-palette-cloud-blue-40:light-dark(#05628a, #0d9dda); --slds-g-color-palette-cloud-blue-50:#107cad; --slds-g-color-palette-cloud-blue-60:light-dark(#0d9dda, #05628a); --slds-g-color-palette-cloud-blue-65:light-dark(#08abed, #075579); --slds-g-color-palette-cloud-blue-70:light-dark(#1ab9ff, #084968); --slds-g-color-palette-cloud-blue-80:light-dark(#90d0fe, #023248); --slds-g-color-palette-cloud-blue-90:light-dark(#cfe9fe, #001a28); --slds-g-color-palette-cloud-blue-95:light-dark(#eaf5fe, #000409); --slds-g-color-palette-electric-blue-10:light-dark(#001642, #d6e6ff); --slds-g-color-palette-electric-blue-15:light-dark(#001e5b, #c2daff); --slds-g-color-palette-electric-blue-20:light-dark(#002775, #a8cbff); --slds-g-color-palette-electric-blue-30:light-dark(#022ac0, #7cb1fe); --slds-g-color-palette-electric-blue-40:light-dark(#0250d9, #4992fe); --slds-g-color-palette-electric-blue-50:#066afe; --slds-g-color-palette-electric-blue-60:light-dark(#4992fe, #0250d9); --slds-g-color-palette-electric-blue-65:light-dark(#5f9ffe, #003ecd); --slds-g-color-palette-electric-blue-70:light-dark(#7cb1fe, #022ac0); --slds-g-color-palette-electric-blue-80:light-dark(#a8cbff, #002775); --slds-g-color-palette-electric-blue-90:light-dark(#d6e6ff, #001642); --slds-g-color-palette-electric-blue-95:light-dark(#edf4ff, #000314); --slds-g-color-palette-green-10:light-dark(#071b12, #cdefc4); --slds-g-color-palette-green-15:light-dark(#0c2912, #aee4a9); --slds-g-color-palette-green-20:light-dark(#143b25, #91db8b); --slds-g-color-palette-green-30:light-dark(#194e31, #45c65a); --slds-g-color-palette-green-40:light-dark(#396547, #3ba755); --slds-g-color-palette-green-50:#2e844a; --slds-g-color-palette-green-60:light-dark(#3ba755, #396547); --slds-g-color-palette-green-65:light-dark(#41b658, #1e5c39); --slds-g-color-palette-green-70:light-dark(#45c65a, #194e31); --slds-g-color-palette-green-80:light-dark(#91db8b, #143b25); --slds-g-color-palette-green-90:light-dark(#cdefc4, #071b12); --slds-g-color-palette-green-95:light-dark(#ebf7e6, #010502); --slds-g-color-palette-hot-orange-10:light-dark(#281202, #ffded5); --slds-g-color-palette-hot-orange-15:light-dark(#421604, #feccbd); --slds-g-color-palette-hot-orange-20:light-dark(#4a2413, #feb9a5); --slds-g-color-palette-hot-orange-30:light-dark(#7e2600, #ff906e); --slds-g-color-palette-hot-orange-40:light-dark(#aa3001, #ff5d2d); --slds-g-color-palette-hot-orange-50:#d83a00; --slds-g-color-palette-hot-orange-60:light-dark(#ff5d2d, #aa3001); --slds-g-color-palette-hot-orange-65:light-dark(#ff784f, #942b00); --slds-g-color-palette-hot-orange-70:light-dark(#ff906e, #7e2600); --slds-g-color-palette-hot-orange-80:light-dark(#feb9a5, #4a2413); --slds-g-color-palette-hot-orange-90:light-dark(#ffded5, #281202); --slds-g-color-palette-hot-orange-95:light-dark(#fef1ed, #090200); --slds-g-color-palette-indigo-10:light-dark(#17094e, #e0e5f8); --slds-g-color-palette-indigo-15:light-dark(#1f0974, #cfd4f7); --slds-g-color-palette-indigo-20:light-dark(#270c92, #bec7f6); --slds-g-color-palette-indigo-30:light-dark(#2f2cb7, #9ea9f1); --slds-g-color-palette-indigo-40:light-dark(#3a49da, #7f8ced); --slds-g-color-palette-indigo-50:#5867e8; --slds-g-color-palette-indigo-60:light-dark(#7f8ced, #3a49da); --slds-g-color-palette-indigo-65:light-dark(#8e9bef, #343bc8); --slds-g-color-palette-indigo-70:light-dark(#9ea9f1, #2f2cb7); --slds-g-color-palette-indigo-80:light-dark(#bec7f6, #270c92); --slds-g-color-palette-indigo-90:light-dark(#e0e5f8, #17094e); --slds-g-color-palette-indigo-95:light-dark(#f1f3fb, #060116); --slds-g-color-palette-orange-10:light-dark(#201600, #fedfd0); --slds-g-color-palette-orange-15:light-dark(#2e2204, #ffccad); --slds-g-color-palette-orange-20:light-dark(#3e2b02, #ffba90); --slds-g-color-palette-orange-30:light-dark(#5f3e02, #fe9339); --slds-g-color-palette-orange-40:light-dark(#825101, #dd7a01); --slds-g-color-palette-orange-50:#a96404; --slds-g-color-palette-orange-60:light-dark(#dd7a01, #825101); --slds-g-color-palette-orange-65:light-dark(#f38303, #704801); --slds-g-color-palette-orange-70:light-dark(#fe9339, #5f3e02); --slds-g-color-palette-orange-80:light-dark(#ffba90, #3e2b02); --slds-g-color-palette-orange-90:light-dark(#fedfd0, #201600); --slds-g-color-palette-orange-95:light-dark(#fff1ea, #060300); --slds-g-color-palette-pink-10:light-dark(#370114, #fddde3); --slds-g-color-palette-pink-15:light-dark(#4b0620, #fec8d4); --slds-g-color-palette-pink-20:light-dark(#61022a, #fdb6c5); --slds-g-color-palette-pink-30:light-dark(#8a033e, #fe8aa7); --slds-g-color-palette-pink-40:light-dark(#b60554, #ff538a); --slds-g-color-palette-pink-50:#e3066a; --slds-g-color-palette-pink-60:light-dark(#ff538a, #b60554); --slds-g-color-palette-pink-65:light-dark(#fe7298, #a00449); --slds-g-color-palette-pink-70:light-dark(#fe8aa7, #8a033e); --slds-g-color-palette-pink-80:light-dark(#fdb6c5, #61022a); --slds-g-color-palette-pink-90:light-dark(#fddde3, #370114); --slds-g-color-palette-pink-95:light-dark(#fef0f3, #0f0003); --slds-g-color-palette-purple-10:light-dark(#240643, #ece1f9); --slds-g-color-palette-purple-15:light-dark(#300b60, #e2d0f6); --slds-g-color-palette-purple-20:light-dark(#401075, #d7bff2); --slds-g-color-palette-purple-30:light-dark(#5a1ba9, #c29ef1); --slds-g-color-palette-purple-40:light-dark(#7526e3, #ad7bee); --slds-g-color-palette-purple-50:#9050e9; --slds-g-color-palette-purple-60:light-dark(#ad7bee, #7526e3); --slds-g-color-palette-purple-65:light-dark(#b78def, #681dc9); --slds-g-color-palette-purple-70:light-dark(#c29ef1, #5a1ba9); --slds-g-color-palette-purple-80:light-dark(#d7bff2, #401075); --slds-g-color-palette-purple-90:light-dark(#ece1f9, #240643); --slds-g-color-palette-purple-95:light-dark(#f6f2fb, #070114); --slds-g-color-palette-red-10:light-dark(#300c01, #feded8); --slds-g-color-palette-red-15:light-dark(#4a0c04, #feccc3); --slds-g-color-palette-red-20:light-dark(#640103, #feb8ab); --slds-g-color-palette-red-30:light-dark(#8e030f, #fe8f7d); --slds-g-color-palette-red-40:light-dark(#ba0517, #fe5c4c); --slds-g-color-palette-red-50:#ea001e; --slds-g-color-palette-red-60:light-dark(#fe5c4c, #ba0517); --slds-g-color-palette-red-65:light-dark(#fe7765, #a40413); --slds-g-color-palette-red-70:light-dark(#fe8f7d, #8e030f); --slds-g-color-palette-red-80:light-dark(#feb8ab, #640103); --slds-g-color-palette-red-90:light-dark(#feded8, #300c01); --slds-g-color-palette-red-95:light-dark(#fef1ee, #0c0200); --slds-g-color-palette-teal-10:light-dark(#071b12, #acf3e4); --slds-g-color-palette-teal-15:light-dark(#072825, #76ead9); --slds-g-color-palette-teal-20:light-dark(#023434, #04e1cb); --slds-g-color-palette-teal-30:light-dark(#024d4c, #01c3b3); --slds-g-color-palette-teal-40:light-dark(#056764, #06a59a); --slds-g-color-palette-teal-50:#0b827c; --slds-g-color-palette-teal-60:light-dark(#06a59a, #056764); --slds-g-color-palette-teal-65:light-dark(#03b4a7, #035a58); --slds-g-color-palette-teal-70:light-dark(#01c3b3, #024d4c); --slds-g-color-palette-teal-80:light-dark(#04e1cb, #023434); --slds-g-color-palette-teal-90:light-dark(#acf3e4, #071b12); --slds-g-color-palette-teal-95:light-dark(#def9f3, #010502); --slds-g-color-palette-violet-10:light-dark(#2e0039, #f2defe); --slds-g-color-palette-violet-15:light-dark(#3d0157, #eccdfe); --slds-g-color-palette-violet-20:light-dark(#580276, #e5b9fe); --slds-g-color-palette-violet-30:light-dark(#730394, #d892fe); --slds-g-color-palette-violet-40:light-dark(#9602c7, #cb65ff); --slds-g-color-palette-violet-50:#ba01ff; --slds-g-color-palette-violet-60:light-dark(#cb65ff, #9602c7); --slds-g-color-palette-violet-65:light-dark(#d17dfe, #8402ad); --slds-g-color-palette-violet-70:light-dark(#d892fe, #730394); --slds-g-color-palette-violet-80:light-dark(#e5b9fe, #580276); --slds-g-color-palette-violet-90:light-dark(#f2defe, #2e0039); --slds-g-color-palette-violet-95:light-dark(#f9f0ff, #060300); --slds-g-color-palette-yellow-10:light-dark(#281202, #f9e3b6); --slds-g-color-palette-yellow-15:light-dark(#371e03, #f8d462); --slds-g-color-palette-yellow-20:light-dark(#4f2100, #fcc003); --slds-g-color-palette-yellow-30:light-dark(#6f3400, #e4a201); --slds-g-color-palette-yellow-40:light-dark(#8c4b02, #ca8501); --slds-g-color-palette-yellow-50:#a96504; --slds-g-color-palette-yellow-60:light-dark(#ca8501, #8c4b02); --slds-g-color-palette-yellow-65:light-dark(#da9401, #824308); --slds-g-color-palette-yellow-70:light-dark(#e4a201, #6f3400); --slds-g-color-palette-yellow-80:light-dark(#fcc003, #4f2100); --slds-g-color-palette-yellow-90:light-dark(#f9e3b6, #281202); --slds-g-color-palette-yellow-95:light-dark(#fbf3e0, #090200); --slds-g-color-surface-1:light-dark(#fff, #242424); --slds-g-color-surface-2:light-dark(#f3f3f3, #181818); --slds-g-color-surface-3:light-dark(#f3f3f3, #2e2e2e); --slds-g-color-surface-container-1:light-dark(#fff, #242424); --slds-g-color-surface-container-2:light-dark(#f3f3f3, #181818); --slds-g-color-surface-container-3:light-dark(#e5e5e5, #2e2e2e); --slds-g-color-surface-container-inverse-1:light-dark(#032d60, #aacbff); --slds-g-color-surface-container-inverse-2:light-dark(#03234d, #78b0fd); --slds-g-color-surface-inverse-1:light-dark(#032d60, #aacbff); --slds-g-color-surface-inverse-2:light-dark(#03234d, #d8e6fe); --slds-g-color-on-accent-1:#fff; --slds-g-color-on-accent-2:light-dark(#fff, var(--slds-r-color-brand-40)); --slds-g-color-on-accent-3:light-dark(#fff, var(--slds-r-color-brand-30)); --slds-g-color-on-surface-1:light-dark(#5c5c5c, #aeaeae); --slds-g-color-on-surface-2:light-dark(#2e2e2e, #e5e5e5); --slds-g-color-on-surface-3:light-dark(#03234d, #d8e6fe); --slds-g-color-on-surface-inverse-1:light-dark(#fff, #181818); --slds-g-color-on-surface-inverse-2:light-dark(#a8cbff, #002775); --slds-g-color-on-info-1:light-dark(var(--slds-r-color-info-40), var(--slds-r-color-info-90)); --slds-g-color-on-success-1:light-dark(var(--slds-r-color-success-40), var(--slds-r-color-success-90)); --slds-g-color-on-success-2:light-dark(var(--slds-r-color-success-30), var(--slds-r-color-success-95)); --slds-g-color-on-warning-1:light-dark(var(--slds-r-color-warning-40), var(--slds-r-color-warning-90)); --slds-g-color-on-error-1:light-dark(var(--slds-r-color-error-40), var(--slds-r-color-error-90)); --slds-g-color-on-error-2:light-dark(var(--slds-r-color-error-30), var(--slds-r-color-error-95)); --slds-g-color-on-disabled-1:#757575; --slds-g-color-on-disabled-2:light-dark(#757575, #939393); --slds-g-color-border-1:light-dark(#c9c9c9, #444); --slds-g-color-border-2:light-dark(#5c5c5c, #757575); --slds-g-color-border-accent-1:var(--slds-r-color-brand-50); --slds-g-color-border-accent-2:light-dark(var(--slds-r-color-brand-40), var(--slds-r-color-brand-70)); --slds-g-color-border-accent-3:light-dark(var(--slds-r-color-brand-30), var(--slds-r-color-brand-80)); --slds-g-color-border-inverse-1:light-dark(#f3f3f3, #181818); --slds-g-color-border-inverse-2:light-dark(#032d60, #aacbff); --slds-g-color-border-success-1:var(--slds-g-color-success-base-40); --slds-g-color-border-success-2:var(--slds-g-color-success-base-30); --slds-g-color-border-warning-1:light-dark(var(--slds-r-color-warning-60), var(--slds-r-color-warning-70)); --slds-g-color-border-error-1:light-dark(var(--slds-r-color-error-40), var(--slds-r-color-error-70)); --slds-g-color-border-error-2:light-dark(var(--slds-r-color-error-30), var(--slds-r-color-error-80)); --slds-g-color-border-disabled-1:var(--slds-g-color-neutral-base-50); --slds-g-color-border-disabled-2:var(--slds-g-color-neutral-base-40); --slds-g-color-accent-1:var(--slds-r-color-brand-50); --slds-g-color-accent-2:light-dark(var(--slds-r-color-brand-40), var(--slds-r-color-brand-70)); --slds-g-color-accent-3:light-dark(var(--slds-r-color-brand-30), var(--slds-r-color-brand-80)); --slds-g-color-accent-container-1:var(--slds-r-color-brand-50); --slds-g-color-accent-container-2:light-dark(var(--slds-r-color-brand-40), var(--slds-r-color-brand-90)); --slds-g-color-accent-container-3:light-dark(var(--slds-r-color-brand-30), var(--slds-r-color-brand-80)); --slds-g-color-accent-light-1:#edf4ff; --slds-g-color-accent-light-2:#d6e6ff; --slds-g-color-accent-dark-1:#002775; --slds-g-color-accent-dark-2:#001642; --slds-g-color-error-1:light-dark(var(--slds-r-color-error-40), var(--slds-r-color-error-70)); --slds-g-color-error-container-1:light-dark(var(--slds-r-color-error-90), var(--slds-r-color-error-30)); --slds-g-color-error-container-2:light-dark(var(--slds-r-color-error-80), var(--slds-r-color-error-40)); --slds-g-color-error-base-10:light-dark(var(--slds-r-color-error-10), var(--slds-r-color-error-90)); --slds-g-color-error-base-15:light-dark(var(--slds-r-color-error-15), var(--slds-r-color-error-85)); --slds-g-color-error-base-20:light-dark(var(--slds-r-color-error-20), var(--slds-r-color-error-80)); --slds-g-color-error-base-30:light-dark(var(--slds-r-color-error-30), var(--slds-r-color-error-70)); --slds-g-color-error-base-40:light-dark(var(--slds-r-color-error-40), var(--slds-r-color-error-60)); --slds-g-color-error-base-45:light-dark(var(--slds-r-color-error-45), var(--slds-r-color-error-55)); --slds-g-color-error-base-50:var(--slds-r-color-error-50); --slds-g-color-error-base-55:light-dark(var(--slds-r-color-error-55), var(--slds-r-color-error-45)); --slds-g-color-error-base-60:light-dark(var(--slds-r-color-error-60), var(--slds-r-color-error-40)); --slds-g-color-error-base-65:light-dark(var(--slds-r-color-error-65), var(--slds-r-color-error-35)); --slds-g-color-error-base-70:light-dark(var(--slds-r-color-error-70), var(--slds-r-color-error-30)); --slds-g-color-error-base-80:light-dark(var(--slds-r-color-error-80), var(--slds-r-color-error-20)); --slds-g-color-error-base-90:light-dark(var(--slds-r-color-error-90), var(--slds-r-color-error-10)); --slds-g-color-error-base-95:light-dark(var(--slds-r-color-error-95), var(--slds-r-color-error-5)); --slds-g-color-error-base-100:var(--slds-g-color-neutral-base-100); --slds-g-color-warning-1:light-dark(var(--slds-r-color-warning-40), var(--slds-r-color-warning-70)); --slds-g-color-warning-container-1:light-dark(var(--slds-r-color-warning-90), var(--slds-r-color-warning-30)); --slds-g-color-warning-base-10:light-dark(var(--slds-r-color-warning-10), var(--slds-r-color-warning-90)); --slds-g-color-warning-base-15:light-dark(var(--slds-r-color-warning-15), var(--slds-r-color-warning-85)); --slds-g-color-warning-base-20:light-dark(var(--slds-r-color-warning-20), var(--slds-r-color-warning-80)); --slds-g-color-warning-base-30:light-dark(var(--slds-r-color-warning-30), var(--slds-r-color-warning-70)); --slds-g-color-warning-base-40:light-dark(var(--slds-r-color-warning-40), var(--slds-r-color-warning-60)); --slds-g-color-warning-base-45:light-dark(var(--slds-r-color-warning-45), var(--slds-r-color-warning-55)); --slds-g-color-warning-base-50:var(--slds-r-color-warning-50); --slds-g-color-warning-base-55:light-dark(var(--slds-r-color-warning-55), var(--slds-r-color-warning-45)); --slds-g-color-warning-base-60:light-dark(var(--slds-r-color-warning-60), var(--slds-r-color-warning-40)); --slds-g-color-warning-base-65:light-dark(var(--slds-r-color-warning-65), var(--slds-r-color-warning-35)); --slds-g-color-warning-base-70:light-dark(var(--slds-r-color-warning-70), var(--slds-r-color-warning-30)); --slds-g-color-warning-base-80:light-dark(var(--slds-r-color-warning-80), var(--slds-r-color-warning-20)); --slds-g-color-warning-base-90:light-dark(var(--slds-r-color-warning-90), var(--slds-r-color-warning-10)); --slds-g-color-warning-base-95:light-dark(var(--slds-r-color-warning-95), var(--slds-r-color-warning-5)); --slds-g-color-warning-base-100:var(--slds-g-color-neutral-base-100); --slds-g-color-success-1:light-dark(var(--slds-r-color-success-40), var(--slds-r-color-success-70)); --slds-g-color-success-container-1:light-dark(var(--slds-r-color-success-90), var(--slds-r-color-success-30)); --slds-g-color-success-container-2:light-dark(var(--slds-r-color-success-80), var(--slds-r-color-success-40)); --slds-g-color-success-base-10:light-dark(var(--slds-r-color-success-10), var(--slds-r-color-success-90)); --slds-g-color-success-base-15:light-dark(var(--slds-r-color-success-15), var(--slds-r-color-success-85)); --slds-g-color-success-base-20:light-dark(var(--slds-r-color-success-20), var(--slds-r-color-success-80)); --slds-g-color-success-base-30:light-dark(var(--slds-r-color-success-30), var(--slds-r-color-success-70)); --slds-g-color-success-base-40:light-dark(var(--slds-r-color-success-40), var(--slds-r-color-success-60)); --slds-g-color-success-base-45:light-dark(var(--slds-r-color-success-45), var(--slds-r-color-success-55)); --slds-g-color-success-base-50:var(--slds-r-color-success-50); --slds-g-color-success-base-55:light-dark(var(--slds-r-color-success-55), var(--slds-r-color-success-45)); --slds-g-color-success-base-60:light-dark(var(--slds-r-color-success-60), var(--slds-r-color-success-40)); --slds-g-color-success-base-65:light-dark(var(--slds-r-color-success-65), var(--slds-r-color-success-35)); --slds-g-color-success-base-70:light-dark(var(--slds-r-color-success-70), var(--slds-r-color-success-30)); --slds-g-color-success-base-80:light-dark(var(--slds-r-color-success-80), var(--slds-r-color-success-20)); --slds-g-color-success-base-90:light-dark(var(--slds-r-color-success-90), var(--slds-r-color-success-10)); --slds-g-color-success-base-95:light-dark(var(--slds-r-color-success-95), var(--slds-r-color-success-5)); --slds-g-color-success-base-100:var(--slds-g-color-neutral-base-100); --slds-g-color-info-1:light-dark(var(--slds-r-color-info-40), var(--slds-r-color-info-70)); --slds-g-color-info-container-1:light-dark(var(--slds-r-color-info-90), var(--slds-r-color-info-30)); --slds-g-color-info-base-10:light-dark(var(--slds-r-color-info-10), var(--slds-r-color-info-90)); --slds-g-color-info-base-15:light-dark(var(--slds-r-color-info-15), var(--slds-r-color-info-85)); --slds-g-color-info-base-20:light-dark(var(--slds-r-color-info-20), var(--slds-r-color-info-80)); --slds-g-color-info-base-30:light-dark(var(--slds-r-color-info-30), var(--slds-r-color-info-70)); --slds-g-color-info-base-35:light-dark(var(--slds-r-color-info-35), var(--slds-r-color-info-65)); --slds-g-color-info-base-40:light-dark(var(--slds-r-color-info-40), var(--slds-r-color-info-60)); --slds-g-color-info-base-45:light-dark(var(--slds-r-color-info-45), var(--slds-r-color-info-55)); --slds-g-color-info-base-50:var(--slds-r-color-info-50); --slds-g-color-info-base-55:light-dark(var(--slds-r-color-info-55), var(--slds-r-color-info-45)); --slds-g-color-info-base-60:light-dark(var(--slds-r-color-info-60), var(--slds-r-color-info-40)); --slds-g-color-info-base-65:light-dark(var(--slds-r-color-info-65), var(--slds-r-color-info-35)); --slds-g-color-info-base-70:light-dark(var(--slds-r-color-info-70), var(--slds-r-color-info-30)); --slds-g-color-info-base-80:light-dark(var(--slds-r-color-info-80), var(--slds-r-color-info-20)); --slds-g-color-info-base-90:light-dark(var(--slds-r-color-info-90), var(--slds-r-color-info-10)); --slds-g-color-info-base-95:light-dark(var(--slds-r-color-info-95), var(--slds-r-color-info-5)); --slds-g-color-info-base-100:var(--slds-g-color-neutral-base-100); --slds-g-color-disabled-1:var(--slds-g-color-neutral-base-50); --slds-g-color-disabled-2:var(--slds-g-color-neutral-base-40); --slds-g-color-disabled-container-1:light-dark(#e5e5e5, #2e2e2e); --slds-g-color-disabled-container-2:light-dark(#c9c9c9, #444); --slds-g-color-neutral-base-0:light-dark(#000, #fff); --slds-g-color-neutral-base-10:light-dark(#181818, #e5e5e5); --slds-g-color-neutral-base-15:light-dark(#242424, #d7d7d7); --slds-g-color-neutral-base-20:light-dark(#2e2e2e, #c9c9c9); --slds-g-color-neutral-base-30:light-dark(#444, #aeaeae); --slds-g-color-neutral-base-40:light-dark(#5c5c5c, #939393); --slds-g-color-neutral-base-45:light-dark(#696969, #848484); --slds-g-color-neutral-base-50:#757575; --slds-g-color-neutral-base-55:light-dark(#848484, #696969); --slds-g-color-neutral-base-60:light-dark(#939393, #5c5c5c); --slds-g-color-neutral-base-65:light-dark(#a0a0a0, #515151); --slds-g-color-neutral-base-70:light-dark(#aeaeae, #444); --slds-g-color-neutral-base-80:light-dark(#c9c9c9, #2e2e2e); --slds-g-color-neutral-base-90:light-dark(#e5e5e5, #181818); --slds-g-color-neutral-base-95:light-dark(#f3f3f3, #020202); --slds-g-color-neutral-base-100:light-dark(#fff, #000); --slds-g-color-brand-base-10:light-dark(var(--slds-r-color-brand-10), var(--slds-r-color-brand-90)); --slds-g-color-brand-base-15:light-dark(var(--slds-r-color-brand-15), var(--slds-r-color-brand-85)); --slds-g-color-brand-base-20:light-dark(var(--slds-r-color-brand-20), var(--slds-r-color-brand-80)); --slds-g-color-brand-base-30:light-dark(var(--slds-r-color-brand-30), var(--slds-r-color-brand-70)); --slds-g-color-brand-base-40:light-dark(var(--slds-r-color-brand-40), var(--slds-r-color-brand-60)); --slds-g-color-brand-base-45:light-dark(var(--slds-r-color-brand-45), var(--slds-r-color-brand-55)); --slds-g-color-brand-base-50:var(--slds-r-color-brand-50); --slds-g-color-brand-base-55:light-dark(var(--slds-r-color-brand-55), var(--slds-r-color-brand-45)); --slds-g-color-brand-base-60:light-dark(var(--slds-r-color-brand-60), var(--slds-r-color-brand-40)); --slds-g-color-brand-base-65:light-dark(var(--slds-r-color-brand-65), var(--slds-r-color-brand-35)); --slds-g-color-brand-base-70:light-dark(var(--slds-r-color-brand-70), var(--slds-r-color-brand-30)); --slds-g-color-brand-base-80:light-dark(var(--slds-r-color-brand-80), var(--slds-r-color-brand-20)); --slds-g-color-brand-base-90:light-dark(var(--slds-r-color-brand-90), var(--slds-r-color-brand-10)); --slds-g-color-brand-base-95:light-dark(var(--slds-r-color-brand-95), var(--slds-r-color-brand-5)); --slds-g-color-brand-base-100:var(--slds-g-color-neutral-base-100); --slds-g-shadow-1:0px 0px 2px 0px light-dark(#0000002e, #0000005c), 0px 2px 2px 0px light-dark(#0000002e, #0000005c), 0px -1px 2px 0px light-dark(#0000001a, #00000033); --slds-g-shadow-2:0px 0px 5px 0px light-dark(#00000029, #00000052), 0px 3px 3px 0px light-dark(#00000029, #00000052), 0px -1px 2px 0px light-dark(#00000017, #0000002e); --slds-g-shadow-3:0px 0px 7px 0px light-dark(#00000024, #00000047), 0px 5px 5px 0px light-dark(#00000024, #00000047), 0px -1px 2px 0px light-dark(#00000014, #00000029); --slds-g-shadow-4:0px 0px 10px 0px light-dark(#0000001f, #0000003d), 0px 7px 7px 0px light-dark(#0000001f, #0000003d), 0px -1px 3px 0px light-dark(#00000012, #00000024); --slds-g-shadow-5:var(--slds-g-shadow-4); --slds-g-shadow-6:var(--slds-g-shadow-4); --slds-g-shadow-outline-focus-1:0px 0px 0px 2px var(--slds-g-color-brand-base-15); --slds-g-shadow-outset-focus-1:0px 0px 0px 2px var(--slds-g-color-neutral-base-100), 0px 0px 0px 4px var(--slds-g-color-brand-base-15); --slds-g-shadow-inset-focus-1:0px 0px 0px 2px var(--slds-g-color-brand-base-15) inset; --slds-g-shadow-inset-inverse-focus-1:0px 0px 0px 2px var(--slds-g-color-brand-base-15) inset, 0px 0px 0px 4px var(--slds-g-color-neutral-base-100) inset; --slds-g-shadow-inverse-1:0 0 3px #f3f3f3; --slds-g-shadow-insetinverse-focus-1:var(--slds-g-shadow-inset-inverse-focus-1); --slds-g-shadow-block-start-1:0px 0px 2px 0px light-dark(#0000002e, #0000005c), 0px -2px 2px 0px light-dark(#0000002e, #0000005c), 0px 1px 2px 0px light-dark(#0000001a, #00000033); --slds-g-shadow-block-start-2:0px 0px 5px 0px light-dark(#00000029, #00000052), 0px -3px 3px 0px light-dark(#00000029, #00000052), 0px 1px 2px 0px light-dark(#00000017, #0000002e); --slds-g-shadow-block-start-3:0px 0px 7px 0px light-dark(#00000024, #00000047), 0px -5px 5px 0px light-dark(#00000024, #00000047), 0px 1px 2px 0px light-dark(#00000014, #00000029); --slds-g-shadow-block-start-4:0px 0px 10px 0px light-dark(#0000001f, #0000003d), 0px -7px 7px 0px light-dark(#0000001f, #0000003d), 0px 1px 3px 0px light-dark(#00000012, #00000024); --slds-g-shadow-block-end-1:var(--slds-g-shadow-1); --slds-g-shadow-block-end-2:var(--slds-g-shadow-2); --slds-g-shadow-block-end-3:var(--slds-g-shadow-3); --slds-g-shadow-block-end-4:var(--slds-g-shadow-4); --slds-g-shadow-blockstart-1:var(--slds-g-shadow-block-start-1); --slds-g-shadow-blockstart-2:var(--slds-g-shadow-block-start-2); --slds-g-shadow-blockstart-3:var(--slds-g-shadow-block-start-3); --slds-g-shadow-blockstart-4:var(--slds-g-shadow-block-start-4); --slds-g-shadow-blockend-1:var(--slds-g-shadow-block-end-1); --slds-g-shadow-blockend-2:var(--slds-g-shadow-block-end-2); --slds-g-shadow-blockend-3:var(--slds-g-shadow-block-end-3); --slds-g-shadow-blockend-4:var(--slds-g-shadow-block-end-4); --slds-g-shadow-inline-start-1:0px 0px 2px 0px light-dark(#0000002e, #0000005c), -2px 0px 2px 0px light-dark(#0000002e, #0000005c), 1px 0px 2px 0px light-dark(#0000001a, #00000033); --slds-g-shadow-inline-start-2:0px 0px 5px 0px light-dark(#00000029, #00000052), -3px 0px 3px 0px light-dark(#00000029, #00000052), 1px 0px 2px 0px light-dark(#00000017, #0000002e); --slds-g-shadow-inline-start-3:0px 0px 7px 0px light-dark(#00000024, #00000047), -5px 0px 5px 0px light-dark(#00000024, #00000047), 1px 0px 2px 0px light-dark(#00000014, #00000029); --slds-g-shadow-inline-start-4:0px 0px 10px 0px light-dark(#0000001f, #0000003d), -7px 0px 7px 0px light-dark(#0000001f, #0000003d), 1px 0px 3px 0px light-dark(#00000012, #00000024); --slds-g-shadow-inline-end-1:0px 0px 2px 0px light-dark(#0000002e, #0000005c), 2px 0px 2px 0px light-dark(#0000002e, #0000005c), -1px 0 2px 0 light-dark(#0000001a, #00000033); --slds-g-shadow-inline-end-2:0px 0px 5px 0px light-dark(#00000029, #00000052), 3px 0px 3px 0px light-dark(#00000029, #00000052), -1px 0px 2px 0px light-dark(#00000017, #0000002e); --slds-g-shadow-inline-end-3:0px 0px 7px 0px light-dark(#00000024, #00000047), 5px 0px 5px 0px light-dark(#00000024, #00000047), -1px 0px 3px 0px light-dark(#00000014, #00000029); --slds-g-shadow-inline-end-4:0px 0px 10px 0px light-dark(#0000001f, #0000003d), 7px 0px 7px 0px light-dark(#0000001f, #0000003d), -1px 0px 3px 0px light-dark(#00000012, #00000024); --slds-g-shadow-inlinestart-1:var(--slds-g-shadow-inline-start-1); --slds-g-shadow-inlinestart-2:var(--slds-g-shadow-inline-start-2); --slds-g-shadow-inlinestart-3:var(--slds-g-shadow-inline-start-3); --slds-g-shadow-inlinestart-4:var(--slds-g-shadow-inline-start-4); --slds-g-shadow-inlineend-1:var(--slds-g-shadow-inline-end-1); --slds-g-shadow-inlineend-2:var(--slds-g-shadow-inline-end-2); --slds-g-shadow-inlineend-3:var(--slds-g-shadow-inline-end-3); --slds-g-shadow-inlineend-4:var(--slds-g-shadow-inline-end-4); } } @layer shared{ :where(html){ --slds-s-alert-font-weight:var(--slds-g-font-weight-6); --slds-s-alert-close-button-hover:var(--slds-g-color-on-surface-3); --slds-s-avatar-radius-border:var(--slds-g-radius-border-circle); --slds-s-backdrop-color-background:light-dark(color-mix(in oklab, var(--slds-g-color-palette-neutral-20),transparent 20%), color-mix(in oklab, var(--slds-g-color-palette-neutral-95),transparent 20%)); --slds-s-button-color:var(--slds-g-color-accent-2); --slds-s-button-shadow-focus:0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15); --slds-s-button-shadow-focus-inverse:0 0 0 2px var(--slds-g-color-brand-base-15), 0 0 0 4px var(--slds-g-color-surface-1); --slds-s-button-shadow-active:2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset; --slds-s-button-brand-shadow-hover:0 2px 0 0 light-dark(var(--slds-g-color-brand-base-20), var(--slds-g-color-brand-base-70)); --slds-s-button-brand-transform-hover:translateY(-2px); --slds-s-button-bordered-shadow-hover:0 1.5px 0 0 light-dark(var(--slds-g-color-neutral-base-20), var(--slds-g-color-neutral-base-70)); --slds-s-button-bordered-transform-hover:translateY(-1.5px); --slds-s-button-radius-border:var(--slds-g-radius-border-pill); --slds-s-button-spacing-inline:var(--slds-g-spacing-4); --slds-s-button-color-background:var(--slds-g-color-surface-container-1); --slds-s-button-color-background-hover:var(--slds-g-color-brand-base-90); --slds-s-button-color-background-focus:var(--slds-g-color-surface-container-2); --slds-s-button-color-background-active:var(--slds-g-color-surface-container-2); --slds-s-button-color-border:var(--slds-g-color-border-2); --slds-s-button-color-hover:var(--slds-g-color-on-surface-3); --slds-s-container-color:var(--slds-g-color-on-surface-1); --slds-s-container-shadow:none; --slds-s-container-footer-sizing-border:var(--slds-g-sizing-border-1); --slds-s-container-footer-color-background:var(--slds-g-color-surface-container-1); --slds-s-container-footer-font-align:right; --slds-s-container-footer-font-color:var(--slds-g-color-on-surface-2); --slds-s-container-sizing-border:0; --slds-s-container-radius-border:var(--slds-g-radius-border-4); --slds-s-container-heading-font-color:var(--slds-g-color-on-surface-3); --slds-s-container-heading-font-size:var(--slds-g-font-scale-3); --slds-s-container-heading-font-weight:var(--slds-g-font-weight-4); --slds-s-container-heading-font-align:left; --slds-s-container-content-color:var(--slds-g-color-on-surface-1); --slds-s-container-color-border:transparent; --slds-s-container-heading-var-font-size:var(--slds-g-font-scale-var-3); --slds-s-header-sizing-height:3.125rem; --slds-s-helptext-color:var(--slds-g-color-on-surface-1); --slds-s-helptext-font-size:var(--slds-g-font-scale-neg-1); --slds-s-helptext-spacing:var(--slds-g-spacing-1); --slds-s-icon-color-foreground:var(--slds-g-color-on-surface-1); --slds-s-icon-radius-border:var(--slds-g-radius-border-circle); --slds-s-input-radius-border:var(--slds-g-radius-border-2); --slds-s-input-color-background:var(--slds-g-color-surface-container-1); --slds-s-input-color-background-disabled:var(--slds-g-color-disabled-container-1); --slds-s-input-color-background-invalid:var(--slds-g-color-error-container-1); --slds-s-input-color-border:var(--slds-g-color-border-2); --slds-s-input-color-border-disabled:var(--slds-g-color-border-disabled-1); --slds-s-input-color-border-focus:var(--slds-g-color-border-2); --slds-s-input-spacing:var(--slds-g-spacing-2); --slds-s-input-shadow-focus:2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset, 0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15); --slds-s-input-shadow-invalid:none; --slds-s-input-color:var(--slds-g-color-on-surface-2); --slds-s-input-color-disabled:var(--slds-g-color-on-disabled-1); --slds-s-input-color-invalid:var(--slds-g-color-error-1); --slds-s-label-color:var(--slds-g-color-on-surface-2); --slds-s-label-font-size:var(--slds-g-font-size-base); --slds-s-label-font-weight:var(--slds-g-font-weight-6); --slds-s-label-spacing:var(--slds-g-spacing-2); --slds-s-label-spacing-gap:var(--slds-g-spacing-1); --slds-s-link-color:var(--slds-g-color-accent-2); --slds-s-link-color-hover:var(--slds-g-color-accent-3); --slds-s-link-color-focus:var(--slds-g-color-accent-3); --slds-s-link-color-active:var(--slds-g-color-accent-3); --slds-s-link-outline-color:var(--slds-g-color-brand-base-15); --slds-s-mark-color-foreground-checked:var(--slds-g-color-on-accent-1); --slds-s-mark-color-background:var(--slds-g-color-surface-container-1); --slds-s-mark-color-background-checked:var(--slds-g-color-accent-container-1); --slds-s-mark-color-foreground-invalid:var(--slds-g-color-error-base-100); --slds-s-mark-color-background-invalid:var(--slds-g-color-error-base-40); --slds-s-mark-shadow-focus:0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15); --slds-s-mark-shadow-checked:0px 1px 0px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.08) inset, 2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset; --slds-s-menu-item-color-background-active:var(--slds-g-color-brand-base-90); --slds-s-menu-item-color-active:var(--slds-g-color-accent-1); --slds-s-navigation-color:var(--slds-g-color-on-surface-1); --slds-s-navigation-color-active:var(--slds-g-color-accent-3); --slds-s-navigation-color-hover:var(--slds-g-color-brand-base-15); --slds-s-navigation-color-background:var(--slds-g-color-surface-container-1); --slds-s-navigation-color-background-active:var(--slds-g-color-surface-container-1); --slds-s-navigation-color-background-hover:var(--slds-g-color-brand-base-90); --slds-s-navigation-color-border:var(--slds-g-color-border-1); --slds-s-navigation-color-border-hover:var(--slds-g-color-brand-base-15); --slds-s-navigation-sizing-border-hover:3px; --slds-s-navigation-sizing-border-active:3px; --slds-s-navigation-sizing-height:2.5rem; --slds-s-navigation-font-weight:600; --slds-s-navigation-font-weight-active:600; --slds-s-navigation-font-lineheight:2.5rem; --slds-s-pageheader-color-background:var(--slds-g-color-surface-container-2); --slds-s-pageheader-row-color-background:var(--slds-g-color-surface-container-2); --slds-s-pageheader-radius-border:0; --slds-s-pageheader-title-font-size:var(--slds-g-font-scale-5); --slds-s-pageheader-title-font-weight:var(--slds-g-font-weight-4); --slds-s-pageheader-sizing-border:0; --slds-s-pageheader-shadow:none; --slds-s-pageheader-action-bottom-spacing:var(--slds-g-spacing-1); --slds-s-pill-color-background-hover:var(--slds-g-color-brand-base-90); --slds-s-table-color:var(--slds-g-color-neutral-base-0); --slds-s-table-header-color-background:var(--slds-g-color-surface-container-2); --slds-s-table-header-color-background-hover:var(--slds-g-color-surface-container-3); --slds-s-table-header-color-background-selected:var(--slds-g-color-surface-container-1); --slds-s-table-header-font-weight:var(--slds-g-font-weight-6); --slds-s-table-resize-color:var(--slds-g-color-border-1); --slds-s-table-resize-color-active:var(--slds-g-color-accent-3); --slds-s-table-row-color-background-selected:var(--slds-g-color-brand-base-90); --slds-s-table-row-color-border-selected-hover:var(--slds-g-color-border-accent-2); --slds-s-table-cell-shadow-selected:var(--slds-g-color-brand-base-15) 0 0 0 2px inset; --slds-s-table-header-color:var(--slds-g-color-on-surface-1); } } @layer deprecated{ :where(html){ --_slds-is-v2-enabled:true; --lwc-brandPrimary:var(--slds-g-color-brand-base-60) !important; --lwc-brandPrimaryActive:var(--slds-g-color-brand-base-50) !important; --lwc-brandAccessible:var(--slds-g-color-brand-base-50) !important; --lwc-brandAccessibleActive:var(--slds-g-color-brand-base-40) !important; --lwc-brandContrast:var(--slds-g-color-brand-base-100) !important; --lwc-brandContrastActive:var(--slds-g-color-brand-base-100) !important; --lwc-brandLight:var(--slds-g-color-brand-base-95) !important; --lwc-brandLightActive:var(--slds-g-color-brand-base-90) !important; --lwc-brandDark:var(--slds-g-color-brand-base-20) !important; --lwc-brandDarkActive:var(--slds-g-color-brand-base-10) !important; --lwc-brandTextLink:var(--slds-g-color-brand-base-50) !important; --lwc-brandTextLinkActive:var(--slds-g-color-brand-base-40) !important; } } @layer component{ :where(html){ --_slds-c-popover-feature-color-background:var(--slds-g-color-accent-container-2); --_slds-c-popover-feature-color-border:var(--slds-g-color-accent-container-2); --_slds-c-popover-box-shadow:var(--slds-g-shadow-4); --_slds-c-popover-close-btn-color:var(--slds-g-color-accent-2); --_slds-c-popover-top-nubbin-shadow:-2px -2px 3px 0px light-dark(#0000001f, #0000003d); --_slds-c-popover-bottom-nubbin-shadow:2px 2px 2px 0 light-dark(#0000001f, #0000003d); --_slds-c-popover-left-nubbin-shadow:-2px 3px 3px 0px light-dark(#0000001f, #0000003d); --_slds-c-popover-right-nubbin-shadow:2px -2px 2px 0 light-dark(#0000001f, #0000003d); --_slds-c-path-item-color-background-active:var(--slds-g-color-surface-container-inverse-1); --_slds-c-path-item-color-background-active-hover:var(--slds-g-color-surface-container-inverse-1); --_slds-c-path-item-color-background-incomplete:var(--slds-g-color-surface-container-3); --_slds-c-path-item-color-incomplete:var(--slds-g-color-on-surface-2); --_slds-c-path-item-color-background-incomplete-hover:var(--slds-g-color-neutral-base-70); --_slds-c-path-item-color-background-complete:var(--slds-g-color-success-container-1); --_slds-c-path-item-color-background-complete-hover:var(--slds-g-color-success-container-1); --_slds-c-path-item-color-background-success:var(--slds-g-color-success-container-1); --_slds-c-path-item-color-background-error:var(--slds-g-color-error-container-1); --_slds-c-path-item-sizing-border:0.0625rem; --_slds-c-path-item-sizing-height:1.875rem; --_slds-c-globalnavigation-sizing-border:0; --_slds-c-globalnavigation-spacing-block:var(--slds-g-spacing-1); --_slds-c-globalnavigation-spacing-gap:var(--slds-g-spacing-1); --_slds-c-globalnavigation-item-sizing-width-max:var(--slds-g-sizing-15); --_slds-c-globalnavigation-item-sizing-border:0; --_slds-c-globalnavigation-item-radius-border:var(--slds-g-radius-border-3); --_slds-c-globalnavigation-item-sizing-border-hover:3px; --_slds-c-globalnavigation-item-sizing-border-active:0; --_slds-c-globalnavigation-item-color-background-hover:transparent; --_slds-c-globalnavigation-item-color-background-active:transparent; --_slds-c-globalnavigation-item-color-border-success:var(--slds-g-color-on-success-1); --_slds-c-globalnavigation-item-color-border-error:var(--slds-g-color-on-error-1); --_slds-c-globalnavigation-item-color-border-warning:var(--slds-g-color-on-warning-1); --_slds-c-globalnavigation-item-color-border-hover:var(--slds-g-color-brand-base-15); --_slds-c-globalnavigation-item-color-border-active:var(--slds-g-color-accent-2); --_slds-c-globalnavigation-item-shadow-focus:0 0 0 2px var(--slds-g-color-brand-base-15) inset; --_slds-c-globalnavigation-font-decoration-focus:none; --_slds-c-globalnavigation-font-weight:500; --_slds-c-globalnavigation-app-font-weight:var(--slds-g-font-weight-4); --_slds-c-globalnavigation-item-color-active:var(--slds-g-color-accent-2); --_slds-c-globalnavigation-subtab-color-background-active:var(--slds-g-color-brand-base-90); --_slds-c-globalnavigation-subtab-color-background-hover:var(--slds-g-color-surface-container-2); --_slds-c-globalheader-color-background:#ffffff; --_slds-c-globalheader-color:#5c5c5c; --_slds-c-globalheader-color-hover:#444444; --_slds-c-utilitybar-sizing-border-hover:3px; --_slds-c-utilitybar-sizing-border-active:3px; --_slds-c-utilitybar-color-border-hover:var(--slds-g-color-brand-base-15); --_slds-c-utilitybar-color-border-active:var(--slds-g-color-accent-2); --_slds-c-utilitybar-color-background-hover:var(--slds-g-color-surface-1); --_slds-c-utilitybar-color-background-active:var(--slds-g-color-surface-1); --_slds-c-utilitybar-color:var(--slds-g-color-on-surface-1); --_slds-c-utilitybar-color-hover:var(--slds-g-color-brand-base-15); --_slds-c-utilitybar-color-active:var(--slds-g-color-accent-2); --_slds-c-utilitybar-font-weight:var(--slds-g-font-weight-6); --_slds-c-datatable-color-background-error:var(--slds-g-color-error-container-1); --_slds-c-datatable-color-background-edit:var(--slds-g-color-palette-yellow-95); --_slds-c-datatable-row-color-border-hover:var(--slds-g-color-border-2); --_slds-c-datatable-row-shadow-hover:none; --_slds-c-datatable-color-border:var(--slds-g-color-border-1); --_slds-c-datatable-radius-border:calc(var(--slds-g-sizing-border-4) * 2); --_slds-c-card-radius-border:var(--slds-g-radius-border-3); --slds-c-button-destructive-color-background:var(--slds-g-color-error-base-50); --slds-c-button-destructive-color-border:var(--slds-g-color-error-base-50); --slds-c-button-destructive-color:light-dark(#fff, #fff); --slds-c-button-destructive-color-background-hover:light-dark( var(--slds-r-color-error-40), var(--slds-r-color-error-90) ); --slds-c-button-destructive-color-border-hover:light-dark( var(--slds-r-color-error-40), var(--slds-r-color-error-90) ); --slds-c-button-destructive-color-hover:light-dark(#fff, var(--slds-r-color-error-40)); --slds-c-button-success-color-background:var(--slds-g-color-success-base-50); --slds-c-button-success-color-border:var(--slds-g-color-success-base-50); --slds-c-button-success-color:light-dark(#fff, #fff); --slds-c-button-success-color-background-hover:light-dark( var(--slds-r-color-success-40), var(--slds-r-color-success-90) ); --slds-c-button-success-color-border-hover:light-dark( var(--slds-r-color-success-40), var(--slds-r-color-success-90) ); --slds-c-button-success-color-hover:light-dark(#fff, var(--slds-r-color-success-40)); --slds-c-button-success-shadow-hover:0 2px 0 0 light-dark(var(--slds-r-color-success-20), var(--slds-r-color-success-40)); --slds-c-button-destructive-shadow-hover:0 2px 0 0 light-dark(var(--slds-r-color-error-20), var(--slds-r-color-error-40)); --slds-c-button-inverse-shadow-hover:0 2px 0 0 light-dark(#2e2e2e, #5c5c5c); --slds-c-button-font-weight:var(--slds-g-font-weight-6); --_slds-c-buttonicon-brand-color-background-active:var(--slds-g-color-accent-container-2); --_slds-c-buttonicon-brand-sizing-border-active:0; --_slds-c-buttonicon-bare-radius-focus:var(--slds-g-radius-border-1); --_slds-c-brandband-scrim-sizing-height:3.125rem; --_slds-c-brandband-sizing-height-small:6rem; --_slds-c-brandband-sizing-height-medium:12.5rem; --_slds-c-brandband-sizing-height-large:18.75rem; } }