@salesforce-ux/design-system-data
Version:
This package contains scripts to generate data and data assets for aspects of the Salesforce Lightning Design System (SLDS).
26,549 lines • 1.1 MB
CSS
/*
██╗██╗ ██████╗ █████╗ ██╗ ██╗████████╗██╗ ██████╗ ███╗ ██╗ ██╗██╗
██║██║ ██╔════╝██╔══██╗██║ ██║╚══██╔══╝██║██╔═══██╗████╗ ██║ ██║██║
██║██║ ██║ ███████║██║ ██║ ██║ ██║██║ ██║██╔██╗ ██║ ██║██║
╚═╝╚═╝ ██║ ██╔══██║██║ ██║ ██║ ██║██║ ██║██║╚██╗██║ ╚═╝╚═╝
██╗██╗ ╚██████╗██║ ██║╚██████╔╝ ██║ ██║╚██████╔╝██║ ╚████║ ██╗██╗
╚═╝╚═╝ ╚═════╝╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═══╝ ╚═╝╚═╝
This component is for Design Systems Engineering team use only.
Its content is unsupported for project implementation and may be withdrawn anytime.
Refer to official documentation for current guidance at https://sfdc.co/slds-plus-playbook
*/
/*!
* @salesforce-ux/sds-subsystems 2.3.1 (09edeea74b1633c7cc222993c6d62165f1ebbd9e)
* Built with @salesforce-ux/sds-styling-hooks 2.0.0-beta.13
*
* 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.
*/
:root{
--_slds-is-v2-enabled:true;
}
@layer deprecated, defaults, shared, theme, component;
@layer defaults{
:where(html){
--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-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-base:1rem;
--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-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-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-inverse-1:0 0 3px #f3f3f3;
--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-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-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, #ffc4b7);
--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-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-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-bold:bold;
--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-line-height-base:1.5;
--slds-g-font-line-height-var-base:var(--slds-g-font-lineheight-base);
--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-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-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-scale-ratio:1.15;
--slds-g-font-size-base:var(--slds-g-font-scale-base);
--slds-g-font-scale-neg-4:var(--slds-g-font-scale-neg-3);
--slds-g-font-scale-neg-3:var(--slds-g-font-scale-neg-2);
--slds-g-font-scale-neg-2:0.625rem;
--slds-g-font-scale-neg-1:0.75rem;
--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-line-clamp:3;
--slds-g-duration-instantly:0s;
--slds-g-duration-immediately:0.05s;
--slds-g-duration-quickly:0.1s;
--slds-g-duration-promptly:0.2s;
--slds-g-duration-slowly:0.4s;
--slds-g-duration-paused:3.2s;
--slds-g-duration-toast-short:4.8s;
--slds-g-duration-toast-medium:9.6s;
--slds-g-color-neutral-base-100:light-dark(#fff, #000);
--slds-g-color-neutral-base-95:light-dark(#f3f3f3, #020202);
--slds-g-color-neutral-base-90:light-dark(#e5e5e5, #181818);
--slds-g-color-neutral-base-80:light-dark(#c9c9c9, #2e2e2e);
--slds-g-color-neutral-base-70:light-dark(#aeaeae, #444);
--slds-g-color-neutral-base-65:light-dark(#a0a0a0, #515151);
--slds-g-color-neutral-base-60:light-dark(#939393, #5c5c5c);
--slds-g-color-neutral-base-50:#757575;
--slds-g-color-neutral-base-40:light-dark(#5c5c5c, #939393);
--slds-g-color-neutral-base-30:light-dark(#444, #aeaeae);
--slds-g-color-neutral-base-20:light-dark(#2e2e2e, #c9c9c9);
--slds-g-color-neutral-base-15:light-dark(#242424, #d7d7d7);
--slds-g-color-neutral-base-10:light-dark(#181818, #e5e5e5);
--slds-g-color-neutral-base-0:light-dark(#000, #fff);
--slds-g-color-brand-base-100:var(--slds-g-color-neutral-base-100);
--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-90:light-dark(var(--slds-r-color-brand-90), var(--slds-r-color-brand-10));
--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-70:light-dark(var(--slds-r-color-brand-70), var(--slds-r-color-brand-30));
--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-60:light-dark(var(--slds-r-color-brand-60), var(--slds-r-color-brand-40));
--slds-g-color-brand-base-50:var(--slds-r-color-brand-50);
--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-30:light-dark(var(--slds-r-color-brand-30), var(--slds-r-color-brand-70));
--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-15:light-dark(var(--slds-r-color-brand-15), var(--slds-r-color-brand-85));
--slds-g-color-brand-base-10:light-dark(var(--slds-r-color-brand-10), var(--slds-r-color-brand-90));
--slds-g-color-info-base-100:var(--slds-g-color-neutral-base-100);
--slds-g-color-info-base-95:light-dark(#eef4ff, #000310);
--slds-g-color-info-base-90:light-dark(#d8e6fe, #001639);
--slds-g-color-info-base-80:light-dark(#aacbff, #032d60);
--slds-g-color-info-base-70:light-dark(#78b0fd, #014486);
--slds-g-color-info-base-65:light-dark(#57a3fd, #044f98);
--slds-g-color-info-base-60:light-dark(#1b96ff, #0b5cab);
--slds-g-color-info-base-50:#0176d3;
--slds-g-color-info-base-40:light-dark(#0b5cab, #1b96ff);
--slds-g-color-info-base-30:light-dark(#014486, #78b0fd);
--slds-g-color-info-base-20:light-dark(#032d60, #aacbff);
--slds-g-color-info-base-15:light-dark(#03234d, #c2d8ff);
--slds-g-color-info-base-10:light-dark(#001639, #d8e6fe);
--slds-g-color-error-base-100:var(--slds-g-color-neutral-base-100);
--slds-g-color-error-base-95:light-dark(#fef0f3, #0f0003);
--slds-g-color-error-base-90:light-dark(#fddde3, #370114);
--slds-g-color-error-base-80:light-dark(#fdb6c5, #61022a);
--slds-g-color-error-base-70:light-dark(#fe8aa7, #8a033e);
--slds-g-color-error-base-65:light-dark(#fe7298, #a00449);
--slds-g-color-error-base-60:light-dark(#ff538a, #b60554);
--slds-g-color-error-base-50:#e3066a;
--slds-g-color-error-base-40:light-dark(#b60554, #ff538a);
--slds-g-color-error-base-30:light-dark(#8a033e, #fe8aa7);
--slds-g-color-error-base-20:light-dark(#61022a, #fdb6c5);
--slds-g-color-error-base-15:light-dark(#4b0620, #fec8d4);
--slds-g-color-error-base-10:light-dark(#370114, #fddde3);
--slds-g-color-warning-base-100:var(--slds-g-color-neutral-base-100);
--slds-g-color-warning-base-95:light-dark(#fbf3e0, #090200);
--slds-g-color-warning-base-90:light-dark(#f9e3b6, #281202);
--slds-g-color-warning-base-80:light-dark(#fcc003, #4f2100);
--slds-g-color-warning-base-70:light-dark(#e4a201, #6f3400);
--slds-g-color-warning-base-65:light-dark(#da9401, #824308);
--slds-g-color-warning-base-60:light-dark(#ca8501, #8c4b02);
--slds-g-color-warning-base-50:#a96504;
--slds-g-color-warning-base-40:light-dark(#8c4b02, #ca8501);
--slds-g-color-warning-base-30:light-dark(#6f3400, #e4a201);
--slds-g-color-warning-base-20:light-dark(#4f2100, #fcc003);
--slds-g-color-warning-base-15:light-dark(#371e03, #f8d462);
--slds-g-color-warning-base-10:light-dark(#281202, #f9e3b6);
--slds-g-color-success-base-100:var(--slds-g-color-neutral-base-100);
--slds-g-color-success-base-95:light-dark(#def9f3, #010502);
--slds-g-color-success-base-90:light-dark(#acf3e4, #071b12);
--slds-g-color-success-base-80:light-dark(#04e1cb, #023434);
--slds-g-color-success-base-70:light-dark(#01c3b3, #024d4c);
--slds-g-color-success-base-65:light-dark(#03b4a7, #035a58);
--slds-g-color-success-base-60:light-dark(#06a59a, #056764);
--slds-g-color-success-base-50:#0b827c;
--slds-g-color-success-base-40:light-dark(#056764, #06a59a);
--slds-g-color-success-base-30:light-dark(#024d4c, #01c3b3);
--slds-g-color-success-base-20:light-dark(#023434, #04e1cb);
--slds-g-color-success-base-15:light-dark(#072825, #76ead9);
--slds-g-color-success-base-10:light-dark(#071b12, #acf3e4);
--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-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-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-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-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-error-1:light-dark(#b60554, #fe8aa7);
--slds-g-color-error-container-1:light-dark(#fddde3, #8a033e);
--slds-g-color-on-error-1:light-dark(#b60554, #fddde3);
--slds-g-color-border-error-1:light-dark(#b60554, #fe8aa7);
--slds-g-color-warning-1:light-dark(#8c4b02, #e4a201);
--slds-g-color-warning-container-1:light-dark(#f9e3b6, #6f3400);
--slds-g-color-on-warning-1:light-dark(#8c4b02, #f9e3b6);
--slds-g-color-border-warning-1:light-dark(#dd7a01, #e4a201);
--slds-g-color-success-1:light-dark(#056764, #01c3b3);
--slds-g-color-success-container-1:light-dark(#acf3e4, #024d4c);
--slds-g-color-on-success-1:light-dark(#056764, #acf3e4);
--slds-g-color-border-success-1:var(--slds-g-color-success-base-40);
--slds-g-color-info-1:light-dark(#0b5cab, #78b0fd);
--slds-g-color-info-container-1:light-dark(#d8e6fe, #014486);
--slds-g-color-on-info-1:light-dark(#0b5cab, #d8e6fe);
--slds-g-color-disabled-1:var(--slds-g-color-neutral-base-50);
--slds-g-color-disabled-container-1:light-dark(#e5e5e5, #2e2e2e);
--slds-g-color-on-disabled-1:#757575;
--slds-g-color-border-disabled-1:var(--slds-g-color-neutral-base-50);
--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-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-block-end-1:var(--slds-g-shadow-1);
--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-blockstart-1:var(--slds-g-shadow-block-start-1);
--slds-g-shadow-inlineend-1:var(--slds-g-shadow-inline-end-1);
--slds-g-shadow-blockend-1:var(--slds-g-shadow-block-end-1);
--slds-g-shadow-inlinestart-1:var(--slds-g-shadow-inline-start-1);
--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-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-block-end-2:var(--slds-g-shadow-2);
--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-blockstart-2:var(--slds-g-shadow-block-start-2);
--slds-g-shadow-inlineend-2:var(--slds-g-shadow-inline-end-2);
--slds-g-shadow-blockend-2:var(--slds-g-shadow-block-end-2);
--slds-g-shadow-inlinestart-2:var(--slds-g-shadow-inline-start-2);
--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-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-block-end-3:var(--slds-g-shadow-3);
--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-blockstart-3:var(--slds-g-shadow-block-start-3);
--slds-g-shadow-inlineend-3:var(--slds-g-shadow-inline-end-3);
--slds-g-shadow-blockend-3:var(--slds-g-shadow-block-end-3);
--slds-g-shadow-inlinestart-3:var(--slds-g-shadow-inline-start-3);
--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-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-block-end-4:var(--slds-g-shadow-4);
--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-blockstart-4:var(--slds-g-shadow-block-start-4);
--slds-g-shadow-inlineend-4:var(--slds-g-shadow-inline-end-4);
--slds-g-shadow-blockend-4:var(--slds-g-shadow-block-end-4);
--slds-g-shadow-inlinestart-4:var(--slds-g-shadow-inline-start-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-insetinverse-focus-1:var(--slds-g-shadow-inset-inverse-focus-1);
--slds-r-color-brand-95:#edf4ff;
--slds-r-color-brand-90:#d6e6ff;
--slds-r-color-brand-85:#c2daff;
--slds-r-color-brand-80:#a8cbff;
--slds-r-color-brand-70:#7cb1fe;
--slds-r-color-brand-65:#5f9ffe;
--slds-r-color-brand-60:#4992fe;
--slds-r-color-brand-50:#066afe;
--slds-r-color-brand-40:#0250d9;
--slds-r-color-brand-35:#003ecd;
--slds-r-color-brand-30:#022ac0;
--slds-r-color-brand-20:#002775;
--slds-r-color-brand-15:#001e5b;
--slds-r-color-brand-10:#001642;
--slds-r-color-brand-5:#000314;
--slds-g-font-scale-base:0.8125rem;
--slds-g-font-scale-var-base:var(--slds-g-font-scale-base);
--slds-g-font-scale-var-neg-4:var(--slds-g-font-scale-var-neg-3);
--slds-g-font-scale-var-neg-3:var(--slds-g-font-scale-var-neg-2);
--slds-g-font-scale-var-neg-2:var(--slds-g-font-scale-neg-2);
--slds-g-font-scale-var-neg-1:var(--slds-g-font-scale-neg-1);
--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-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-disabled-container-2:light-dark(#c9c9c9, #444);
--slds-g-color-disabled-2:var(--slds-g-color-neutral-base-40);
--slds-g-color-on-disabled-2:light-dark(#757575, #939393);
--slds-g-color-border-disabled-2:var(--slds-g-color-neutral-base-40);
--slds-g-color-error-container-2:light-dark(#fdb6c5, #b60554);
--slds-g-color-on-error-2:light-dark(#8a033e, #fef0f3);
--slds-g-color-border-error-2:light-dark(#8a033e, #fdb6c5);
--slds-g-color-success-container-2:light-dark(#04e1cb, #056764);
--slds-g-color-on-success-2:var(--slds-g-color-success-base-20);
--slds-g-color-border-success-2:var(--slds-g-color-success-base-30);
--slds-g-color-surface-inverse-1:light-dark(#032d60, #aacbff);
--slds-g-color-surface-inverse-2:light-dark(#03234d, #d8e6fe);
--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-on-surface-inverse-1:light-dark(#fff, #181818);
--slds-g-color-on-surface-inverse-2:light-dark(#a8cbff, #002775);
--slds-g-color-border-inverse-1:light-dark(#f3f3f3, #181818);
--slds-g-color-border-inverse-2:light-dark(#032d60, #aacbff);
}
}
@layer deprecated{
:where(html){
--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 shared{
:where(html){
--slds-s-table-color:var(--slds-g-color-on-surface-1);
--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-color:var(--slds-g-color-on-surface-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-pill-color-background-hover:var(--slds-g-color-brand-base-90);
--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-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: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-border:var(--slds-g-color-neutral-base-80);
--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-font-weight:600;
--slds-s-navigation-font-weight-active:600;
--slds-s-navigation-sizing-height:2.5rem;
--slds-s-navigation-font-lineheight:2.5rem;
--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-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-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-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-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-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-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-icon-color-foreground:var(--slds-g-color-on-surface-1);
--slds-s-icon-radius-border:var(--slds-g-radius-border-circle);
--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-header-sizing-height:3.125rem;
--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-color-border:transparent;
--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-footer-font-align:right;
--slds-s-container-footer-font-color:var(--slds-g-color-on-surface-2);
--slds-s-container-footer-color-background:var(--slds-g-color-surface-container-1);
--slds-s-container-content-color:var(--slds-g-color-on-surface-1);
--slds-s-container-heading-var-font-size:var(--slds-g-font-scale-var-3);
--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-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-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-brand-transform-hover:translateY(-2px);
--slds-s-button-bordered-transform-hover:translateY(-1.5px);
--slds-s-button-radius-border:var(--slds-g-radius-border-pill);
--slds-s-button-color:var(--slds-g-color-accent-2);
--slds-s-button-color-hover:var(--slds-g-color-on-surface-3);
--slds-s-button-spacing-inline:var(--slds-g-spacing-4);
--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-avatar-radius-border:var(--slds-g-radius-border-circle);
--slds-s-alert-font-weight:var(--slds-g-font-weight-6);
--slds-s-alert-close-button-hover:var(--slds-g-color-on-surface-3);
}
}
@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:light-dark(#e3066a, #e3066a);
--slds-c-button-destructive-color-border:light-dark(#e3066a, #e3066a);
--slds-c-button-destructive-color:light-dark(#fff, #fff);
--slds-c-button-destructive-color-background-hover:light-dark(#b60554, #fddde3);
--slds-c-button-destructive-color-border-hover:light-dark(#b60554, #fddde3);
--slds-c-button-destructive-color-hover:light-dark(#fff, #b60554);
--slds-c-button-success-color-background:light-dark(#0b827c, #0b827c);
--slds-c-button-success-color-border:light-dark(#0b827c, #0b827c);
--slds-c-button-success-color:light-dark(#fff, #fff);
--slds-c-button-success-color-background-hover:light-dark(#056764, #acf3e4);
--slds-c-button-success-color-border-hover:light-dark(#056764, #acf3e4);
--slds-c-button-success-color-hover:light-dark(#fff, #056764);
--slds-c-button-success-shadow-hover:0 2px 0 0 light-dark(#023434, #056764);
--slds-c-button-destructive-shadow-hover:0 2px 0 0 light-dark(#61022a, #b60554);
--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;
}
}
.slds-scope *,
.slds-scope *::before,
.slds-scope *::after{
box-sizing:border-box;
}
.slds-scope html{
font-family:var(--slds-g-font-family-base);
font-size:100%;
line-height:var(--slds-g-font-lineheight-var-base);
background:var(--slds-g-color-surface-2);
color:var(--slds-g-color-on-surface-3);
-webkit-tap-highlight-color:transparent;
}
.slds-scope body{
font-size:var(--slds-g-font-size-base, 0.8125rem);
background:transparent;
}
.slds-scope ::placeholder{
color:var(--slds-g-color-on-surface-1);
font-weight:var(--slds-g-font-weight-4);
opacity:1;
}
.slds-scope ::selection{
background-color:Highlight;
text-shadow:none;
color:HighlightText;
}
.slds-scope h1,
.slds-scope h2,
.slds-scope h3,
.slds-scope h4,
.slds-scope h5,
.slds-scope h6,
.slds-scope p,
.slds-scope ol,
.slds-scope ul,
.slds-scope dl,
.slds-scope fieldset{
margin:0;
padding:0;
}
.slds-scope dd,
.slds-scope figure{
margin:0;
}
.slds-scope abbr[title]{
text-decoration:none;
border:0;
cursor:help;
}
.slds-scope fieldset{
border:0;
}
.slds-scope hr{
border:0;
padding:0;
display:block;
margin-block:var(--slds-g-spacing-6);
margin-inline:0;
border-block-start:1px solid var(--slds-g-color-border-1);
height:1px;
clear:both;
}
.slds-scope h1,
.slds-scope h2,
.slds-scope h3,
.slds-scope h4,
.slds-scope h5,
.slds-scope h6{
font-weight:inherit;
font-size:1em;
}
.slds-scope ol,
.slds-scope ul{
list-style:none;
}
.slds-scope a{
color:var(--slds-s-link-color);
text-decoration:none;
transition:color 0.1s linear;
}
.slds-scope a:hover,
.slds-scope a:focus-visible{
text-decoration:underline;
color:var(--slds-s-link-color-hover);
}
.slds-scope a:active{
color:var(--slds-s-link-color-active);
}
.slds-scope a:focus-visible{
outline-color:var(--slds-s-link-outline-color);
}
.slds-scope a,
.slds-scope button{
cursor:pointer;
}
.slds-scope button{
padding:0;
}
.slds-scope button,
.slds-scope input,
.slds-scope optgroup,
.slds-scope select,
.slds-scope textarea{
font:inherit;
}
.slds-scope b,
.slds-scope strong,
.slds-scope dfn{
font-weight:var(--slds-g-font-weight-7);
}
.slds-scope mark{
background-color:var(--slds-g-color-palette-yellow-90);
color:var(--slds-g-color-neutral-base-10);
}
.slds-scope input[type='search']{
box-sizing:border-box;
}
.slds-scope table{
width:100%;
border-collapse:collapse;
border-spacing:0;
}
.slds-scope caption,
.slds-scope th,
.slds-scope td{
text-align:left;
}
.slds-scope audio,
.slds-scope canvas,
.slds-scope iframe,
.slds-scope img,
.slds-scope svg,
.slds-scope video{
vertical-align:middle;
}
.slds-scope article,
.slds-scope aside,
.slds-scope details,
.slds-scope figcaption,
.slds-scope figure,
.slds-scope footer,
.slds-scope header,
.slds-scope hgroup,
.slds-scope main,
.slds-scope menu,
.slds-scope nav,
.slds-scope section,
.slds-scope summary{
display:block;
}
.slds-scope img{
max-width:100%;
height:auto;
}
.slds-scope .slds-icon-standard-header-discounts{
--slds-c-icon-color-background:rgb(92, 92, 92);
}
.slds-scope .slds-icon-standard-contact{
--slds-c-icon-color-background:rgb(150, 2, 199);
}
.slds-scope .slds-icon-standard-prep-flow{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-crypto-transaction{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-multi-select-checkbox{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-work-order{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-post{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-global-constant{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-change-request{
--slds-c-icon-color-background:rgb(5, 103, 100);
}
.slds-scope .slds-icon-standard-indicator-performance-period{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-data-cloud{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-carousel{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-account-score{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-work-contract{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-impact-strategy-assignment{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-resource-skill{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-system-and-global-variable{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-segments{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-account-info{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-prompt-builder{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-goals{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-tour-check{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-adjust-value{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-case-wrap-up{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-investment-account{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-store{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-slider{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-output{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-medication-ingredient{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-store-group{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-all{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-service-territory-policy{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-slack-conversations{
--slds-c-icon-color-background:rgb(72, 26, 84);
}
.slds-scope .slds-icon-standard-picklist-choice{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-choice{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-funding-requirement{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-your-account{
--slds-c-icon-color-background:rgb(1, 68, 134);
}
.slds-scope .slds-icon-standard-app{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-default{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-case-milestone{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-operation-plan{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-today{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-buyer-account{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-lead-list{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-list-rate{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-work-plan-template{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-tableau{
--slds-c-icon-color-background:rgb(15, 30, 60);
}
.slds-scope .slds-icon-standard-shift{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-people-score{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-product-item-transaction{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-person-language{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-apex{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-reply-text{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-answer-private{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-immunization{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-asset-downtime-period{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-opportunity-contact-role{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-retail-banking-console{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-channel-program-members{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-apps-admin{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-metric-definition{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-datadotcom{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-settings{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-network-contract{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-crypto-transaction-envelope-item{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-product-item{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-metrics{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-topic2{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-partner-fund-allocation{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-care-request-reviewer{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-indicator-definition{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-crypto-transaction-envelope-change-snapshot{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-standard-operation-plan-step-execution{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-approval{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-work-queue{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-iot-orchestrations{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-visualforce-page{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-person-account{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-entity{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-dynamic-highlights-panel{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-service-territory-location{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-qualifications{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-document-preview{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-tax-treatment{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-entitlement-policy{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-form{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-query-editor{
--slds-c-icon-color-background:rgb(126, 38, 0);
}
.slds-scope .slds-icon-standard-visualization{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-products{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-prompt{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-order-item{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-read-receipts{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-javascript-button{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-maintenance-asset{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-work-plan-rule{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-loop{
--slds-c-icon-color-background:rgb(221, 122, 1);
}
.slds-scope .slds-icon-standard-portal-roles-and-subordinates{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-work-capacity-limit{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-employee-organization{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-workforce-engagement{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-constant{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-marketing-actions{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-case-transcript{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-list-fee{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-timesheet-entry{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-key-dates{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-multi-picklist{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-facility-bed{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-product-workspace{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-visit-templates{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-restriction-policy{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-task{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-scheduling-workspace-territory{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-answer-best{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-attach{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-asset-action{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-section{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-service-request{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-orders{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-propagation-policy{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-budget{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-report-type{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-past-chat{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-crypto-transaction-envelope-change-log{
--slds-c-icon-color-background:rgb(8, 73, 104);
}
.slds-scope .slds-icon-standard-feedback{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-action-list-component{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-opportunity-splits{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-location-permit{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-app-form-product-participant{
--slds-c-icon-color-background:rgb(126, 38, 0);
}
.slds-scope .slds-icon-standard-messaging-user{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-filter-criteria{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-tax-policy{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-trailhead{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-entitlements{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-checkout{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-formula{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-case-log-a-call{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-shift-pattern-entry{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-thanks-loading{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-job-family{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-service-appointment-capacity-usage{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-inbox{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-channel-program-levels{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-letterhead{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-promotions-workspace{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-nft-settings{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-asset-hierarchy{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-email-chatter{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-custody-chain-entry{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-document-reference{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-announcement{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-field-sales{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-bot{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-macros{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-dashboard-ea{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-job-profile{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-steps{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-snippet-alt{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-asset-relationship{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-high-velocity-sales{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-brand{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-historical-adherence{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-visits{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-einstein-replies{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-coaching{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-record-lookup{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-product-service-campaign-item{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-scheduling-constraint{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-lightning-component{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-search{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-connected-apps{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-swarm-request{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-work-type-group{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-education{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-work-type{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-travel-mode{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-environment-hub{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-identifier{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-cms{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-call-coaching{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-salesforce-cms{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-price-sheet{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-thanks{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-service-territory-member{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-work-forecast{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-crypto-product-category-wallet-role{
--slds-c-icon-color-background:rgb(5, 103, 100);
}
.slds-scope .slds-icon-standard-program-cohort-member{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-holiday-operating-hours{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-uploaded-model{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-user-role{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-observation-component{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-orchestrator{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-work-capacity-usage{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-record-create{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-campaign-members{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-retail-banking{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-product-service-campaign{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-portal-roles{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-operation-plan-step{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-calibration{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-answer-public{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-robot{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-display-text{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-product-consumed-state{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-budget-category-value{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-scheduling-workspace{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-unmatched{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-partners{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-email-iq{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-mulesoft{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-service-crew{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-payment-gateway{
--slds-c-icon-color-background:rgb(5, 103, 100);
}
.slds-scope .slds-icon-standard-voice-call{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-cancel-checkout{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-asset-warranty{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-resource-capacity{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-repeaters{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-setup-modal{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-channel-programs{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-quip{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-quip-sheet{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-timeslot{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-live-chat{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-service-request-detail{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-med-rec-statement-recommendation{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-job-position{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-sobject-collection{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-user{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-client{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-screen{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-portal{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-partner-fund-request{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-asset-audit{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-resource-preference{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-record-consent{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-first-non-empty{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-rate-adjustment{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-impact-strategy{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-customer-360{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-employee-job{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-resource-absence{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-registered-model{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-panel-detail{
--slds-c-icon-color-background:rgb(8, 73, 104);
}
.slds-scope .slds-icon-standard-text-template{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-entitlement-template{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-lightning-usage{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-volume-discounts{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-indicator-result{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-product-transfer-state{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-medication-dispense{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-entitlement{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-empty{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-text{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-delegated-account{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-fulfillment-order{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-case-email{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-account{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-coupon-codes{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-assignment{
--slds-c-icon-color-background:rgb(221, 122, 1);
}
.slds-scope .slds-icon-standard-wealth-management-console{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-task2,
.slds-scope .slds-icon-standard-task-2{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-patient-medication-dosage{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-code-playground{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-social{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-endorsement{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-folder{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-service-crew-member{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-variation-attribute-setup{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-real-time{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-connect-wallet{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-flow{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-recipe{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-expense-report-entry{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-employee{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-omni-supervisor{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-capacity-plan{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-asset-object{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-product{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-crypto-transaction-envelope{
--slds-c-icon-color-background:rgb(5, 103, 100);
}
.slds-scope .slds-icon-standard-topic{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-product-required{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-dynamic-record-choice{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-aggregation-policy{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-warranty-term{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-process{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-swarm-session{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-people{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-medication{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-reward{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-employee-contact{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-bundle-policy{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-performance{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-promotions{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-case-comment{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-price-book-entries{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-sales-channel{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-apex-plugin{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-party-profile{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-campaign{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-contact-request{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-business-hours{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-metric{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-evernote{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-variation-products{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-program-cohort{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-trailhead-alt{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-service-territory{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-customer-lifecycle-analytics{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-code-set{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-case{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-slack{
--slds-c-icon-color-background:rgb(74, 21, 75);
}
.slds-scope .slds-icon-standard-currency{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-record{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-code-set-bundle{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-queue{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-schedule-objective{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-contract-line-item{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-skill-entity{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-funding-award-adjustment{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-skill{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-operating-hours{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-crypto-product{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-taxonomy{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-operation-plan-request{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-custom{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-related-list{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-bot-training{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-case-change-status{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-insurance-console{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-dashboard-component{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-incident{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-contract{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-policy{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-sobject{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-whatsapp{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-sales-cadence-target{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-photo{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-apps{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-timesheet{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-drafts{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-outcome{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-discounts{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-work-order-item{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-pricebook{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-scan-card{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-note{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-serialized-product-transaction{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-shift-pattern{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-buyer-group{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-price-adjustment-schedule{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-product-quantity-rules{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-medication-reconciliation{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-procedure{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-opportunity{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-news{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-sort-policy{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-display-rich-text{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-strategy{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-time-period{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-call-history{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-webcart{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-serialized-product{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-tax-rate{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-report{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-customer-workspace{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-groups{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-data-model{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-dashboard{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-generic-loading{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-number-input{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-toggle{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-address{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-price-books{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-entity-milestone{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-contract-line-outcome{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-wealth-management{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-customers{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-disclosure-and-compliance{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-workspace{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-story{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-service-appointment{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-maintenance-plan{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-contract-line-outcome-data{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-data-integration-hub{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-person-name{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-work-plan-template-entry{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-hierarchy{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-custom-component-task{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-partner-marketing-budget{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-asset-action-source{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-skill-requirement{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-filter-criteria-rule{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-no-code-model{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-location{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-promotion-tiers{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-radio-button{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-avatar-loading{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-article{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-custody-entry-verification{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-learner-program{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-invocable-action{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-device{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-app-form-participant{
--slds-c-icon-color-background:rgb(5, 103, 100);
}
.slds-scope .slds-icon-standard-proposition{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-snippets{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-customer-portal-users{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-cost-model{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-path-experiment{
--slds-c-icon-color-background:rgb(221, 122, 1);
}
.slds-scope .slds-icon-standard-actions-and-buttons{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-record-update{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-shift-type{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-water{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-log-a-call{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-crypto-wallet{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-crypto-wallet-group{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-quotes{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-data-governance{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-question-feed{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-attribute-based-pricing{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-walkthroughs{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-kanban{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-work-plan{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-shift-template{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-merge{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-expense{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-dataset{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-work-summary{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-shift-preference{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-product-consumed{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-canvas{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-bundles-pricing{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-forecasts{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-relationship{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-tour{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-service-resource{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-filter{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-sales-path{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-shift-scheduling-operation{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-data-graph{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-data-lake-objects{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-events{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-data-mapping{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-sms{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-impact-outcome{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-rtc-presence{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-avatar{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-record-delete{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-solution{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-nft-studio{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-manual-discounts{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-agent-home{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-linked{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-partner-fund-claim{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-individual{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-custom-notification{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-contract-payment{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-date-input{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-catalog{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-template{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-activation-target{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-standard-selling-model{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-shipment{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-budget-allocation{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-custody-override{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-record-signature-task{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-event{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-standard-insurance{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-live-chat-visitor{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-textarea{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-work-step{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-picklist-type{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-survey{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-operation-plan-execution{
--slds-c-icon-color-background:rgb(90, 27, 169);
}
.slds-scope .slds-icon-standard-link{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-messaging-session{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-video{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-list-email{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-med-rec-recommendation{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-crypto-wallet-group-item{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-recycle-bin{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-document{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-product-transfer{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-instore-locations{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-recent{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-practitioner-role{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-password{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-datashare-target{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-expense-report{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-branch-merge{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-ai-accelerator-card{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-insights{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-standard-budget-period{
--slds-c-icon-color-background:rgb(150, 2, 199);
}
.slds-scope .slds-icon-standard-market{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-dropbox{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-unified-health-score{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-bill-of-materials{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-calculated-insights{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-employee-job-position{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-file{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-outcome-activity{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-currency-input{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-data-transforms{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-variable{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-team-member{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-pricing-workspace{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-agent-session{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-guidance-center{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-crypto-category-wallet-group{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-group-loading{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-lead{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-email{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-service-contract{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-decision{
--slds-c-icon-color-background:rgb(221, 122, 1);
}
.slds-scope .slds-icon-standard-promotion-segments{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-duration-downscale{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-snippet{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-entitlement-process{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-price-adjustment-matrix{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-contact-list{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-planogram{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-activations{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-scheduling-policy{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-channel-program-history{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-question-best{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-omni-channel{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-collection-variable{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-indicator-assignment{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-procedure-detail{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-sales-value{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-knowledge{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-standard-datashares{
--slds-c-icon-color-background:rgb(150, 2, 199);
}
.slds-scope .slds-icon-standard-date-time{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-category{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-maintenance-work-rule{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-data-streams{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-textbox{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-lead-insights{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-waits{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-concur{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-feed{
--slds-c-icon-color-background:rgb(8, 73, 104);
}
.slds-scope .slds-icon-standard-sort{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-messaging-conversation{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-service-report{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-iot-context{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-price-adjustment-tier{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-asset-state-period{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-call{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-collection{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-stage{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-sales-cadence{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-product-request-line-item{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-return-order-line-item{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-chart{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-customer{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-buyer-group-qualifier{
--slds-c-icon-color-background:rgb(57, 101, 71);
}
.slds-scope .slds-icon-standard-quick-text{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-home{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-sossession{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-digital-verification-config{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-aggregate{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-bundle-config{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-title-party{
--slds-c-icon-color-background:rgb(5, 103, 100);
}
.slds-scope .slds-icon-standard-employee-asset{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-process-exception{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-product-warranty-term{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-problem{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-stage-collection{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-product-request{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-logging{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-digital-verification-config-group{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-assigned-resource{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-return-order{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-poll{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-household{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-work-step-template{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-medication-statement{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-labels{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-ad-event-action{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-ad-event-cause{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-ad-event-effect{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-ad-event-factor{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-ad-event-info{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-ad-event-outcome{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-ad-event-party{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-adverse-event{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-billing{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-calculated-dimension{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-calculated-measure{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-disease-definition-criteria{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-disease-investigation{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-disease-outbreak{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-edit-form{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-enrollee-status{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-eval-result{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-event-ext{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-life-sciences{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-map-line-item{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-medication-administration{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-member-period{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-patient-service{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-procedure-output-resolution{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-program-detail{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-program-site{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-program-status{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-prospect{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-replace{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-reset-password{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-send-log{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-study{
--slds-c-icon-color-background:rgb(47, 44, 183);
}
.slds-scope .slds-icon-standard-study-candidate{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-study-related{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-sub-metric{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-usage-billing-period-item{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-usage-summary{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-table{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-transaction-usage-entitlement{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-usage-entitlement-account{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-usage-entitlement-bucket{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-usage-entitlement-entry{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-standard-usage-ratable-summary{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-changes{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-custom-custom110,
.slds-scope .slds-icon-custom-110{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom100,
.slds-scope .slds-icon-custom-100{
--slds-c-icon-color-background:rgb(225, 93, 118);
}
.slds-scope .slds-icon-custom-custom111,
.slds-scope .slds-icon-custom-111{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom1,
.slds-scope .slds-icon-custom-1{
--slds-c-icon-color-background:rgb(255, 123, 132);
}
.slds-scope .slds-icon-custom-custom101,
.slds-scope .slds-icon-custom-101{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom112,
.slds-scope .slds-icon-custom-112{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom2,
.slds-scope .slds-icon-custom-2{
--slds-c-icon-color-background:rgb(207, 208, 92);
}
.slds-scope .slds-icon-custom-custom102,
.slds-scope .slds-icon-custom-102{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom113,
.slds-scope .slds-icon-custom-113{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom90,
.slds-scope .slds-icon-custom-90{
--slds-c-icon-color-background:rgb(34, 164, 138);
}
.slds-scope .slds-icon-custom-custom3,
.slds-scope .slds-icon-custom-3{
--slds-c-icon-color-background:rgb(236, 180, 108);
}
.slds-scope .slds-icon-custom-custom103,
.slds-scope .slds-icon-custom-103{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom80,
.slds-scope .slds-icon-custom-80{
--slds-c-icon-color-background:rgb(101, 154, 213);
}
.slds-scope .slds-icon-custom-custom91,
.slds-scope .slds-icon-custom-91{
--slds-c-icon-color-background:rgb(191, 123, 102);
}
.slds-scope .slds-icon-custom-custom4,
.slds-scope .slds-icon-custom-4{
--slds-c-icon-color-background:rgb(225, 217, 81);
}
.slds-scope .slds-icon-custom-custom104,
.slds-scope .slds-icon-custom-104{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom70,
.slds-scope .slds-icon-custom-70{
--slds-c-icon-color-background:rgb(231, 105, 180);
}
.slds-scope .slds-icon-custom-custom81,
.slds-scope .slds-icon-custom-81{
--slds-c-icon-color-background:rgb(218, 98, 127);
}
.slds-scope .slds-icon-custom-custom92,
.slds-scope .slds-icon-custom-92{
--slds-c-icon-color-background:rgb(81, 126, 130);
}
.slds-scope .slds-icon-custom-custom5,
.slds-scope .slds-icon-custom-5{
--slds-c-icon-color-background:rgb(159, 219, 102);
}
.slds-scope .slds-icon-custom-custom105,
.slds-scope .slds-icon-custom-105{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom60,
.slds-scope .slds-icon-custom-60{
--slds-c-icon-color-background:rgb(191, 90, 136);
}
.slds-scope .slds-icon-custom-custom71,
.slds-scope .slds-icon-custom-71{
--slds-c-icon-color-background:rgb(227, 110, 227);
}
.slds-scope .slds-icon-custom-custom82,
.slds-scope .slds-icon-custom-82{
--slds-c-icon-color-background:rgb(209, 91, 151);
}
.slds-scope .slds-icon-custom-custom93,
.slds-scope .slds-icon-custom-93{
--slds-c-icon-color-background:rgb(144, 77, 76);
}
.slds-scope .slds-icon-custom-custom6,
.slds-scope .slds-icon-custom-6{
--slds-c-icon-color-background:rgb(84, 196, 115);
}
.slds-scope .slds-icon-custom-custom106,
.slds-scope .slds-icon-custom-106{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom50,
.slds-scope .slds-icon-custom-50{
--slds-c-icon-color-background:rgb(73, 188, 211);
}
.slds-scope .slds-icon-custom-custom61,
.slds-scope .slds-icon-custom-61{
--slds-c-icon-color-background:rgb(245, 115, 118);
}
.slds-scope .slds-icon-custom-custom72,
.slds-scope .slds-icon-custom-72{
--slds-c-icon-color-background:rgb(141, 155, 251);
}
.slds-scope .slds-icon-custom-custom83,
.slds-scope .slds-icon-custom-83{
--slds-c-icon-color-background:rgb(231, 128, 111);
}
.slds-scope .slds-icon-custom-custom94,
.slds-scope .slds-icon-custom-94{
--slds-c-icon-color-background:rgb(67, 156, 186);
}
.slds-scope .slds-icon-custom-custom7,
.slds-scope .slds-icon-custom-7{
--slds-c-icon-color-background:rgb(106, 137, 229);
}
.slds-scope .slds-icon-custom-custom107,
.slds-scope .slds-icon-custom-107{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom40,
.slds-scope .slds-icon-custom-40{
--slds-c-icon-color-background:rgb(131, 199, 94);
}
.slds-scope .slds-icon-custom-custom51,
.slds-scope .slds-icon-custom-51{
--slds-c-icon-color-background:rgb(216, 199, 96);
}
.slds-scope .slds-icon-custom-custom62,
.slds-scope .slds-icon-custom-62{
--slds-c-icon-color-background:rgb(107, 146, 220);
}
.slds-scope .slds-icon-custom-custom73,
.slds-scope .slds-icon-custom-73{
--slds-c-icon-color-background:rgb(103, 158, 240);
}
.slds-scope .slds-icon-custom-custom84,
.slds-scope .slds-icon-custom-84{
--slds-c-icon-color-background:rgb(246, 112, 123);
}
.slds-scope .slds-icon-custom-custom95,
.slds-scope .slds-icon-custom-95{
--slds-c-icon-color-background:rgb(139, 207, 106);
}
.slds-scope .slds-icon-custom-custom8,
.slds-scope .slds-icon-custom-8{
--slds-c-icon-color-background:rgb(80, 206, 185);
}
.slds-scope .slds-icon-custom-custom108,
.slds-scope .slds-icon-custom-108{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom30,
.slds-scope .slds-icon-custom-30{
--slds-c-icon-color-background:rgb(245, 159, 113);
}
.slds-scope .slds-icon-custom-custom41,
.slds-scope .slds-icon-custom-41{
--slds-c-icon-color-background:rgb(67, 181, 181);
}
.slds-scope .slds-icon-custom-custom52,
.slds-scope .slds-icon-custom-52{
--slds-c-icon-color-background:rgb(238, 142, 111);
}
.slds-scope .slds-icon-custom-custom63,
.slds-scope .slds-icon-custom-63{
--slds-c-icon-color-background:rgb(124, 207, 96);
}
.slds-scope .slds-icon-custom-custom74,
.slds-scope .slds-icon-custom-74{
--slds-c-icon-color-background:rgb(65, 200, 160);
}
.slds-scope .slds-icon-custom-custom85,
.slds-scope .slds-icon-custom-85{
--slds-c-icon-color-background:rgb(242, 104, 145);
}
.slds-scope .slds-icon-custom-custom96,
.slds-scope .slds-icon-custom-96{
--slds-c-icon-color-background:rgb(109, 157, 227);
}
.slds-scope .slds-icon-custom-custom9,
.slds-scope .slds-icon-custom-9{
--slds-c-icon-color-background:rgb(107, 158, 226);
}
.slds-scope .slds-icon-custom-custom109,
.slds-scope .slds-icon-custom-109{
--slds-c-icon-color-background:rgb(242, 139, 0);
}
.slds-scope .slds-icon-custom-custom20,
.slds-scope .slds-icon-custom-20{
--slds-c-icon-color-background:rgb(72, 199, 200);
}
.slds-scope .slds-icon-custom-custom31,
.slds-scope .slds-icon-custom-31{
--slds-c-icon-color-background:rgb(235, 104, 127);
}
.slds-scope .slds-icon-custom-custom42,
.slds-scope .slds-icon-custom-42{
--slds-c-icon-color-background:rgb(207, 208, 91);
}
.slds-scope .slds-icon-custom-custom53,
.slds-scope .slds-icon-custom-53{
--slds-c-icon-color-background:rgb(243, 110, 131);
}
.slds-scope .slds-icon-custom-custom64,
.slds-scope .slds-icon-custom-64{
--slds-c-icon-color-background:rgb(97, 143, 216);
}
.slds-scope .slds-icon-custom-custom75,
.slds-scope .slds-icon-custom-75{
--slds-c-icon-color-background:rgb(205, 159, 101);
}
.slds-scope .slds-icon-custom-custom86,
.slds-scope .slds-icon-custom-86{
--slds-c-icon-color-background:rgb(226, 96, 171);
}
.slds-scope .slds-icon-custom-custom97,
.slds-scope .slds-icon-custom-97{
--slds-c-icon-color-background:rgb(221, 96, 133);
}
.slds-scope .slds-icon-custom-custom10,
.slds-scope .slds-icon-custom-10{
--slds-c-icon-color-background:rgb(100, 136, 227);
}
.slds-scope .slds-icon-custom-custom21,
.slds-scope .slds-icon-custom-21{
--slds-c-icon-color-background:rgb(138, 122, 237);
}
.slds-scope .slds-icon-custom-custom32,
.slds-scope .slds-icon-custom-32{
--slds-c-icon-color-background:rgb(56, 195, 147);
}
.slds-scope .slds-icon-custom-custom43,
.slds-scope .slds-icon-custom-43{
--slds-c-icon-color-background:rgb(127, 147, 249);
}
.slds-scope .slds-icon-custom-custom54,
.slds-scope .slds-icon-custom-54{
--slds-c-icon-color-background:rgb(234, 112, 177);
}
.slds-scope .slds-icon-custom-custom65,
.slds-scope .slds-icon-custom-65{
--slds-c-icon-color-background:rgb(242, 121, 171);
}
.slds-scope .slds-icon-custom-custom76,
.slds-scope .slds-icon-custom-76{
--slds-c-icon-color-background:rgb(219, 109, 122);
}
.slds-scope .slds-icon-custom-custom87,
.slds-scope .slds-icon-custom-87{
--slds-c-icon-color-background:rgb(216, 118, 229);
}
.slds-scope .slds-icon-custom-custom98,
.slds-scope .slds-icon-custom-98{
--slds-c-icon-color-background:rgb(225, 190, 92);
}
.slds-scope .slds-icon-custom-custom11,
.slds-scope .slds-icon-custom-11{
--slds-c-icon-color-background:rgb(135, 132, 234);
}
.slds-scope .slds-icon-custom-custom22,
.slds-scope .slds-icon-custom-22{
--slds-c-icon-color-background:rgb(139, 133, 249);
}
.slds-scope .slds-icon-custom-custom33,
.slds-scope .slds-icon-custom-33{
--slds-c-icon-color-background:rgb(151, 207, 93);
}
.slds-scope .slds-icon-custom-custom44,
.slds-scope .slds-icon-custom-44{
--slds-c-icon-color-background:rgb(200, 202, 88);
}
.slds-scope .slds-icon-custom-custom55,
.slds-scope .slds-icon-custom-55{
--slds-c-icon-color-background:rgb(214, 110, 224);
}
.slds-scope .slds-icon-custom-custom66,
.slds-scope .slds-icon-custom-66{
--slds-c-icon-color-background:rgb(216, 190, 95);
}
.slds-scope .slds-icon-custom-custom77,
.slds-scope .slds-icon-custom-77{
--slds-c-icon-color-background:rgb(181, 93, 91);
}
.slds-scope .slds-icon-custom-custom88,
.slds-scope .slds-icon-custom-88{
--slds-c-icon-color-background:rgb(153, 111, 230);
}
.slds-scope .slds-icon-custom-custom99,
.slds-scope .slds-icon-custom-99{
--slds-c-icon-color-background:rgb(240, 133, 110);
}
.slds-scope .slds-icon-custom-custom12,
.slds-scope .slds-icon-custom-12{
--slds-c-icon-color-background:rgb(220, 113, 209);
}
.slds-scope .slds-icon-custom-custom23,
.slds-scope .slds-icon-custom-23{
--slds-c-icon-color-background:rgb(176, 112, 230);
}
.slds-scope .slds-icon-custom-custom34,
.slds-scope .slds-icon-custom-34{
--slds-c-icon-color-background:rgb(213, 138, 106);
}
.slds-scope .slds-icon-custom-custom45,
.slds-scope .slds-icon-custom-45{
--slds-c-icon-color-background:rgb(217, 88, 121);
}
.slds-scope .slds-icon-custom-custom56,
.slds-scope .slds-icon-custom-56{
--slds-c-icon-color-background:rgb(113, 141, 235);
}
.slds-scope .slds-icon-custom-custom67,
.slds-scope .slds-icon-custom-67{
--slds-c-icon-color-background:rgb(248, 125, 118);
}
.slds-scope .slds-icon-custom-custom78,
.slds-scope .slds-icon-custom-78{
--slds-c-icon-color-background:rgb(90, 149, 221);
}
.slds-scope .slds-icon-custom-custom89,
.slds-scope .slds-icon-custom-89{
--slds-c-icon-color-background:rgb(62, 153, 190);
}
.slds-scope .slds-icon-custom-custom13,
.slds-scope .slds-icon-custom-13{
--slds-c-icon-color-background:rgb(223, 97, 132);
}
.slds-scope .slds-icon-custom-custom24,
.slds-scope .slds-icon-custom-24{
--slds-c-icon-color-background:rgb(229, 103, 152);
}
.slds-scope .slds-icon-custom-custom35,
.slds-scope .slds-icon-custom-35{
--slds-c-icon-color-background:rgb(233, 99, 126);
}
.slds-scope .slds-icon-custom-custom46,
.slds-scope .slds-icon-custom-46{
--slds-c-icon-color-background:rgb(103, 165, 231);
}
.slds-scope .slds-icon-custom-custom57,
.slds-scope .slds-icon-custom-57{
--slds-c-icon-color-background:rgb(90, 156, 221);
}
.slds-scope .slds-icon-custom-custom68,
.slds-scope .slds-icon-custom-68{
--slds-c-icon-color-background:rgb(242, 105, 121);
}
.slds-scope .slds-icon-custom-custom79,
.slds-scope .slds-icon-custom-79{
--slds-c-icon-color-background:rgb(142, 211, 99);
}
.slds-scope .slds-icon-custom-custom14,
.slds-scope .slds-icon-custom-14{
--slds-c-icon-color-background:rgb(60, 194, 179);
}
.slds-scope .slds-icon-custom-custom25,
.slds-scope .slds-icon-custom-25{
--slds-c-icon-color-background:rgb(228, 111, 190);
}
.slds-scope .slds-icon-custom-custom36,
.slds-scope .slds-icon-custom-36{
--slds-c-icon-color-background:rgb(212, 114, 212);
}
.slds-scope .slds-icon-custom-custom47,
.slds-scope .slds-icon-custom-47{
--slds-c-icon-color-background:rgb(95, 204, 100);
}
.slds-scope .slds-icon-custom-custom58,
.slds-scope .slds-icon-custom-58{
--slds-c-icon-color-background:rgb(52, 181, 157);
}
.slds-scope .slds-icon-custom-custom69,
.slds-scope .slds-icon-custom-69{
--slds-c-icon-color-background:rgb(237, 99, 135);
}
.slds-scope .slds-icon-custom-custom15,
.slds-scope .slds-icon-custom-15{
--slds-c-icon-color-background:rgb(247, 126, 117);
}
.slds-scope .slds-icon-custom-custom26,
.slds-scope .slds-icon-custom-26{
--slds-c-icon-color-background:rgb(118, 152, 240);
}
.slds-scope .slds-icon-custom-custom37,
.slds-scope .slds-icon-custom-37{
--slds-c-icon-color-background:rgb(140, 137, 242);
}
.slds-scope .slds-icon-custom-custom48,
.slds-scope .slds-icon-custom-48{
--slds-c-icon-color-background:rgb(239, 105, 127);
}
.slds-scope .slds-icon-custom-custom59,
.slds-scope .slds-icon-custom-59{
--slds-c-icon-color-background:rgb(227, 208, 103);
}
.slds-scope .slds-icon-custom-custom16,
.slds-scope .slds-icon-custom-16{
--slds-c-icon-color-background:rgb(233, 175, 103);
}
.slds-scope .slds-icon-custom-custom27,
.slds-scope .slds-icon-custom-27{
--slds-c-icon-color-background:rgb(90, 176, 210);
}
.slds-scope .slds-icon-custom-custom38,
.slds-scope .slds-icon-custom-38{
--slds-c-icon-color-background:rgb(83, 182, 215);
}
.slds-scope .slds-icon-custom-custom49,
.slds-scope .slds-icon-custom-49{
--slds-c-icon-color-background:rgb(226, 92, 128);
}
.slds-scope .slds-icon-custom-custom17,
.slds-scope .slds-icon-custom-17{
--slds-c-icon-color-background:rgb(172, 211, 96);
}
.slds-scope .slds-icon-custom-custom28,
.slds-scope .slds-icon-custom-28{
--slds-c-icon-color-background:rgb(137, 192, 89);
}
.slds-scope .slds-icon-custom-custom39,
.slds-scope .slds-icon-custom-39{
--slds-c-icon-color-background:rgb(79, 190, 117);
}
.slds-scope .slds-icon-custom-custom18,
.slds-scope .slds-icon-custom-18{
--slds-c-icon-color-background:rgb(77, 202, 118);
}
.slds-scope .slds-icon-custom-custom29,
.slds-scope .slds-icon-custom-29{
--slds-c-icon-color-background:rgb(189, 210, 95);
}
.slds-scope .slds-icon-custom-custom19,
.slds-scope .slds-icon-custom-19{
--slds-c-icon-color-background:rgb(58, 190, 177);
}
.slds-scope .slds-icon-action-new-custom18{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom29{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-edit-groups{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom9{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-log-a-call{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom19{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-filter{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-user-activation{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-opportunity-competitor{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-canvas{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-change-record-type{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-new-notebook{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-docusign{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-share-link{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-add-file{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-edit-relationship{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-notebook{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-lead{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom-object{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-account{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-question-post-action{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-share-file{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-action-default-custom-object{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-opportunity-team-member{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-add-photo-video{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-sort{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-call{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-concur{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-reject{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-share-poll{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-scan-enabled{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-following{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-defer{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-opportunity-line-item{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-social-post{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-share-post{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-view-relationship{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-adjust-value{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-upload{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-remove-relationship{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-freeze-user{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-new-person-account{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-bug{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-apex{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-action-new-opportunity{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-fallback{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-dial-in{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-approval{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-change-owner{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-new-task{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-priority{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-remove{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-web-link{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-leave-group{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-manage-perm-sets{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-close{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-google-news{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-announcement{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-back{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom90{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-download{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-new-custom80{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom91{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-action-search{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-event{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom70{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom81{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom92{
--slds-c-icon-color-background:rgb(5, 103, 100);
}
.slds-scope .slds-icon-action-refresh{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-share-thanks{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-update{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-email{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-join-group{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom60{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom71{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-action-new-custom82{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom93{
--slds-c-icon-color-background:rgb(92, 92, 92);
}
.slds-scope .slds-icon-action-edit{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-quote{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-dropbox{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-description{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-map{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-user{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-reset-password{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-new-custom50{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom61{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom72{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom83{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom94{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-clone{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-script{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-delete{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom40{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom51{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom62{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom73{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom84{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom95{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-scan-disabled{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-action-share{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-new-custom30{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom41{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom52{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom63{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom74{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom85{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom96{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-log-event{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-group{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom20{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom31{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom42{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-info{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-new-custom53{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom64{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom75{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-action-new-custom86{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-flow{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-new-custom97{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-submit-for-approval{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-campaign{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom10{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom21{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom32{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom43{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom54{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom65{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom76{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom87{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-action-new-custom98{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-case{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom100{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom1{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-contact{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-action-office-365{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom11{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom22{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom33{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom44{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom55{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-action-new-custom66{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom77{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom88{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-action-new-custom99{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-add-contact{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-action-evernote{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom2{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-lead-convert{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom12{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-action-new-custom23{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-action-new-custom34{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom45{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom56{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom67{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-recall{
--slds-c-icon-color-background:rgb(8, 73, 104);
}
.slds-scope .slds-icon-action-new-custom78{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom89{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-follow{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-record{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom3{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-note{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom13{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom24{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom35{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom46{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom57{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom68{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom79{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-child-case{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom4{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom14{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom25{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom36{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-action-new-custom47{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom58{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-new-custom69{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom5{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-goal{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom15{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom26{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom37{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom48{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom59{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom6{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-log-this-event{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom16{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-action-new-custom27{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom38{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom49{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-action-new-custom7{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-more{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-add-relationship{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-action-new-custom17{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom28{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-new-custom39{
--slds-c-icon-color-background:rgb(59, 167, 85);
}
.slds-scope .slds-icon-action-password-unlock{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-check{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-action-update-status{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-action-preview{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-action-new-custom8{
--slds-c-icon-color-background:rgb(6, 165, 154);
}
.slds-scope .slds-icon-standard-entity-milestone-time{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-entity-milestone-date{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-outcome-timebound{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-outcome-datebound{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-submit-for-approval{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-it-service-management{
--slds-c-icon-color-background:rgb(182, 5, 84);
}
.slds-scope .slds-icon-standard-secondary-index{
--slds-c-icon-color-background:rgb(16, 124, 173);
}
.slds-scope .slds-icon-standard-sparkles{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-icon-standard-action-override{
--slds-c-icon-color-background:rgb(126, 38, 0);
}
.slds-scope .slds-icon-standard-custom-entity{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-custom-textbox{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-tabset{
--slds-c-icon-color-background:rgb(126, 38, 0);
}
.slds-scope .slds-icon-standard-agent-astro{
--slds-c-icon-color-background:rgb(3, 45, 96);
}
.slds-scope .slds-icon-standard-push{
--slds-c-icon-color-background:rgb(147, 147, 147);
}
.slds-scope .slds-icon-standard-business-unit{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-dx-pipeline{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-collection-alt{
--slds-c-icon-color-background:rgb(126, 38, 0);
}
.slds-scope .slds-icon-standard-database{
--slds-c-icon-color-background:rgb(255, 83, 138);
}
.slds-scope .slds-icon-standard-ai-slack-summary{
--slds-c-icon-color-background:rgb(255, 93, 45);
}
.slds-scope .slds-icon-standard-end-call{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-in-app-messaging{
--slds-c-icon-color-background:rgb(203, 101, 255);
}
.slds-scope .slds-icon-standard-mcp-server{
--slds-c-icon-color-background:rgb(88, 103, 232);
}
.slds-scope .slds-icon-standard-play{
--slds-c-icon-color-background:rgb(27, 150, 255);
}
.slds-scope .slds-icon-standard-similar-case{
--slds-c-icon-color-background:rgb(144, 80, 233);
}
.slds-scope .slds-timeline__item_expandable,.slds-scope .slds-timeline__item--expandable{
position:relative;
padding-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-timeline__item_expandable .slds-media__figure,.slds-scope .slds-timeline__item--expandable .slds-media__figure{
margin-inline-end:var(--slds-g-spacing-1);
z-index:1;
}
.slds-scope .slds-timeline__item_expandable .slds-media__figure .slds-button_icon,.slds-scope .slds-timeline__item--expandable .slds-media__figure .slds-button--icon{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-timeline__item_expandable .slds-media__body,.slds-scope .slds-timeline__item--expandable .slds-media__body{
padding-block:0;
padding-inline:var(--slds-g-spacing-1);
}
.slds-scope .slds-timeline__item_expandable .slds-checkbox,.slds-scope .slds-timeline__item--expandable .slds-checkbox{
margin-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-timeline__item_expandable .slds-timeline__actions_inline,.slds-scope .slds-timeline__item--expandable .slds-timeline__actions--inline{
flex-flow:row nowrap;
align-items:center;
flex-shrink:0;
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-timeline__item_expandable .slds-timeline__actions_inline .slds-timeline__date,.slds-scope .slds-timeline__item--expandable .slds-timeline__actions--inline .slds-timeline__date{
padding-inline-end:var(--slds-g-spacing-2);
margin-block-end:0;
}
.slds-scope .slds-timeline__item_expandable .slds-timeline__item_details,.slds-scope .slds-timeline__item--expandable .slds-timeline__item--details{
visibility:hidden;
opacity:0;
height:0;
padding:0;
}
.slds-scope .slds-timeline__item_expandable.slds-is-open .slds-timeline__item_details,.slds-scope .slds-timeline__item--expandable.slds-is-open .slds-timeline__item--details{
visibility:visible;
opacity:1;
height:auto;
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-timeline__item_expandable.slds-is-open .slds-timeline__details-action-icon,.slds-scope .slds-timeline__item--expandable.slds-is-open .slds-timeline__details-action-icon{
transform:rotate(0);
transform-origin:45%;
}
.slds-scope .slds-timeline__item_expandable::before,.slds-scope .slds-timeline__item--expandable::before{
content:'';
background:var(--slds-g-color-border-1);
height:100%;
width:var(--slds-g-sizing-border-2);
position:absolute;
inset-inline-start:2.235rem;
inset-block-start:0;
inset-block-end:0;
margin-inline-start:var(--slds-g-sizing-border-2);
}
.slds-scope .slds-timeline__item_call::before,.slds-scope .slds-timeline__item--call::before{
background:rgb(72, 195, 204);
}
.slds-scope .slds-timeline__item_email::before,.slds-scope .slds-timeline__item--email::before{
background:rgb(147, 147, 147);
}
.slds-scope .slds-timeline__item_event::before,.slds-scope .slds-timeline__item--event::before{
background:rgb(203, 101, 255);
}
.slds-scope .slds-timeline__item_task::before,.slds-scope .slds-timeline__item--task::before{
background:rgb(75, 192, 118);
}
.slds-scope .slds-timeline__trigger{
padding:var(--slds-g-spacing-1);
}
.slds-scope .slds-timeline__trigger:hover{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-timeline__icon{
border:var(--slds-g-sizing-border-2) solid var(--slds-g-color-surface-1);
}
.slds-scope .slds-timeline__actions{
display:flex;
flex-flow:column nowrap;
align-items:flex-end;
}
.slds-scope .slds-timeline__date{
margin-block-end:var(--slds-g-spacing-1);
font-size:var(--slds-g-font-scale-neg-3);
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-timeline__details-action-icon{
transform:rotate(-90deg);
}
.slds-scope .slds-badge{
display:inline-flex;
align-items:center;
padding-block:var(--slds-g-spacing-1);
padding-inline:var(--slds-g-spacing-2);
color:var(--slds-c-badge-text-color, var(--slds-g-color-on-surface-1));
font-size:var(--slds-c-badge-font-size, var(--slds-g-font-scale-neg-1));
font-weight:var(--slds-g-font-weight-4);
line-height:normal;
white-space:nowrap;
border-width:var(--slds-c-badge-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(--slds-c-badge-color-border, transparent);
border-radius:var(--slds-c-badge-radius-border, var(--slds-g-radius-border-1));
background-color:var(--slds-c-badge-color-background, var(--slds-g-color-surface-container-3));
}
.slds-scope .slds-badge + .slds-badge{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-badge:empty{
padding:0;
}
.slds-scope .slds-badge_inverse,.slds-scope .slds-badge--inverse{
--slds-c-badge-color-background:var(
--slds-c-badge-inverse-color-background,
var(--slds-g-color-neutral-base-50)
);
--slds-c-badge-text-color:var(--slds-c-badge-inverse-text-color, var(--slds-g-color-on-surface-inverse-1));
}
.slds-scope .slds-badge_lightest,.slds-scope .slds-badge--lightest{
/*! @css-var-fallback background-color */
--slds-c-badge-color-background:var(
--slds-c-badge-lightest-color-background,
var(--slds-g-color-surface-container-1)
);
--slds-c-badge-color-border:var(--slds-c-badge-lightest-color-border, var(--slds-g-color-border-1));
}
.slds-scope .slds-badge__icon{
display:inline-flex;
align-items:center;
color:var(--slds-c-badge-icon-color-foreground, var(--slds-g-color-on-surface-1));
line-height:1;
vertical-align:middle;
}
.slds-scope .slds-badge__icon.slds-badge__icon_inverse,.slds-scope .slds-badge__icon.slds-badge__icon--inverse{
--slds-c-badge-icon-color-foreground:var(--slds-c-badge-icon-inverse-color-foreground, currentColor);
}
.slds-scope .slds-badge__icon_left,.slds-scope .slds-badge__icon--left{
margin-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-badge__icon_right,.slds-scope .slds-badge__icon--right{
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-breadcrumb .slds-list__item,
.slds-scope .slds-breadcrumb .slds-breadcrumb__item{
position:relative;
}
.slds-scope .slds-breadcrumb .slds-list__item::before,
.slds-scope .slds-breadcrumb .slds-breadcrumb__item::before{
content:'>';
position:absolute;
inset-inline-start:calc(var(--slds-g-spacing-1) * -1);
}
.slds-scope .slds-breadcrumb .slds-list__item > a,
.slds-scope .slds-breadcrumb .slds-breadcrumb__item > a{
display:block;
padding-block-start:0;
padding-inline-end:var(--slds-c-breadcrumbs-spacing-inline-end, var(--slds-g-spacing-2));
padding-block-end:0;
padding-inline-start:var(--slds-c-breadcrumbs-spacing-inline-start, var(--slds-g-spacing-2));
}
.slds-scope .slds-breadcrumb .slds-list__item > a:hover,
.slds-scope .slds-breadcrumb .slds-breadcrumb__item > a:hover{
text-decoration:none;
}
.slds-scope .slds-breadcrumb .slds-list__item:first-child > a,
.slds-scope .slds-breadcrumb .slds-breadcrumb__item:first-child > a{
--slds-c-breadcrumbs-spacing-inline-start:0;
}
.slds-scope .slds-breadcrumb .slds-list__item:first-child::before,
.slds-scope .slds-breadcrumb .slds-breadcrumb__item:first-child::before{
content:'';
}
.slds-scope .slds-breadcrumb .slds-dropdown-trigger{
margin-inline-end:var(--slds-c-breadcrumbs-spacing-inline-end, var(--slds-g-spacing-2));
}
.slds-scope [kx-scope='breadcrumbs-item'][kx-type='underline'] > a{
position:relative;
will-change:color, transform;
transition:transform calc(calc(1 * 1) * 250ms / 1) cubic-bezier(0, 0.3, 0.15, 1);
margin-inline-end:var(--slds-g-spacing-2);
margin-inline-start:var(--slds-g-spacing-2);
padding-inline-end:0;
padding-inline-start:0;
}
.slds-scope [kx-scope='breadcrumbs-item'][kx-type='underline'] > a:active{
transform:scale(0.95);
}
@media (prefers-reduced-motion: reduce){
.slds-scope [kx-scope='breadcrumbs-item'][kx-type='underline'] > a:active{
transform:none;
}
}
.slds-scope [kx-scope='breadcrumbs-item'][kx-type='underline'] > a::after{
will-change:transform-origin, transform;
content:'';
position:absolute;
inset-block-start:80%;
inset-inline-start:0%;
height:0.0625rem;
width:100%;
background:var(--slds-g-color-accent-2);
background-position:left top;
transform:scaleX(0);
transform-origin:var(--slds-kx-breadcrumbs-pointer-position-x, 50%) 0;
transition:transform calc(calc(1 * 1) * 250ms / 1) cubic-bezier(0, 0.3, 0.15, 1);
}
.slds-scope [kx-scope='breadcrumbs-item'][kx-type='underline'] > a:hover::after{
transform:scaleX(1);
}
.slds-scope [kx-scope='breadcrumbs-item'][kx-type='underline']:first-child > a{
margin-inline-start:0;
}
.slds-scope .slds-button-group,
.slds-scope .slds-button-group-list{
display:inline-flex;
}
.slds-scope .slds-button-group .slds-button, .slds-scope .slds-button-group-list .slds-button{
border-radius:0;
border-width:var(--slds-g-sizing-border-1);
}
.slds-scope .slds-button-group .slds-button:focus, .slds-scope .slds-button-group-list .slds-button:focus{
z-index:1;
}
.slds-scope .slds-button-group .slds-button:focus-visible, .slds-scope .slds-button-group-list .slds-button:focus-visible{
--slds-c-button-shadow-focus:none;
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-2px;
z-index:1;
}
.slds-scope .slds-button-group .slds-button.slds-button_icon-bare:focus-visible,.slds-scope .slds-button-group .slds-button.slds-button--icon-bare:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button_icon-bare:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button--icon-bare:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-outset-focus-1);
outline:0;
}
.slds-scope .slds-button-group .slds-button.slds-button_destructive:focus-visible,.slds-scope .slds-button-group .slds-button.slds-button--destructive:focus-visible, .slds-scope .slds-button-group .slds-button.slds-button_success:focus-visible, .slds-scope .slds-button-group .slds-button.slds-button--success:focus-visible, .slds-scope .slds-button-group .slds-button.slds-button_brand:focus-visible, .slds-scope .slds-button-group .slds-button.slds-button--brand:focus-visible, .slds-scope .slds-button-group .slds-button.slds-button_icon-brand:focus-visible, .slds-scope .slds-button-group .slds-button.slds-button--icon-brand:focus-visible, .slds-scope .slds-button-group .slds-button.slds-is-selected:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button_destructive:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button--destructive:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button_success:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button--success:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button_brand:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button--brand:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button_icon-brand:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button--icon-brand:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-is-selected:focus-visible{
box-shadow:inset 0 0 0 3px var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-button-group .slds-button.slds-button_inverse:focus-visible,.slds-scope .slds-button-group .slds-button.slds-button--inverse:focus-visible, .slds-scope .slds-button-group .slds-button.slds-button_icon-inverse:focus-visible, .slds-scope .slds-button-group .slds-button.slds-button--icon-inverse:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button_inverse:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button--inverse:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button_icon-inverse:focus-visible, .slds-scope .slds-button-group-list .slds-button.slds-button--icon-inverse:focus-visible{
outline-color:var(--slds-g-color-neutral-base-95);
}
.slds-scope .slds-button-group .slds-button_neutral[disabled],.slds-scope .slds-button-group .slds-button--neutral[disabled],
.slds-scope .slds-button-group .slds-button_neutral:disabled,
.slds-scope .slds-button-group .slds-button--neutral:disabled,
.slds-scope .slds-button-group .slds-button_outline-brand[disabled],
.slds-scope .slds-button-group .slds-button--outline-brand[disabled],
.slds-scope .slds-button-group .slds-button_outline-brand:disabled,
.slds-scope .slds-button-group .slds-button--outline-brand:disabled,
.slds-scope .slds-button-group .slds-button_destructive[disabled],
.slds-scope .slds-button-group .slds-button--destructive[disabled],
.slds-scope .slds-button-group .slds-button_destructive:disabled,
.slds-scope .slds-button-group .slds-button--destructive:disabled,
.slds-scope .slds-button-group .slds-button_text-destructive[disabled],
.slds-scope .slds-button-group .slds-button--text-destructive[disabled],
.slds-scope .slds-button-group .slds-button_text-destructive:disabled,
.slds-scope .slds-button-group .slds-button--text-destructive:disabled,
.slds-scope .slds-button-group .slds-button_success[disabled],
.slds-scope .slds-button-group .slds-button--success[disabled],
.slds-scope .slds-button-group .slds-button_success:disabled,
.slds-scope .slds-button-group .slds-button--success:disabled,
.slds-scope .slds-button-group .slds-button_icon-border[disabled],
.slds-scope .slds-button-group .slds-button--icon-border[disabled],
.slds-scope .slds-button-group .slds-button_icon-border:disabled,
.slds-scope .slds-button-group .slds-button--icon-border:disabled,
.slds-scope .slds-button-group .slds-button_icon-border-filled[disabled],
.slds-scope .slds-button-group .slds-button--icon-border-filled[disabled],
.slds-scope .slds-button-group .slds-button_icon-border-filled:disabled,
.slds-scope .slds-button-group .slds-button--icon-border-filled:disabled,
.slds-scope .slds-button-group-list .slds-button_neutral[disabled],
.slds-scope .slds-button-group-list .slds-button--neutral[disabled],
.slds-scope .slds-button-group-list .slds-button_neutral:disabled,
.slds-scope .slds-button-group-list .slds-button--neutral:disabled,
.slds-scope .slds-button-group-list .slds-button_outline-brand[disabled],
.slds-scope .slds-button-group-list .slds-button--outline-brand[disabled],
.slds-scope .slds-button-group-list .slds-button_outline-brand:disabled,
.slds-scope .slds-button-group-list .slds-button--outline-brand:disabled,
.slds-scope .slds-button-group-list .slds-button_destructive[disabled],
.slds-scope .slds-button-group-list .slds-button--destructive[disabled],
.slds-scope .slds-button-group-list .slds-button_destructive:disabled,
.slds-scope .slds-button-group-list .slds-button--destructive:disabled,
.slds-scope .slds-button-group-list .slds-button_text-destructive[disabled],
.slds-scope .slds-button-group-list .slds-button--text-destructive[disabled],
.slds-scope .slds-button-group-list .slds-button_text-destructive:disabled,
.slds-scope .slds-button-group-list .slds-button--text-destructive:disabled,
.slds-scope .slds-button-group-list .slds-button_success[disabled],
.slds-scope .slds-button-group-list .slds-button--success[disabled],
.slds-scope .slds-button-group-list .slds-button_success:disabled,
.slds-scope .slds-button-group-list .slds-button--success:disabled,
.slds-scope .slds-button-group-list .slds-button_icon-border[disabled],
.slds-scope .slds-button-group-list .slds-button--icon-border[disabled],
.slds-scope .slds-button-group-list .slds-button_icon-border:disabled,
.slds-scope .slds-button-group-list .slds-button--icon-border:disabled,
.slds-scope .slds-button-group-list .slds-button_icon-border-filled[disabled],
.slds-scope .slds-button-group-list .slds-button--icon-border-filled[disabled],
.slds-scope .slds-button-group-list .slds-button_icon-border-filled:disabled,
.slds-scope .slds-button-group-list .slds-button--icon-border-filled:disabled{
border-color:var(--slds-g-color-border-2);
}
.slds-scope .slds-button-group .slds-dropdown-trigger, .slds-scope .slds-button-group-list .slds-dropdown-trigger{
display:inline-flex;
}
.slds-scope .slds-button-group .slds-button + .slds-button,
.slds-scope .slds-button-group .slds-button + .slds-button_last .slds-button,
.slds-scope .slds-button-group .slds-button + .slds-button--last .slds-button,
.slds-scope .slds-button-group-list li + li .slds-button{
margin-inline-start:calc(-1 * var(--slds-g-sizing-border-1));
}
.slds-scope .slds-button-group .slds-button_brand + .slds-button_last .slds-button_icon-brand,.slds-scope .slds-button-group .slds-button--brand + .slds-button--last .slds-button--icon-brand,
.slds-scope .slds-button-group-list li:last-child .slds-button_icon-brand,
.slds-scope .slds-button-group-list li:last-child .slds-button--icon-brand,
.slds-scope .slds-button-group .slds-button_brand + .slds-button_brand,
.slds-scope .slds-button-group .slds-button--brand + .slds-button--brand{
box-shadow:inset 1px 0 0 var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-button-group-list li:first-child .slds-button,
.slds-scope .slds-button-group .slds-button:first-child{
border-start-start-radius:var(--slds-s-button-radius-border);
border-start-end-radius:0;
border-end-start-radius:var(--slds-s-button-radius-border);
border-end-end-radius:0;
}
.slds-scope .slds-button-group .slds-button:last-child,
.slds-scope .slds-button-group-list li:last-child .slds-button,
.slds-scope .slds-button-group .slds-button_last .slds-button,
.slds-scope .slds-button-group .slds-button--last .slds-button,
.slds-scope .slds-button-group .slds-button.slds-button_last,
.slds-scope .slds-button-group .slds-button.slds-button--last,
.slds-scope .slds-button-group .slds-button_last .slds-button:only-child,
.slds-scope .slds-button-group .slds-button--last .slds-button:only-child{
border-start-start-radius:0;
border-start-end-radius:var(--slds-s-button-radius-border);
border-end-start-radius:0;
border-end-end-radius:var(--slds-s-button-radius-border);
}
.slds-scope .slds-button-group .slds-button:only-child,
.slds-scope .slds-button-group-list li:only-child .slds-button{
border-radius:var(--slds-s-button-radius-border);
}
.slds-scope .slds-button.slds-button_first.slds-button_first,.slds-scope .slds-button.slds-button--first.slds-button--first{
border-start-start-radius:var(--slds-s-button-radius-border);
border-start-end-radius:0;
border-end-start-radius:var(--slds-s-button-radius-border);
border-end-end-radius:0;
}
.slds-scope .slds-button.slds-button_middle.slds-button_middle,.slds-scope .slds-button.slds-button--middle.slds-button--middle{
border-radius:0;
margin-inline-start:calc(var(--slds-g-sizing-border-1) * -1);
}
.slds-scope .slds-button.slds-button_last.slds-button_last,.slds-scope .slds-button.slds-button--last.slds-button--last{
border-start-start-radius:0;
border-start-end-radius:var(--slds-s-button-radius-border);
border-end-start-radius:0;
border-end-end-radius:var(--slds-s-button-radius-border);
margin-inline-start:calc(
var(--slds-g-sizing-border-1) * -1
);
}
.slds-scope .slds-button-group + .slds-button-group,
.slds-scope .slds-button-group + .slds-button-group-list,
.slds-scope .slds-button-group + .slds-button,
.slds-scope .slds-button-group-list + .slds-button-group-list,
.slds-scope .slds-button-group-list + .slds-button-group,
.slds-scope .slds-button-group-list + .slds-button{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-button-group-row{
display:inline-flex;
}
.slds-scope .slds-button-group-row .slds-button-group-item + .slds-button-group-item{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-button-group-row .slds-button-group-item .slds-button{
margin:0;
}
.slds-scope .slds-button-space-left{
margin-left:var(--slds-g-spacing-1);
}
.slds-scope .slds-button_small,.slds-scope .slds-button--small{
line-height:var(--slds-g-sizing-8);
min-height:var(--slds-g-sizing-9);
}
.slds-scope .slds-button{
position:relative;
display:inline-flex;
align-items:center;
padding-block-start:var(--slds-c-button-spacing-block-start);
padding-inline-end:var(--slds-c-button-spacing-inline-end);
padding-block-end:var(--slds-c-button-spacing-block-end);
padding-inline-start:var(--slds-c-button-spacing-inline-start);
background:none;
background-color:var(--slds-c-button-color-background);
background-clip:border-box;
border-color:var(--slds-c-button-color-border, transparent);
border-style:solid;
border-width:var(--slds-c-button-sizing-border, var(--slds-g-sizing-border-1));
border-radius:var(
--slds-c-button-radius-border,
var(--slds-s-button-radius-border, var(--slds-g-radius-border-2))
);
box-shadow:var(--slds-c-button-shadow, var(--slds-s-button-shadow));
line-height:1.875rem;
text-decoration:none;
color:var(--slds-c-button-text-color, var(--slds-s-button-color, var(--slds-g-color-accent-2)));
appearance:none;
white-space:normal;
user-select:none;
font-family:inherit;
font-weight:var(--slds-c-button-font-weight, var(--slds-g-font-weight-4));
vertical-align:middle;
}
.slds-scope .slds-button:hover,
.slds-scope .slds-button:focus-visible,
.slds-scope .slds-button:active,
.slds-scope .slds-button:visited{
text-decoration:none;
}
.slds-scope .slds-button:hover{
--slds-c-button-color-border:var(
--slds-c-button-color-border-hover,
var(--slds-s-button-color-border-hover)
);
--slds-c-button-color-background:var(--slds-c-button-color-background-hover, revert);
color:var(
--slds-c-button-text-color-hover,
var(--slds-s-button-color-hover, var(--slds-g-color-accent-3))
);
box-shadow:var(--slds-s-button-shadow-hover, revert);
}
.slds-scope .slds-button:focus-visible{
box-shadow:var(--slds-c-button-shadow-focus, var(--slds-g-shadow-outline-focus-1));
outline:0;
background-clip:padding-box;
color:var(
--slds-c-button-text-color-hover,
var(--slds-s-button-color-hover, var(--slds-g-color-accent-3))
);
--slds-c-button-color-border:transparent;
}
.slds-scope .slds-button:active{
color:var(--slds-c-button-text-color-active, var(--slds-g-color-accent-3));
--slds-c-button-color-background:var(--slds-c-button-color-background-active, revert);
--slds-c-button-color-border:var(--slds-c-button-color-border-active, revert);
}
.slds-scope .slds-button[disabled],
.slds-scope .slds-button:disabled{
background-color:transparent;
border-color:transparent;
color:var(--slds-g-color-disabled-1);
cursor:default;
pointer-events:none;
}
.slds-scope .slds-button[disabled] *, .slds-scope .slds-button:disabled *{
pointer-events:none;
}
.slds-scope .slds-button a{
--slds-c-button-text-color:currentColor;
}
.slds-scope .slds-button:hover .slds-button__icon, .slds-scope .slds-button:focus-visible .slds-button__icon, .slds-scope .slds-button:active .slds-button__icon, .slds-scope .slds-button[disabled] .slds-button__icon, .slds-scope .slds-button:disabled .slds-button__icon{
fill:currentColor;
pointer-events:none;
}
.slds-scope .slds-button + .slds-button-group,
.slds-scope .slds-button + .slds-button-group-list{
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-button + .slds-button{
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-button:not([disabled]){
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_neutral,.slds-scope .slds-button--neutral{
justify-content:center;
--slds-c-button-color-background:var(
--slds-c-button-neutral-color-background,
var(--slds-g-color-surface-container-1)
);
--slds-c-button-color-border:var(--slds-c-button-neutral-color-border, var(--slds-g-color-border-2));
--slds-c-button-spacing-block-start:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-block-end:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-inline-start:var(--slds-s-button-spacing-inline);
--slds-c-button-spacing-inline-end:var(--slds-s-button-spacing-inline);
}
.slds-scope .slds-button_neutral:hover,.slds-scope .slds-button--neutral:hover{
box-shadow:var(--slds-s-button-bordered-shadow-hover);
}
.slds-scope .slds-button_neutral:hover,.slds-scope .slds-button--neutral:hover,
.slds-scope .slds-button_neutral:focus-visible,
.slds-scope .slds-button--neutral:focus-visible{
--slds-c-button-color-background-hover:var(
--slds-c-button-neutral-color-background-hover,
var(--slds-g-color-surface-container-2, revert)
);
--slds-c-button-color-border-hover:var(
--slds-c-button-neutral-color-border-hover,
var(--slds-g-color-border-2, revert)
);
}
.slds-scope .slds-button_neutral:active,.slds-scope .slds-button--neutral:active{
--slds-c-button-color-background-active:var(
--slds-c-button-neutral-color-background-active,
var(--slds-g-color-surface-container-2, revert)
);
--slds-c-button-color-border-active:var(
--slds-c-button-neutral-color-border-active,
var(--slds-g-color-border-2, revert)
);
}
.slds-scope .slds-button_neutral[disabled],.slds-scope .slds-button--neutral[disabled],
.slds-scope .slds-button_neutral:disabled,
.slds-scope .slds-button--neutral:disabled{
background-color:var(--slds-g-color-disabled-container-1);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-1);
}
.slds-scope .slds-button_brand,.slds-scope .slds-button--brand{
justify-content:center;
--slds-c-button-color-background:var(
--slds-c-button-color-background-hover,
var(--slds-c-button-brand-color-background, var(--slds-g-color-accent-container-1))
);
--slds-c-button-color-border:var(--slds-c-button-brand-color-border, var(--slds-g-color-border-accent-1));
--slds-c-button-text-color:var(--slds-c-button-brand-text-color, var(--slds-g-color-on-accent-1));
--slds-c-button-spacing-block-start:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-block-end:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-inline-start:var(--slds-s-button-spacing-inline);
--slds-c-button-spacing-inline-end:var(--slds-s-button-spacing-inline);
}
.slds-scope .slds-button_brand:hover,.slds-scope .slds-button--brand:hover{
box-shadow:var(--slds-s-button-brand-shadow-hover);
}
.slds-scope .slds-button_brand:hover,.slds-scope .slds-button--brand:hover,
.slds-scope .slds-button_brand:focus-visible,
.slds-scope .slds-button--brand:focus-visible{
--slds-c-button-color-background-hover:var(
--slds-c-button-brand-color-background-hover,
var(--slds-g-color-accent-container-2)
);
--slds-c-button-color-border-hover:var(
--slds-c-button-brand-color-border-hover,
var(--slds-g-color-accent-container-2)
);
--slds-c-button-text-color-hover:var(
--slds-c-button-brand-text-color-hover,
var(--slds-g-color-on-accent-2)
);
}
.slds-scope .slds-button_brand:active,.slds-scope .slds-button--brand:active{
--slds-c-button-color-background-active:var(
--slds-c-button-brand-color-background-active,
var(--slds-g-color-accent-container-2)
);
--slds-c-button-color-border-active:transparent;
--slds-c-button-text-color-active:var(
--slds-c-button-brand-text-color-active,
var(--slds-g-color-on-accent-2)
);
}
.slds-scope .slds-button_brand[disabled],.slds-scope .slds-button--brand[disabled],
.slds-scope .slds-button_brand:disabled,
.slds-scope .slds-button--brand:disabled{
background-color:var(--slds-g-color-disabled-container-2);
border-color:var(--slds-g-color-disabled-container-2);
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-button_outline-brand,.slds-scope .slds-button--outline-brand{
justify-content:center;
--slds-c-button-color-background:var(--slds-g-color-surface-container-1);
--slds-c-button-color-border:var(--slds-g-color-border-accent-1);
--slds-c-button-spacing-block-start:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-block-end:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-inline-start:var(--slds-s-button-spacing-inline);
--slds-c-button-spacing-inline-end:var(--slds-s-button-spacing-inline);
}
.slds-scope .slds-button_outline-brand:hover,.slds-scope .slds-button--outline-brand:hover{
box-shadow:var(--slds-s-button-brand-shadow-hover);
}
.slds-scope .slds-button_outline-brand:hover,.slds-scope .slds-button--outline-brand:hover,
.slds-scope .slds-button_outline-brand:focus-visible,
.slds-scope .slds-button--outline-brand:focus-visible{
--slds-c-button-color-background-hover:var(--slds-g-color-surface-container-2);
--slds-c-button-color-border-hover:var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-button_outline-brand:active,.slds-scope .slds-button--outline-brand:active{
--slds-c-button-color-background-active:var(--slds-g-color-surface-container-2);
--slds-c-button-color-border-active:var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-button_outline-brand[disabled],.slds-scope .slds-button--outline-brand[disabled],
.slds-scope .slds-button_outline-brand:disabled,
.slds-scope .slds-button--outline-brand:disabled{
background-color:var(--slds-g-color-disabled-container-1);
border-color:var(--slds-g-color-border-disabled-1);
}
.slds-scope .slds-button_inverse,.slds-scope .slds-button--inverse{
justify-content:center;
--slds-c-button-color-background:var(--slds-c-button-inverse-color-background, transparent);
--slds-c-button-color-border:var(
--slds-c-button-inverse-color-border,
var(--slds-g-color-border-inverse-1)
);
--slds-c-button-text-color:var(
--slds-c-button-inverse-text-color,
var(--slds-g-color-on-surface-inverse-1)
);
--slds-c-button-spacing-block-start:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-block-end:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-inline-start:var(--slds-s-button-spacing-inline);
--slds-c-button-spacing-inline-end:var(--slds-s-button-spacing-inline);
}
.slds-scope .slds-button_inverse:hover,.slds-scope .slds-button--inverse:hover{
--slds-c-button-color-background-hover:var(
--slds-c-button-inverse-color-background-hover,
var(--slds-g-color-surface-container-2)
);
--slds-c-button-color-border-hover:var(
--slds-c-button-inverse-color-border-hover,
var(--slds-g-color-border-inverse-1)
);
box-shadow:var(--slds-c-button-inverse-shadow-hover);
}
.slds-scope .slds-button_inverse:focus-visible,.slds-scope .slds-button--inverse:focus-visible{
--slds-c-button-inverse-shadow-hover:var(--slds-g-shadow-inset-inverse-focus-1);
--slds-c-button-color-border:var(
--slds-c-button-inverse-color-background-hover,
var(--slds-g-color-surface-container-2)
);
}
.slds-scope .slds-button_inverse:not(:hover):focus-visible,.slds-scope .slds-button--inverse:not(:hover):focus-visible{
--slds-c-button-shadow-focus:0px 0px 0px 2px var(--slds-g-color-neutral-base-95) inset;
}
.slds-scope .slds-button_inverse:active,.slds-scope .slds-button--inverse:active{
--slds-c-button-color-background-active:var(
--slds-c-button-inverse-color-background-active,
var(--slds-g-color-surface-container-2)
);
--slds-c-button-color-border-active:transparent;
}
.slds-scope .slds-button_inverse[disabled],.slds-scope .slds-button--inverse[disabled],
.slds-scope .slds-button_inverse:disabled,
.slds-scope .slds-button--inverse:disabled{
background-color:transparent;
border-color:color-mix(in oklab, var(--slds-g-color-neutral-base-100), transparent 50%);
}
.slds-scope .slds-button_inverse:link,.slds-scope .slds-button--inverse:link,
.slds-scope .slds-button_inverse:visited,
.slds-scope .slds-button--inverse:visited,
.slds-scope .slds-button_icon-inverse:link,
.slds-scope .slds-button--icon-inverse:link,
.slds-scope .slds-button_icon-inverse:visited,
.slds-scope .slds-button--icon-inverse:visited,
.slds-scope .slds-button_icon-border-inverse:link,
.slds-scope .slds-button--icon-border-inverse:link,
.slds-scope .slds-button_icon-border-inverse:visited,
.slds-scope .slds-button--icon-border-inverse:visited{
--slds-c-button-text-color:var(
--slds-c-button-inverse-text-color,
var(--slds-g-color-on-surface-inverse-1)
);
}
.slds-scope .slds-button_inverse:hover,.slds-scope .slds-button--inverse:hover, .slds-scope .slds-button_icon-inverse:hover, .slds-scope .slds-button--icon-inverse:hover, .slds-scope .slds-button_icon-border-inverse:hover, .slds-scope .slds-button--icon-border-inverse:hover{
--slds-c-button-text-color-hover:var(
--slds-c-button-inverse-text-color-hover,
var(--slds-g-color-accent-3)
);
}
.slds-scope .slds-button_inverse:focus-visible,.slds-scope .slds-button--inverse:focus-visible, .slds-scope .slds-button_icon-inverse:focus-visible, .slds-scope .slds-button--icon-inverse:focus-visible, .slds-scope .slds-button_icon-border-inverse:focus-visible, .slds-scope .slds-button--icon-border-inverse:focus-visible{
--slds-c-button-text-color-hover:var(
--slds-c-button-inverse-text-color-hover,
var(--slds-g-color-on-surface-3)
);
}
.slds-scope .slds-button_inverse:not(:hover):focus-visible,.slds-scope .slds-button--inverse:not(:hover):focus-visible, .slds-scope .slds-button_icon-inverse:not(:hover):focus-visible, .slds-scope .slds-button--icon-inverse:not(:hover):focus-visible, .slds-scope .slds-button_icon-border-inverse:not(:hover):focus-visible, .slds-scope .slds-button--icon-border-inverse:not(:hover):focus-visible{
--slds-c-button-shadow-focus:0px 0px 0px 2px var(--slds-c-button-inverse-text-color-hover, var(--slds-g-color-neutral-base-95)) inset;
--slds-c-button-text-color-hover:var(
--slds-c-button-inverse-text-color-hover,
var(--slds-g-color-on-surface-inverse-1)
);
outline:none;
}
.slds-scope .slds-button_inverse:active,.slds-scope .slds-button--inverse:active, .slds-scope .slds-button_icon-inverse:active, .slds-scope .slds-button--icon-inverse:active, .slds-scope .slds-button_icon-border-inverse:active, .slds-scope .slds-button--icon-border-inverse:active{
--slds-c-button-text-color-active:var(
--slds-c-button-inverse-text-color-active,
var(--slds-g-color-accent-3)
);
}
.slds-scope .slds-button_inverse[disabled],.slds-scope .slds-button--inverse[disabled],
.slds-scope .slds-button_inverse:disabled,
.slds-scope .slds-button--inverse:disabled,
.slds-scope .slds-button_icon-inverse[disabled],
.slds-scope .slds-button--icon-inverse[disabled],
.slds-scope .slds-button_icon-inverse:disabled,
.slds-scope .slds-button--icon-inverse:disabled,
.slds-scope .slds-button_icon-border-inverse[disabled],
.slds-scope .slds-button--icon-border-inverse[disabled],
.slds-scope .slds-button_icon-border-inverse:disabled,
.slds-scope .slds-button--icon-border-inverse:disabled{
color:color-mix(in oklab, var(--slds-g-color-neutral-base-100), transparent 50%);
}
.slds-scope .slds-button_destructive,.slds-scope .slds-button--destructive{
justify-content:center;
--slds-c-button-color-background:var(
--slds-c-button-color-background-hover,
var(--slds-c-button-destructive-color-background)
);
--slds-c-button-color-border:var(--slds-c-button-destructive-color-border);
--slds-c-button-text-color:var(--slds-c-button-destructive-color);
--slds-c-button-spacing-block-start:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-block-end:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-inline-start:var(--slds-s-button-spacing-inline);
--slds-c-button-spacing-inline-end:var(--slds-s-button-spacing-inline);
}
.slds-scope .slds-button_destructive:hover,.slds-scope .slds-button--destructive:hover{
box-shadow:var(--slds-c-button-destructive-shadow-hover);
}
.slds-scope .slds-button_destructive:hover,.slds-scope .slds-button--destructive:hover,
.slds-scope .slds-button_destructive:focus-visible,
.slds-scope .slds-button--destructive:focus-visible{
--slds-c-button-color-background-hover:var(--slds-c-button-destructive-color-background-hover);
--slds-c-button-color-border-hover:var(--slds-c-button-destructive-color-border-hover);
--slds-c-button-text-color-hover:var(--slds-c-button-destructive-color-hover);
}
.slds-scope .slds-button_destructive:active,.slds-scope .slds-button--destructive:active{
--slds-c-button-color-background-active:var(--slds-c-button-destructive-color-background-hover);
--slds-c-button-color-border-active:var(--slds-c-button-destructive-color-border-hover);
--slds-c-button-text-color-active:var(--slds-c-button-destructive-color-hover);
}
.slds-scope .slds-button_destructive[disabled],.slds-scope .slds-button--destructive[disabled],
.slds-scope .slds-button_destructive:disabled,
.slds-scope .slds-button--destructive:disabled{
background-color:var(--slds-g-color-disabled-container-2);
border-color:var(--slds-g-color-disabled-container-2);
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-button_text-destructive,.slds-scope .slds-button--text-destructive{
justify-content:center;
--slds-c-button-color-background:var(--slds-g-color-surface-container-1);
--slds-c-button-color-border:var(--slds-g-color-border-error-1);
--slds-c-button-text-color:var(--slds-g-color-error-1);
--slds-c-button-spacing-block-start:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-block-end:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-inline-start:var(--slds-s-button-spacing-inline);
--slds-c-button-spacing-inline-end:var(--slds-s-button-spacing-inline);
}
.slds-scope .slds-button_text-destructive:hover,.slds-scope .slds-button--text-destructive:hover{
box-shadow:var(--slds-c-button-destructive-shadow-hover);
}
.slds-scope .slds-button_text-destructive:hover,.slds-scope .slds-button--text-destructive:hover,
.slds-scope .slds-button_text-destructive:focus-visible,
.slds-scope .slds-button--text-destructive:focus-visible{
--slds-c-button-color-background-hover:var(--slds-g-color-surface-container-2);
--slds-c-button-color-border-hover:var(--slds-g-color-border-error-2);
--slds-c-button-text-color-hover:var(--slds-g-color-error-1);
}
.slds-scope .slds-button_text-destructive:active,.slds-scope .slds-button--text-destructive:active{
--slds-c-button-color-background-active:var(--slds-g-color-surface-container-2);
--slds-c-button-color-border-active:var(--slds-g-color-border-error-2);
--slds-c-button-text-color-active:var(--slds-g-color-error-1);
}
.slds-scope .slds-button_text-destructive[disabled],.slds-scope .slds-button--text-destructive[disabled],
.slds-scope .slds-button_text-destructive:disabled,
.slds-scope .slds-button--text-destructive:disabled{
background-color:var(--slds-g-color-disabled-container-1);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-1);
}
.slds-scope .slds-button_success,.slds-scope .slds-button--success{
justify-content:center;
--slds-c-button-color-background:var(
--slds-c-button-color-background-hover,
var(--slds-c-button-success-color-background)
);
--slds-c-button-color-border:var(--slds-c-button-success-color-border);
--slds-c-button-text-color:var(--slds-c-button-success-color);
--slds-c-button-spacing-block-start:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-block-end:var(--slds-s-button-spacing-block);
--slds-c-button-spacing-inline-start:var(--slds-s-button-spacing-inline);
--slds-c-button-spacing-inline-end:var(--slds-s-button-spacing-inline);
}
.slds-scope .slds-button_success:hover,.slds-scope .slds-button--success:hover{
box-shadow:var(--slds-c-button-success-shadow-hover);
}
.slds-scope .slds-button_success:hover,.slds-scope .slds-button--success:hover,
.slds-scope .slds-button_success:focus-visible,
.slds-scope .slds-button--success:focus-visible{
--slds-c-button-color-background-hover:var(--slds-c-button-success-color-background-hover);
--slds-c-button-color-border-hover:var(--slds-c-button-success-color-border-hover);
--slds-c-button-text-color-hover:var(--slds-c-button-success-color-hover);
}
.slds-scope .slds-button_success:active,.slds-scope .slds-button--success:active{
--slds-c-button-color-background-active:var(--slds-c-button-success-color-background-hover);
--slds-c-button-color-border-active:var(--slds-c-button-success-color-border-hover);
--slds-c-button-text-color-active:var(--slds-c-button-success-color-hover);
}
.slds-scope .slds-button_success[disabled],.slds-scope .slds-button--success[disabled],
.slds-scope .slds-button_success:disabled,
.slds-scope .slds-button--success:disabled{
background-color:var(--slds-g-color-disabled-container-2);
border-color:var(--slds-g-color-disabled-container-2);
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-button_neutral:hover,.slds-scope .slds-button--neutral:hover, .slds-scope .slds-button_outline-brand:hover, .slds-scope .slds-button--outline-brand:hover, .slds-scope .slds-button_text-destructive:hover, .slds-scope .slds-button--text-destructive:hover{
transform:var(--slds-s-button-bordered-transform-hover);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_neutral:active,.slds-scope .slds-button--neutral:active, .slds-scope .slds-button_outline-brand:active, .slds-scope .slds-button--outline-brand:active, .slds-scope .slds-button_text-destructive:active, .slds-scope .slds-button--text-destructive:active{
transform:none;
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_brand:not(:focus-visible):hover,.slds-scope .slds-button--brand:not(:focus-visible):hover, .slds-scope .slds-button_destructive:not(:focus-visible):hover, .slds-scope .slds-button--destructive:not(:focus-visible):hover, .slds-scope .slds-button_success:not(:focus-visible):hover, .slds-scope .slds-button--success:not(:focus-visible):hover, .slds-scope .slds-button_inverse:not(:focus-visible):hover, .slds-scope .slds-button--inverse:not(:focus-visible):hover{
transform:var(--slds-s-button-brand-transform-hover);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_brand:not(:focus-visible):active,.slds-scope .slds-button--brand:not(:focus-visible):active, .slds-scope .slds-button_destructive:not(:focus-visible):active, .slds-scope .slds-button--destructive:not(:focus-visible):active, .slds-scope .slds-button_success:not(:focus-visible):active, .slds-scope .slds-button--success:not(:focus-visible):active, .slds-scope .slds-button_inverse:not(:focus-visible):active, .slds-scope .slds-button--inverse:not(:focus-visible):active{
transform:none;
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_neutral:focus-visible,.slds-scope .slds-button--neutral:focus-visible, .slds-scope .slds-button_brand:focus-visible, .slds-scope .slds-button--brand:focus-visible, .slds-scope .slds-button_outline-brand:focus-visible, .slds-scope .slds-button--outline-brand:focus-visible, .slds-scope .slds-button_destructive:focus-visible, .slds-scope .slds-button--destructive:focus-visible, .slds-scope .slds-button_text-destructive:focus-visible, .slds-scope .slds-button--text-destructive:focus-visible, .slds-scope .slds-button_success:focus-visible, .slds-scope .slds-button--success:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-button_neutral:active,.slds-scope .slds-button--neutral:active, .slds-scope .slds-button_brand:active, .slds-scope .slds-button--brand:active, .slds-scope .slds-button_outline-brand:active, .slds-scope .slds-button--outline-brand:active, .slds-scope .slds-button_inverse:active, .slds-scope .slds-button--inverse:active, .slds-scope .slds-button_icon-border-inverse:active, .slds-scope .slds-button--icon-border-inverse:active, .slds-scope .slds-button_destructive:active, .slds-scope .slds-button--destructive:active, .slds-scope .slds-button_text-destructive:active, .slds-scope .slds-button--text-destructive:active, .slds-scope .slds-button_success:active, .slds-scope .slds-button--success:active{
box-shadow:0 0 0 0 transparent, var(--slds-s-button-shadow-active, revert);
}
.slds-scope .slds-button__icon,
.slds-scope .slds-button__icon_stateful,
.slds-scope .slds-button__icon--stateful{
width:0.875rem;
height:0.875rem;
fill:var(--slds-c-icon-color-foreground, currentColor);
}
.slds-scope .slds-button__icon_large,.slds-scope .slds-button__icon--large{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-button__icon_small,.slds-scope .slds-button__icon--small{
width:var(--slds-g-sizing-4);
height:var(--slds-g-sizing-4);
}
.slds-scope .slds-button__icon_x-small,.slds-scope .slds-button__icon--x-small{
width:var(--slds-g-sizing-3);
height:var(--slds-g-sizing-3);
}
.slds-scope .slds-button__icon_left,.slds-scope .slds-button__icon--left{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-button__icon_right,.slds-scope .slds-button__icon--right{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-button_reset,.slds-scope .slds-button--reset{
font-size:inherit;
color:inherit;
line-height:inherit;
padding:0;
background:transparent;
border:0;
text-align:inherit;
}
.slds-scope .slds-button_reset:focus-visible,.slds-scope .slds-button--reset:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-button_stretch,.slds-scope .slds-button--stretch{
justify-content:center;
width:100%;
}
.slds-scope .slds-button_full-width,.slds-scope .slds-button--full-width{
color:inherit;
line-height:inherit;
padding:0;
background:transparent;
border:0;
text-align:inherit;
width:100%;
display:inline-flex;
flex-grow:1;
align-items:center;
justify-content:space-between;
}
.slds-scope .slds-button_full-width:hover,.slds-scope .slds-button--full-width:hover{
box-shadow:none;
transform:none;
}
.slds-scope .slds-button_full-width:focus-visible,.slds-scope .slds-button--full-width:focus-visible{
--slds-c-button-shadow:none;
--slds-c-button-shadow-focus:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-button_neutral.slds-is-selected,.slds-scope .slds-button--neutral.slds-is-selected{
--slds-c-button-neutral-color-background:var(
--slds-c-button-stateful-color-background-selected,
transparent
);
--slds-c-button-neutral-color-border:var(--slds-c-button-stateful-color-border-selected, transparent);
}
.slds-scope .slds-button_neutral.slds-is-selected:hover:not([disabled]),.slds-scope .slds-button--neutral.slds-is-selected:hover:not([disabled]),
.slds-scope .slds-button_neutral.slds-is-selected:focus:not([disabled]),
.slds-scope .slds-button--neutral.slds-is-selected:focus:not([disabled]){
--slds-c-button-neutral-color-background-hover:var(
--slds-c-button-stateful-color-background-selected-hover,
var(--slds-g-color-surface-container-2)
);
--slds-c-button-neutral-color-border-hover:var(
--slds-c-button-stateful-color-border-selected-hover,
var(--slds-g-color-border-1)
);
}
.slds-scope .slds-button_neutral.slds-is-selected:active:not([disabled]),.slds-scope .slds-button--neutral.slds-is-selected:active:not([disabled]){
--slds-c-button-neutral-color-background-active:var(
--slds-c-button-stateful-color-background-selected-active,
var(--slds-g-color-surface-container-2)
);
}
.slds-scope .slds-button_inverse.slds-is-selected,.slds-scope .slds-button--inverse.slds-is-selected{
border-color:transparent;
}
.slds-scope .slds-button_stateful .slds-text-selected,.slds-scope .slds-button--stateful .slds-text-selected,
.slds-scope .slds-button_stateful .slds-text-selected-focus,
.slds-scope .slds-button--stateful .slds-text-selected-focus,
.slds-scope .slds-button_stateful .slds-text-not-selected,
.slds-scope .slds-button--stateful .slds-text-not-selected{
align-items:center;
}
.slds-scope .slds-button_stateful.slds-button_reset,.slds-scope .slds-button--stateful.slds-button--reset{
color:var(--slds-c-button-text-color, var(--slds-s-button-color, var(--slds-g-color-accent-2)));
}
.slds-scope .slds-button_stateful.slds-button_reset:hover,.slds-scope .slds-button--stateful.slds-button--reset:hover{
color:var(
--slds-c-button-text-color-hover,
var(--slds-s-button-color-hover, var(--slds-g-color-accent-3))
);
}
.slds-scope .slds-button_stateful.slds-button_reset:active,.slds-scope .slds-button--stateful.slds-button--reset:active{
color:var(--slds-c-button-text-color-active, var(--slds-g-color-accent-3));
}
.slds-scope .slds-button_stateful.slds-button_reset:focus-visible,.slds-scope .slds-button--stateful.slds-button--reset:focus-visible{
color:var(
--slds-c-button-text-color-hover,
var(--slds-s-button-color-hover, var(--slds-g-color-accent-3))
);
}
.slds-scope .slds-button_stateful.slds-button_reset[disabled],.slds-scope .slds-button--stateful.slds-button--reset[disabled],
.slds-scope .slds-button_stateful.slds-button_reset:disabled,
.slds-scope .slds-button--stateful.slds-button--reset:disabled{
color:var(--slds-g-color-on-disabled-1);
}
.slds-scope .slds-not-selected .slds-text-selected{
display:none;
}
.slds-scope .slds-not-selected .slds-text-selected-focus{
display:none;
}
.slds-scope .slds-not-selected .slds-text-not-selected{
display:inline-flex;
}
.slds-scope .slds-is-selected-clicked .slds-text-selected, .slds-scope .slds-is-selected[disabled] .slds-text-selected, .slds-scope .slds-is-selected[disabled]:hover .slds-text-selected, .slds-scope .slds-is-selected[disabled]:focus .slds-text-selected{
display:inline-flex;
}
.slds-scope .slds-is-selected-clicked .slds-text-selected-focus, .slds-scope .slds-is-selected[disabled] .slds-text-selected-focus, .slds-scope .slds-is-selected[disabled]:hover .slds-text-selected-focus, .slds-scope .slds-is-selected[disabled]:focus .slds-text-selected-focus{
display:none;
}
.slds-scope .slds-is-selected-clicked .slds-text-not-selected, .slds-scope .slds-is-selected[disabled] .slds-text-not-selected, .slds-scope .slds-is-selected[disabled]:hover .slds-text-not-selected, .slds-scope .slds-is-selected[disabled]:focus .slds-text-not-selected{
display:none;
}
.slds-scope .slds-is-selected .slds-text-not-selected{
display:none;
}
.slds-scope .slds-is-selected .slds-text-selected{
display:inline-flex;
}
.slds-scope .slds-is-selected .slds-text-selected-focus{
display:none;
}
.slds-scope .slds-is-selected:hover .slds-text-not-selected, .slds-scope .slds-is-selected:focus .slds-text-not-selected{
display:none;
}
.slds-scope .slds-is-selected:hover .slds-text-selected, .slds-scope .slds-is-selected:focus .slds-text-selected{
display:none;
}
.slds-scope .slds-is-selected:hover .slds-text-selected-focus, .slds-scope .slds-is-selected:focus .slds-text-selected-focus{
display:inline-flex;
}
.slds-scope .slds-button_dual-stateful .slds-text-not-pressed,.slds-scope .slds-button--dual-stateful .slds-text-not-pressed{
display:block;
}
.slds-scope .slds-button_dual-stateful .slds-text-pressed,.slds-scope .slds-button--dual-stateful .slds-text-pressed{
display:none;
}
.slds-scope .slds-button_dual-stateful.slds-is-pressed,.slds-scope .slds-button--dual-stateful.slds-is-pressed{
padding-inline-start:var(--slds-c-button-brand-spacing-inline-start, var(--slds-g-spacing-4));
padding-inline-end:var(--slds-c-button-brand-spacing-inline-end, var(--slds-g-spacing-4));
--slds-c-button-color-background:var(
--slds-c-button-brand-color-background,
var(--slds-g-color-accent-container-1)
);
--slds-c-button-color-border:var(--slds-c-button-brand-color-border, var(--slds-g-color-border-accent-1));
--slds-c-button-text-color:var(--slds-c-button-brand-text-color, var(--slds-g-color-on-accent-1));
--slds-c-button-text-color-hover:var(
--slds-c-button-brand-text-color-hover,
var(--slds-g-color-on-accent-1)
);
--slds-c-button-text-color-active:var(
--slds-c-button-brand-text-color-active,
var(--slds-g-color-on-accent-2)
);
}
.slds-scope .slds-button_dual-stateful.slds-is-pressed:hover,.slds-scope .slds-button--dual-stateful.slds-is-pressed:hover{
--slds-c-button-color-background:var(
--slds-c-button-brand-color-background-hover,
var(--slds-g-color-accent-container-2)
);
--slds-c-button-color-border:var(
--slds-c-button-brand-color-border-hover,
var(--slds-g-color-border-accent-2)
);
--slds-c-button-text-color-hover:var(
--slds-c-button-brand-text-color-hover,
var(--slds-g-color-on-accent-2)
);
}
.slds-scope .slds-button_dual-stateful.slds-is-pressed:focus-visible,.slds-scope .slds-button--dual-stateful.slds-is-pressed:focus-visible{
--slds-c-button-color-border:transparent;
}
.slds-scope .slds-button_dual-stateful.slds-is-pressed .slds-text-not-pressed,.slds-scope .slds-button--dual-stateful.slds-is-pressed .slds-text-not-pressed{
display:none;
}
.slds-scope .slds-button_dual-stateful.slds-is-pressed .slds-text-pressed,.slds-scope .slds-button--dual-stateful.slds-is-pressed .slds-text-pressed{
display:block;
}
.slds-scope .slds-button_icon-bare,.slds-scope .slds-button--icon-bare{
line-height:var(--slds-g-font-lineheight-1);
vertical-align:middle;
color:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-button_icon,.slds-scope .slds-button--icon,
.slds-scope .slds-button_icon-inverse,
.slds-scope .slds-button--icon-inverse,
.slds-scope .slds-button_icon-container,
.slds-scope .slds-button--icon-container,
.slds-scope .slds-button_icon-border,
.slds-scope .slds-button--icon-border,
.slds-scope .slds-button_icon-border-filled,
.slds-scope .slds-button--icon-border-filled,
.slds-scope .slds-button_icon-border-inverse,
.slds-scope .slds-button--icon-border-inverse,
.slds-scope .slds-button_icon-more,
.slds-scope .slds-button--icon-more,
.slds-scope .slds-button_icon-error,
.slds-scope .slds-button--icon-error,
.slds-scope .slds-button_icon-warning,
.slds-scope .slds-button--icon-warning{
--slds-c-button-color-background-hover:none;
line-height:1;
vertical-align:middle;
justify-content:center;
color:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
flex-shrink:0;
padding:0;
}
.slds-scope .slds-button_icon:focus-visible,.slds-scope .slds-button--icon:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-button_icon-inverse:focus-visible,.slds-scope .slds-button--icon-inverse:focus-visible, .slds-scope .slds-button_icon-container:focus-visible, .slds-scope .slds-button--icon-container:focus-visible, .slds-scope .slds-button_icon-border:focus-visible, .slds-scope .slds-button--icon-border:focus-visible, .slds-scope .slds-button_icon-border-filled:focus-visible, .slds-scope .slds-button--icon-border-filled:focus-visible, .slds-scope .slds-button_icon-border-inverse:focus-visible, .slds-scope .slds-button--icon-border-inverse:focus-visible, .slds-scope .slds-button_icon-more:focus-visible, .slds-scope .slds-button--icon-more:focus-visible, .slds-scope .slds-button_icon-error:focus-visible, .slds-scope .slds-button--icon-error:focus-visible, .slds-scope .slds-button_icon-warning:focus-visible, .slds-scope .slds-button--icon-warning:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-button_icon-container,.slds-scope .slds-button--icon-container,
.slds-scope .slds-button_icon-border,
.slds-scope .slds-button--icon-border,
.slds-scope .slds-button_icon-border-filled,
.slds-scope .slds-button--icon-border-filled,
.slds-scope .slds-button_icon-border-inverse,
.slds-scope .slds-button--icon-border-inverse,
.slds-scope .slds-button_icon-brand,
.slds-scope .slds-button--icon-brand,
.slds-scope .slds-button_icon-more,
.slds-scope .slds-button--icon-more,
.slds-scope .slds-button_icon-container-more,
.slds-scope .slds-button--icon-container-more{
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
}
.slds-scope .slds-button_icon-border-filled,.slds-scope .slds-button--icon-border-filled,
.slds-scope .slds-button_icon-border,
.slds-scope .slds-button--icon-border{
line-height:1;
vertical-align:middle;
color:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
transition:border 0.15s linear;
}
.slds-scope .slds-button_icon-border-filled[disabled],.slds-scope .slds-button--icon-border-filled[disabled],
.slds-scope .slds-button_icon-border-filled:disabled,
.slds-scope .slds-button--icon-border-filled:disabled,
.slds-scope .slds-button_icon-border[disabled],
.slds-scope .slds-button--icon-border[disabled],
.slds-scope .slds-button_icon-border:disabled,
.slds-scope .slds-button--icon-border:disabled{
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-button_icon-border-filled:focus-visible,.slds-scope .slds-button--icon-border-filled:focus-visible, .slds-scope .slds-button_icon-border:focus-visible, .slds-scope .slds-button--icon-border:focus-visible{
border-color:var(--slds-c-button-color-border);
transition:none;
}
.slds-scope .slds-button_icon-border-filled:hover,.slds-scope .slds-button--icon-border-filled:hover, .slds-scope .slds-button_icon-border:hover, .slds-scope .slds-button--icon-border:hover{
box-shadow:var(--slds-s-button-bordered-shadow-hover);
transform:var(--slds-s-button-bordered-transform-hover);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_icon-border-filled:active,.slds-scope .slds-button--icon-border-filled:active, .slds-scope .slds-button_icon-border:active, .slds-scope .slds-button--icon-border:active{
transform:none;
box-shadow:0 0 0 0 light-dark(var(--slds-g-color-neutral-base-20), var(--slds-g-color-neutral-base-30)), var(--slds-s-button-shadow-active, revert);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_icon-border-inverse,.slds-scope .slds-button--icon-border-inverse{
background-color:transparent;
border-color:var(--slds-g-color-border-inverse-1);
color:var(--slds-g-color-on-surface-inverse-1);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_icon-border-inverse:hover,.slds-scope .slds-button--icon-border-inverse:hover{
color:var(--slds-c-button-inverse-text-color-hover, var(--slds-g-color-accent-3));
background-color:var(
--slds-c-button-inverse-color-background-hover,
var(--slds-g-color-surface-container-2)
);
box-shadow:var(--slds-c-button-inverse-shadow-hover);
transform:var(--slds-s-button-bordered-transform-hover);
}
.slds-scope .slds-button_icon-border-inverse:active,.slds-scope .slds-button--icon-border-inverse:active{
color:var(--slds-c-button-inverse-text-color-hover, var(--slds-g-color-accent-3));
box-shadow:0 0 0 transparent, var(--slds-s-button-shadow-active, revert);
transform:none;
}
.slds-scope .slds-button_icon-border-inverse[disabled],.slds-scope .slds-button--icon-border-inverse[disabled],
.slds-scope .slds-button_icon-border-inverse:disabled,
.slds-scope .slds-button--icon-border-inverse:disabled{
background-color:transparent;
border-color:color-mix(in oklab, var(--slds-g-color-neutral-base-100), transparent 75%);
color:color-mix(in oklab, var(--slds-g-color-on-surface-inverse-1), transparent 75%);
}
.slds-scope .slds-button_icon-bare:focus-visible,.slds-scope .slds-button--icon-bare:focus-visible,
.slds-scope .slds-button_icon-bare:active,
.slds-scope .slds-button--icon-bare:active{
--slds-c-button-shadow-focus:var(--slds-g-shadow-outline-focus-1);
--slds-c-button-sizing-border:var(--slds-g-sizing-border-1);
}
.slds-scope .slds-button_icon-bare.slds-button_icon-inverse:focus-visible,.slds-scope .slds-button--icon-bare.slds-button--icon-inverse:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-button_icon-bare:focus-visible,.slds-scope .slds-button--icon-bare:focus-visible{
border-radius:var(--_slds-c-buttonicon-bare-radius-focus);
}
.slds-scope .slds-button_icon-brand,.slds-scope .slds-button--icon-brand{
background-color:var(--slds-g-color-accent-container-1);
border-color:var(--slds-g-color-border-accent-1);
color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-button_icon-brand:visited,.slds-scope .slds-button--icon-brand:visited,
.slds-scope .slds-button_icon-brand:active,
.slds-scope .slds-button--icon-brand:active{
color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-button_icon-brand:hover,.slds-scope .slds-button--icon-brand:hover{
background-color:var(--slds-g-color-accent-container-2);
border-color:var(--slds-g-color-accent-container-2);
box-shadow:var(--slds-s-button-brand-shadow-hover);
color:var(--slds-g-color-on-accent-2);
transform:var(--slds-s-button-brand-transform-hover);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_icon-brand:focus-visible,.slds-scope .slds-button--icon-brand:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-insetinverse-focus-1);
border-color:var(--slds-c-button-color-border);
}
.slds-scope .slds-button_icon-brand:active,.slds-scope .slds-button--icon-brand:active{
background-color:var(--_slds-c-buttonicon-brand-color-background-active);
border-color:var(--slds-g-color-accent-container-3);
border-width:var(--_slds-c-buttonicon-brand-sizing-border-active, var(--slds-g-sizing-border-1));
transform:none;
box-shadow:0 0 0 0 light-dark(var(--slds-g-color-neutral-base-20), var(--slds-g-color-neutral-base-30)), var(--slds-s-button-shadow-active, revert);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-button_icon-brand[disabled],.slds-scope .slds-button--icon-brand[disabled],
.slds-scope .slds-button_icon-brand:disabled,
.slds-scope .slds-button--icon-brand:disabled{
background:var(--slds-g-color-disabled-container-2);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-button_icon-border-filled,.slds-scope .slds-button--icon-border-filled{
--slds-c-button-color-background:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-button_icon-border-filled:hover,.slds-scope .slds-button--icon-border-filled:hover,
.slds-scope .slds-button_icon-border-filled:focus-visible,
.slds-scope .slds-button--icon-border-filled:focus-visible{
--slds-c-button-color-background-hover:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-button_icon-border-filled[disabled],.slds-scope .slds-button--icon-border-filled[disabled],
.slds-scope .slds-button_icon-border-filled:disabled,
.slds-scope .slds-button--icon-border-filled:disabled{
border-color:var(--slds-g-color-border-disabled-1);
background-color:var(--slds-g-color-disabled-container-1);
}
.slds-scope .slds-button_icon-inverse,.slds-scope .slds-button--icon-inverse{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-button_icon-inverse:hover,.slds-scope .slds-button--icon-inverse:hover{
--slds-c-button-color-background-hover:transparent;
color:color-mix(in oklab, var(--slds-g-color-on-surface-inverse-1), transparent 25%);
}
.slds-scope .slds-button_icon-inverse:focus-visible,.slds-scope .slds-button--icon-inverse:focus-visible{
outline:none;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-inverse-1);
border-color:transparent;
--slds-c-button-shadow-focus:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-button_icon-inverse:active,.slds-scope .slds-button--icon-inverse:active{
color:color-mix(in oklab, var(--slds-g-color-on-surface-inverse-1), transparent 50%);
}
.slds-scope .slds-button_icon-inverse[disabled],.slds-scope .slds-button--icon-inverse[disabled],
.slds-scope .slds-button_icon-inverse:disabled,
.slds-scope .slds-button--icon-inverse:disabled{
color:color-mix(in oklab, var(--slds-g-color-on-surface-inverse-1), transparent 75%);
}
.slds-scope .slds-button_icon-error,.slds-scope .slds-button--icon-error{
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-button_icon-error:hover,.slds-scope .slds-button--icon-error:hover,
.slds-scope .slds-button_icon-error:active,
.slds-scope .slds-button--icon-error:active,
.slds-scope .slds-button_icon-error:focus-visible,
.slds-scope .slds-button--icon-error:focus-visible{
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-button_icon-error:focus-visible,.slds-scope .slds-button--icon-error:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-button_icon-warning,.slds-scope .slds-button--icon-warning{
color:var(--slds-g-color-warning-1);
}
.slds-scope .slds-button_icon-warning:hover,.slds-scope .slds-button--icon-warning:hover,
.slds-scope .slds-button_icon-warning:active,
.slds-scope .slds-button--icon-warning:active,
.slds-scope .slds-button_icon-warning:focus-visible,
.slds-scope .slds-button--icon-warning:focus-visible{
color:var(--slds-g-color-warning-1);
}
.slds-scope .slds-button_icon-warning:focus-visible,.slds-scope .slds-button--icon-warning:focus-visible{
--slds-c-button-shadow-focus:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-button_icon-current-color,.slds-scope .slds-button--icon-current-color{
color:currentColor;
}
.slds-scope .slds-button_icon-large,.slds-scope .slds-button--icon-large{
width:var(--slds-g-sizing-10);
height:var(--slds-g-sizing-10);
}
.slds-scope .slds-button_icon-large .slds-button__icon,.slds-scope .slds-button--icon-large .slds-button__icon{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-button_icon-small,.slds-scope .slds-button--icon-small{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-button_icon-x-small,.slds-scope .slds-button--icon-x-small{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
line-height:1;
}
.slds-scope .slds-button_icon-x-small .slds-button__icon,.slds-scope .slds-button--icon-x-small .slds-button__icon{
width:var(--slds-g-sizing-4);
height:var(--slds-g-sizing-4);
}
.slds-scope .slds-button_icon-xx-small,.slds-scope .slds-button--icon-xx-small{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
line-height:1;
}
.slds-scope .slds-button_icon-xx-small .slds-button__icon,.slds-scope .slds-button--icon-xx-small .slds-button__icon{
width:var(--slds-g-sizing-3);
height:var(--slds-g-sizing-3);
}
.slds-scope .slds-button_icon-more,.slds-scope .slds-button--icon-more{
width:auto;
line-height:1.875rem;
padding:0 var(--slds-g-spacing-2);
background-color:var(--slds-g-color-surface-container-1);
border-color:var(--slds-g-color-border-2);
color:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-button_icon-more:hover .slds-button__icon,.slds-scope .slds-button--icon-more:hover .slds-button__icon{
fill:var(--slds-s-button-color-hover, var(--slds-g-color-accent-2));
}
.slds-scope .slds-button_icon-more:active .slds-button__icon,.slds-scope .slds-button--icon-more:active .slds-button__icon{
fill:var(--slds-g-color-accent-3);
}
.slds-scope .slds-button_icon-more[disabled],.slds-scope .slds-button--icon-more[disabled],
.slds-scope .slds-button_icon-more:disabled,
.slds-scope .slds-button--icon-more:disabled{
cursor:default;
}
.slds-scope .slds-button_icon-more[disabled] .slds-button__icon,.slds-scope .slds-button--icon-more[disabled] .slds-button__icon, .slds-scope .slds-button_icon-more:disabled .slds-button__icon, .slds-scope .slds-button--icon-more:disabled .slds-button__icon{
fill:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-button_icon-more:focus-visible,.slds-scope .slds-button--icon-more:focus-visible{
border-color:transparent;
}
.slds-scope .slds-button_icon-container-more,.slds-scope .slds-button--icon-container-more{
width:auto;
line-height:1.875rem;
padding-block:0;
padding-inline:var(--slds-g-spacing-2);
vertical-align:middle;
}
.slds-scope .slds-button__icon_hint,.slds-scope .slds-button__icon--hint{
fill:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-button__icon_inverse-hint,.slds-scope .slds-button__icon--inverse-hint{
fill:color-mix(in oklab, var(--slds-g-color-on-surface-inverse-1), transparent 50%);
}
.slds-scope .slds-hint-parent .slds-button_icon-border-inverse,.slds-scope .slds-hint-parent .slds-button--icon-border-inverse{
border-color:color-mix(in oklab, var(--slds-g-color-border-inverse-1), transparent 50%);
}
.slds-scope .slds-hint-parent .slds-button_icon-border-inverse:focus,.slds-scope .slds-hint-parent .slds-button--icon-border-inverse:focus{
border-color:color-mix(in oklab, var(--slds-g-color-border-inverse-1), transparent 25%);
}
.slds-scope .slds-hint-parent:hover .slds-button_icon-border-inverse,.slds-scope .slds-hint-parent:hover .slds-button--icon-border-inverse, .slds-scope .slds-hint-parent:focus .slds-button_icon-border-inverse, .slds-scope .slds-hint-parent:focus .slds-button--icon-border-inverse{
border-color:color-mix(in oklab, var(--slds-g-color-border-inverse-1), transparent 25%);
}
.slds-scope .slds-hint-parent:hover .slds-button__icon_hint,.slds-scope .slds-hint-parent:hover .slds-button__icon--hint, .slds-scope .slds-hint-parent:focus .slds-button__icon_hint, .slds-scope .slds-hint-parent:focus .slds-button__icon--hint{
fill:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-hint-parent:hover .slds-button__icon_inverse-hint,.slds-scope .slds-hint-parent:hover .slds-button__icon--inverse-hint, .slds-scope .slds-hint-parent:focus .slds-button__icon_inverse-hint, .slds-scope .slds-hint-parent:focus .slds-button__icon--inverse-hint{
fill:color-mix(in oklab, var(--slds-g-color-on-surface-inverse-1), transparent 25%);
}
.slds-scope .slds-hint-parent:hover .slds-button:disabled .slds-button__icon_hint,.slds-scope .slds-hint-parent:hover .slds-button:disabled .slds-button__icon--hint, .slds-scope .slds-hint-parent:focus .slds-button:disabled .slds-button__icon_hint, .slds-scope .slds-hint-parent:focus .slds-button:disabled .slds-button__icon--hint{
fill:currentColor;
}
.slds-scope .slds-button_icon-container.slds-is-selected,.slds-scope .slds-button--icon-container.slds-is-selected,
.slds-scope .slds-button_icon-border.slds-is-selected,
.slds-scope .slds-button--icon-border.slds-is-selected,
.slds-scope .slds-button_icon-border-filled.slds-is-selected,
.slds-scope .slds-button--icon-border-filled.slds-is-selected,
.slds-scope .slds-button_icon-border-inverse.slds-is-selected,
.slds-scope .slds-button--icon-border-inverse.slds-is-selected{
background-color:var(--slds-g-color-accent-container-1);
border-color:var(--slds-g-color-border-accent-1);
color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-button_icon-container.slds-is-selected:not([disabled]):hover,.slds-scope .slds-button--icon-container.slds-is-selected:not([disabled]):hover, .slds-scope .slds-button_icon-border.slds-is-selected:not([disabled]):hover, .slds-scope .slds-button--icon-border.slds-is-selected:not([disabled]):hover, .slds-scope .slds-button_icon-border-filled.slds-is-selected:not([disabled]):hover, .slds-scope .slds-button--icon-border-filled.slds-is-selected:not([disabled]):hover, .slds-scope .slds-button_icon-border-inverse.slds-is-selected:not([disabled]):hover, .slds-scope .slds-button--icon-border-inverse.slds-is-selected:not([disabled]):hover{
box-shadow:var(--slds-s-button-brand-shadow-hover);
transform:var(--slds-s-button-brand-transform-hover);
}
.slds-scope .slds-button_icon-container.slds-is-selected:not([disabled]):active,.slds-scope .slds-button--icon-container.slds-is-selected:not([disabled]):active, .slds-scope .slds-button_icon-border.slds-is-selected:not([disabled]):active, .slds-scope .slds-button--icon-border.slds-is-selected:not([disabled]):active, .slds-scope .slds-button_icon-border-filled.slds-is-selected:not([disabled]):active, .slds-scope .slds-button--icon-border-filled.slds-is-selected:not([disabled]):active, .slds-scope .slds-button_icon-border-inverse.slds-is-selected:not([disabled]):active, .slds-scope .slds-button--icon-border-inverse.slds-is-selected:not([disabled]):active{
box-shadow:0 0 0 0 transparent, var(--slds-s-button-shadow-active, revert);
transform:none;
}
.slds-scope .slds-button_icon-container.slds-is-selected:hover,.slds-scope .slds-button--icon-container.slds-is-selected:hover,
.slds-scope .slds-button_icon-container.slds-is-selected:focus,
.slds-scope .slds-button--icon-container.slds-is-selected:focus,
.slds-scope .slds-button_icon-border.slds-is-selected:hover,
.slds-scope .slds-button--icon-border.slds-is-selected:hover,
.slds-scope .slds-button_icon-border.slds-is-selected:focus,
.slds-scope .slds-button--icon-border.slds-is-selected:focus,
.slds-scope .slds-button_icon-border-filled.slds-is-selected:hover,
.slds-scope .slds-button--icon-border-filled.slds-is-selected:hover,
.slds-scope .slds-button_icon-border-filled.slds-is-selected:focus,
.slds-scope .slds-button--icon-border-filled.slds-is-selected:focus,
.slds-scope .slds-button_icon-border-inverse.slds-is-selected:hover,
.slds-scope .slds-button--icon-border-inverse.slds-is-selected:hover,
.slds-scope .slds-button_icon-border-inverse.slds-is-selected:focus,
.slds-scope .slds-button--icon-border-inverse.slds-is-selected:focus{
background-color:var(--slds-g-color-accent-container-2);
border-color:var(--slds-g-color-accent-container-2);
color:var(--slds-g-color-on-accent-2);
}
.slds-scope .slds-button_icon-container.slds-is-selected[disabled],.slds-scope .slds-button--icon-container.slds-is-selected[disabled],
.slds-scope .slds-button_icon-container.slds-is-selected:disabled,
.slds-scope .slds-button--icon-container.slds-is-selected:disabled,
.slds-scope .slds-button_icon-border.slds-is-selected[disabled],
.slds-scope .slds-button--icon-border.slds-is-selected[disabled],
.slds-scope .slds-button_icon-border.slds-is-selected:disabled,
.slds-scope .slds-button--icon-border.slds-is-selected:disabled,
.slds-scope .slds-button_icon-border-filled.slds-is-selected[disabled],
.slds-scope .slds-button--icon-border-filled.slds-is-selected[disabled],
.slds-scope .slds-button_icon-border-filled.slds-is-selected:disabled,
.slds-scope .slds-button--icon-border-filled.slds-is-selected:disabled,
.slds-scope .slds-button_icon-border-inverse.slds-is-selected[disabled],
.slds-scope .slds-button--icon-border-inverse.slds-is-selected[disabled],
.slds-scope .slds-button_icon-border-inverse.slds-is-selected:disabled,
.slds-scope .slds-button--icon-border-inverse.slds-is-selected:disabled{
background:var(--slds-g-color-disabled-container-2);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-has-error .slds-button__icon{
fill:var(--slds-g-color-error-1);
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-color-picker{
position:relative;
}
.slds-scope .slds-color-picker .slds-form-error{
padding-block-start:var(--slds-g-spacing-2);
color:var(--slds-g-color-error-base-40, var(--slds-g-color-error-1));
font-size:var(--slds-g-font-scale-neg-1);
}
.slds-scope .slds-color-picker__summary-label{
display:block;
}
.slds-scope .slds-color-picker__summary-button{
vertical-align:top;
padding-block:0.3rem;
padding-inline:var(--slds-g-spacing-2);
line-height:1;
background:var(--slds-g-color-neutral-base-100, var(--slds-g-color-surface-container-1));
margin-inline-end:var(--slds-g-spacing-1);
border-radius:var(--slds-s-input-radius-border);
}
.slds-scope .slds-color-picker__summary-button:focus-visible{
border-color:transparent;
}
.slds-scope .slds-color-picker__summary-input{
display:inline-block;
}
.slds-scope .slds-color-picker__summary-input .slds-input{
width:6rem;
}
.slds-scope .slds-color-picker__selector{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-popover__footer{
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-s-container-color-border, var(--slds-g-color-neutral-base-90));
}
.slds-scope .slds-color-picker__selector.slds-popover{
width:14rem;
box-shadow:var(--slds-g-shadow-2);
}
.slds-scope .slds-color-picker__selector .slds-tabs_default__content,.slds-scope .slds-color-picker__selector .slds-tabs--default__content{
padding-block:var(--slds-g-spacing-2);
padding-inline:0;
}
.slds-scope .slds-color-picker__swatches{
font-size:0;
}
.slds-scope .slds-color-picker__swatches.slds-swatch{
cursor:pointer;
}
.slds-scope .slds-color-picker__swatch{
display:inline-block;
margin:var(--slds-g-spacing-1);
}
.slds-scope .slds-color-picker__swatch-trigger{
display:inline-block;
}
.slds-scope .slds-color-picker__swatch-trigger:focus-visible,
.slds-scope .slds-color-picker__swatch-trigger:active{
outline:none;
box-shadow:var(--slds-g-shadow-outset-focus-1);
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-color-picker__custom{
padding-block:var(--slds-g-spacing-1);
padding-inline:0;
}
.slds-scope .slds-color-picker__custom-range{
position:relative;
margin-block-end:var(--slds-g-spacing-1);
height:var(--slds-g-sizing-12);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
overflow:hidden;
}
.slds-scope .slds-color-picker__custom-range::before{
content:'';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:linear-gradient(to top, rgb(0, 0, 0, 1), rgb(0, 0, 0, 0.9) 1%, transparent 99%), linear-gradient(to right, rgb(255, 255, 255, 1) 1%, transparent);
}
.slds-scope .slds-color-picker__range-indicator{
--_slds-c-color-picker-half-spacing:calc(0.75rem * 0.5);
transform:translate3d(
var(--_slds-c-color-picker-half-spacing),
var(--_slds-c-color-picker-half-spacing),
0
);
cursor:pointer;
position:absolute;
height:var(--slds-g-sizing-4);
width:var(--slds-g-sizing-4);
border:var(--slds-g-sizing-border-2) solid var(--slds-g-color-surface-container-1);
border-radius:var(--slds-g-radius-border-circle);
box-shadow:0 2px 4px 4px rgb(0, 0, 0, 0.16), inset 0 2px 4px 4px rgb(0, 0, 0, 0.16);
background-color:transparent;
}
.slds-scope .slds-color-picker__range-indicator:focus-visible{
outline:none;
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-color-picker__hue-and-preview{
display:flex;
}
.slds-scope .slds-color-picker__hue-and-preview .slds-swatch{
margin-inline-start:var(--slds-g-spacing-1);
height:var(--slds-g-spacing-5);
width:var(--slds-g-spacing-5);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-1);
}
.slds-scope .slds-color-picker__hue-slider{
appearance:none;
flex:1;
padding:0;
height:var(--slds-g-sizing-7);
width:100%;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-1);
background:linear-gradient(
90deg,
red,
#ff1500,
#ff2b00,
#ff4000,
#f50,
#ff6a00,
#ff8000,
#ff9500,
#fa0,
#ffbf00,
#ffd500,
#ffea00,
#ff0,
#eaff00,
#d4ff00,
#bfff00,
#af0,
#95ff00,
#80ff00,
#6aff00,
#5f0,
#40ff00,
#2bff00,
#15ff00,
#0f0,
#00ff15,
#00ff2b,
#00ff40,
#0f5,
#00ff6a,
#00ff80,
#00ff95,
#0fa,
#00ffbf,
#00ffd5,
#00ffea,
#0ff,
#00eaff,
#00d4ff,
#00bfff,
#0af,
#0095ff,
#007fff,
#006aff,
#05f,
#0040ff,
#002bff,
#0015ff,
#00f,
#1500ff,
#2a00ff,
#4000ff,
#50f,
#6a00ff,
#7f00ff,
#9500ff,
#a0f,
#bf00ff,
#d400ff,
#ea00ff,
#f0f,
#ff00ea,
#ff00d4,
#ff00bf,
#f0a,
#ff0095,
#ff0080,
#ff006a,
#f05,
#ff0040,
#ff002b,
#ff0015
);
margin:0;
}
.slds-scope .slds-color-picker__hue-slider::-webkit-slider-thumb{
appearance:none;
cursor:pointer;
height:calc(var(--slds-g-sizing-7) - (var(--slds-g-sizing-border-1) * 2));
width:0.375rem;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-neutral-base-30);
border-radius:var(--slds-g-radius-border-1);
background:var(--slds-g-color-surface-container-1, var(--slds-g-color-neutral-base-95));
}
.slds-scope .slds-color-picker__hue-slider::-moz-range-thumb{
appearance:none;
cursor:pointer;
height:calc(var(--slds-g-sizing-7) - (var(--slds-g-sizing-border-1) * 2));
width:0.375rem;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-neutral-base-30);
border-radius:var(--slds-g-radius-border-1);
background:var(--slds-g-color-surface-container-1, var(--slds-g-color-neutral-base-95));
}
.slds-scope .slds-color-picker__hue-slider::-ms-thumb{
appearance:none;
cursor:pointer;
width:0.375rem;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-neutral-base-30);
border-radius:var(--slds-g-radius-border-1);
background:var(--slds-g-color-surface-container-1, var(--slds-g-color-neutral-base-95));
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-color-picker__hue-slider:focus{
outline:none;
}
.slds-scope .slds-color-picker__hue-slider:focus-visible::-webkit-slider-thumb{
border-color:var(--slds-g-color-brand-base-60, var(--slds-g-color-accent-1));
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-color-picker__hue-slider:focus-visible::-moz-range-thumb{
border-color:var(--slds-g-color-brand-base-60, var(--slds-g-color-accent-1));
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-color-picker__hue-slider:focus-visible::-ms-thumb{
border-color:var(--slds-g-color-brand-base-60, var(--slds-g-color-accent-1));
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-color-picker__hue-slider::-moz-range-track{
height:0;
}
.slds-scope .slds-color-picker__hue-slider::-ms-track{
height:0;
border:0;
background:transparent;
color:transparent;
}
.slds-scope .slds-color-picker__custom-inputs{
display:flex;
padding-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-color-picker__custom-inputs .slds-form-element:not(:first-child){
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-color-picker__custom-inputs input{
padding-block:0;
padding-inline:var(--slds-g-spacing-1);
}
.slds-scope .slds-color-picker__custom-inputs abbr{
cursor:text;
text-decoration:none;
}
.slds-scope .slds-color-picker__custom-inputs .slds-form-element.slds-color-picker__input-custom-hex{
flex:none;
width:4.2rem;
}
.slds-scope .slds-color-picker__custom-inputs .slds-form-element.slds-color-picker__input-custom-hex input{
font-size:var(--slds-g-spacing-3);
}
.slds-scope .slds-color-picker__selector-footer{
display:flex;
}
.slds-scope .slds-color-picker__selector-footer .slds-button{
flex:1;
}
.slds-scope .slds-swatch{
display:inline-block;
vertical-align:middle;
height:var(--slds-g-sizing-6);
width:var(--slds-g-sizing-6);
border-radius:var(--slds-g-radius-border-1);
box-shadow:var(--slds-g-color-neutral-base-10, inset 0 0 1px rgb(0, 0, 0, 0.4));
}
.slds-scope .slds-color-picker.slds-color-picker_swatches-only,.slds-scope .slds-color-picker.slds-color-picker--swatches-only{
width:13.3rem;
padding:var(--slds-g-spacing-2);
}
.slds-scope .slds-color-picker.slds-color-picker_swatches-only .slds-color-picker__selector,.slds-scope .slds-color-picker.slds-color-picker--swatches-only .slds-color-picker__selector{
margin:0;
}
.slds-scope .slds-icon_container,.slds-scope .slds-icon--container{
padding-block-start:var(--slds-s-icon-spacing);
padding-block-end:var(--slds-s-icon-spacing);
padding-inline-start:var(--slds-s-icon-spacing);
padding-inline-end:var(--slds-s-icon-spacing);
border-radius:var(--slds-c-icon-radius-border, var(--slds-s-icon-radius-border));
border-width:var(--slds-s-icon-sizing-border, 0);
border-style:solid;
border-color:var(--slds-s-icon-color-border, transparent);
background-color:var(--slds-c-icon-color-background, var(--slds-s-icon-color-background));
display:inline-block;
line-height:1;
}
.slds-scope .slds-icon_container_circle,.slds-scope .slds-icon_container--circle{
--slds-c-icon-radius-border:var(--slds-g-radius-border-circle);
padding:var(--slds-g-spacing-2);
}
[dir='rtl'] .slds-scope .slds-icon_flip,[dir='rtl'] .slds-scope .slds-icon--flip{
transform:scaleX(-1);
}
.slds-scope .slds-icon{
display:inline-flex;
height:var(--_slds-c-icon-sizing, var(--slds-s-icon-sizing, var(--slds-g-sizing-9)));
width:var(--_slds-c-icon-sizing, var(--slds-s-icon-sizing, var(--slds-g-sizing-9)));
fill:var(--slds-c-icon-color-foreground, var(--slds-g-color-neutral-base-100));
}
.slds-scope .slds-icon_xxx-small,.slds-scope .slds-icon--xxx-small{
width:var(--slds-g-sizing-3);
height:var(--slds-g-sizing-3);
}
.slds-scope .slds-icon_xx-small,.slds-scope .slds-icon--xx-small{
width:calc(var(--slds-g-sizing-1) + var(--slds-g-sizing-4));
height:calc(var(--slds-g-sizing-1) + var(--slds-g-sizing-4));
}
.slds-scope .slds-icon_x-small,.slds-scope .slds-icon--x-small{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
}
.slds-scope .slds-icon_small,.slds-scope .slds-icon--small{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-icon_large,.slds-scope .slds-icon--large{
--_slds-c-icon-sizing:var(--slds-g-sizing-10);
}
.slds-scope .slds-icon-text-warning{
--slds-c-icon-color-foreground:var(--slds-g-color-warning-1);
}
.slds-scope .slds-icon-text-success{
--slds-c-icon-color-foreground:var(--slds-g-color-success-1);
}
.slds-scope .slds-icon-text-error{
--slds-c-icon-color-foreground:var(--slds-g-color-error-1);
}
.slds-scope .slds-icon-text-light{
--slds-c-icon-color-foreground:var(--slds-g-color-neutral-base-70);
}
.slds-scope .slds-icon_container[icon-name^='action'],.slds-scope .slds-icon--container[icon-name^='action']{
--slds-c-icon-radius-border:var(--slds-g-radius-border-circle);
padding-block:var(--slds-g-sizing-3);
padding-inline:var(--slds-g-sizing-3);
}
.slds-scope .slds-icon_container[icon-name^='action'],.slds-scope .slds-icon--container[icon-name^='action'],
.slds-scope .slds-icon_container[class^='action'],
.slds-scope .slds-icon--container[class^='action'],
.slds-scope .slds-icon_container[icon-name^='standard'],
.slds-scope .slds-icon--container[icon-name^='standard'],
.slds-scope .slds-icon_container[class^='standard'],
.slds-scope .slds-icon--container[class^='standard'],
.slds-scope .slds-icon_container[icon-name^='custom'],
.slds-scope .slds-icon--container[icon-name^='custom'],
.slds-scope .slds-icon_container[class^='custom'],
.slds-scope .slds-icon--container[class^='custom']{
--slds-c-icon-color-foreground:#fff;
}
.slds-scope .slds-icon-text-default{
--slds-c-icon-color-foreground:var(
--slds-c-icon-color-foreground-default,
var(--slds-s-icon-color-foreground)
);
}
.slds-scope .slds-icon-text-default.slds-is-disabled{
fill:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-current-color .slds-icon{
--slds-c-icon-color-foreground:currentColor;
}
.slds-scope .slds-icon_disabled,.slds-scope .slds-icon--disabled{
background-color:currentcolor;
}
.slds-scope .slds-input__icon{
--_slds-c-icon-sizing:calc(var(--slds-g-sizing-1) + var(--slds-g-sizing-4));
position:absolute;
top:50%;
margin-block-start:-0.4375rem;
line-height:var(--slds-g-font-lineheight-1);
border:0;
z-index:2;
fill:var(--slds-c-icon-color-foreground);
}
.slds-scope .slds-accordion{
position:relative;
}
.slds-scope .slds-accordion__list-item{
border-block-start-width:var(--slds-c-accordion-section-sizing-border, var(--slds-g-sizing-border-1));
border-block-start-style:solid;
border-block-start-color:var(--slds-c-accordion-section-color-border, var(--slds-g-color-border-1));
}
.slds-scope .slds-accordion__list-item:first-child{
border-top:0;
}
.slds-scope .slds-accordion__summary{
display:flex;
margin-block-start:calc(var(--slds-c-accordion-section-spacing-block-start, var(--slds-g-sizing-4)) * -1);
margin-inline-end:calc(var(--slds-c-accordion-section-spacing-inline-end, var(--slds-g-sizing-4)) * -1);
margin-block-end:calc(var(--slds-c-accordion-section-spacing-block-end, var(--slds-g-sizing-4)) * -1);
margin-inline-start:calc(
var(--slds-c-accordion-section-spacing-inline-start, var(--slds-g-sizing-4)) * -1
);
padding-block-start:var(--slds-c-accordion-section-spacing-block-start, var(--slds-g-sizing-4));
padding-inline-end:var(--slds-c-accordion-section-spacing-inline-end, var(--slds-g-sizing-4));
padding-block-end:var(--slds-c-accordion-section-spacing-block-end, var(--slds-g-sizing-4));
padding-inline-start:var(--slds-c-accordion-section-spacing-inline-start, var(--slds-g-sizing-4));
background-color:var(--slds-c-accordion-summary-color-background, transparent);
}
.slds-scope .slds-accordion__summary-heading{
display:flex;
flex-grow:1;
min-width:0;
color:var(--slds-c-accordion-heading-color, var(--slds-g-color-on-surface-3));
font-size:var(
--slds-c-accordion-heading-font-size,
var(--slds-s-container-heading-var-font-size, var(--slds-g-font-scale-2))
);
font-weight:var(--slds-s-container-heading-font-weight, var(--slds-g-font-weight-4));
line-height:var(--slds-g-font-lineheight-2);
}
.slds-scope .slds-accordion__summary-heading .slds-button:focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
border-radius:var(--slds-g-radius-border-3);
margin-inline-end:var(--slds-c-accordion-section-spacing-inline-end, revert);
}
.slds-scope .slds-accordion__summary-action{
display:inline-flex;
flex-grow:1;
align-items:center;
justify-content:flex-start;
min-width:0;
margin-block-start:calc(var(--slds-c-accordion-section-spacing-block-start, var(--slds-g-sizing-4)) * -1);
margin-inline-end:calc(var(--slds-c-accordion-section-spacing-inline-end, var(--slds-g-sizing-4)) * -1);
margin-block-end:calc(var(--slds-c-accordion-section-spacing-block-end, var(--slds-g-sizing-4)) * -1);
margin-inline-start:calc(
var(--slds-c-accordion-section-spacing-inline-start, var(--slds-g-sizing-4)) * -1
);
padding-block-start:var(--slds-c-accordion-section-spacing-block-start, var(--slds-g-sizing-4));
padding-inline-end:var(--slds-c-accordion-section-spacing-inline-end, var(--slds-g-sizing-4));
padding-block-end:var(--slds-c-accordion-section-spacing-block-end, var(--slds-g-sizing-4));
padding-inline-start:var(--slds-c-accordion-section-spacing-inline-start, var(--slds-g-sizing-4));
font-weight:inherit;
}
.slds-scope .slds-accordion__summary-action:hover,
.slds-scope .slds-accordion__summary-action:focus{
color:var(--slds-g-color-accent-container-3);
}
.slds-scope .slds-accordion__summary-action:active{
box-shadow:none;
}
.slds-scope .slds-accordion__summary-action-icon{
flex-shrink:0;
transform:rotate(-90deg);
}
.slds-scope .slds-accordion__summary-action-icon:dir(rtl){
transform:rotate(90deg);
}
@media (min-width: 64em){
.slds-scope .slds-accordion__summary-content{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
}
.slds-scope .slds-accordion__section{
padding-block-start:var(--slds-c-accordion-section-spacing-block-start, var(--slds-g-sizing-4));
padding-inline-end:var(--slds-c-accordion-section-spacing-inline-end, var(--slds-g-sizing-4));
padding-block-end:var(--slds-c-accordion-section-spacing-block-end, var(--slds-g-sizing-4));
padding-inline-start:var(--slds-c-accordion-section-spacing-inline-start, var(--slds-g-sizing-4));
}
.slds-scope .slds-accordion__content{
overflow:hidden;
visibility:hidden;
opacity:0;
height:0;
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-is-open > .slds-accordion__summary{
margin-block-end:0;
}
.slds-scope .slds-is-open > .slds-accordion__summary .slds-accordion__summary-action-icon{
transform:rotate(0deg);
}
.slds-scope .slds-is-open > .slds-accordion__content{
overflow:visible;
visibility:visible;
opacity:1;
height:auto;
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-icon-ellie{
width:calc(14rem / 16);
height:calc(14rem / 16);
display:inline-block;
overflow:hidden;
}
.slds-scope .slds-icon-ellie.slds-is-animated{
will-change:transform;
animation:slds-icon-ellie-pop 0.3s ease-in 2s 1 both;
}
.slds-scope .slds-icon-ellie.slds-is-animated svg{
will-change:transform;
animation:slds-icon-ellie 1.2s steps(20) 2.3s 2 alternate;
}
.slds-scope .slds-icon-ellie.slds-is-paused,
.slds-scope .slds-icon-ellie.slds-is-paused svg{
animation-play-state:paused;
}
.slds-scope .slds-icon-ellie svg{
width:17.5rem;
vertical-align:top;
color:var(--slds-g-color-accent-1);
}
.slds-scope .slds-icon-ellie circle:nth-child(2n + 1){
fill:currentColor;
stroke:currentColor;
stroke-width:4px;
}
.slds-scope .slds-icon-ellie circle:nth-child(2n){
fill:var(--slds-g-color-on-accent-1);
stroke:var(--slds-g-color-on-accent-1);
stroke-width:1px;
}
.slds-scope .slds-icon-ellie circle:nth-child(1),
.slds-scope .slds-icon-ellie circle:nth-last-child(2){
stroke-width:4px;
}
.slds-scope .slds-icon-ellie circle:nth-child(2),
.slds-scope .slds-icon-ellie circle:nth-last-child(1){
stroke-width:1px;
}
.slds-scope .slds-icon-ellie circle:nth-child(3),
.slds-scope .slds-icon-ellie circle:nth-last-child(4){
stroke-width:3.95px;
}
.slds-scope .slds-icon-ellie circle:nth-child(4),
.slds-scope .slds-icon-ellie circle:nth-last-child(3){
stroke-width:1.2px;
}
.slds-scope .slds-icon-ellie circle:nth-child(5),
.slds-scope .slds-icon-ellie circle:nth-last-child(6){
stroke-width:3.85px;
}
.slds-scope .slds-icon-ellie circle:nth-child(6),
.slds-scope .slds-icon-ellie circle:nth-last-child(5){
stroke-width:1.4px;
}
.slds-scope .slds-icon-ellie circle:nth-child(7),
.slds-scope .slds-icon-ellie circle:nth-last-child(8){
stroke-width:3.6px;
}
.slds-scope .slds-icon-ellie circle:nth-child(8),
.slds-scope .slds-icon-ellie circle:nth-last-child(7){
stroke-width:1.7px;
}
.slds-scope .slds-icon-ellie circle:nth-child(9),
.slds-scope .slds-icon-ellie circle:nth-last-child(10){
stroke-width:3.3px;
}
.slds-scope .slds-icon-ellie circle:nth-child(10),
.slds-scope .slds-icon-ellie circle:nth-last-child(9){
stroke-width:2px;
}
.slds-scope .slds-icon-ellie circle:nth-child(11),
.slds-scope .slds-icon-ellie circle:nth-last-child(12){
stroke-width:3.2px;
}
.slds-scope .slds-icon-ellie circle:nth-child(12),
.slds-scope .slds-icon-ellie circle:nth-last-child(11){
stroke-width:2.4px;
}
.slds-scope .slds-icon-ellie circle:nth-child(13),
.slds-scope .slds-icon-ellie circle:nth-last-child(14){
stroke-width:3.15px;
}
.slds-scope .slds-icon-ellie circle:nth-child(14),
.slds-scope .slds-icon-ellie circle:nth-last-child(13){
stroke-width:2.8px;
}
.slds-scope .slds-icon-ellie circle:nth-child(15),
.slds-scope .slds-icon-ellie circle:nth-last-child(16){
stroke-width:3.1px;
}
.slds-scope .slds-icon-ellie circle:nth-child(16),
.slds-scope .slds-icon-ellie circle:nth-last-child(15){
stroke-width:3.25px;
}
.slds-scope .slds-icon-ellie circle:nth-child(17),
.slds-scope .slds-icon-ellie circle:nth-last-child(18){
stroke-width:3.05px;
}
.slds-scope .slds-icon-ellie circle:nth-child(18),
.slds-scope .slds-icon-ellie circle:nth-last-child(17){
stroke-width:3.7px;
}
.slds-scope .slds-icon-ellie circle:nth-child(19),
.slds-scope .slds-icon-ellie circle:nth-last-child(20){
stroke-width:3px;
}
.slds-scope .slds-icon-ellie circle:nth-child(20),
.slds-scope .slds-icon-ellie circle:nth-last-child(19){
stroke-width:4px;
}
@keyframes slds-icon-ellie-pop{
0%{
transform:scale(0.2);
}
70%{
transform:scale(1.1);
}
90%{
transform:scale(0.7);
}
100%{
transform:scale(1);
}
}
@keyframes slds-icon-ellie{
to{
transform:translateX(-17.5rem);
}
}
.slds-scope .slds-icon-eq{
position:relative;
width:calc(14rem / 16);
height:calc(14rem / 16);
}
.slds-scope .slds-icon-eq.slds-is-animated .slds-icon-eq__bar{
animation:slds-icon-eq 0.25s ease-in-out infinite alternate;
will-change:transform;
height:0.1875rem;
}
.slds-scope .slds-icon-eq.slds-is-animated .slds-icon-eq__bar:nth-of-type(2){
animation-duration:0.65s;
}
.slds-scope .slds-icon-eq.slds-is-animated .slds-icon-eq__bar:nth-of-type(3){
animation-duration:0.35s;
}
.slds-scope .slds-icon-eq__bar{
position:absolute;
bottom:0;
left:0;
width:calc(4rem / 16);
height:0.5625rem;
background:var(--slds-g-color-accent-1);
transform:scaleY(1);
transform-origin:bottom;
}
.slds-scope .slds-icon-eq__bar:nth-of-type(2){
left:calc(5rem / 16);
height:0.875rem;
}
.slds-scope .slds-icon-eq__bar:nth-of-type(3){
left:calc(10rem / 16);
height:0.75rem;
}
@keyframes slds-icon-eq{
to{
transform:scaleY(4.6666666667);
}
}
.slds-scope .slds-icon-score{
display:inline-block;
width:0.3125rem;
height:0.3125rem;
position:relative;
}
.slds-scope .slds-icon-score__positive,
.slds-scope .slds-icon-score__negative{
position:absolute;
opacity:0;
transition:opacity 0.4s ease-in-out;
will-change:opacity;
stroke-width:1.125px;
}
.slds-scope .slds-icon-score__positive{
fill:var(--slds-g-color-success-1);
stroke:var(--slds-g-color-success-1);
}
.slds-scope .slds-icon-score__negative{
fill:transparent;
stroke:var(--slds-g-color-error-1);
}
.slds-scope [data-slds-state='positive'] .slds-icon-score__positive,
.slds-scope [data-slds-state='negative'] .slds-icon-score__negative{
opacity:1;
}
.slds-scope .slds-icon-strength{
width:1.6875rem;
height:0.4375rem;
display:inline-block;
}
.slds-scope .slds-icon-strength circle{
stroke-width:0.95px;
fill:transparent;
stroke:var(--slds-g-color-border-2);
transition:fill 0.4s ease-in-out, stroke 0.4s ease-in-out;
will-change:fill, stroke;
}
.slds-scope .slds-icon-strength[data-slds-strength='1'] circle:nth-child(1),
.slds-scope .slds-icon-strength[data-slds-strength='2'] circle:nth-child(1),
.slds-scope .slds-icon-strength[data-slds-strength='2'] circle:nth-child(2),
.slds-scope .slds-icon-strength[data-slds-strength='3'] circle:nth-child(1),
.slds-scope .slds-icon-strength[data-slds-strength='3'] circle:nth-child(2),
.slds-scope .slds-icon-strength[data-slds-strength='3'] circle:nth-child(3){
fill:var(--slds-g-color-success-1);
stroke:var(--slds-g-color-success-1);
}
.slds-scope .slds-icon-strength[data-slds-strength='-1'] circle:nth-child(1),
.slds-scope .slds-icon-strength[data-slds-strength='-2'] circle:nth-child(1),
.slds-scope .slds-icon-strength[data-slds-strength='-2'] circle:nth-child(2),
.slds-scope .slds-icon-strength[data-slds-strength='-3'] circle:nth-child(1),
.slds-scope .slds-icon-strength[data-slds-strength='-3'] circle:nth-child(2),
.slds-scope .slds-icon-strength[data-slds-strength='-3'] circle:nth-child(3){
fill:var(--slds-g-color-error-container-1);
stroke:var(--slds-g-color-error-1);
}
.slds-scope .slds-icon-strength.slds-is-animated circle{
animation:slds-icon-strength-positive-load 0.4s 1s ease-in-out alternate both paused;
}
.slds-scope .slds-icon-strength.slds-is-animated circle:nth-child(2){
animation-delay:1.4s;
}
.slds-scope .slds-icon-strength.slds-is-animated circle:nth-child(3){
animation-delay:1.8s;
}
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength^='-'] circle{
animation-name:slds-icon-strength-negative-load;
}
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='-1'] circle:nth-child(1),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='-2'] circle:nth-child(1),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='-2'] circle:nth-child(2),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='-3'] circle:nth-child(1),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='-3'] circle:nth-child(2),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='-3'] circle:nth-child(3),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='1'] circle:nth-child(1),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='2'] circle:nth-child(1),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='2'] circle:nth-child(2),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='3'] circle:nth-child(1),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='3'] circle:nth-child(2),
.slds-scope .slds-icon-strength.slds-is-animated[data-slds-strength='3'] circle:nth-child(3){
animation-play-state:running;
}
.slds-scope .slds-icon-strength.slds-is-paused circle{
animation-play-state:paused !important;
}
@keyframes slds-icon-strength-positive-load{
0%{
fill:transparent;
stroke:var(--slds-g-color-border-2);
}
100%{
fill:var(--slds-g-color-success-1);
stroke:var(--slds-g-color-success-1);
}
}
@keyframes slds-icon-strength-negative-load{
0%{
fill:transparent;
stroke:var(--slds-g-color-border-2);
}
100%{
fill:var(--slds-g-color-error-container-1);
stroke:var(--slds-g-color-error-1);
}
}
.slds-scope .slds-icon-trend{
width:1rem;
height:1rem;
display:inline-block;
}
.slds-scope .slds-icon-trend.slds-is-animated .slds-icon-trend__arrow{
animation:slds-icon-trend-arrow 0.8s 0.4s ease-in-out both;
}
.slds-scope .slds-icon-trend.slds-is-animated .slds-icon-trend__circle{
animation:slds-icon-trend-circle 0.8s ease-in-out both;
}
.slds-scope .slds-icon-trend.slds-is-paused .slds-icon-trend__arrow,
.slds-scope .slds-icon-trend.slds-is-paused .slds-icon-trend__circle{
animation-play-state:paused;
}
.slds-scope .slds-icon-trend[data-slds-trend='down']{
color:var(--slds-g-color-error-1);
transform:rotate(45deg);
}
.slds-scope .slds-icon-trend[data-slds-trend='neutral']{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-icon-trend[data-slds-trend='up']{
color:var(--slds-g-color-success-1);
transform:rotate(-45deg);
}
.slds-scope .slds-icon-trend__arrow,
.slds-scope .slds-icon-trend__circle{
stroke:currentColor;
fill:none;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:1.125px;
}
.slds-scope .slds-icon-trend__arrow{
stroke-dashoffset:0.1px;
stroke-dasharray:39.175px;
}
.slds-scope .slds-icon-trend__circle{
stroke-dasharray:42.3385px, 46.3385px;
}
@keyframes slds-icon-trend-arrow{
from{
stroke-dashoffset:40.3px;
}
}
@keyframes slds-icon-trend-circle{
from{
stroke-dasharray:0.1px, 46.3385px;
}
}
.slds-scope .slds-icon-waffle_container,.slds-scope .slds-icon-waffle--container{
border:0;
outline:0;
}
.slds-scope .slds-icon-waffle_container:focus-visible,.slds-scope .slds-icon-waffle--container:focus-visible{
box-shadow:var(--slds-g-shadow-outline-focus-1);
outline:0;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r1,.slds-scope .slds-icon-waffle--container:hover .slds-r1,
.slds-scope .slds-icon-waffle_container:hover .slds-r2,
.slds-scope .slds-icon-waffle--container:hover .slds-r2,
.slds-scope .slds-icon-waffle_container:hover .slds-r3,
.slds-scope .slds-icon-waffle--container:hover .slds-r3,
.slds-scope .slds-icon-waffle_container:hover .slds-r4,
.slds-scope .slds-icon-waffle--container:hover .slds-r4,
.slds-scope .slds-icon-waffle_container:hover .slds-r5,
.slds-scope .slds-icon-waffle--container:hover .slds-r5,
.slds-scope .slds-icon-waffle_container:hover .slds-r6,
.slds-scope .slds-icon-waffle--container:hover .slds-r6,
.slds-scope .slds-icon-waffle_container:hover .slds-r7,
.slds-scope .slds-icon-waffle--container:hover .slds-r7,
.slds-scope .slds-icon-waffle_container:hover .slds-r8,
.slds-scope .slds-icon-waffle--container:hover .slds-r8,
.slds-scope .slds-icon-waffle_container:hover .slds-r9,
.slds-scope .slds-icon-waffle--container:hover .slds-r9,
.slds-scope .slds-icon-waffle_container:focus .slds-r1,
.slds-scope .slds-icon-waffle--container:focus .slds-r1,
.slds-scope .slds-icon-waffle_container:focus .slds-r2,
.slds-scope .slds-icon-waffle--container:focus .slds-r2,
.slds-scope .slds-icon-waffle_container:focus .slds-r3,
.slds-scope .slds-icon-waffle--container:focus .slds-r3,
.slds-scope .slds-icon-waffle_container:focus .slds-r4,
.slds-scope .slds-icon-waffle--container:focus .slds-r4,
.slds-scope .slds-icon-waffle_container:focus .slds-r5,
.slds-scope .slds-icon-waffle--container:focus .slds-r5,
.slds-scope .slds-icon-waffle_container:focus .slds-r6,
.slds-scope .slds-icon-waffle--container:focus .slds-r6,
.slds-scope .slds-icon-waffle_container:focus .slds-r7,
.slds-scope .slds-icon-waffle--container:focus .slds-r7,
.slds-scope .slds-icon-waffle_container:focus .slds-r8,
.slds-scope .slds-icon-waffle--container:focus .slds-r8,
.slds-scope .slds-icon-waffle_container:focus .slds-r9,
.slds-scope .slds-icon-waffle--container:focus .slds-r9{
animation:slds-icon-waffle-throb 2 200ms alternate;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r1,.slds-scope .slds-icon-waffle--container:hover .slds-r1,
.slds-scope .slds-icon-waffle_container:hover .slds-r2,
.slds-scope .slds-icon-waffle--container:hover .slds-r2,
.slds-scope .slds-icon-waffle_container:hover .slds-r3,
.slds-scope .slds-icon-waffle--container:hover .slds-r3,
.slds-scope .slds-icon-waffle_container:focus .slds-r1,
.slds-scope .slds-icon-waffle--container:focus .slds-r1,
.slds-scope .slds-icon-waffle_container:focus .slds-r2,
.slds-scope .slds-icon-waffle--container:focus .slds-r2,
.slds-scope .slds-icon-waffle_container:focus .slds-r3,
.slds-scope .slds-icon-waffle--container:focus .slds-r3{
background-color:var(--slds-g-color-accent-1);
}
.slds-scope .slds-icon-waffle_container:hover .slds-r4,.slds-scope .slds-icon-waffle--container:hover .slds-r4,
.slds-scope .slds-icon-waffle_container:hover .slds-r5,
.slds-scope .slds-icon-waffle--container:hover .slds-r5,
.slds-scope .slds-icon-waffle_container:hover .slds-r7,
.slds-scope .slds-icon-waffle--container:hover .slds-r7,
.slds-scope .slds-icon-waffle_container:focus .slds-r4,
.slds-scope .slds-icon-waffle--container:focus .slds-r4,
.slds-scope .slds-icon-waffle_container:focus .slds-r5,
.slds-scope .slds-icon-waffle--container:focus .slds-r5,
.slds-scope .slds-icon-waffle_container:focus .slds-r7,
.slds-scope .slds-icon-waffle--container:focus .slds-r7{
background-color:var(--slds-g-color-warning-base-70);
}
.slds-scope .slds-icon-waffle_container:hover .slds-r6,.slds-scope .slds-icon-waffle--container:hover .slds-r6,
.slds-scope .slds-icon-waffle_container:hover .slds-r8,
.slds-scope .slds-icon-waffle--container:hover .slds-r8,
.slds-scope .slds-icon-waffle_container:hover .slds-r9,
.slds-scope .slds-icon-waffle--container:hover .slds-r9,
.slds-scope .slds-icon-waffle_container:focus .slds-r6,
.slds-scope .slds-icon-waffle--container:focus .slds-r6,
.slds-scope .slds-icon-waffle_container:focus .slds-r8,
.slds-scope .slds-icon-waffle--container:focus .slds-r8,
.slds-scope .slds-icon-waffle_container:focus .slds-r9,
.slds-scope .slds-icon-waffle--container:focus .slds-r9{
background-color:var(--slds-g-color-palette-yellow-80);
}
.slds-scope .slds-icon-waffle_container:hover .slds-r2,.slds-scope .slds-icon-waffle--container:hover .slds-r2,
.slds-scope .slds-icon-waffle_container:hover .slds-r4,
.slds-scope .slds-icon-waffle--container:hover .slds-r4,
.slds-scope .slds-icon-waffle_container:focus .slds-r2,
.slds-scope .slds-icon-waffle--container:focus .slds-r2,
.slds-scope .slds-icon-waffle_container:focus .slds-r4,
.slds-scope .slds-icon-waffle--container:focus .slds-r4{
transition-delay:50ms;
animation-delay:50ms;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r3,.slds-scope .slds-icon-waffle--container:hover .slds-r3,
.slds-scope .slds-icon-waffle_container:hover .slds-r5,
.slds-scope .slds-icon-waffle--container:hover .slds-r5,
.slds-scope .slds-icon-waffle_container:hover .slds-r7,
.slds-scope .slds-icon-waffle--container:hover .slds-r7,
.slds-scope .slds-icon-waffle_container:focus .slds-r3,
.slds-scope .slds-icon-waffle--container:focus .slds-r3,
.slds-scope .slds-icon-waffle_container:focus .slds-r5,
.slds-scope .slds-icon-waffle--container:focus .slds-r5,
.slds-scope .slds-icon-waffle_container:focus .slds-r7,
.slds-scope .slds-icon-waffle--container:focus .slds-r7{
transition-delay:100ms;
animation-delay:100ms;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r6,.slds-scope .slds-icon-waffle--container:hover .slds-r6,
.slds-scope .slds-icon-waffle_container:hover .slds-r8,
.slds-scope .slds-icon-waffle--container:hover .slds-r8,
.slds-scope .slds-icon-waffle_container:focus .slds-r6,
.slds-scope .slds-icon-waffle--container:focus .slds-r6,
.slds-scope .slds-icon-waffle_container:focus .slds-r8,
.slds-scope .slds-icon-waffle--container:focus .slds-r8{
transition-delay:150ms;
animation-delay:150ms;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r9,.slds-scope .slds-icon-waffle--container:hover .slds-r9,
.slds-scope .slds-icon-waffle_container:focus .slds-r9,
.slds-scope .slds-icon-waffle--container:focus .slds-r9{
transition-delay:200ms;
animation-delay:200ms;
}
.slds-scope .slds-icon-waffle{
width:1.3125rem;
height:1.3125rem;
position:relative;
display:block;
cursor:pointer;
}
.slds-scope .slds-icon-waffle .slds-r1,
.slds-scope .slds-icon-waffle .slds-r2,
.slds-scope .slds-icon-waffle .slds-r3,
.slds-scope .slds-icon-waffle .slds-r4,
.slds-scope .slds-icon-waffle .slds-r5,
.slds-scope .slds-icon-waffle .slds-r6,
.slds-scope .slds-icon-waffle .slds-r7,
.slds-scope .slds-icon-waffle .slds-r8,
.slds-scope .slds-icon-waffle .slds-r9{
width:0.3125rem;
height:0.3125rem;
background-color:var(--slds-g-color-neutral-base-50, #747474);
display:inline-block;
position:absolute;
border-radius:50%;
transition:background-color 100ms;
transform-origin:50% 50%;
will-change:scale, background-color;
border:2px solid transparent;
}
.slds-scope .slds-icon-waffle .slds-r1{
top:0;
left:0;
}
.slds-scope .slds-icon-waffle .slds-r2{
top:0;
left:0.5rem;
}
.slds-scope .slds-icon-waffle .slds-r3{
top:0;
right:0;
}
.slds-scope .slds-icon-waffle .slds-r4{
top:0.5rem;
left:0;
}
.slds-scope .slds-icon-waffle .slds-r5{
top:0.5rem;
left:0.5rem;
}
.slds-scope .slds-icon-waffle .slds-r6{
top:0.5rem;
right:0;
}
.slds-scope .slds-icon-waffle .slds-r7{
bottom:0;
left:0;
}
.slds-scope .slds-icon-waffle .slds-r8{
bottom:0;
left:0.5rem;
}
.slds-scope .slds-icon-waffle .slds-r9{
bottom:0;
right:0;
}
.slds-scope .slds-icon-waffle .slds-r1{
transition-delay:200ms;
}
.slds-scope .slds-icon-waffle .slds-r2,
.slds-scope .slds-icon-waffle .slds-r4{
transition-delay:150ms;
}
.slds-scope .slds-icon-waffle .slds-r3,
.slds-scope .slds-icon-waffle .slds-r5,
.slds-scope .slds-icon-waffle .slds-r7{
transition-delay:100ms;
}
.slds-scope .slds-icon-waffle .slds-r6,
.slds-scope .slds-icon-waffle .slds-r8{
transition-delay:50ms;
}
@keyframes slds-icon-waffle-throb{
to{
transform:scale(1.5);
}
}
.slds-scope .slds-icon-help{
width:1.5rem;
height:1.5rem;
fill:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-icon-help:hover .slds-icon-help_hover,.slds-scope .slds-icon-help:hover .slds-icon-help--hover{
opacity:1;
transform:scale(1);
}
.slds-scope .slds-icon-help:focus{
animation:slds-click-global-action 80ms cubic-bezier(1, 1.9, 0.94, 0.98);
}
.slds-scope .slds-icon-help:focus .slds-icon-help_focus,.slds-scope .slds-icon-help:focus .slds-icon-help--focus{
opacity:1;
transform:scale(1);
}
.slds-scope .slds-icon-help mask{
mask-type:alpha;
}
.slds-scope .slds-icon-help_hover,.slds-scope .slds-icon-help--hover{
opacity:0;
transform:scale(0.1, 0.1);
transform-origin:45px 47px;
transition:all 200ms ease-out;
fill:var(--slds-g-color-accent-3);
}
.slds-scope .slds-icon-help_focus,.slds-scope .slds-icon-help--focus{
opacity:0;
transform:scale(0.1, 0.1);
transform-origin:45px 47px;
transition:all 200ms ease-out;
fill:var(--slds-g-color-accent-2);
}
.slds-scope .slds-icon-help svg{
width:1.5rem;
height:1.5rem;
}
.slds-scope .slds-icon-help g{
mask:url('#questionMark');
}
@keyframes slds-click-global-action{
25%{
transform:scale(0.95, 0.95);
}
100%{
transform:scale(0.98, 0.98);
}
}
.slds-scope .slds-icon-typing{
display:inline-block;
padding:var(--slds-g-spacing-1) 0;
}
.slds-scope .slds-icon-typing.slds-is-animated .slds-icon-typing__dot{
animation:slds-icon-typing__dot-first 1.2s infinite ease-in-out;
}
.slds-scope .slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(1){
animation-name:slds-icon-typing__dot-first;
}
.slds-scope .slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(2){
animation-name:slds-icon-typing__dot-second;
}
.slds-scope .slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(3){
animation-name:slds-icon-typing__dot-third;
}
.slds-scope .slds-icon-typing.slds-is-paused .slds-icon-typing__dot{
animation-play-state:paused;
}
.slds-scope .slds-icon-typing__dot{
background-color:var(--slds-g-color-neutral-base-80);
border-radius:50%;
display:inline-block;
height:0.5rem;
margin:0 0.125rem;
width:0.5rem;
}
@keyframes slds-icon-typing__dot-first{
0%{
background-color:var(--slds-g-color-neutral-base-80);
}
16%{
background-color:var(--slds-g-color-neutral-base-60);
}
33%,
100%{
background-color:var(--slds-g-color-neutral-base-80);
}
}
@keyframes slds-icon-typing__dot-second{
0%,
33%{
background-color:var(--slds-g-color-neutral-base-80);
}
50%{
background-color:var(--slds-g-color-neutral-base-60);
}
67%,
100%{
background-color:var(--slds-g-color-neutral-base-80);
}
}
@keyframes slds-icon-typing__dot-third{
0%,
67%{
background-color:var(--slds-g-color-neutral-base-80);
}
83%{
background-color:var(--slds-g-color-neutral-base-60);
}
100%{
background-color:var(--slds-g-color-neutral-base-80);
}
}
.slds-scope .slds-dynamic-menu .slds-popover__body{
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-dynamic-menu .slds-popover__footer{
background-color:transparent;
}
.slds-scope .slds-dynamic-menu .slds-dropdown_fluid:focus-visible,.slds-scope .slds-dynamic-menu .slds-dropdown--fluid:focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
outline:0;
}
.slds-scope .slds-dynamic-menu__header{
font-size:var(--slds-g-font-scale-1);
font-weight:var(--slds-g-font-weight-7);
}
.slds-scope .slds-carousel{
position:relative;
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-carousel__stage{
position:relative;
display:flex;
flex-direction:column;
overflow:hidden;
}
.slds-scope .slds-carousel__panels{
display:flex;
transition:transform 250ms ease-in;
min-height:0%;
}
.slds-scope .slds-carousel__panel{
flex:0 0 100%;
max-width:100%;
}
.slds-scope .slds-carousel__panel-action{
display:block;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-s-container-radius-border);
margin:var(--slds-g-spacing-1);
}
.slds-scope .slds-carousel__panel-action:focus-visible{
outline:0;
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-carousel__image{
border-start-start-radius:inherit;
border-start-end-radius:inherit;
overflow:hidden;
}
.slds-scope .slds-carousel__image > img{
width:100%;
}
.slds-scope .slds-carousel__content{
background:var(--slds-g-color-surface-1);
padding:var(--slds-g-spacing-4);
border-end-start-radius:inherit;
border-end-end-radius:inherit;
text-align:center;
height:6.625rem;
overflow-x:hidden;
overflow-y:auto;
}
.slds-scope .slds-carousel__content-title{
font-size:var(--slds-g-font-scale-2);
font-weight:var(--slds-g-font-weight-6);
}
.slds-scope .slds-carousel__indicators{
align-self:center;
margin:var(--slds-g-spacing-2) 0;
}
.slds-scope .slds-carousel__indicator{
display:inline-flex;
margin-block:0;
margin-inline:var(--slds-g-spacing-1);
}
.slds-scope .slds-carousel__indicator-action{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
background:var(--slds-g-color-surface-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
border-radius:50%;
}
.slds-scope .slds-carousel__indicator-action.slds-is-active,
.slds-scope .slds-carousel__indicator-action.slds-is-active:hover{
background:var(--slds-g-color-accent-container-1);
border-color:var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-carousel__indicator-action.slds-is-active{
box-shadow:var(--slds-s-mark-shadow-checked);
}
.slds-scope .slds-carousel__indicator-action:hover{
background-color:var(--slds-g-color-surface-2);
}
.slds-scope .slds-carousel__indicator-action:focus-visible{
outline:0;
box-shadow:var(--slds-g-shadow-outset-focus-1);
background-color:var(--slds-g-color-accent-container-3);
border-color:var(--slds-g-color-border-accent-3);
}
.slds-scope .slds-carousel__autoplay{
position:absolute;
inset-inline-start:0;
inset-block-end:var(--slds-g-spacing-1);
margin:var(--slds-g-spacing-1);
}
.slds-scope .slds-card_empty .slds-card__body,.slds-scope .slds-card--empty .slds-card__body,
.slds-scope .slds-card--empty .slds-card__body{
text-align:center;
}
.slds-scope .slds-einstein-header{
position:relative;
background-color:var(--slds-g-color-palette-cloud-blue-80);
background-image:url('../images/einstein-header-background.svg');
background-repeat:no-repeat;
background-position:left top;
background-size:cover;
border-top-left-radius:var(
--slds-c-card-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
border-top-right-radius:var(
--slds-c-card-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
border-bottom:var(--slds-g-sizing-border-1) solid var(--slds-g-color-neutral-base-90);
padding-inline-start:var(--slds-g-spacing-3);
padding-inline-end:var(--slds-g-spacing-3);
text-shadow:0 0 4px var(--slds-g-color-palette-cloud-blue-90);
}
.slds-scope .slds-einstein-header .slds-einstein-header__figure,
.slds-scope .slds-einstein-header .slds-einstein-header__figure:last-child{
margin-block-end:calc((var(--slds-g-spacing-3) + 5px) * -1);
height:calc(var(--slds-g-sizing-11) + var(--slds-g-sizing-4));
background-image:url('../images/einstein-figure.svg');
background-position:right bottom;
background-repeat:no-repeat;
}
.slds-scope .slds-einstein-header .slds-einstein-header__actions{
padding-inline-start:var(--slds-g-spacing-4);
display:flex;
align-items:center;
}
.slds-scope .slds-einstein-header .slds-popover__close{
color:currentColor;
position:absolute;
inset-block-start:0;
inset-inline-end:0;
}
.slds-scope .slds-popover_einstein.slds-nubbin_top::before,.slds-scope .slds-popover--einstein.slds-nubbin--top::before,
.slds-scope .slds-popover_einstein.slds-nubbin--top::before,
.slds-scope .slds-popover--einstein.slds-nubbin--top::before,
.slds-scope .slds-popover_einstein.slds-nubbin_top-left::before,
.slds-scope .slds-popover--einstein.slds-nubbin--top-left::before,
.slds-scope .slds-popover_einstein.slds-nubbin--top-left::before,
.slds-scope .slds-popover--einstein.slds-nubbin--top-left::before,
.slds-scope .slds-popover_einstein.slds-nubbin_top-right::before,
.slds-scope .slds-popover--einstein.slds-nubbin--top-right::before,
.slds-scope .slds-popover_einstein.slds-nubbin--top-right::before,
.slds-scope .slds-popover--einstein.slds-nubbin--top-right::before,
.slds-scope .slds-popover_einstein.slds-nubbin_left-top::before,
.slds-scope .slds-popover--einstein.slds-nubbin--left-top::before,
.slds-scope .slds-popover_einstein.slds-nubbin--left-top::before,
.slds-scope .slds-popover--einstein.slds-nubbin--left-top::before,
.slds-scope .slds-popover_einstein.slds-nubbin_right-top::before,
.slds-scope .slds-popover--einstein.slds-nubbin--right-top::before,
.slds-scope .slds-popover_einstein.slds-nubbin--right-top::before,
.slds-scope .slds-popover--einstein.slds-nubbin--right-top::before{
background-color:var(--slds-g-color-palette-cloud-blue-80);
}
.slds-scope .slds-card{
position:relative;
padding-block-start:var(--slds-c-card-spacing-block-start, 0);
padding-inline-end:var(--slds-c-card-spacing-inline-end, 0);
padding-block-end:var(--slds-c-card-spacing-block-end, 0);
padding-inline-start:var(--slds-c-card-spacing-inline-start, 0);
background:var(--slds-c-card-color-background, var(--slds-g-color-surface-container-1));
border-width:var(--slds-c-card-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(
--slds-c-card-color-border,
var(--slds-s-container-color-border, var(--slds-g-color-border-1))
);
border-radius:var(
--slds-c-card-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
background-clip:padding-box;
box-shadow:var(--slds-c-card-shadow, var(--slds-s-container-shadow, var(--slds-g-shadow-2)));
color:var(--slds-c-card-text-color, var(--slds-s-container-color));
}
.slds-scope .slds-card + .slds-card{
margin-block-start:var(--slds-g-spacing-var-block-4);
}
.slds-scope .slds-card__header{
padding-block-start:var(
--slds-c-card-header-spacing-block-start,
var(--slds-c-card-header-spacing-block, var(--slds-g-spacing-var-block-3))
);
padding-inline-end:var(
--slds-c-card-header-spacing-inline-end,
var(--slds-c-card-header-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
padding-block-end:var(--slds-c-card-header-spacing-block-end, var(--slds-c-card-header-spacing-block, 0));
padding-inline-start:var(
--slds-c-card-header-spacing-inline-start,
var(--slds-c-card-header-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
margin:0;
margin-block-end:var(
--slds-c-card-header-spacing-block-end,
var(--slds-c-card-header-spacing-block, var(--slds-g-spacing-var-block-3))
);
}
.slds-scope .slds-card__header-title{
display:flex;
font-size:var(
--slds-c-card-heading-font-size,
var(--slds-s-container-heading-var-font-size, var(--slds-g-font-scale-2))
);
font-weight:var(
--slds-c-card-heading-font-weight,
var(--slds-s-container-heading-font-weight, var(--slds-g-font-weight-4))
);
line-height:var(--slds-g-font-lineheight-2);
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-card__header-link{
color:inherit;
font-weight:var(
--slds-c-card-heading-font-weight,
var(--slds-s-container-heading-font-weight, var(--slds-g-font-weight-7))
);
}
.slds-scope .slds-card__body{
margin-block-start:var(
--slds-c-card-body-spacing-block-start,
var(--slds-c-card-body-spacing-block, var(--slds-g-spacing-var-block-3))
);
margin-block-end:var(
--slds-c-card-body-spacing-block-end,
var(--slds-c-card-body-spacing-block, var(--slds-g-spacing-var-block-3))
);
padding-inline-end:var(--slds-c-card-body-spacing-inline-end, var(--slds-c-card-body-spacing-inline));
padding-inline-start:var(
--slds-c-card-body-spacing-inline-start,
var(--slds-c-card-body-spacing-inline, var(--slds-g-spacing-1))
);
}
.slds-scope .slds-card__body_inner,.slds-scope .slds-card__body--inner{
--slds-c-card-body-spacing-inline-end:var(--slds-g-spacing-var-inline-3);
--slds-c-card-body-spacing-inline-start:var(--slds-g-spacing-var-inline-3);
padding-block-start:0;
padding-block-end:0;
}
.slds-scope .slds-card__body:empty,
.slds-scope .slds-card__footer:empty{
display:none;
}
.slds-scope .slds-card__footer{
display:flex;
justify-content:center;
align-items:center;
padding-block-start:var(
--slds-c-card-footer-spacing-block-start,
var(--slds-c-card-footer-spacing-block, var(--slds-g-spacing-var-block-3))
);
padding-inline-end:var(
--slds-c-card-footer-spacing-inline-end,
var(--slds-c-card-footer-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
padding-block-end:var(
--slds-c-card-footer-spacing-block-end,
var(--slds-c-card-footer-spacing-block, var(--slds-g-spacing-var-block-3))
);
padding-inline-start:var(
--slds-c-card-footer-spacing-inline-start,
var(--slds-c-card-footer-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
margin-block-start:var(--slds-c-card-footer-spacing-blockstart, var(--slds-g-spacing-var-block-3));
font-size:var(--slds-c-card-footer-font-size, var(--slds-g-font-size-base));
border-top-width:var(--slds-c-card-footer-sizing-border, var(--slds-g-sizing-border-1));
border-top-style:solid;
border-top-color:var(--slds-c-card-footer-color-border, var(--slds-g-color-border-1));
}
.slds-scope .slds-card__footer-action{
display:block;
}
.slds-scope .slds-card__tile{
margin-block-start:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-region__pinned-left .slds-card,
.slds-scope .slds-region__pinned-left .slds-card-wrapper,
.slds-scope .slds-region__pinned-left .slds-card_boundary,
.slds-scope .slds-region__pinned-left .slds-card--boundary,
.slds-scope .slds-region__pinned-left .slds-tabs_card,
.slds-scope .slds-region__pinned-left .slds-tabs--card,
.slds-scope .slds-region__pinned-right .slds-card,
.slds-scope .slds-region__pinned-right .slds-card-wrapper,
.slds-scope .slds-region__pinned-right .slds-card_boundary,
.slds-scope .slds-region__pinned-right .slds-card--boundary,
.slds-scope .slds-region__pinned-right .slds-tabs_card,
.slds-scope .slds-region__pinned-right .slds-tabs--card{
border-radius:0;
border:0;
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
box-shadow:none;
}
.slds-scope .slds-region__pinned-left .slds-card:last-child, .slds-scope .slds-region__pinned-left .slds-card-wrapper:last-child, .slds-scope .slds-region__pinned-left .slds-card_boundary:last-child, .slds-scope .slds-region__pinned-left .slds-card--boundary:last-child, .slds-scope .slds-region__pinned-left .slds-tabs_card:last-child, .slds-scope .slds-region__pinned-left .slds-tabs--card:last-child, .slds-scope .slds-region__pinned-right .slds-card:last-child, .slds-scope .slds-region__pinned-right .slds-card-wrapper:last-child, .slds-scope .slds-region__pinned-right .slds-card_boundary:last-child, .slds-scope .slds-region__pinned-right .slds-card--boundary:last-child, .slds-scope .slds-region__pinned-right .slds-tabs_card:last-child, .slds-scope .slds-region__pinned-right .slds-tabs--card:last-child{
border-block-end:0;
}
.slds-scope .slds-card-wrapper{
padding:var(--slds-g-spacing-var-4);
background:var(--slds-c-card-color-background, var(--slds-g-color-surface-container-1));
border-width:var(--slds-c-card-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(
--slds-c-card-color-border,
var(--slds-s-container-color-border, var(--slds-g-color-border-1))
);
border-radius:var(
--slds-c-card-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
background-clip:padding-box;
box-shadow:var(--slds-c-card-shadow, var(--slds-s-container-shadow, var(--slds-g-shadow-2)));
}
.slds-scope .slds-card-wrapper .slds-card__header,
.slds-scope .slds-card-wrapper .slds-card__body,
.slds-scope .slds-card-wrapper .slds-card__footer{
padding-inline-start:0;
padding-inline-end:0;
}
.slds-scope .slds-card .slds-card,
.slds-scope .slds-card .slds-card-wrapper,
.slds-scope .slds-card-wrapper .slds-card,
.slds-scope .slds-card-wrapper .slds-card-wrapper,
.slds-scope .slds-modal .slds-card,
.slds-scope .slds-modal .slds-card-wrapper{
border:0;
box-shadow:none;
}
.slds-scope .slds-tabs_default .slds-card,.slds-scope .slds-tabs--default .slds-card,
.slds-scope .slds-tabs_default .slds-card-wrapper,
.slds-scope .slds-tabs--default .slds-card-wrapper,
.slds-scope .slds-tabs_card .slds-card,
.slds-scope .slds-tabs--card .slds-card,
.slds-scope .slds-tabs_card .slds-card-wrapper,
.slds-scope .slds-tabs--card .slds-card-wrapper,
.slds-scope .slds-tabs_card.slds-tabs_card .slds-card,
.slds-scope .slds-tabs--card.slds-tabs--card .slds-card,
.slds-scope .slds-tabs_card.slds-tabs_card .slds-card-wrapper,
.slds-scope .slds-tabs--card.slds-tabs--card .slds-card-wrapper{
border:0;
box-shadow:none;
}
.slds-scope .slds-card .slds-card_boundary,.slds-scope .slds-card .slds-card--boundary, .slds-scope .slds-modal .slds-card_boundary, .slds-scope .slds-modal .slds-card--boundary, .slds-scope .slds-tabs_default .slds-card_boundary, .slds-scope .slds-tabs--default .slds-card--boundary{
border-width:var(--slds-c-card-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(--slds-c-card-color-border, var(--slds-g-color-border-1));
border-radius:var(
--slds-c-card-radius-border,
var(--_slds-c-card-radius-border, var(--slds-g-radius-border-2))
);
}
.slds-scope .slds-tabs_card,.slds-scope .slds-tabs--card,
.slds-scope .slds-tabs_card.slds-tabs_card,
.slds-scope .slds-tabs--card.slds-tabs--card{
padding-block:var(--slds-g-spacing-var-block-3);
padding-inline:var(--slds-g-spacing-var-inline-4);
background:var(--slds-c-card-color-background, var(--slds-g-color-surface-container-1));
border-width:var(--slds-c-card-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(
--slds-c-card-color-border,
var(--slds-s-container-color-border, var(--slds-g-color-border-1))
);
border-radius:var(
--slds-c-card-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
box-shadow:var(--slds-c-card-shadow, var(--slds-s-container-shadow, var(--slds-g-shadow-2)));
}
.slds-scope .slds-tabs_card .slds-card,.slds-scope .slds-tabs--card .slds-card,
.slds-scope .slds-tabs_card .slds-card-wrapper,
.slds-scope .slds-tabs--card .slds-card-wrapper,
.slds-scope .slds-tabs_card.slds-tabs_card .slds-card,
.slds-scope .slds-tabs--card.slds-tabs--card .slds-card,
.slds-scope .slds-tabs_card.slds-tabs_card .slds-card-wrapper,
.slds-scope .slds-tabs--card.slds-tabs--card .slds-card-wrapper{
padding-inline-start:0;
padding-inline-end:0;
}
.slds-scope .slds-tabs_card .slds-card__header,.slds-scope .slds-tabs--card .slds-card__header,
.slds-scope .slds-tabs_card .slds-card__body,
.slds-scope .slds-tabs--card .slds-card__body,
.slds-scope .slds-tabs_card .slds-card__footer,
.slds-scope .slds-tabs--card .slds-card__footer,
.slds-scope .slds-tabs_card.slds-tabs_card .slds-card__header,
.slds-scope .slds-tabs--card.slds-tabs--card .slds-card__header,
.slds-scope .slds-tabs_card.slds-tabs_card .slds-card__body,
.slds-scope .slds-tabs--card.slds-tabs--card .slds-card__body,
.slds-scope .slds-tabs_card.slds-tabs_card .slds-card__footer,
.slds-scope .slds-tabs--card.slds-tabs--card .slds-card__footer{
padding-inline-start:0;
padding-inline-end:0;
margin-inline-start:0;
margin-inline-end:0;
}
.slds-scope .slds-tabs_card .slds-card__header,.slds-scope .slds-tabs--card .slds-card__header, .slds-scope .slds-tabs_card.slds-tabs_card .slds-card__header, .slds-scope .slds-tabs--card.slds-tabs--card .slds-card__header{
padding-block-start:0;
}
.slds-scope .slds-tabs_card .slds-card_boundary,.slds-scope .slds-tabs--card .slds-card--boundary, .slds-scope .slds-tabs_card.slds-tabs_card .slds-card_boundary, .slds-scope .slds-tabs--card.slds-tabs--card .slds-card--boundary, .slds-scope .slds-card-wrapper .slds-card_boundary, .slds-scope .slds-card-wrapper .slds-card--boundary{
border-width:var(--slds-c-card-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(--slds-c-card-color-border, var(--slds-g-color-border-1));
border-radius:var(
--slds-c-card-radius-border,
var(--_slds-c-card-radius-border, var(--slds-g-radius-border-2))
);
}
.slds-scope .slds-tabs_card .slds-card_boundary .slds-card__header,.slds-scope .slds-tabs--card .slds-card--boundary .slds-card__header, .slds-scope .slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__header, .slds-scope .slds-tabs--card.slds-tabs--card .slds-card--boundary .slds-card__header, .slds-scope .slds-card-wrapper .slds-card_boundary .slds-card__header, .slds-scope .slds-card-wrapper .slds-card--boundary .slds-card__header{
padding-block-start:var(
--slds-c-card-header-spacing-block-start,
var(--slds-c-card-header-spacing-block, var(--slds-g-spacing-var-block-3))
);
padding-inline-end:var(
--slds-c-card-header-spacing-inline-end,
var(--slds-c-card-header-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
padding-block-end:var(
--slds-c-card-header-spacing-block-end,
var(--slds-c-card-header-spacing-block, 0)
);
padding-inline-start:var(
--slds-c-card-header-spacing-inline-start,
var(--slds-c-card-header-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
}
.slds-scope .slds-tabs_card .slds-card_boundary .slds-card__body_inner,.slds-scope .slds-tabs--card .slds-card--boundary .slds-card__body--inner, .slds-scope .slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__body_inner, .slds-scope .slds-tabs--card.slds-tabs--card .slds-card--boundary .slds-card__body--inner, .slds-scope .slds-card-wrapper .slds-card_boundary .slds-card__body_inner, .slds-scope .slds-card-wrapper .slds-card--boundary .slds-card__body--inner{
padding:0;
padding-inline-end:var(
--slds-c-card-body-spacing-inline-end,
var(--slds-c-card-body-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
padding-inline-start:var(
--slds-c-card-body-spacing-inline-start,
var(--slds-c-card-body-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
}
.slds-scope .slds-tabs_card .slds-card_boundary .slds-card__footer,.slds-scope .slds-tabs--card .slds-card--boundary .slds-card__footer, .slds-scope .slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__footer, .slds-scope .slds-tabs--card.slds-tabs--card .slds-card--boundary .slds-card__footer, .slds-scope .slds-card-wrapper .slds-card_boundary .slds-card__footer, .slds-scope .slds-card-wrapper .slds-card--boundary .slds-card__footer{
padding-block-start:var(
--slds-c-card-footer-spacing-block-start,
var(--slds-c-card-footer-spacing-block, var(--slds-g-spacing-var-block-3))
);
padding-inline-end:var(
--slds-c-card-footer-spacing-inline-end,
var(--slds-c-card-footer-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
padding-block-end:var(
--slds-c-card-footer-spacing-block-end,
var(--slds-c-card-footer-spacing-block, var(--slds-g-spacing-var-block-3))
);
padding-inline-start:var(
--slds-c-card-footer-spacing-inline-start,
var(--slds-c-card-footer-spacing-inline, var(--slds-g-spacing-var-inline-4))
);
}
.slds-scope .slds-card_related-list-fix,.slds-scope .slds-card--related-list-fix{
border-radius:var(--slds-s-container-radius-border, var(--slds-g-radius-border-2));
}
.slds-scope .slds-card_related-list-fix .slds-page-header,.slds-scope .slds-card--related-list-fix .slds-page-header{
background:var(--slds-g-color-surface-container-1);
border-radius:var(--slds-s-container-radius-border);
}
.slds-scope .slds-accordion .slds-card_related-list-fix,.slds-scope .slds-accordion .slds-card--related-list-fix,
.slds-scope .slds-tabs_card.slds-tabs_card .slds-card_related-list-fix,
.slds-scope .slds-tabs--card.slds-tabs--card .slds-card--related-list-fix{
border-color:var(--slds-g-color-border-1);
}
.slds-scope .slds-card_related-list-fix .slds-page-header .slds-button-group-list .slds-button_icon-border-filled,.slds-scope .slds-card--related-list-fix .slds-page-header .slds-button-group-list .slds-button--icon-border-filled{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-card_related-list-fix .slds-file-selector__dropzone,.slds-scope .slds-card--related-list-fix .slds-file-selector__dropzone{
margin-block-start:0;
margin-block-end:var(--slds-g-spacing-4);
margin-inline-start:var(--slds-g-spacing-4);
margin-inline-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-chat{
margin-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-chat-list{
padding-block:0;
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-chat-listitem{
display:flex;
margin-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-chat-listitem_outbound,.slds-scope .slds-chat-listitem--outbound{
justify-content:flex-end;
}
.slds-scope .slds-chat-listitem_inbound + .slds-chat-listitem_inbound,.slds-scope .slds-chat-listitem--inbound + .slds-chat-listitem--inbound,
.slds-scope .slds-chat-listitem_outbound + .slds-chat-listitem_outbound,
.slds-scope .slds-chat-listitem--outbound + .slds-chat-listitem--outbound{
margin-block-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-chat-listitem_bookend,.slds-scope .slds-chat-listitem--bookend{
margin-block:var(--slds-g-spacing-4);
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-chat-listitem_bookend + .slds-chat-listitem_bookend,.slds-scope .slds-chat-listitem--bookend + .slds-chat-listitem--bookend{
margin-block-start:var(--slds-g-spacing-8);
}
.slds-scope .slds-chat-listitem_event,.slds-scope .slds-chat-listitem--event{
margin-block:var(--slds-g-spacing-5);
margin-inline:0;
}
.slds-scope .slds-chat-icon{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-chat-message{
display:flex;
}
.slds-scope .slds-chat-message_faux-avatar,.slds-scope .slds-chat-message--faux-avatar{
padding-inline-start:calc(var(--slds-g-spacing-6) + var(--slds-g-spacing-2));
}
.slds-scope .slds-chat-avatar{
margin-inline-end:var(--slds-g-spacing-2);
min-width:2rem;
}
.slds-scope .slds-chat-message__body{
display:flex;
flex-direction:column;
}
.slds-scope .slds-chat-message__image_loading,.slds-scope .slds-chat-message__image--loading{
width:var(--slds-g-sizing-14);
height:calc((180 / 16) * 1rem);
}
.slds-scope .slds-chat-message__text{
overflow-wrap:break-word;
word-wrap:break-word;
word-break:break-word;
display:inline-block;
font-size:var(--slds-g-font-size-base);
max-width:calc((420 / 16) * 1rem);
white-space:pre-line;
}
.slds-scope .slds-chat-message__text a:not(.slds-text-link_reset, .slds-text-link--reset){
color:var(--slds-s-link-color-focus);
text-decoration:underline;
}
.slds-scope .slds-chat-message__text a:not(.slds-text-link_reset, .slds-text-link--reset):hover{
text-decoration:none;
}
.slds-scope .slds-chat-message__file{
width:var(--slds-g-sizing-14);
}
.slds-scope .slds-chat-message__file,
.slds-scope .slds-chat-message__image{
overflow:hidden;
}
.slds-scope .slds-chat-message__file .slds-file:hover, .slds-scope .slds-chat-message__image .slds-file:hover{
box-shadow:none;
transition:none;
}
.slds-scope .slds-chat-message__file:focus-within, .slds-scope .slds-chat-message__image:focus-within{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-chat-message__text_inbound,.slds-scope .slds-chat-message__text--inbound,
.slds-scope .slds-chat-message__file_inbound,
.slds-scope .slds-chat-message__file--inbound,
.slds-scope .slds-chat-message__image_inbound,
.slds-scope .slds-chat-message__image--inbound,
.slds-scope .slds-chat-message__text_outbound,
.slds-scope .slds-chat-message__text--outbound,
.slds-scope .slds-chat-message__file_outbound,
.slds-scope .slds-chat-message__file--outbound,
.slds-scope .slds-chat-message__image_outbound,
.slds-scope .slds-chat-message__image--outbound,
.slds-scope .slds-chat-message__text_outbound-agent,
.slds-scope .slds-chat-message__text--outbound-agent,
.slds-scope .slds-chat-message__text_unsupported-type,
.slds-scope .slds-chat-message__text--unsupported-type,
.slds-scope .slds-chat-message__text_delivery-failure,
.slds-scope .slds-chat-message__text--delivery-failure{
border-start-start-radius:var(--slds-g-radius-border-3);
border-start-end-radius:var(--slds-g-radius-border-3);
border-end-start-radius:var(--slds-g-radius-border-3);
border-end-end-radius:0;
color:var(--slds-g-color-on-surface-inverse-1);
min-height:2rem;
}
.slds-scope .slds-chat-message__text_inbound,.slds-scope .slds-chat-message__text--inbound,
.slds-scope .slds-chat-message__text_outbound,
.slds-scope .slds-chat-message__text--outbound,
.slds-scope .slds-chat-message__text_outbound-agent,
.slds-scope .slds-chat-message__text--outbound-agent,
.slds-scope .slds-chat-message__text_unsupported-type,
.slds-scope .slds-chat-message__text--unsupported-type,
.slds-scope .slds-chat-message__text_delivery-failure,
.slds-scope .slds-chat-message__text--delivery-failure{
padding:var(--slds-g-spacing-2);
}
.slds-scope .slds-chat-message__file_inbound,.slds-scope .slds-chat-message__file--inbound,
.slds-scope .slds-chat-message__image_inbound,
.slds-scope .slds-chat-message__image--inbound,
.slds-scope .slds-chat-message__file_outbound,
.slds-scope .slds-chat-message__file--outbound,
.slds-scope .slds-chat-message__image_outbound,
.slds-scope .slds-chat-message__image--outbound{
padding:0;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-chat-message__file_inbound,.slds-scope .slds-chat-message__file--inbound,
.slds-scope .slds-chat-message__image_inbound,
.slds-scope .slds-chat-message__image--inbound,
.slds-scope .slds-chat-message__file_outbound,
.slds-scope .slds-chat-message__file--outbound,
.slds-scope .slds-chat-message__image_outbound,
.slds-scope .slds-chat-message__image--outbound{
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-chat-message__text_inbound,.slds-scope .slds-chat-message__text--inbound{
margin-right:auto;
background-color:var(--slds-g-color-surface-container-2);
border-start-start-radius:var(--slds-g-radius-border-3);
border-start-end-radius:var(--slds-g-radius-border-3);
border-end-start-radius:0;
border-end-end-radius:var(--slds-g-radius-border-3);
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-chat-message__image_inbound,.slds-scope .slds-chat-message__image--inbound{
background-color:var(--slds-g-color-surface-container-2);
border-start-start-radius:var(--slds-g-radius-border-3);
border-start-end-radius:var(--slds-g-radius-border-3);
border-end-start-radius:0;
border-end-end-radius:var(--slds-g-radius-border-3);
}
.slds-scope .slds-chat-message__file_inbound,.slds-scope .slds-chat-message__file--inbound{
border-radius:var(--slds-g-radius-border-3);
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-chat-message__text_outbound,.slds-scope .slds-chat-message__text--outbound{
margin-inline-start:auto;
background-color:var(--slds-g-color-surface-container-inverse-1);
}
.slds-scope .slds-chat-message__text_outbound-agent,.slds-scope .slds-chat-message__text--outbound-agent{
background-color:var(--slds-g-color-neutral-base-50);
margin-inline-start:auto;
}
.slds-scope .slds-chat-message__text_outbound a,.slds-scope .slds-chat-message__text--outbound a, .slds-scope .slds-chat-message__text_outbound-agent a, .slds-scope .slds-chat-message__text--outbound-agent a{
color:var(--slds-g-color-neutral-base-100);
text-decoration:underline;
}
.slds-scope .slds-chat-message__text_unsupported-type,.slds-scope .slds-chat-message__text--unsupported-type{
background-color:var(--slds-g-color-surface-container-1);
border-start-start-radius:var(--slds-g-radius-border-3);
border-start-end-radius:var(--slds-g-radius-border-3);
border-end-start-radius:0;
border-end-end-radius:var(--slds-g-radius-border-3);
border:var(--slds-g-color-warning-base-60) var(--slds-g-sizing-border-1) solid;
color:var(--slds-g-color-on-surface-2);
margin-inline-end:auto;
}
.slds-scope .slds-chat-message__text_delivery-failure,.slds-scope .slds-chat-message__text--delivery-failure{
background-color:var(--slds-g-color-surface-container-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-error-1);
color:var(--slds-g-color-on-surface-2);
margin-inline-start:auto;
}
.slds-scope .slds-chat-message__text_delivery-failure .slds-chat-message__text_delivery-failure-reason,.slds-scope .slds-chat-message__text--delivery-failure .slds-chat-message__text--delivery-failure-reason{
display:flex;
padding-block:var(--slds-g-spacing-2) 0;
padding-inline:var(--slds-g-spacing-2);
margin-block:var(--slds-g-spacing-2) 0;
margin-inline:calc(var(--slds-g-spacing-2) * -1);
color:var(--slds-g-color-error-1);
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-error-1);
}
.slds-scope .slds-chat-message__text_sneak-peak,.slds-scope .slds-chat-message__text--sneak-peak,
.slds-scope .slds-chat-message__text_sneak-peek,
.slds-scope .slds-chat-message__text--sneak-peek{
font-style:italic;
}
.slds-scope .slds-chat-message__text_sneak-peak .slds-icon-typing,.slds-scope .slds-chat-message__text--sneak-peak .slds-icon-typing, .slds-scope .slds-chat-message__text_sneak-peek .slds-icon-typing, .slds-scope .slds-chat-message__text--sneak-peek .slds-icon-typing{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-chat-message__meta{
color:var(--slds-g-color-on-surface-2);
font-size:var(--slds-g-font-scale-neg-2);
margin-block:0.125rem 0;
margin-inline:var(--slds-g-spacing-2) 0;
}
.slds-scope .slds-chat-message__action{
font-size:var(--slds-g-font-scale-neg-1);
margin-inline-start:var(--slds-g-spacing-2);
line-height:var(--slds-g-font-lineheight-2);
}
.slds-scope .slds-chat-message__action .slds-chat-icon.slds-icon-utility-redo .slds-icon{
width:var(--slds-g-sizing-4);
height:var(--slds-g-sizing-4);
fill:var(--slds-s-link-color);
}
.slds-scope .slds-chat-event{
align-items:center;
color:var(--slds-g-color-on-surface-2);
display:inline-flex;
flex-wrap:wrap;
justify-content:center;
font-size:var(--slds-g-font-size-base);
text-align:center;
width:100%;
}
.slds-scope .slds-chat-event.slds-has-error{
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-chat-event.slds-has-error svg{
fill:var(--slds-g-color-error-1);
}
.slds-scope .slds-chat-event__body{
align-items:center;
display:flex;
margin-block:0;
margin-inline:var(--slds-g-spacing-2);
}
.slds-scope .slds-chat-event__agent-message{
flex-grow:3;
font-size:var(--slds-g-font-scale-neg-1);
font-style:italic;
margin-block-start:var(--slds-g-spacing-2);
width:100%;
}
.slds-scope .slds-chat-bookend{
align-items:center;
border:var(--slds-g-color-border-1) 0 solid;
border-block-end-width:var(--slds-g-sizing-border-1);
color:var(--slds-g-color-on-surface-2);
display:flex;
font-size:var(--slds-g-font-size-base);
justify-content:center;
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
width:100%;
}
.slds-scope .slds-chat-bookend_stop,.slds-scope .slds-chat-bookend--stop{
border-width:var(--slds-g-sizing-border-1) 0 0;
}
.slds-scope .slds-chat_past .slds-chat-listitem_event,.slds-scope .slds-chat--past .slds-chat-listitem--event{
margin-block:var(--slds-g-spacing-4);
margin-inline:0;
}
.slds-scope .slds-chat_past .slds-chat-message__meta,.slds-scope .slds-chat--past .slds-chat-message__meta{
margin-block:var(--slds-g-spacing-1) 0;
margin-inline:0;
}
.slds-scope .slds-chat_past .slds-chat-message__meta b,.slds-scope .slds-chat--past .slds-chat-message__meta b{
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-datetimepicker_has-tooltip .slds-form-element__icon,.slds-scope .slds-datetimepicker--has-tooltip .slds-form-element__icon{
padding-block-start:0;
}
.slds-scope .slds-form-element{
position:relative;
min-width:0;
}
.slds-scope .slds-form-element__label{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:auto;
display:inline-block;
color:var(--slds-s-label-color, var(--slds-g-color-on-surface-2));
font-size:var(--slds-s-label-font-size, var(--slds-g-font-scale-neg-2));
font-weight:var(--slds-s-label-font-weight);
padding-inline-end:var(--slds-g-spacing-2);
padding-block-start:var(--slds-g-spacing-1);
margin-block-end:var(--slds-s-label-spacing-gap, calc(var(--slds-g-spacing-1) / 2));
}
.slds-scope .slds-form-element__label:empty{
margin:0;
}
.slds-scope .slds-form-element__control{
clear:left;
position:relative;
}
.slds-scope .slds-form-element__control .slds-radio,
.slds-scope .slds-form-element__control .slds-checkbox{
display:block;
}
[dir='rtl'] .slds-scope .slds-form-element__label{
/*! @noflip */
padding-right:0;
/*! @noflip */
padding-left:var(--slds-g-spacing-2);
}
[dir='rtl'] .slds-scope .slds-form-element__control{
/*! @noflip */
clear:right;
}
.slds-scope .slds-form-element__icon{
display:inline-block;
position:relative;
padding-block-start:var(--slds-g-spacing-1);
vertical-align:top;
line-height:var(--slds-g-font-lineheight-1);
z-index:1;
}
.slds-scope .slds-form-element__icon .slds-button_icon,.slds-scope .slds-form-element__icon .slds-button--icon{
position:relative;
}
.slds-scope .slds-form-element__help,
.slds-scope .slds-form-element__helper{
font-size:var(--slds-s-helptext-font-size, var(--slds-g-font-scale-neg-2));
margin-block-start:calc(var(--slds-g-spacing-1) / 2);
display:block;
color:var(--slds-s-helptext-color);
}
.slds-scope .slds-form-element_edit .slds-form-element__static,.slds-scope .slds-form-element--edit .slds-form-element__static{
width:calc(100% - var(--slds-g-sizing-7));
}
.slds-scope .slds-form-element_readonly,.slds-scope .slds-form-element--readonly{
flex-basis:0%;
border-bottom:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
margin-block-end:0;
}
.slds-scope .slds-form-element_readonly .slds-form-element__control,.slds-scope .slds-form-element--readonly .slds-form-element__control{
padding-block-start:calc(var(--slds-g-spacing-1) / 2);
padding-block-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-form-element_readonly .slds-form-element__label,.slds-scope .slds-form-element--readonly .slds-form-element__label{
margin-block-end:0;
}
.slds-scope .slds-form-element__legend{
float:left;
font-size:var(--slds-g-font-scale-1);
font-weight:var(--slds-g-font-weight-6);
}
[dir='rtl'] .slds-scope .slds-form-element__legend{
/*! @noflip */
float:right;
/*! @noflip */
padding-right:0;
}
.slds-scope .slds-form-element__addon{
display:inline-block;
margin:0 var(--slds-g-spacing-2);
align-self:center;
}
.slds-scope .slds-form-element__static{
overflow-wrap:break-word;
word-wrap:break-word;
word-break:break-word;
display:inline-block;
font-size:var(--slds-s-label-font-size, var(--slds-g-font-scale-neg-1));
font-weight:var(--slds-g-font-weight-4);
color:var(--slds-g-color-neutral-base-10);
width:100%;
}
.slds-scope .slds-form-element__static.slds-text-longform *:last-child{
margin-block-end:0;
}
.slds-scope .slds-form-element__static:empty{
min-height:calc(var(--slds-g-sizing-6) + 1px);
vertical-align:bottom;
}
.slds-scope .slds-form-element__static--edit{
width:calc(100% - var(--slds-g-sizing-7));
}
.slds-scope .slds-required{
color:var(--slds-g-color-error-1);
margin:0 calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-has-error .slds-form-element__help{
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-form_inline .slds-form-element,.slds-scope .slds-form--inline .slds-form-element,
.slds-scope .slds-form_inline .slds-form-element__label,
.slds-scope .slds-form--inline .slds-form-element__label,
.slds-scope .slds-form_inline .slds-form-element__control,
.slds-scope .slds-form--inline .slds-form-element__control{
display:block;
}
.slds-scope .slds-form_inline .slds-form-element + .slds-form-element,.slds-scope .slds-form--inline .slds-form-element + .slds-form-element{
margin-block-start:var(--slds-g-spacing-3);
}
@media (min-width: 30em){
.slds-scope .slds-form_inline .slds-form-element,.slds-scope .slds-form--inline .slds-form-element{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-form_inline .slds-form-element + .slds-form-element,.slds-scope .slds-form--inline .slds-form-element + .slds-form-element{
margin-block-start:0;
}
.slds-scope .slds-form_inline .slds-form-element,.slds-scope .slds-form--inline .slds-form-element,
.slds-scope .slds-form_inline .slds-form-element__label,
.slds-scope .slds-form--inline .slds-form-element__label,
.slds-scope .slds-form_inline .slds-form-element__control,
.slds-scope .slds-form--inline .slds-form-element__control{
display:inline-block;
vertical-align:middle;
margin-block-end:0;
}
}
.slds-scope .slds-form-element__legend_has-tooltip,.slds-scope .slds-form-element__legend--has-tooltip{
float:left;
}
.slds-scope .slds-form-element_address .slds-form-element__row,.slds-scope .slds-form-element--address .slds-form-element__row{
align-items:baseline;
}
.slds-scope .slds-form-element_stacked,.slds-scope .slds-form-element--stacked,
.slds-scope .slds-form_stacked .slds-form-element,
.slds-scope .slds-form--stacked .slds-form-element,
.slds-scope .slds-form_horizontal .slds-form-element_stacked,
.slds-scope .slds-form--horizontal .slds-form-element--stacked{
display:block;
}
.slds-scope .slds-form-element_stacked:not(.slds-form-element_readonly),.slds-scope .slds-form-element--stacked:not(.slds-form-element--readonly),
.slds-scope .slds-form_stacked .slds-form-element:not(.slds-form-element_readonly),
.slds-scope .slds-form--stacked .slds-form-element:not(.slds-form-element--readonly),
.slds-scope .slds-form_horizontal .slds-form-element_stacked:not(.slds-form-element_readonly),
.slds-scope .slds-form--horizontal .slds-form-element--stacked:not(.slds-form-element--readonly){
margin-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-form-element_stacked:not(.slds-is-editing),.slds-scope .slds-form-element--stacked:not(.slds-is-editing),
.slds-scope .slds-form_stacked .slds-form-element:not(.slds-is-editing),
.slds-scope .slds-form--stacked .slds-form-element:not(.slds-is-editing),
.slds-scope .slds-form_horizontal .slds-form-element_stacked:not(.slds-is-editing),
.slds-scope .slds-form--horizontal .slds-form-element--stacked:not(.slds-is-editing){
padding:0 var(--slds-g-spacing-1);
}
.slds-scope .slds-form-element_stacked .slds-form-element,.slds-scope .slds-form-element--stacked .slds-form-element,
.slds-scope .slds-form_stacked .slds-form-element .slds-form-element,
.slds-scope .slds-form--stacked .slds-form-element .slds-form-element,
.slds-scope .slds-form_horizontal .slds-form-element_stacked .slds-form-element,
.slds-scope .slds-form--horizontal .slds-form-element--stacked .slds-form-element{
padding:0;
margin-block-end:0;
}
.slds-scope .slds-form-element_stacked:not([class*='slds-size']),.slds-scope .slds-form-element--stacked:not([class*='slds-size']),
.slds-scope .slds-form_stacked .slds-form-element:not([class*='slds-size']),
.slds-scope .slds-form--stacked .slds-form-element:not([class*='slds-size']),
.slds-scope .slds-form_horizontal .slds-form-element_stacked:not([class*='slds-size']),
.slds-scope .slds-form--horizontal .slds-form-element--stacked:not([class*='slds-size']){
width:100%;
flex-basis:100%;
}
.slds-scope .slds-form-element_stacked .slds-checkbox,.slds-scope .slds-form-element--stacked .slds-checkbox,
.slds-scope .slds-form-element_stacked .slds-radio,
.slds-scope .slds-form-element--stacked .slds-radio,
.slds-scope .slds-form_stacked .slds-form-element .slds-checkbox,
.slds-scope .slds-form--stacked .slds-form-element .slds-checkbox,
.slds-scope .slds-form_stacked .slds-form-element .slds-radio,
.slds-scope .slds-form--stacked .slds-form-element .slds-radio,
.slds-scope .slds-form_horizontal .slds-form-element_stacked .slds-checkbox,
.slds-scope .slds-form--horizontal .slds-form-element--stacked .slds-checkbox,
.slds-scope .slds-form_horizontal .slds-form-element_stacked .slds-radio,
.slds-scope .slds-form--horizontal .slds-form-element--stacked .slds-radio{
display:block;
}
.slds-scope .slds-form-element_stacked .slds-form-element__label,.slds-scope .slds-form-element--stacked .slds-form-element__label,
.slds-scope .slds-form-element_stacked .slds-form-element__control,
.slds-scope .slds-form-element--stacked .slds-form-element__control,
.slds-scope .slds-form_stacked .slds-form-element .slds-form-element__label,
.slds-scope .slds-form--stacked .slds-form-element .slds-form-element__label,
.slds-scope .slds-form_stacked .slds-form-element .slds-form-element__control,
.slds-scope .slds-form--stacked .slds-form-element .slds-form-element__control,
.slds-scope .slds-form_horizontal .slds-form-element_stacked .slds-form-element__label,
.slds-scope .slds-form--horizontal .slds-form-element--stacked .slds-form-element__label,
.slds-scope .slds-form_horizontal .slds-form-element_stacked .slds-form-element__control,
.slds-scope .slds-form--horizontal .slds-form-element--stacked .slds-form-element__control{
border-bottom:0;
padding-inline-start:0;
}
.slds-scope .slds-form-element_stacked .slds-form-element__control,.slds-scope .slds-form-element--stacked .slds-form-element__control,
.slds-scope .slds-form_stacked .slds-form-element .slds-form-element__control,
.slds-scope .slds-form--stacked .slds-form-element .slds-form-element__control,
.slds-scope .slds-form_horizontal .slds-form-element_stacked .slds-form-element__control,
.slds-scope .slds-form--horizontal .slds-form-element--stacked .slds-form-element__control{
width:100%;
flex-basis:100%;
clear:left;
}
[dir='rtl'] .slds-scope .slds-form-element_stacked .slds-form-element__control,[dir='rtl'] .slds-scope .slds-form-element--stacked .slds-form-element__control,
[dir='rtl'] .slds-scope .slds-form_stacked .slds-form-element .slds-form-element__control,
[dir='rtl'] .slds-scope .slds-form--stacked .slds-form-element .slds-form-element__control,
[dir='rtl'] .slds-scope .slds-form_horizontal .slds-form-element_stacked .slds-form-element__control,
[dir='rtl'] .slds-scope .slds-form--horizontal .slds-form-element--stacked .slds-form-element__control{
/*! @noflip */
clear:right;
}
.slds-scope .slds-form-element_stacked .slds-form-element__icon,.slds-scope .slds-form-element--stacked .slds-form-element__icon,
.slds-scope .slds-form_stacked .slds-form-element .slds-form-element__icon,
.slds-scope .slds-form--stacked .slds-form-element .slds-form-element__icon,
.slds-scope .slds-form_horizontal .slds-form-element_stacked .slds-form-element__icon,
.slds-scope .slds-form--horizontal .slds-form-element--stacked .slds-form-element__icon{
float:none;
padding-block-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-form-element_horizontal,.slds-scope .slds-form-element--horizontal,
.slds-scope .slds-form_horizontal .slds-form-element,
.slds-scope .slds-form--horizontal .slds-form-element,
.slds-scope .slds-form_stacked .slds-form-element_horizontal,
.slds-scope .slds-form--stacked .slds-form-element--horizontal{
display:block;
}
.slds-scope .slds-form-element_horizontal:not(.slds-form-element_readonly),.slds-scope .slds-form-element--horizontal:not(.slds-form-element--readonly),
.slds-scope .slds-form_horizontal .slds-form-element:not(.slds-form-element_readonly),
.slds-scope .slds-form--horizontal .slds-form-element:not(.slds-form-element--readonly),
.slds-scope .slds-form_stacked .slds-form-element_horizontal:not(.slds-form-element_readonly),
.slds-scope .slds-form--stacked .slds-form-element--horizontal:not(.slds-form-element--readonly){
margin-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-form-element_horizontal:not([class*='slds-size']),.slds-scope .slds-form-element--horizontal:not([class*='slds-size']),
.slds-scope .slds-form_horizontal .slds-form-element:not([class*='slds-size']),
.slds-scope .slds-form--horizontal .slds-form-element:not([class*='slds-size']),
.slds-scope .slds-form_stacked .slds-form-element_horizontal:not([class*='slds-size']),
.slds-scope .slds-form--stacked .slds-form-element--horizontal:not([class*='slds-size']){
width:100%;
flex-basis:100%;
}
.slds-scope .slds-form-element_horizontal:not(.slds-is-editing),.slds-scope .slds-form-element--horizontal:not(.slds-is-editing),
.slds-scope .slds-form_horizontal .slds-form-element:not(.slds-is-editing),
.slds-scope .slds-form--horizontal .slds-form-element:not(.slds-is-editing),
.slds-scope .slds-form_stacked .slds-form-element_horizontal:not(.slds-is-editing),
.slds-scope .slds-form--stacked .slds-form-element--horizontal:not(.slds-is-editing){
padding-block:var(--slds-g-spacing-var-1);
padding-inline:var(--slds-g-spacing-1);
}
.slds-scope .slds-form-element_horizontal .slds-form-element,.slds-scope .slds-form-element--horizontal .slds-form-element,
.slds-scope .slds-form_horizontal .slds-form-element .slds-form-element,
.slds-scope .slds-form--horizontal .slds-form-element .slds-form-element,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-form-element,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-form-element{
padding:0;
margin-block-end:0;
}
.slds-scope .slds-form-element_horizontal.slds-is-edited,.slds-scope .slds-form-element--horizontal.slds-is-edited,
.slds-scope .slds-form_horizontal .slds-form-element.slds-is-edited,
.slds-scope .slds-form--horizontal .slds-form-element.slds-is-edited,
.slds-scope .slds-form_stacked .slds-form-element_horizontal.slds-is-edited,
.slds-scope .slds-form--stacked .slds-form-element--horizontal.slds-is-edited{
padding-block-start:calc(var(--slds-g-spacing-4) + var(--slds-g-spacing-1));
}
@media (min-width: 48em){
.slds-scope .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__label,.slds-scope .slds-form-element--horizontal.slds-form-element--1-col .slds-form-element__label,
.slds-scope .slds-form_horizontal .slds-form-element.slds-form-element_1-col .slds-form-element__label,
.slds-scope .slds-form--horizontal .slds-form-element.slds-form-element--1-col .slds-form-element__label,
.slds-scope .slds-form_stacked .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__label,
.slds-scope .slds-form--stacked .slds-form-element--horizontal.slds-form-element--1-col .slds-form-element__label{
max-width:calc((50% - 33.333%) - 1.25rem);
}
.slds-scope .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__control,.slds-scope .slds-form-element--horizontal.slds-form-element--1-col .slds-form-element__control,
.slds-scope .slds-form_horizontal .slds-form-element.slds-form-element_1-col .slds-form-element__control,
.slds-scope .slds-form--horizontal .slds-form-element.slds-form-element--1-col .slds-form-element__control,
.slds-scope .slds-form_stacked .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__control,
.slds-scope .slds-form--stacked .slds-form-element--horizontal.slds-form-element--1-col .slds-form-element__control{
padding-inline-start:calc((50% - 33.333%) - (0.25rem * 2));
}
.slds-scope .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__help,.slds-scope .slds-form-element--horizontal.slds-form-element--1-col .slds-form-element__help,
.slds-scope .slds-form_horizontal .slds-form-element.slds-form-element_1-col .slds-form-element__help,
.slds-scope .slds-form--horizontal .slds-form-element.slds-form-element--1-col .slds-form-element__help,
.slds-scope .slds-form_stacked .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__help,
.slds-scope .slds-form--stacked .slds-form-element--horizontal.slds-form-element--1-col .slds-form-element__help{
margin-inline-start:calc((50% - 33.333%) - (var(--slds-g-spacing-1) * 2));
}
.slds-scope .slds-form-element_horizontal.slds-form-element_1-col .slds-input-has-icon_left .slds-input__icon,.slds-scope .slds-form-element--horizontal.slds-form-element--1-col .slds-input-has-icon--left .slds-input__icon,
.slds-scope .slds-form_horizontal
.slds-form-element.slds-form-element_1-col
.slds-input-has-icon_left
.slds-input__icon,
.slds-scope .slds-form--horizontal
.slds-form-element.slds-form-element--1-col
.slds-input-has-icon--left
.slds-input__icon,
.slds-scope .slds-form_stacked
.slds-form-element_horizontal.slds-form-element_1-col
.slds-input-has-icon_left
.slds-input__icon,
.slds-scope .slds-form--stacked
.slds-form-element--horizontal.slds-form-element--1-col
.slds-input-has-icon--left
.slds-input__icon{
inset-inline-start:calc((50% - 33.333%) + var(--slds-g-spacing-1));
}
}
@media (min-width: 48em){
.slds-scope .slds-form-element_horizontal .slds-form-element__label,.slds-scope .slds-form-element--horizontal .slds-form-element__label,
.slds-scope .slds-form_horizontal .slds-form-element .slds-form-element__label,
.slds-scope .slds-form--horizontal .slds-form-element .slds-form-element__label,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-form-element__label,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-form-element__label{
float:inline-start;
max-width:calc(33% - 1.25rem);
flex-basis:calc(33% - 1.25rem);
margin-block-end:0;
position:relative;
z-index:1;
}
.slds-scope .slds-form-element_horizontal .slds-form-element__control,.slds-scope .slds-form-element--horizontal .slds-form-element__control,
.slds-scope .slds-form_horizontal .slds-form-element .slds-form-element__control,
.slds-scope .slds-form--horizontal .slds-form-element .slds-form-element__control,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-form-element__control,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-form-element__control{
padding-inline-start:33%;
clear:none;
}
.slds-scope .slds-form-element_horizontal .slds-form-element__control .slds-form-element__control,.slds-scope .slds-form-element--horizontal .slds-form-element__control .slds-form-element__control,
.slds-scope .slds-form_horizontal .slds-form-element .slds-form-element__control .slds-form-element__control,
.slds-scope .slds-form--horizontal .slds-form-element .slds-form-element__control .slds-form-element__control,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-form-element__control .slds-form-element__control,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-form-element__control .slds-form-element__control{
padding-inline-start:0;
}
.slds-scope .slds-form-element_horizontal .slds-form-element__icon,.slds-scope .slds-form-element--horizontal .slds-form-element__icon,
.slds-scope .slds-form_horizontal .slds-form-element .slds-form-element__icon,
.slds-scope .slds-form--horizontal .slds-form-element .slds-form-element__icon,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-form-element__icon,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-form-element__icon{
float:inline-start;
padding-block-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-form-element_horizontal .slds-checkbox_standalone,.slds-scope .slds-form-element--horizontal .slds-checkbox--standalone,
.slds-scope .slds-form_horizontal .slds-form-element .slds-checkbox_standalone,
.slds-scope .slds-form--horizontal .slds-form-element .slds-checkbox--standalone,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-checkbox_standalone,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-checkbox--standalone{
padding-block:var(--slds-g-spacing-1);
padding-inline:0;
}
.slds-scope .slds-form-element_horizontal .slds-checkbox:not(.slds-checkbox_stacked) .slds-form-element__label,.slds-scope .slds-form-element--horizontal .slds-checkbox:not(.slds-checkbox--stacked) .slds-form-element__label,
.slds-scope .slds-form-element_horizontal .slds-radio .slds-form-element__label,
.slds-scope .slds-form-element--horizontal .slds-radio .slds-form-element__label,
.slds-scope .slds-form_horizontal
.slds-form-element
.slds-checkbox:not(.slds-checkbox_stacked)
.slds-form-element__label,
.slds-scope .slds-form--horizontal
.slds-form-element
.slds-checkbox:not(.slds-checkbox--stacked)
.slds-form-element__label,
.slds-scope .slds-form_horizontal .slds-form-element .slds-radio .slds-form-element__label,
.slds-scope .slds-form--horizontal .slds-form-element .slds-radio .slds-form-element__label,
.slds-scope .slds-form_stacked
.slds-form-element_horizontal
.slds-checkbox:not(.slds-checkbox_stacked)
.slds-form-element__label,
.slds-scope .slds-form--stacked
.slds-form-element--horizontal
.slds-checkbox:not(.slds-checkbox--stacked)
.slds-form-element__label,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-radio .slds-form-element__label,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-radio .slds-form-element__label{
position:relative;
float:none;
max-width:100%;
width:auto;
}
.slds-scope .slds-form-element_horizontal .slds-form-element__row .slds-form-element__label,.slds-scope .slds-form-element--horizontal .slds-form-element__row .slds-form-element__label,
.slds-scope .slds-form-element_horizontal .slds-form-element__row .slds-form-element__control,
.slds-scope .slds-form-element--horizontal .slds-form-element__row .slds-form-element__control,
.slds-scope .slds-form-element_horizontal .slds-dueling-list__column .slds-form-element__label,
.slds-scope .slds-form-element--horizontal .slds-dueling-list__column .slds-form-element__label,
.slds-scope .slds-form_horizontal .slds-form-element .slds-form-element__row .slds-form-element__label,
.slds-scope .slds-form--horizontal .slds-form-element .slds-form-element__row .slds-form-element__label,
.slds-scope .slds-form_horizontal .slds-form-element .slds-form-element__row .slds-form-element__control,
.slds-scope .slds-form--horizontal .slds-form-element .slds-form-element__row .slds-form-element__control,
.slds-scope .slds-form_horizontal .slds-form-element .slds-dueling-list__column .slds-form-element__label,
.slds-scope .slds-form--horizontal .slds-form-element .slds-dueling-list__column .slds-form-element__label,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-form-element__row .slds-form-element__label,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-form-element__row .slds-form-element__label,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-form-element__row .slds-form-element__control,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-form-element__row .slds-form-element__control,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-dueling-list__column .slds-form-element__label,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-dueling-list__column .slds-form-element__label{
width:auto;
max-width:100%;
flex-basis:auto;
float:none;
position:relative;
padding-inline-start:0;
margin-block-end:0;
}
.slds-scope .slds-form-element_horizontal .slds-dueling-list,.slds-scope .slds-form-element--horizontal .slds-dueling-list,
.slds-scope .slds-form_horizontal .slds-form-element .slds-dueling-list,
.slds-scope .slds-form--horizontal .slds-form-element .slds-dueling-list,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-dueling-list,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-dueling-list{
clear:none;
}
.slds-scope .slds-form-element_horizontal .slds-input-has-icon_left .slds-input__icon,.slds-scope .slds-form-element--horizontal .slds-input-has-icon--left .slds-input__icon,
.slds-scope .slds-form_horizontal .slds-form-element .slds-input-has-icon_left .slds-input__icon,
.slds-scope .slds-form--horizontal .slds-form-element .slds-input-has-icon--left .slds-input__icon,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-input-has-icon_left .slds-input__icon,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-input-has-icon--left .slds-input__icon{
inset-inline-start:calc(33% + 0.75rem);
}
.slds-scope .slds-form-element_horizontal .slds-input-has-icon_left-right .slds-input__icon_left,.slds-scope .slds-form-element--horizontal .slds-input-has-icon--left-right .slds-input__icon--left,
.slds-scope .slds-form_horizontal .slds-form-element .slds-input-has-icon_left-right .slds-input__icon_left,
.slds-scope .slds-form--horizontal .slds-form-element .slds-input-has-icon--left-right .slds-input__icon--left,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-input-has-icon_left-right .slds-input__icon_left,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-input-has-icon--left-right .slds-input__icon--left{
inset-inline-start:calc(33% + 0.75rem);
}
}
.slds-scope .slds-form-element_horizontal .slds-form-element__help,.slds-scope .slds-form-element--horizontal .slds-form-element__help,
.slds-scope .slds-form_horizontal .slds-form-element .slds-form-element__help,
.slds-scope .slds-form--horizontal .slds-form-element .slds-form-element__help,
.slds-scope .slds-form_stacked .slds-form-element_horizontal .slds-form-element__help,
.slds-scope .slds-form--stacked .slds-form-element--horizontal .slds-form-element__help{
margin-inline-start:33%;
}
@media (min-width: 48em){
.slds-scope .slds-form-element_horizontal.slds-form-element::after,.slds-scope .slds-form-element--horizontal.slds-form-element::after,
.slds-scope .slds-form_horizontal .slds-form-element::after,
.slds-scope .slds-form--horizontal .slds-form-element::after,
.slds-scope .slds-form_stacked .slds-form-element_horizontal.slds-form-element::after,
.slds-scope .slds-form--stacked .slds-form-element--horizontal.slds-form-element::after{
content:'';
display:table;
clear:both;
}
}
.slds-scope .slds-form-element_compound .slds-form-element__row,.slds-scope .slds-form-element--compound .slds-form-element__row{
display:flex;
margin-block-end:var(--slds-g-spacing-1);
margin-inline-start:calc(var(--slds-g-spacing-1) * -1);
margin-inline-end:calc(var(--slds-g-spacing-1) * -1);
}
.slds-scope .slds-form-element_compound .slds-form-element__row .slds-form-element__label,.slds-scope .slds-form-element--compound .slds-form-element__row .slds-form-element__label{
padding-block-start:0;
}
.slds-scope .slds-form-element_compound .slds-form-element,.slds-scope .slds-form-element--compound .slds-form-element{
padding-inline-start:var(--slds-g-spacing-1);
padding-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-form_compound,.slds-scope .slds-form--compound{
width:100%;
}
.slds-scope .slds-form_compound > .slds-form-element,.slds-scope .slds-form--compound > .slds-form-element{
margin-block-start:0;
margin-block-end:0;
margin-inline-start:0;
margin-inline-end:0;
}
.slds-scope .slds-form_compound .slds-form-element__row,.slds-scope .slds-form--compound .slds-form-element__row{
display:flex;
margin-block-start:0;
margin-block-end:var(--slds-g-spacing-1);
margin-inline-start:0;
margin-inline-end:0;
}
.slds-scope .slds-form_compound .slds-form-element__row + .slds-form-element__row,.slds-scope .slds-form--compound .slds-form-element__row + .slds-form-element__row{
clear:both;
}
.slds-scope .slds-form_compound .slds-form-element__row .slds-form-element,.slds-scope .slds-form--compound .slds-form-element__row .slds-form-element{
margin-block-end:0;
}
.slds-scope .slds-form_compound .slds-form-element__row .slds-form-element + .slds-form-element,.slds-scope .slds-form--compound .slds-form-element__row .slds-form-element + .slds-form-element{
padding-inline-start:var(--slds-g-spacing-2);
margin-block-start:0;
}
.slds-scope .slds-form_compound .slds-form-element__row .slds-form-element__label,.slds-scope .slds-form--compound .slds-form-element__row .slds-form-element__label{
padding-block-start:0;
}
.slds-scope .slds-form__row{
display:flex;
flex-wrap:wrap;
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-form__item{
display:flex;
flex:1 1 0%;
min-width:280px;
padding-inline-start:var(--slds-g-spacing-3);
padding-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-is-edited{
background:var(--slds-g-color-palette-yellow-90);
}
.slds-scope .slds-is-edited .slds-form-element__undo{
inset-block-start:-1.25rem;
inset-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-form-element__undo{
position:absolute;
inset-block-start:0;
inset-inline-end:0;
}
.slds-scope .slds-input{
display:inline-block;
padding-block-start:0;
padding-inline-end:var(--slds-c-input-spacing-inline-end, var(--slds-s-input-spacing));
padding-block-end:0;
padding-inline-start:var(--slds-c-input-spacing-inline-start, var(--slds-s-input-spacing));
width:100%;
line-height:1.875rem;
border:1px solid var(--slds-c-input-color-border, var(--slds-s-input-color-border));
border-radius:var(--slds-c-input-radius-border, var(--slds-s-input-radius-border));
background-color:var(--slds-c-input-color-background, var(--slds-g-color-surface-container-1));
color:var(--slds-c-input-text-color, var(--slds-s-input-color, var(--slds-g-color-on-surface-3)));
box-shadow:var(--slds-c-input-shadow);
}
@media (pointer: coarse) and (hover: none){
.slds-scope .slds-input{
font-size:var(--slds-g-font-scale-2)
}
}
.slds-scope .slds-input:focus{
--slds-c-input-color-border:var(
--slds-c-input-color-border-focus,
var(--slds-s-input-color-border-focus)
);
--slds-c-input-background-color:var(--slds-c-input-color-background-focus, revert);
--slds-c-input-text-color:var(--slds-c-input-text-color-focus, revert);
outline:0;
}
.slds-scope .slds-input:focus-visible{
--slds-c-input-shadow:var(--slds-c-input-shadow-focus, var(--slds-g-shadow-outline-focus-1));
border-color:transparent;
outline:0;
}
.slds-scope .slds-input:focus:valid{
background-color:revert;
color:revert;
}
.slds-scope .slds-input[disabled],
.slds-scope .slds-input.slds-is-disabled{
background-color:var(--slds-s-input-color-background-disabled, var(--slds-g-color-disabled-container-1));
border-color:var(--slds-s-input-color-border-disabled, var(--slds-g-color-border-disabled-1));
color:var(--slds-s-input-color-disabled, var(--slds-g-color-on-disabled-2));
cursor:not-allowed;
user-select:none;
}
.slds-scope .slds-input[disabled]:focus,
.slds-scope .slds-input[disabled]:active,
.slds-scope .slds-input.slds-is-disabled:focus,
.slds-scope .slds-input.slds-is-disabled:active{
box-shadow:none;
}
.slds-scope .slds-input[disabled]::placeholder, .slds-scope .slds-input.slds-is-disabled::placeholder{
color:var(--slds-s-input-color-disabled, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-input[readonly]{
--slds-c-input-spacing-inline-start:0;
--slds-c-input-color-border:transparent;
--slds-c-input-color-background:transparent;
outline:0;
}
.slds-scope .slds-input[type='search']::-ms-clear{
display:none;
width:0;
height:0;
}
.slds-scope .slds-input[type='search']::-webkit-search-decoration,
.slds-scope .slds-input[type='search']::-webkit-search-cancel-button,
.slds-scope .slds-input[type='search']::-webkit-search-results-button,
.slds-scope .slds-input[type='search']::-webkit-search-results-decoration{
display:none;
}
.slds-scope .slds-input[type='url'],
.slds-scope .slds-input[type='tel'],
.slds-scope .slds-input[type='email']{
direction:ltr;
text-align:left;
}
.slds-scope .slds-input_bare,.slds-scope .slds-input--bare{
--slds-c-input-color-background:transparent;
--slds-c-input-spacing-inline-end:0;
--slds-c-input-spacing-inline-start:var(--slds-s-input-spacing);
border:0;
}
.slds-scope .slds-input_bare:focus,.slds-scope .slds-input--bare:focus,
.slds-scope .slds-input_bare:active,
.slds-scope .slds-input--bare:active{
--slds-c-input-shadow-focus:none;
}
.slds-scope .slds-input_bare:focus-visible,.slds-scope .slds-input--bare:focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
outline:0;
}
.slds-scope .slds-input_height,.slds-scope .slds-input--height{
min-height:calc(1.875rem + 2px);
}
.slds-scope .slds-input_faux,.slds-scope .slds-input--faux{
padding-block-start:0;
padding-inline-end:var(--slds-c-input-spacing-inline-end, var(--slds-s-input-spacing));
padding-block-end:0;
padding-inline-start:var(--slds-c-input-spacing-inline-start, var(--slds-s-input-spacing));
width:100%;
line-height:1.875rem;
border:1px solid var(--slds-c-input-color-border, var(--slds-s-input-color-border));
border-radius:var(--slds-c-input-radius-border, var(--slds-s-input-radius-border));
background-color:var(--slds-c-input-color-background, var(--slds-g-color-surface-container-1));
color:var(--slds-c-input-text-color, var(--slds-s-input-color, var(--slds-g-color-on-surface-3)));
box-shadow:var(--slds-c-input-shadow);
display:inline-flex;
flex:1 1 auto;
text-align:left;
}
.slds-scope .slds-input_faux.slds-is-disabled,.slds-scope .slds-input--faux.slds-is-disabled{
background-color:var(--slds-s-input-color-background-disabled, var(--slds-g-color-disabled-container-1));
border-color:var(--slds-s-input-color-border-disabled, var(--slds-g-color-border-disabled-1));
color:var(--slds-s-input-color-disabled, var(--slds-g-color-on-disabled-2));
cursor:not-allowed;
user-select:none;
}
.slds-scope .slds-input_faux.slds-is-disabled:focus,.slds-scope .slds-input--faux.slds-is-disabled:focus,
.slds-scope .slds-input_faux.slds-is-disabled:active,
.slds-scope .slds-input--faux.slds-is-disabled:active{
box-shadow:none;
}
.slds-scope .slds-input_faux > span::before,.slds-scope .slds-input--faux > span::before{
content:'';
display:inline-block;
}
.slds-scope .slds-input_borders[readonly],.slds-scope .slds-input--borders[readonly]{
--slds-c-input-spacing-inline-start:var(--slds-s-input-spacing);
--slds-c-input-color-border:var(--slds-s-input-color-border);
}
.slds-scope .slds-input-has-icon{
position:relative;
}
.slds-scope .slds-input-has-icon .slds-input__icon{
width:0.875rem;
height:0.875rem;
position:absolute;
top:50%;
margin-top:calc((0.875rem * 0.5) * -1);
line-height:1;
border:0;
z-index:2;
}
.slds-scope .slds-input-has-icon:has(.slds-input[disabled]) .slds-input__icon,
.slds-scope .slds-input-has-icon:has(.slds-input.slds-is-disabled) .slds-input__icon{
fill:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-input-has-icon_left .slds-input__icon,.slds-scope .slds-input-has-icon--left .slds-input__icon{
left:var(--slds-g-spacing-2);
}
.slds-scope .slds-input-has-icon_left .slds-input,.slds-scope .slds-input-has-icon--left .slds-input,
.slds-scope .slds-input-has-icon_left .slds-input_faux,
.slds-scope .slds-input-has-icon--left .slds-input--faux,
.slds-scope .slds-input-has-icon_left .slds-input_bare,
.slds-scope .slds-input-has-icon--left .slds-input--bare{
--slds-c-input-spacing-inline-start:var(--slds-g-spacing-6);
}
.slds-scope .slds-input-has-icon_right .slds-input__icon,.slds-scope .slds-input-has-icon--right .slds-input__icon{
inset-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-input-has-icon_right .slds-input,.slds-scope .slds-input-has-icon--right .slds-input,
.slds-scope .slds-input-has-icon_right .slds-input_faux,
.slds-scope .slds-input-has-icon--right .slds-input--faux,
.slds-scope .slds-input-has-icon_right .slds-input_bare,
.slds-scope .slds-input-has-icon--right .slds-input--bare{
--slds-c-input-spacing-inline-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-input-has-icon_left-right .slds-input__icon_left,.slds-scope .slds-input-has-icon--left-right .slds-input__icon--left{
left:var(--slds-g-spacing-2);
}
.slds-scope .slds-input-has-icon_left-right .slds-input__icon_right,.slds-scope .slds-input-has-icon--left-right .slds-input__icon--right{
inset-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-input-has-icon_left-right .slds-input,.slds-scope .slds-input-has-icon--left-right .slds-input,
.slds-scope .slds-input-has-icon_left-right .slds-input_faux,
.slds-scope .slds-input-has-icon--left-right .slds-input--faux,
.slds-scope .slds-input-has-icon_left-right .slds-input_bare,
.slds-scope .slds-input-has-icon--left-right .slds-input--bare{
--slds-c-input-spacing-inline-start:var(--slds-g-spacing-6);
--slds-c-input-spacing-inline-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-input-has-icon_group-right .slds-input,.slds-scope .slds-input-has-icon--group-right .slds-input,
.slds-scope .slds-input-has-icon_group-right .slds-input_faux,
.slds-scope .slds-input-has-icon--group-right .slds-input--faux,
.slds-scope .slds-input-has-icon_group-right .slds-input_bare,
.slds-scope .slds-input-has-icon--group-right .slds-input--bare{
--slds-c-input-spacing-inline-end:calc(var(--slds-g-spacing-6) + var(--slds-g-spacing-2));
}
.slds-scope .slds-input__icon-group{
position:absolute;
height:var(--slds-g-sizing-5);
margin-top:calc(var(--slds-g-spacing-2) * -1);
}
.slds-scope .slds-input__icon-group_right,.slds-scope .slds-input__icon-group--right{
inset-inline-end:0;
inset-block-start:50%;
}
.slds-scope .slds-input__icon-group_right .slds-input__icon_right,.slds-scope .slds-input__icon-group--right .slds-input__icon--right{
inset-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-input__icon-group_right .slds-input__spinner,.slds-scope .slds-input__icon-group--right .slds-input__spinner{
inset-inline-end:var(--slds-g-spacing-5);
inset-inline-start:auto;
}
.slds-scope .slds-input-has-fixed-addon{
display:flex;
}
.slds-scope .slds-has-error .slds-input{
--slds-c-input-color-background:var(--slds-s-input-color-background-invalid);
--slds-c-input-color-border:var(--slds-g-color-border-error-1);
--slds-c-input-text-color:var(--slds-s-input-color-invalid);
background-clip:padding-box;
}
.slds-scope .slds-has-error .slds-input__icon{
fill:var(--slds-g-color-error-1);
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-input_counter,.slds-scope .slds-input--counter{
text-align:center;
padding-block:0;
padding-inline:var(--slds-g-spacing-8);
}
.slds-scope .slds-input_counter[type='number'],.slds-scope .slds-input--counter[type='number']{
appearance:textfield;
}
.slds-scope .slds-input_counter::-webkit-inner-spin-button,.slds-scope .slds-input--counter::-webkit-inner-spin-button{
appearance:none;
margin:0;
}
.slds-scope .slds-input__button_decrement,.slds-scope .slds-input__button--decrement{
position:absolute;
top:50%;
transform:translateY(-50%);
inset-inline-start:0.75rem;
}
.slds-scope .slds-input__button_increment,.slds-scope .slds-input__button--increment{
position:absolute;
top:50%;
transform:translateY(-50%);
inset-inline-end:0.75rem;
}
.slds-scope .slds-textarea{
min-height:var(--slds-c-textarea-sizing-min-height);
width:100%;
padding-block-start:var(--slds-c-textarea-spacing-block-start, var(--slds-g-spacing-2));
padding-inline-end:var(--slds-c-textarea-spacing-inline-end, var(--slds-g-spacing-3));
padding-block-end:var(--slds-c-textarea-spacing-block-end, var(--slds-g-spacing-2));
padding-inline-start:var(--slds-c-textarea-spacing-inline-start, var(--slds-g-spacing-3));
background-color:var(--slds-c-textarea-color-background, var(--slds-g-color-surface-container-1));
color:var(--slds-c-textarea-text-color, var(--slds-s-input-color, var(--slds-g-color-on-surface-3)));
border:1px solid var(--slds-c-textarea-color-border, var(--slds-s-input-color-border));
border-radius:var(--slds-c-textarea-radius-border, var(--slds-s-input-radius-border));
box-shadow:var(--slds-c-textarea-shadow, var(--slds-s-input-shadow));
font:inherit;
resize:vertical;
transition:background-color 0.1s linear;
}
@media (pointer: coarse) and (hover: none){
.slds-scope .slds-textarea{
font-size:var(--slds-g-font-scale-2)
}
}
.slds-scope .slds-textarea:required{
--slds-c-textarea-shadow:none;
}
.slds-scope .slds-textarea:focus,
.slds-scope .slds-textarea:active{
outline:0;
--slds-c-textarea-color-border:var(--slds-s-input-color-border-focus);
--slds-c-textarea-text-color:var(--slds-c-textarea-text-color-focus, revert);
background-color:var(--slds-c-textarea-color-background-focus, var(--slds-g-color-surface-container-1));
}
.slds-scope .slds-textarea:focus-visible{
--slds-c-textarea-shadow:var(--slds-c-textarea-shadow-focus, var(--slds-g-shadow-inset-focus-1));
border-color:transparent;
background-clip:padding-box;
outline:0;
}
.slds-scope .slds-textarea:focus:invalid{
background-color:var(--slds-s-input-color-background-invalid);
color:var(--slds-s-input-color-invalid);
}
.slds-scope .slds-textarea:focus:valid{
background-color:revert;
color:revert;
}
.slds-scope .slds-textarea[disabled],
.slds-scope .slds-textarea.slds-is-disabled{
background-color:var(--slds-s-input-color-background-disabled, var(--slds-g-color-disabled-container-1));
border-color:var(--slds-s-input-color-border-disabled, var(--slds-g-color-border-disabled-1));
color:var(--slds-s-input-color-disabled, var(--slds-g-color-on-disabled-2));
cursor:not-allowed;
user-select:none;
}
.slds-scope .slds-textarea[disabled]:focus,
.slds-scope .slds-textarea[disabled]:active,
.slds-scope .slds-textarea.slds-is-disabled:focus,
.slds-scope .slds-textarea.slds-is-disabled:active{
box-shadow:none;
}
.slds-scope .slds-has-error .slds-textarea{
--slds-c-textarea-color-border:var(--slds-g-color-border-error-1);
--slds-c-textarea-color-background:var(--slds-s-input-color-background-invalid);
background-clip:padding-box;
}
.slds-scope .slds-has-error .slds-textarea:focus,
.slds-scope .slds-has-error .slds-textarea:active{
--slds-c-textarea-text-color-focus:var(--slds-c-textarea-text-color-error-focus);
--slds-c-textarea-color-background-focus:var(
--slds-c-textarea-color-background-error-focus,
var(--slds-g-color-surface-container-1)
);
}
.slds-scope .slds-radio{
display:inline-block;
}
.slds-scope .slds-radio .slds-radio_faux,.slds-scope .slds-radio .slds-radio--faux{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
display:inline-block;
position:relative;
flex-shrink:0;
vertical-align:middle;
border-radius:var(--slds-g-radius-border-circle);
border-width:var(--slds-s-input-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(
--slds-c-radio-color-border,
var(--slds-s-input-color-border, var(--slds-g-color-border-2))
);
background:none;
background-color:var(--slds-c-radio-color-background, var(--slds-g-color-surface-container-1));
box-shadow:var(--slds-c-radio-shadow, var(--slds-s-input-shadow));
transition:border 0.1s linear, background-color 0.1s linear;
}
.slds-scope .slds-radio .slds-form-element__label{
display:inline;
vertical-align:middle;
font-size:var(--slds-s-label-font-size, var(--slds-g-font-scale-neg-2));
font-weight:normal;
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-radio [type='radio']{
width:1px;
height:1px;
border:0;
clip:rect(0 0 0 0);
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
pointer-events:auto;
}
.slds-scope .slds-radio [type='radio']:checked + .slds-radio_faux,.slds-scope .slds-radio [type='radio']:checked + .slds-radio--faux,
.slds-scope .slds-radio [type='radio']:checked ~ .slds-radio_faux,
.slds-scope .slds-radio [type='radio']:checked ~ .slds-radio--faux,
.slds-scope .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux,
.slds-scope .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio--faux{
--slds-c-radio-color-background:var(
--slds-c-radio-color-background-checked,
var(--slds-s-mark-color-background-checked, var(--slds-g-color-surface-container-1))
);
--slds-c-radio-shadow:var(--slds-s-mark-shadow-checked);
}
.slds-scope .slds-radio [type='radio']:checked + .slds-radio_faux::after,.slds-scope .slds-radio [type='radio']:checked + .slds-radio--faux::after,
.slds-scope .slds-radio [type='radio']:checked ~ .slds-radio_faux::after,
.slds-scope .slds-radio [type='radio']:checked ~ .slds-radio--faux::after,
.slds-scope .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux::after,
.slds-scope .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio--faux::after{
width:var(--slds-g-sizing-3);
height:var(--slds-g-sizing-3);
content:'';
position:absolute;
top:50%;
/*! @noflip */
left:50%;
transform:translate3d(-50%, -50%, 0);
border-radius:var(--slds-g-radius-border-circle);
background:none;
background-color:var(
--slds-c-radio-color-background-checked,
var(--slds-s-mark-color-foreground-checked, var(--slds-g-color-border-accent-2))
);
}
.slds-scope .slds-radio [type='radio']:focus-visible + .slds-radio_faux,.slds-scope .slds-radio [type='radio']:focus-visible + .slds-radio--faux,
.slds-scope .slds-radio [type='radio']:focus-visible ~ .slds-radio_faux,
.slds-scope .slds-radio [type='radio']:focus-visible ~ .slds-radio--faux,
.slds-scope .slds-radio [type='radio']:focus-visible + .slds-radio__label .slds-radio_faux,
.slds-scope .slds-radio [type='radio']:focus-visible + .slds-radio__label .slds-radio--faux{
border-color:var(
--slds-c-radio-color-border-focus,
var(--slds-s-input-color-border-focus, var(--slds-g-color-border-accent-1))
);
--slds-c-radio-shadow:var(
--slds-c-radio-shadow-focus,
var(--slds-g-shadow-outset-focus-1, 0 0 3px var(--slds-g-color-accent-2))
);
}
.slds-scope .slds-radio [type='radio'][disabled]{
cursor:not-allowed;
user-select:none;
}
.slds-scope .slds-radio [type='radio'][disabled] ~ .slds-radio_faux,.slds-scope .slds-radio [type='radio'][disabled] ~ .slds-radio--faux,
.slds-scope .slds-radio [type='radio'][disabled] + .slds-radio__label .slds-radio_faux,
.slds-scope .slds-radio [type='radio'][disabled] + .slds-radio__label .slds-radio--faux{
border-color:var(--slds-g-color-border-disabled-1);
background-color:var(--slds-g-color-disabled-container-2);
}
.slds-scope .slds-radio [type='radio'][disabled] ~ .slds-radio_faux::after,.slds-scope .slds-radio [type='radio'][disabled] ~ .slds-radio--faux::after,
.slds-scope .slds-radio [type='radio'][disabled] + .slds-radio__label .slds-radio_faux::after,
.slds-scope .slds-radio [type='radio'][disabled] + .slds-radio__label .slds-radio--faux::after{
background-color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-radio [type='radio'][disabled]:checked + .slds-radio_faux,.slds-scope .slds-radio [type='radio'][disabled]:checked + .slds-radio--faux,
.slds-scope .slds-radio [type='radio'][disabled]:checked ~ .slds-radio_faux,
.slds-scope .slds-radio [type='radio'][disabled]:checked ~ .slds-radio--faux,
.slds-scope .slds-radio [type='radio'][disabled]:checked + .slds-radio__label .slds-radio_faux,
.slds-scope .slds-radio [type='radio'][disabled]:checked + .slds-radio__label .slds-radio--faux{
border-color:var(--slds-g-color-border-disabled-1);
background-color:var(--slds-g-color-disabled-container-2);
}
.slds-scope .slds-has-error .slds-radio [type='radio'] + .slds-radio_faux,.slds-scope .slds-has-error .slds-radio [type='radio'] + .slds-radio--faux,
.slds-scope .slds-has-error .slds-radio [type='radio'] ~ .slds-radio_faux,
.slds-scope .slds-has-error .slds-radio [type='radio'] ~ .slds-radio--faux,
.slds-scope .slds-has-error .slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux,
.slds-scope .slds-has-error .slds-radio [type='radio'] + .slds-radio__label .slds-radio--faux{
border-color:var(--slds-s-input-color-border-invalid, var(--slds-g-color-border-error-1));
border-width:var(--slds-g-sizing-border-2);
}
.slds-scope .slds-has-error .slds-radio [type='radio']:checked + .slds-radio_faux,.slds-scope .slds-has-error .slds-radio [type='radio']:checked + .slds-radio--faux,
.slds-scope .slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio_faux,
.slds-scope .slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio--faux,
.slds-scope .slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux,
.slds-scope .slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio--faux{
border-color:var(--slds-s-input-color-border-invalid, var(--slds-g-color-border-error-1));
background-color:var(--slds-s-mark-color-background-invalid);
--slds-c-radio-shadow:var(--slds-s-mark-shadow-checked);
}
.slds-scope .slds-has-error .slds-radio [type='radio']:focus-visible:checked + .slds-radio_faux,.slds-scope .slds-has-error .slds-radio [type='radio']:focus-visible:checked + .slds-radio--faux,
.slds-scope .slds-has-error .slds-radio [type='radio']:focus-visible:checked ~ .slds-radio_faux,
.slds-scope .slds-has-error .slds-radio [type='radio']:focus-visible:checked ~ .slds-radio--faux,
.slds-scope .slds-has-error .slds-radio [type='radio']:focus-visible:checked + .slds-radio__label .slds-radio_faux,
.slds-scope .slds-has-error .slds-radio [type='radio']:focus-visible:checked + .slds-radio__label .slds-radio--faux{
--slds-c-radio-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-has-error .slds-radio [type='radio']:checked + .slds-radio_faux::after,.slds-scope .slds-has-error .slds-radio [type='radio']:checked + .slds-radio--faux::after,
.slds-scope .slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio_faux::after,
.slds-scope .slds-has-error .slds-radio [type='radio']:checked ~ .slds-radio--faux::after,
.slds-scope .slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio_faux::after,
.slds-scope .slds-has-error .slds-radio [type='radio']:checked + .slds-radio__label .slds-radio--faux::after{
background-color:var(--slds-s-mark-color-foreground-invalid, var(--slds-g-color-error-1));
}
.slds-scope .slds-form-element .slds-radio [type='radio'] + .slds-radio_faux,.slds-scope .slds-form-element .slds-radio [type='radio'] + .slds-radio--faux,
.slds-scope .slds-form-element .slds-radio [type='radio'] ~ .slds-radio_faux,
.slds-scope .slds-form-element .slds-radio [type='radio'] ~ .slds-radio--faux,
.slds-scope .slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux,
.slds-scope .slds-radio [type='radio'] + .slds-radio__label .slds-radio--faux{
margin-inline-end:var(--slds-g-spacing-2);
}
[dir='rtl'] .slds-scope .slds-form-element .slds-radio [type='radio'] + .slds-radio_faux,[dir='rtl'] .slds-scope .slds-form-element .slds-radio [type='radio'] + .slds-radio--faux,
[dir='rtl'] .slds-scope .slds-form-element .slds-radio [type='radio'] ~ .slds-radio_faux,
[dir='rtl'] .slds-scope .slds-form-element .slds-radio [type='radio'] ~ .slds-radio--faux,
[dir='rtl'] .slds-scope .slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux,
[dir='rtl'] .slds-scope .slds-radio [type='radio'] + .slds-radio__label .slds-radio--faux{
/*! @noflip */
margin-right:0;
margin-left:var(--slds-g-spacing-2);
}
.slds-scope .slds-radio_button-group,.slds-scope .slds-radio--button-group{
display:inline-flex;
border-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
}
.slds-scope .slds-radio_button,.slds-scope .slds-radio--button{
display:flex;
border:0;
border-radius:0;
background-clip:padding-box;
line-height:1.875rem;
--slds-c-button-spacing-inline:0;
}
.slds-scope .slds-radio_button .slds-radio_faux,.slds-scope .slds-radio--button .slds-radio--faux{
padding-inline-start:var(--slds-g-spacing-4);
padding-inline-end:var(--slds-g-spacing-4);
text-align:center;
vertical-align:middle;
}
.slds-scope .slds-radio_button + .slds-radio_button,.slds-scope .slds-radio--button + .slds-radio--button{
border-inline-end:0;
margin:0;
}
.slds-scope .slds-radio_button > .slds-radio_faux,.slds-scope .slds-radio--button > .slds-radio--faux,
.slds-scope .slds-radio_button > .slds-radio_button__label,
.slds-scope .slds-radio--button > .slds-radio--button__label{
margin-inline-start:calc(var(--slds-g-sizing-border-1) * -1);
}
.slds-scope .slds-radio_button:first-child:hover,.slds-scope .slds-radio--button:first-child:hover,
.slds-scope .slds-radio_button:first-child:focus,
.slds-scope .slds-radio--button:first-child:focus{
border-start-start-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-start-end-radius:0;
border-end-end-radius:0;
border-end-start-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
}
.slds-scope .slds-radio_button:last-child:hover,.slds-scope .slds-radio--button:last-child:hover,
.slds-scope .slds-radio_button:last-child:focus,
.slds-scope .slds-radio--button:last-child:focus{
border-start-start-radius:0;
border-start-end-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-end-end-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-end-start-radius:0;
}
.slds-scope .slds-radio_button:first-child > .slds-radio_faux,.slds-scope .slds-radio--button:first-child > .slds-radio--faux,
.slds-scope .slds-radio_button:first-child > .slds-radio_button__label,
.slds-scope .slds-radio--button:first-child > .slds-radio--button__label{
border-start-start-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-start-end-radius:0;
border-end-end-radius:0;
border-end-start-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
margin-inline-start:auto;
}
.slds-scope .slds-radio_button:last-child > .slds-radio_faux,.slds-scope .slds-radio--button:last-child > .slds-radio--faux,
.slds-scope .slds-radio_button .slds-button_last > .slds-radio_faux,
.slds-scope .slds-radio--button .slds-button--last > .slds-radio--faux,
.slds-scope .slds-radio_button:last-child > .slds-radio_button__label,
.slds-scope .slds-radio--button:last-child > .slds-radio--button__label{
border-start-start-radius:0;
border-start-end-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-end-end-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-end-start-radius:0;
}
.slds-scope .slds-radio_button [type='radio'],.slds-scope .slds-radio--button [type='radio']{
width:var(--slds-g-sizing-border-1);
height:var(--slds-g-sizing-border-1);
border:0;
clip:rect(0 0 0 0);
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
}
.slds-scope .slds-radio_button [type='radio']:checked + .slds-radio_faux,.slds-scope .slds-radio--button [type='radio']:checked + .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio']:checked ~ .slds-radio_faux,
.slds-scope .slds-radio--button [type='radio']:checked ~ .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio']:checked + .slds-radio_button__label,
.slds-scope .slds-radio--button [type='radio']:checked + .slds-radio--button__label{
background-color:var(--slds-g-color-accent-container-1);
color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-radio_button [type='radio']:checked:active + .slds-radio_faux,.slds-scope .slds-radio--button [type='radio']:checked:active + .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio']:checked:active ~ .slds-radio_faux,
.slds-scope .slds-radio--button [type='radio']:checked:active ~ .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio']:checked:active + .slds-radio_button__label,
.slds-scope .slds-radio--button [type='radio']:checked:active + .slds-radio--button__label{
box-shadow:var(--slds-s-button-shadow-active);
}
.slds-scope .slds-radio_button [type='radio']:not([disabled]) + .slds-radio_button__label:hover,.slds-scope .slds-radio--button [type='radio']:not([disabled]) + .slds-radio--button__label:hover{
box-shadow:var(--slds-s-button-bordered-shadow-hover);
transform:var(--slds-s-button-bordered-transform-hover);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-radio_button [type='radio']:not([disabled]) + .slds-radio_button__label:active,.slds-scope .slds-radio--button [type='radio']:not([disabled]) + .slds-radio--button__label:active{
box-shadow:0 0 0 0 transparent, var(--slds-s-button-shadow-active);
transform:none;
}
.slds-scope .slds-radio_button [type='radio']:not([disabled]):checked + .slds-radio_button__label:hover,.slds-scope .slds-radio--button [type='radio']:not([disabled]):checked + .slds-radio--button__label:hover{
border-block-start-color:var(--slds-g-color-accent-container-2);
border-block-end-color:var(--slds-g-color-accent-3);
box-shadow:var(--slds-s-button-brand-shadow-hover);
transform:var(--slds-s-button-brand-transform-hover);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-radio_button [type='radio']:not([disabled]):checked + .slds-radio_button__label:active,.slds-scope .slds-radio--button [type='radio']:not([disabled]):checked + .slds-radio--button__label:active{
box-shadow:0 0 0 0 transparent, var(--slds-s-button-shadow-active);
transform:none;
}
.slds-scope .slds-radio_button [type='radio']:checked + .slds-radio_faux:hover,.slds-scope .slds-radio--button [type='radio']:checked + .slds-radio--faux:hover,
.slds-scope .slds-radio_button [type='radio']:checked ~ .slds-radio_faux:hover,
.slds-scope .slds-radio--button [type='radio']:checked ~ .slds-radio--faux:hover,
.slds-scope .slds-radio_button [type='radio']:checked + .slds-radio_button__label:hover,
.slds-scope .slds-radio--button [type='radio']:checked + .slds-radio--button__label:hover,
.slds-scope .slds-radio_button [type='radio']:checked + .slds-radio_faux:focus,
.slds-scope .slds-radio--button [type='radio']:checked + .slds-radio--faux:focus,
.slds-scope .slds-radio_button [type='radio']:checked ~ .slds-radio_faux:focus,
.slds-scope .slds-radio--button [type='radio']:checked ~ .slds-radio--faux:focus,
.slds-scope .slds-radio_button [type='radio']:checked + .slds-radio_button__label:focus,
.slds-scope .slds-radio--button [type='radio']:checked + .slds-radio--button__label:focus{
color:var(--slds-g-color-on-accent-2);
background-color:var(--slds-g-color-accent-container-2);
}
.slds-scope .slds-radio_button [type='radio']:focus-visible + .slds-radio_faux,.slds-scope .slds-radio--button [type='radio']:focus-visible + .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio']:focus-visible ~ .slds-radio_faux,
.slds-scope .slds-radio--button [type='radio']:focus-visible ~ .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio']:focus-visible + .slds-radio_button__label,
.slds-scope .slds-radio--button [type='radio']:focus-visible + .slds-radio--button__label{
background-color:var(--slds-g-color-surface-container-2);
z-index:1;
box-shadow:none;
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-1px;
}
.slds-scope .slds-radio_button [type='radio']:checked:focus-visible + .slds-radio_faux,.slds-scope .slds-radio--button [type='radio']:checked:focus-visible + .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio']:checked:focus-visible ~ .slds-radio_faux,
.slds-scope .slds-radio--button [type='radio']:checked:focus-visible ~ .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio']:checked:focus-visible + .slds-radio_button__label,
.slds-scope .slds-radio--button [type='radio']:checked:focus-visible + .slds-radio--button__label{
background-color:var(--slds-g-color-accent-container-2);
box-shadow:inset 0 0 0 3px var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-radio_button [type='radio'][disabled] + .slds-radio_faux,.slds-scope .slds-radio--button [type='radio'][disabled] + .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio'][disabled] ~ .slds-radio_faux,
.slds-scope .slds-radio--button [type='radio'][disabled] ~ .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio'][disabled] + .slds-radio_button__label,
.slds-scope .slds-radio--button [type='radio'][disabled] + .slds-radio--button__label{
background-color:var(--slds-g-color-disabled-container-1);
color:var(--slds-g-color-on-disabled-2);
box-shadow:none;
}
.slds-scope .slds-radio_button [type='radio'][disabled]:checked + .slds-radio_faux,.slds-scope .slds-radio--button [type='radio'][disabled]:checked + .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio'][disabled]:checked ~ .slds-radio_faux,
.slds-scope .slds-radio--button [type='radio'][disabled]:checked ~ .slds-radio--faux,
.slds-scope .slds-radio_button [type='radio'][disabled]:checked + .slds-radio_button__label,
.slds-scope .slds-radio--button [type='radio'][disabled]:checked + .slds-radio--button__label{
background-color:var(--slds-g-color-disabled-container-2);
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-radio_button [type='radio'][disabled] + .slds-radio_button__label:hover,.slds-scope .slds-radio--button [type='radio'][disabled] + .slds-radio--button__label:hover,
.slds-scope .slds-radio_button [type='radio'][disabled] + .slds-radio_button__label:focus,
.slds-scope .slds-radio--button [type='radio'][disabled] + .slds-radio--button__label:focus{
cursor:default;
}
.slds-scope .slds-radio_button__label,.slds-scope .slds-radio--button__label{
background-color:var(--slds-g-color-surface-container-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
}
.slds-scope .slds-radio_button__label:hover,.slds-scope .slds-radio--button__label:hover,
.slds-scope .slds-radio_button__label:focus,
.slds-scope .slds-radio--button__label:focus{
cursor:pointer;
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-checkbox{
display:inline-block;
position:relative;
}
.slds-scope .slds-checkbox .slds-checkbox_faux,.slds-scope .slds-checkbox .slds-checkbox--faux{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
display:inline-block;
position:relative;
flex-shrink:0;
vertical-align:middle;
border-radius:var(--slds-c-checkbox-radius-border, var(--slds-g-radius-border-1));
border-width:var(--slds-s-mark-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(
--slds-c-checkbox-color-border,
var(--slds-s-mark-color-border, var(--slds-g-color-border-2))
);
background-color:var(
--slds-c-checkbox-color-background,
var(--slds-s-mark-color-background, var(--slds-g-color-surface-container-1))
);
box-shadow:var(--slds-c-checkbox-shadow);
transition:border 0.1s linear, background-color 0.1s linear;
}
.slds-scope .slds-checkbox .slds-checkbox__label .slds-form-element__label{
display:inline;
vertical-align:middle;
font-size:var(--slds-s-label-font-size, var(--slds-g-font-scale-neg-2));
font-weight:normal;
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-checkbox [type='checkbox']{
width:1px;
height:1px;
border:0;
clip:rect(0 0 0 0);
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
pointer-events:auto;
}
.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox_faux,.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox--faux{
--slds-c-checkbox-color-background:var(
--slds-c-checkbox-color-background-checked,
var(--slds-s-mark-color-background-checked, var(--slds-g-color-surface-container-1))
);
}
.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox_faux::after,.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox--faux::after,
.slds-scope .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox_faux::after,
.slds-scope .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox--faux::after,
.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox_faux::after,
.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox--faux::after{
display:block;
content:'';
height:var(--slds-g-sizing-2);
width:var(--slds-g-sizing-3);
position:absolute;
inset-block-start:50%;
/*! @noflip */
left:50%;
transform:translate3d(-50%, -50%, 0) rotate(-45deg);
border-block-end:var(--slds-g-sizing-border-2) solid var(--slds-s-mark-color-foreground-checked, var(--slds-g-color-border-accent-2));
/*! @noflip */
border-left:var(--slds-g-sizing-border-2) solid var(--slds-s-mark-color-foreground-checked, var(--slds-g-color-border-accent-2));
}
.slds-scope .slds-checkbox [type='checkbox']:focus-visible + .slds-checkbox_faux,.slds-scope .slds-checkbox [type='checkbox']:focus-visible + .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:focus-visible ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:focus-visible ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:focus-visible + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:focus-visible + .slds-checkbox__label .slds-checkbox--faux{
--slds-c-checkbox-color-border:var(
--slds-c-checkbox-color-border-focus,
var(--slds-s-input-color-border-focus, var(--slds-g-color-border-accent-1))
);
--slds-c-checkbox-shadow:var(
--slds-c-checkbox-shadow-focus,
var(--slds-g-shadow-outset-focus-1, 0 0 3px var(--slds-g-color-accent-2))
);
}
.slds-scope .slds-checkbox [type='checkbox']:checked > .slds-checkbox_faux,.slds-scope .slds-checkbox [type='checkbox']:checked > .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox--faux{
--slds-c-checkbox-shadow:var(--slds-s-mark-shadow-checked);
}
.slds-scope .slds-checkbox [type='checkbox']:focus-visible:checked > .slds-checkbox_faux,.slds-scope .slds-checkbox [type='checkbox']:focus-visible:checked > .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:focus-visible:checked ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:focus-visible:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:focus-visible:checked + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:focus-visible:checked + .slds-checkbox__label .slds-checkbox--faux{
--slds-c-checkbox-color-border:var(
--slds-c-checkbox-color-border-focus,
var(--slds-s-input-color-border-focus, var(--slds-g-color-border-accent-1))
);
--slds-c-checkbox-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-checkbox [type='checkbox']:indeterminate + .slds-checkbox_faux,.slds-scope .slds-checkbox [type='checkbox']:indeterminate + .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:indeterminate ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:indeterminate ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox']:indeterminate + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox']:indeterminate + .slds-checkbox__label .slds-checkbox--faux{
--slds-c-checkbox-color-border:var(
--slds-c-checkbox-color-border-checked,
var(--slds-s-input-color-border-checked)
);
--slds-c-checkbox-color-background:var(
--slds-c-checkbox-color-background-checked,
var(--slds-s-mark-color-background-checked)
);
}
.slds-scope .slds-checkbox [type='checkbox']:indeterminate + .slds-checkbox_faux::after,.slds-scope .slds-checkbox [type='checkbox']:indeterminate + .slds-checkbox--faux::after,
.slds-scope .slds-checkbox [type='checkbox']:indeterminate ~ .slds-checkbox_faux::after,
.slds-scope .slds-checkbox [type='checkbox']:indeterminate ~ .slds-checkbox--faux::after,
.slds-scope .slds-checkbox [type='checkbox']:indeterminate + .slds-checkbox__label .slds-checkbox_faux::after,
.slds-scope .slds-checkbox [type='checkbox']:indeterminate + .slds-checkbox__label .slds-checkbox--faux::after{
content:'';
display:block;
position:absolute;
inset-block-start:50%;
/*! @noflip */
left:50%;
width:var(--slds-g-sizing-3);
height:2px;
border:0;
transform:translate3d(-50%, -50%, 0);
background-color:var(--slds-s-mark-color-foreground-checked, var(--slds-g-color-accent-container-1));
}
.slds-scope .slds-checkbox [type='checkbox'][disabled] + .slds-checkbox_faux,.slds-scope .slds-checkbox [type='checkbox'][disabled] + .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox'][disabled] ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox'][disabled] ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox'][disabled] + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox'][disabled] + .slds-checkbox__label .slds-checkbox--faux{
border-color:var(--slds-g-color-border-disabled-1);
background-color:var(--slds-g-color-disabled-container-2);
}
.slds-scope .slds-checkbox [type='checkbox'][disabled]:checked + .slds-checkbox_faux,.slds-scope .slds-checkbox [type='checkbox'][disabled]:checked + .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox'][disabled]:checked ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox'][disabled]:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox [type='checkbox'][disabled]:checked + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-checkbox [type='checkbox'][disabled]:checked + .slds-checkbox__label .slds-checkbox--faux{
border-color:var(--slds-g-color-border-disabled-1);
background-color:var(--slds-g-color-disabled-container-2);
}
.slds-scope .slds-checkbox [type='checkbox'][disabled] + .slds-checkbox_faux::after,.slds-scope .slds-checkbox [type='checkbox'][disabled] + .slds-checkbox--faux::after,
.slds-scope .slds-checkbox [type='checkbox'][disabled] ~ .slds-checkbox_faux::after,
.slds-scope .slds-checkbox [type='checkbox'][disabled] ~ .slds-checkbox--faux::after,
.slds-scope .slds-checkbox [type='checkbox'][disabled] + .slds-checkbox__label .slds-checkbox_faux::after,
.slds-scope .slds-checkbox [type='checkbox'][disabled] + .slds-checkbox__label .slds-checkbox--faux::after{
border-color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-has-error .slds-checkbox [type='checkbox'] + .slds-checkbox_faux,.slds-scope .slds-has-error .slds-checkbox [type='checkbox'] + .slds-checkbox--faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox'] ~ .slds-checkbox_faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox'] ~ .slds-checkbox--faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox'] + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox'] + .slds-checkbox__label .slds-checkbox--faux{
border-color:var(--slds-g-color-border-error-1);
border-width:var(--slds-g-sizing-border-2);
}
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked + .slds-checkbox_faux,.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked + .slds-checkbox--faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox_faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox--faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox--faux{
border-color:var(--slds-g-color-border-error-1);
background-color:var(--slds-s-mark-color-background-invalid);
--slds-c-checkbox-shadow:var(--slds-s-mark-shadow-checked);
}
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible + .slds-checkbox_faux,.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible + .slds-checkbox--faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible ~ .slds-checkbox_faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible ~ .slds-checkbox--faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible + .slds-checkbox__label .slds-checkbox--faux{
border-color:var(--slds-g-color-border-error-1);
border-width:var(--slds-g-sizing-border-2);
--slds-c-checkbox-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible:checked + .slds-checkbox_faux,.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible:checked + .slds-checkbox--faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible:checked ~ .slds-checkbox_faux,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:focus-visible:checked ~ .slds-checkbox--faux,
.slds-scope .slds-has-error
.slds-checkbox
[type='checkbox']:focus-visible:checked
+ .slds-checkbox__label
.slds-checkbox_faux,
.slds-scope .slds-has-error
.slds-checkbox
[type='checkbox']:focus-visible:checked
+ .slds-checkbox__label
.slds-checkbox--faux{
border-color:var(--slds-g-color-border-error-1);
border-width:var(--slds-g-sizing-border-2);
--slds-c-checkbox-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked + .slds-checkbox_faux::after,.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked + .slds-checkbox--faux::after,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox_faux::after,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked ~ .slds-checkbox--faux::after,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox_faux::after,
.slds-scope .slds-has-error .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label .slds-checkbox--faux::after{
border-color:var(--slds-s-mark-color-foreground-invalid, var(--slds-g-color-border-error-1));
}
.slds-scope .slds-form-element .slds-checkbox [type='checkbox'] + .slds-checkbox_faux,.slds-scope .slds-form-element .slds-checkbox [type='checkbox'] + .slds-checkbox--faux,
.slds-scope .slds-form-element .slds-checkbox [type='checkbox'] ~ .slds-checkbox_faux,
.slds-scope .slds-form-element .slds-checkbox [type='checkbox'] ~ .slds-checkbox--faux,
.slds-scope .slds-form-element .slds-checkbox [type='checkbox'] + .slds-checkbox__label .slds-checkbox_faux,
.slds-scope .slds-form-element .slds-checkbox [type='checkbox'] + .slds-checkbox__label .slds-checkbox--faux{
margin-inline-end:var(--slds-g-sizing-3);
}
[dir='rtl'] .slds-scope .slds-form-element .slds-checkbox [type='checkbox'] + .slds-checkbox_faux,[dir='rtl'] .slds-scope .slds-form-element .slds-checkbox [type='checkbox'] + .slds-checkbox--faux,
[dir='rtl'] .slds-scope [dir='rtl'] .slds-form-element .slds-checkbox [type='checkbox'] ~ .slds-checkbox_faux,
[dir='rtl'] .slds-scope [dir='rtl'] .slds-form-element .slds-checkbox [type='checkbox'] ~ .slds-checkbox--faux,
[dir='rtl'] .slds-scope [dir='rtl']
.slds-form-element
.slds-checkbox
[type='checkbox']
+ .slds-checkbox__label
.slds-checkbox_faux,
[dir='rtl'] .slds-scope [dir='rtl']
.slds-form-element
.slds-checkbox
[type='checkbox']
+ .slds-checkbox__label
.slds-checkbox--faux,
[dir='rtl'] .slds-scope .slds-form-element .slds-checkbox [type='checkbox'] + .slds-checkbox__label .slds-checkbox--faux{
/*! @noflip */
margin-right:0;
/*! @noflip */
margin-left:var(--slds-g-sizing-3);
}
.slds-scope .slds-checkbox_standalone,.slds-scope .slds-checkbox--standalone{
pointer-events:none;
}
.slds-scope .slds-checkbox_standalone [type='checkbox'],.slds-scope .slds-checkbox--standalone [type='checkbox']{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
margin:0;
clip:auto;
opacity:0;
}
.slds-scope .slds-checkbox_faux,.slds-scope .slds-checkbox--faux{
display:block;
}
.slds-scope .slds-checkbox_toggle,.slds-scope .slds-checkbox--toggle{
width:100%;
}
.slds-scope .slds-checkbox_toggle .slds-checkbox_faux,.slds-scope .slds-checkbox--toggle .slds-checkbox--faux{
display:block;
position:relative;
width:var(--slds-g-sizing-10);
height:var(--slds-g-sizing-7);
border-width:var(--slds-g-sizing-border-1);
border-style:solid;
border-color:var(--slds-c-checkbox-toggle-color-border, var(--slds-g-color-neutral-base-60));
padding:var(--slds-g-spacing-1);
background-color:var(--slds-c-checkbox-toggle-color-background, var(--slds-g-color-neutral-base-60));
border-radius:var(--slds-c-checkbox-toggle-radius-border, var(--slds-g-radius-border-pill));
box-shadow:var(--slds-c-checkbox-toggle-shadow, var(--slds-s-mark-shadow-checked));
transition:background-color 0.2s cubic-bezier(0.75, 0, 0.08, 1);
}
.slds-scope .slds-checkbox_toggle .slds-checkbox_faux:hover,.slds-scope .slds-checkbox--toggle .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_toggle .slds-checkbox_faux:focus,
.slds-scope .slds-checkbox--toggle .slds-checkbox--faux:focus{
--slds-c-checkbox-toggle-color-background:var(
--slds-c-checkbox-toggle-color-background-hover,
var(--slds-g-color-neutral-base-50)
);
--slds-c-checkbox-toggle-color-border:var(
--slds-c-checkbox-toggle-color-border-hover,
var(--slds-g-color-neutral-base-50)
);
cursor:pointer;
}
.slds-scope .slds-checkbox_toggle .slds-checkbox_faux::after,.slds-scope .slds-checkbox--toggle .slds-checkbox--faux::after{
content:'';
position:absolute;
top:1px;
left:1px;
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
background-color:var(
--slds-c-checkbox-toggle-switch-color-background,
var(--slds-g-color-on-accent-1)
);
border-radius:var(--slds-c-checkbox-toggle-radius-border, var(--slds-g-radius-border-pill));
}
.slds-scope .slds-checkbox_toggle .slds-form-element__label,.slds-scope .slds-checkbox--toggle .slds-form-element__label{
font-weight:normal;
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-checkbox_toggle [type='checkbox'],.slds-scope .slds-checkbox--toggle [type='checkbox']{
width:1px;
height:1px;
border:0;
clip:rect(0 0 0 0);
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
}
.slds-scope .slds-checkbox_toggle [type='checkbox'] + .slds-checkbox_faux_container,.slds-scope .slds-checkbox--toggle [type='checkbox'] + .slds-checkbox--faux_container{
font-size:var(--slds-g-font-scale-neg-2);
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-checkbox_toggle [type='checkbox'] + .slds-checkbox_faux_container .slds-checkbox_off,.slds-scope .slds-checkbox--toggle [type='checkbox'] + .slds-checkbox--faux_container .slds-checkbox--off{
display:block;
}
.slds-scope .slds-checkbox_toggle [type='checkbox'] + .slds-checkbox_faux_container .slds-checkbox_on,.slds-scope .slds-checkbox--toggle [type='checkbox'] + .slds-checkbox--faux_container .slds-checkbox--on{
display:none;
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_off,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--off{
display:none;
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_on,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--on{
display:block;
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:focus-visible + .slds-checkbox_faux,.slds-scope .slds-checkbox--toggle [type='checkbox']:focus-visible + .slds-checkbox--faux,
.slds-scope .slds-checkbox_toggle [type='checkbox']:focus-visible ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--toggle [type='checkbox']:focus-visible ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_toggle [type='checkbox']:focus-visible + .slds-checkbox_faux_container .slds-checkbox_faux,
.slds-scope .slds-checkbox--toggle [type='checkbox']:focus-visible + .slds-checkbox--faux_container .slds-checkbox--faux{
--slds-c-checkbox-toggle-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux{
--slds-c-checkbox-toggle-color-border:var(--slds-g-color-border-accent-1);
--slds-c-checkbox-toggle-color-background:var(--slds-g-color-accent-container-1);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux:hover,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux:hover,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux:hover,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux:focus,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux:focus,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux:focus,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux:focus,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux:focus,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux:focus{
--slds-c-checkbox-toggle-color-border:var(--slds-g-color-border-accent-2);
--slds-c-checkbox-toggle-color-background:var(--slds-g-color-accent-container-2);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux::before,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux::before{
content:'';
position:absolute;
top:1px;
right:1px;
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
background-color:var(
--slds-c-checkbox-toggle-switch-color-background-checked,
var(--slds-c-checkbox-toggle-switch-color-background, var(--slds-g-color-on-accent-1))
);
border-radius:var(--slds-c-checkbox-toggle-radius-border, var(--slds-g-radius-border-pill));
transition:transform 0.2s cubic-bezier(0.75, 0, 0.08, 1);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux:hover::before,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux:hover::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux:hover::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux:hover::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux:hover::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux:hover::before{
--slds-c-checkbox-toggle-switch-color-background:var(--slds-g-color-on-accent-2);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus + .slds-checkbox_faux::before,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus + .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus ~ .slds-checkbox_faux::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus ~ .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus + .slds-checkbox_faux_container .slds-checkbox_faux::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus + .slds-checkbox--faux_container .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux:focus::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux:focus::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux:focus::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux:focus::before,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux:focus::before,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux:focus::before{
--slds-c-checkbox-toggle-switch-color-background:var(--slds-g-color-on-accent-2);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux::after,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux::after{
--slds-c-checkbox-toggle-switch-color-background:transparent;
--slds-c-checkbox-toggle-radius-border:0;
content:' ';
position:absolute;
top:0.25rem;
left:0.6rem;
height:0.7rem;
width:0.45rem;
border-bottom-width:var(--slds-g-sizing-border-2);
border-bottom-style:solid;
border-bottom-color:var(
--slds-c-checkbox-toggle-mark-color-foreground,
var(--slds-g-color-on-accent-1)
);
/*! @noflip */
border-right-width:var(--slds-g-sizing-border-2);
border-right-style:solid;
border-right-color:var(
--slds-c-checkbox-toggle-mark-color-foreground,
var(--slds-g-color-on-accent-1)
);
transform:rotate(45deg);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux:hover::after,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux:hover::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux:hover::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux:hover::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux:hover::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux:hover::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux:focus::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux:focus::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked ~ .slds-checkbox_faux:focus::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked ~ .slds-checkbox--faux:focus::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked + .slds-checkbox_faux_container .slds-checkbox_faux:focus::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked + .slds-checkbox--faux_container .slds-checkbox--faux:focus::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus + .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus + .slds-checkbox--faux::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus ~ .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus ~ .slds-checkbox--faux::after,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus + .slds-checkbox_faux_container .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus + .slds-checkbox--faux_container .slds-checkbox--faux::after{
--slds-c-checkbox-toggle-mark-color-foreground:var(--slds-g-color-on-accent-2);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus + .slds-checkbox_faux,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus + .slds-checkbox--faux,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked:focus + .slds-checkbox_faux_container .slds-checkbox_faux,
.slds-scope .slds-checkbox--toggle [type='checkbox']:checked:focus + .slds-checkbox--faux_container .slds-checkbox--faux{
--slds-c-checkbox-toggle-color-background:var(
--slds-c-checkbox-toggle-color-background-checked-focus,
var(--slds-g-color-accent-container-2)
);
}
.slds-scope .slds-checkbox_toggle [type='checkbox'][disabled] + .slds-checkbox_faux,.slds-scope .slds-checkbox--toggle [type='checkbox'][disabled] + .slds-checkbox--faux,
.slds-scope .slds-checkbox_toggle [type='checkbox'][disabled] ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--toggle [type='checkbox'][disabled] ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_toggle [type='checkbox'][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux,
.slds-scope .slds-checkbox--toggle [type='checkbox'][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux{
--slds-c-checkbox-toggle-color-background:var(--slds-g-color-disabled-container-2);
--slds-c-checkbox-toggle-color-border:var(--slds-g-color-border-disabled-1);
pointer-events:none;
}
.slds-scope .slds-checkbox_toggle [type='checkbox'][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux::before,.slds-scope .slds-checkbox--toggle [type='checkbox'][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_toggle [type='checkbox'][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--toggle [type='checkbox'][disabled] + .slds-checkbox--faux_container .slds-checkbox--faux::after{
--slds-c-checkbox-toggle-switch-color-background:var(--slds-g-color-on-disabled-2);
--slds-c-checkbox-toggle-mark-color-foreground:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-checkbox_toggle [type='checkbox']:checked[disabled] + .slds-checkbox_faux_container .slds-checkbox_faux::after,.slds-scope .slds-checkbox--toggle [type='checkbox']:checked[disabled] + .slds-checkbox--faux_container .slds-checkbox--faux::after{
background-color:transparent;
--slds-c-checkbox-toggle-mark-color-foreground:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-checkbox_add-button .slds-checkbox_faux,.slds-scope .slds-checkbox--add-button .slds-checkbox--faux{
width:var(--slds-g-spacing-6);
height:var(--slds-g-spacing-6);
position:relative;
display:inline-block;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
border-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
background-color:var(--slds-g-color-surface-container-1);
cursor:pointer;
}
.slds-scope .slds-checkbox_add-button .slds-checkbox_faux::before,.slds-scope .slds-checkbox--add-button .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_add-button .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--add-button .slds-checkbox--faux::after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:14px;
width:2px;
margin:auto;
background-color:var(--slds-s-button-color, var(--slds-g-color-accent-3));
}
.slds-scope .slds-checkbox_add-button .slds-checkbox_faux::after,.slds-scope .slds-checkbox--add-button .slds-checkbox--faux::after{
width:14px;
height:2px;
}
.slds-scope .slds-checkbox_add-button .slds-checkbox_faux:hover:not([disabled]),.slds-scope .slds-checkbox--add-button .slds-checkbox--faux:hover:not([disabled]),
.slds-scope .slds-checkbox_add-button .slds-checkbox_faux:focus:not([disabled]),
.slds-scope .slds-checkbox--add-button .slds-checkbox--faux:focus:not([disabled]),
.slds-scope .slds-checkbox_add-button .slds-checkbox_faux:active:not([disabled]),
.slds-scope .slds-checkbox--add-button .slds-checkbox--faux:active:not([disabled]){
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-checkbox_add-button .slds-checkbox_faux:active:not([disabled]),.slds-scope .slds-checkbox--add-button .slds-checkbox--faux:active:not([disabled]){
box-shadow:var(--slds-s-button-shadow-active);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:not([disabled]) ~ .slds-checkbox_faux:hover,.slds-scope .slds-checkbox--add-button [type='checkbox']:not([disabled]) ~ .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_add-button [type='checkbox']:not([disabled]) + .slds-checkbox_faux:hover,
.slds-scope .slds-checkbox--add-button [type='checkbox']:not([disabled]) + .slds-checkbox--faux:hover{
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
transform:var(--slds-s-button-bordered-transform-hover);
box-shadow:var(--slds-s-button-bordered-shadow-hover);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:not([disabled]) ~ .slds-checkbox_faux:active,.slds-scope .slds-checkbox--add-button [type='checkbox']:not([disabled]) ~ .slds-checkbox--faux:active,
.slds-scope .slds-checkbox_add-button [type='checkbox']:not([disabled]) + .slds-checkbox_faux:active,
.slds-scope .slds-checkbox--add-button [type='checkbox']:not([disabled]) + .slds-checkbox--faux:active{
transform:none;
box-shadow:0 0 0 0 transparent, var(--slds-s-button-shadow-active);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]) ~ .slds-checkbox_faux:hover,.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]) ~ .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox_faux:hover,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox--faux:hover{
transform:var(--slds-s-button-brand-transform-hover);
box-shadow:var(--slds-s-button-brand-shadow-hover);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]) ~ .slds-checkbox_faux:active,.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]) ~ .slds-checkbox--faux:active,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox_faux:active,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox--faux:active{
transform:none;
box-shadow:0 0 0 0 transparent, var(--slds-s-button-shadow-active);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked ~ .slds-checkbox_faux,.slds-scope .slds-checkbox--add-button [type='checkbox']:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked + .slds-checkbox_faux,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked + .slds-checkbox--faux{
border-color:transparent;
background-color:var(--slds-g-color-accent-container-1);
box-shadow:var(--slds-s-mark-shadow-checked);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked ~ .slds-checkbox_faux::before,.slds-scope .slds-checkbox--add-button [type='checkbox']:checked ~ .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked ~ .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked ~ .slds-checkbox--faux::after,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked + .slds-checkbox_faux::before,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked + .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked + .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked + .slds-checkbox--faux::after{
background-color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked ~ .slds-checkbox_faux::before,.slds-scope .slds-checkbox--add-button [type='checkbox']:checked ~ .slds-checkbox--faux::before, .slds-scope .slds-checkbox_add-button [type='checkbox']:checked + .slds-checkbox_faux::before, .slds-scope .slds-checkbox--add-button [type='checkbox']:checked + .slds-checkbox--faux::before{
left:5px;
width:2px;
height:16px;
transform:rotate(40deg);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked ~ .slds-checkbox_faux::after,.slds-scope .slds-checkbox--add-button [type='checkbox']:checked ~ .slds-checkbox--faux::after, .slds-scope .slds-checkbox_add-button [type='checkbox']:checked + .slds-checkbox_faux::after, .slds-scope .slds-checkbox--add-button [type='checkbox']:checked + .slds-checkbox--faux::after{
top:5px;
left:-10px;
width:9px;
height:2px;
transform:rotate(40deg);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]) ~ .slds-checkbox_faux:hover,.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]) ~ .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox_faux:hover,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]):focus-visible ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]):focus-visible ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]):focus-visible + .slds-checkbox_faux,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]):focus-visible + .slds-checkbox--faux{
background-color:var(--slds-g-color-accent-container-2);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox_faux:hover::before,.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox--faux:hover::before,
.slds-scope .slds-checkbox_add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox_faux:hover::after,
.slds-scope .slds-checkbox--add-button [type='checkbox']:checked:not([disabled]) + .slds-checkbox--faux:hover::after{
background-color:var(--slds-g-color-on-accent-2);
}
.slds-scope .slds-checkbox_add-button [type='checkbox']:focus-visible ~ .slds-checkbox_faux,.slds-scope .slds-checkbox--add-button [type='checkbox']:focus-visible ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_add-button [type='checkbox']:focus-visible + .slds-checkbox_faux,
.slds-scope .slds-checkbox--add-button [type='checkbox']:focus-visible + .slds-checkbox--faux{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
background-color:var(--slds-g-color-surface-container-2);
border-width:0;
}
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled] ~ .slds-checkbox_faux,.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled] ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled] + .slds-checkbox_faux,
.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled] + .slds-checkbox--faux{
background-color:var(--slds-g-color-disabled-container-1);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-1);
cursor:default;
}
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled] ~ .slds-checkbox_faux::before,.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled] ~ .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled] + .slds-checkbox_faux::before,
.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled] + .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled] ~ .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled] ~ .slds-checkbox--faux::after,
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled] + .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled] + .slds-checkbox--faux::after{
background-color:var(--slds-g-color-on-disabled-1);
}
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled]:checked ~ .slds-checkbox_faux,.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled]:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled]:checked + .slds-checkbox_faux,
.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled]:checked + .slds-checkbox--faux{
background-color:var(--slds-g-color-disabled-container-2);
}
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled]:checked ~ .slds-checkbox_faux::before,.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled]:checked ~ .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled]:checked + .slds-checkbox_faux::before,
.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled]:checked + .slds-checkbox--faux::before,
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled]:checked ~ .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled]:checked ~ .slds-checkbox--faux::after,
.slds-scope .slds-checkbox_add-button [type='checkbox'][disabled]:checked + .slds-checkbox_faux::after,
.slds-scope .slds-checkbox--add-button [type='checkbox'][disabled]:checked + .slds-checkbox--faux::after{
background-color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-checkbox-button{
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
display:inline-flex;
align-items:center;
justify-content:center;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
border-radius:var(--slds-s-button-radius-border);
color:var(--slds-s-button-color);
cursor:pointer;
}
.slds-scope .slds-checkbox-button .slds-icon{
--slds-c-icon-color-foreground:currentColor;
}
.slds-scope .slds-checkbox-button_is-checked,.slds-scope .slds-checkbox-button--is-checked{
background-color:var(--slds-g-color-accent-container-1);
border-color:transparent;
color:var(--slds-g-color-on-accent-1);
box-shadow:var(--slds-s-mark-shadow-checked);
}
.slds-scope .slds-checkbox-button_is-disabled,.slds-scope .slds-checkbox-button--is-disabled{
background-color:var(--slds-g-color-disabled-container-1);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-2);
cursor:default;
}
.slds-scope .slds-checkbox-button_is-disabled.slds-checkbox-button_is-checked,.slds-scope .slds-checkbox-button--is-disabled.slds-checkbox-button--is-checked{
background-color:var(--slds-g-color-disabled-container-2);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-2);
box-shadow:var(--slds-s-mark-shadow-checked);
}
.slds-scope .slds-checkbox-button_is-focused,.slds-scope .slds-checkbox-button--is-focused{
outline:0;
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-checkbox_button-group,.slds-scope .slds-checkbox--button-group{
display:inline-flex;
background-color:var(--slds-g-color-surface-container-1);
border-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
}
.slds-scope .slds-checkbox_button,.slds-scope .slds-checkbox--button{
display:flex;
border:0;
border-radius:0;
background-clip:padding-box;
padding-inline:0;
line-height:1.875rem;
}
.slds-scope .slds-checkbox_button .slds-checkbox_faux,.slds-scope .slds-checkbox--button .slds-checkbox--faux{
padding-inline:var(--slds-g-spacing-4);
text-align:center;
vertical-align:middle;
position:relative;
background-color:var(--slds-g-color-surface-container-1);
transition:border 0.1s linear, background-color 0.1s linear;
}
.slds-scope .slds-checkbox_button .slds-checkbox_button__label .slds-checkbox_faux,.slds-scope .slds-checkbox--button .slds-checkbox--button__label .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:checked + .slds-checkbox_button__label .slds-checkbox_faux,
.slds-scope .slds-checkbox--button [type='checkbox']:checked + .slds-checkbox--button__label .slds-checkbox--faux{
background-color:transparent;
}
.slds-scope .slds-checkbox_button + .slds-checkbox_button,.slds-scope .slds-checkbox--button + .slds-checkbox--button{
border-inline-end:0;
border-radius:0;
margin:0;
}
.slds-scope .slds-checkbox_button > .slds-checkbox_faux,.slds-scope .slds-checkbox--button > .slds-checkbox--faux,
.slds-scope .slds-checkbox_button > .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button > .slds-checkbox--button__label{
margin-inline-start:calc(var(--slds-g-sizing-border-1) * -1);
}
.slds-scope .slds-checkbox_button:first-child > .slds-checkbox_faux,.slds-scope .slds-checkbox--button:first-child > .slds-checkbox--faux,
.slds-scope .slds-checkbox_button:first-child > .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button:first-child > .slds-checkbox--button__label{
border-start-start-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-start-end-radius:0;
border-end-end-radius:0;
border-end-start-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
margin-inline-start:auto;
}
.slds-scope .slds-checkbox_button:last-child > .slds-checkbox_faux,.slds-scope .slds-checkbox--button:last-child > .slds-checkbox--faux,
.slds-scope .slds-checkbox_button .slds-button_last > .slds-checkbox_faux,
.slds-scope .slds-checkbox--button .slds-button--last > .slds-checkbox--faux,
.slds-scope .slds-checkbox_button:last-child > .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button:last-child > .slds-checkbox--button__label{
border-start-start-radius:0;
border-start-end-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-end-end-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-end-start-radius:0;
}
.slds-scope .slds-checkbox_button:first-child:hover,.slds-scope .slds-checkbox--button:first-child:hover{
border-start-start-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-start-end-radius:0;
border-end-end-radius:0;
border-end-start-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
}
.slds-scope .slds-checkbox_button:last-child:hover,.slds-scope .slds-checkbox--button:last-child:hover{
border-start-start-radius:0;
border-start-end-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-end-end-radius:var(--slds-s-button-radius-border, var(--slds-g-radius-border-2));
border-end-start-radius:0;
}
.slds-scope .slds-checkbox_button [type='checkbox'],.slds-scope .slds-checkbox--button [type='checkbox']{
width:1px;
height:1px;
border:0;
clip:rect(0 0 0 0);
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
}
.slds-scope .slds-checkbox_button [type='checkbox']:checked + .slds-checkbox_faux,.slds-scope .slds-checkbox--button [type='checkbox']:checked + .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:checked ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--button [type='checkbox']:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:checked + .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button [type='checkbox']:checked + .slds-checkbox--button__label{
background-color:var(--slds-g-color-accent-container-1);
color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-checkbox_button [type='checkbox']:checked:active + .slds-checkbox_faux,.slds-scope .slds-checkbox--button [type='checkbox']:checked:active + .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:checked:active ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--button [type='checkbox']:checked:active ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:checked:active + .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button [type='checkbox']:checked:active + .slds-checkbox--button__label{
box-shadow:var(--slds-s-button-shadow-active);
}
.slds-scope .slds-checkbox_button [type='checkbox']:not([disabled]) + .slds-checkbox_button__label:hover,.slds-scope .slds-checkbox--button [type='checkbox']:not([disabled]) + .slds-checkbox--button__label:hover{
box-shadow:var(--slds-s-button-bordered-shadow-hover);
transform:var(--slds-s-button-bordered-transform-hover);
transition:transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.slds-scope .slds-checkbox_button [type='checkbox']:not([disabled]) + .slds-checkbox_button__label:active,.slds-scope .slds-checkbox--button [type='checkbox']:not([disabled]) + .slds-checkbox--button__label:active{
box-shadow:0 0 0 0 transparent, var(--slds-s-button-shadow-active);
transform:none;
}
.slds-scope .slds-checkbox_button [type='checkbox']:not([disabled]):checked + .slds-checkbox_button__label:hover,.slds-scope .slds-checkbox--button [type='checkbox']:not([disabled]):checked + .slds-checkbox--button__label:hover{
border-block-start-color:var(--slds-g-color-accent-container-2);
border-block-end-color:var(--slds-g-color-accent-3);
box-shadow:var(--slds-s-button-brand-shadow-hover);
transform:var(--slds-s-button-brand-transform-hover);
}
.slds-scope .slds-checkbox_button [type='checkbox']:not([disabled]):checked + .slds-checkbox_button__label:active,.slds-scope .slds-checkbox--button [type='checkbox']:not([disabled]):checked + .slds-checkbox--button__label:active{
box-shadow:0 0 0 0 transparent, var(--slds-s-button-shadow-active);
transform:none;
}
.slds-scope .slds-checkbox_button [type='checkbox']:checked + .slds-checkbox_faux:hover,.slds-scope .slds-checkbox--button [type='checkbox']:checked + .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_button [type='checkbox']:checked ~ .slds-checkbox_faux:hover,
.slds-scope .slds-checkbox--button [type='checkbox']:checked ~ .slds-checkbox--faux:hover,
.slds-scope .slds-checkbox_button [type='checkbox']:checked + .slds-checkbox_button__label:hover,
.slds-scope .slds-checkbox--button [type='checkbox']:checked + .slds-checkbox--button__label:hover,
.slds-scope .slds-checkbox_button [type='checkbox']:checked + .slds-checkbox_faux:focus,
.slds-scope .slds-checkbox--button [type='checkbox']:checked + .slds-checkbox--faux:focus,
.slds-scope .slds-checkbox_button [type='checkbox']:checked ~ .slds-checkbox_faux:focus,
.slds-scope .slds-checkbox--button [type='checkbox']:checked ~ .slds-checkbox--faux:focus,
.slds-scope .slds-checkbox_button [type='checkbox']:checked + .slds-checkbox_button__label:focus,
.slds-scope .slds-checkbox--button [type='checkbox']:checked + .slds-checkbox--button__label:focus{
color:var(--slds-g-color-on-accent-2);
background-color:var(--slds-g-color-accent-container-2);
}
.slds-scope .slds-checkbox_button [type='checkbox']:focus-visible + .slds-checkbox_faux,.slds-scope .slds-checkbox--button [type='checkbox']:focus-visible + .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:focus-visible ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--button [type='checkbox']:focus-visible ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:focus-visible + .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button [type='checkbox']:focus-visible + .slds-checkbox--button__label{
background-color:var(--slds-g-color-surface-container-2);
z-index:1;
box-shadow:none;
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-1px;
}
.slds-scope .slds-checkbox_button [type='checkbox']:checked:focus-visible + .slds-checkbox_faux,.slds-scope .slds-checkbox--button [type='checkbox']:checked:focus-visible + .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:checked:focus-visible ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--button [type='checkbox']:checked:focus-visible ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox']:checked:focus-visible + .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button [type='checkbox']:checked:focus-visible + .slds-checkbox--button__label{
background-color:var(--slds-g-color-accent-container-2);
box-shadow:inset 0 0 0 3px var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-checkbox_button [type='checkbox'][disabled] + .slds-checkbox_faux,.slds-scope .slds-checkbox--button [type='checkbox'][disabled] + .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox'][disabled] ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--button [type='checkbox'][disabled] ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox'][disabled] + .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button [type='checkbox'][disabled] + .slds-checkbox--button__label{
background-color:var(--slds-g-color-disabled-container-1);
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-checkbox_button [type='checkbox'][disabled]:checked + .slds-checkbox_faux,.slds-scope .slds-checkbox--button [type='checkbox'][disabled]:checked + .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox'][disabled]:checked ~ .slds-checkbox_faux,
.slds-scope .slds-checkbox--button [type='checkbox'][disabled]:checked ~ .slds-checkbox--faux,
.slds-scope .slds-checkbox_button [type='checkbox'][disabled]:checked + .slds-checkbox_button__label,
.slds-scope .slds-checkbox--button [type='checkbox'][disabled]:checked + .slds-checkbox--button__label{
background-color:var(--slds-g-color-disabled-container-2);
color:var(--slds-g-color-on-disabled-1);
}
.slds-scope .slds-checkbox_button [type='checkbox'][disabled] + .slds-checkbox_button__label:hover,.slds-scope .slds-checkbox--button [type='checkbox'][disabled] + .slds-checkbox--button__label:hover,
.slds-scope .slds-checkbox_button [type='checkbox'][disabled] + .slds-checkbox_button__label:focus,
.slds-scope .slds-checkbox--button [type='checkbox'][disabled] + .slds-checkbox--button__label:focus{
cursor:default;
}
.slds-scope .slds-checkbox_button__label,.slds-scope .slds-checkbox--button__label{
background-color:var(--slds-g-color-surface-container-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
}
.slds-scope .slds-checkbox_button__label:hover,.slds-scope .slds-checkbox--button__label:hover,
.slds-scope .slds-checkbox_button__label:focus,
.slds-scope .slds-checkbox--button__label:focus{
cursor:pointer;
background-color:var(--slds-g-color-surface-container-2);
}
/*! Lightning Design System 2.23.0-alpha.1 */
.slds-scope .slds-select{
height:calc(1.875rem + (1px * 2));
width:100%;
border:var(--slds-s-input-sizing-border, var(--slds-g-sizing-border-1)) solid var(--slds-c-select-color-border, var(--slds-s-input-color-border, var(--slds-g-color-border-1)));
border-radius:var(
--slds-c-select-radius-border,
var(--slds-s-input-radius-border, var(--slds-g-radius-border-2))
);
background-color:var(
--slds-c-select-color-background,
var(--slds-s-input-color-background, var(--slds-g-color-surface-container-1))
);
color:var(--slds-c-select-text-color, var(--slds-s-input-color));
box-shadow:var(--slds-c-select-shadow, var(--slds-s-input-shadow));
transition:background-color 0.1s linear;
}
.slds-scope .slds-select:required{
box-shadow:none;
}
.slds-scope .slds-select:focus-visible{
border-color:var(--slds-c-select-color-border-focus, transparent);
background-color:var(--slds-c-select-color-background-focus, var(--slds-g-color-surface-container-1));
color:var(--slds-s-input-color-focus, var(--slds-c-select-text-color-focus));
outline:0;
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-select[disabled],
.slds-scope .slds-select.slds-is-disabled{
background-color:var(--slds-g-color-disabled-container-1);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-on-1);
cursor:not-allowed;
user-select:none;
opacity:1;
}
.slds-scope .slds-select[disabled]:focus,
.slds-scope .slds-select[disabled]:active,
.slds-scope .slds-select.slds-is-disabled:focus,
.slds-scope .slds-select.slds-is-disabled:active{
box-shadow:none;
}
.slds-scope .slds-select[size],
.slds-scope .slds-select[multiple]{
min-height:calc(1.875rem + (1px * 2));
height:inherit;
}
.slds-scope .slds-select[size] option,
.slds-scope .slds-select[multiple] option{
padding:var(--slds-g-spacing-2);
}
.slds-scope .slds-select_container,.slds-scope .slds-select--container{
position:relative;
color:var(--slds-c-select-text-color, var(--slds-s-input-color));
}
.slds-scope .slds-select_container .slds-select,.slds-scope .slds-select--container .slds-select{
appearance:none;
padding-inline-start:var(--slds-s-input-spacing, var(--slds-g-spacing-2));
padding-inline-end:var(--slds-s-input-spacing, var(--slds-g-spacing-5));
}
.slds-scope .slds-select_container::before,.slds-scope .slds-select--container::before,
.slds-scope .slds-select_container::after,
.slds-scope .slds-select--container::after{
position:absolute;
content:'';
display:block;
inset-inline-end:var(--slds-g-spacing-2);
width:0;
height:0;
border-inline-start:var(--slds-g-sizing-border-3) solid transparent;
border-inline-end:var(--slds-g-sizing-border-3) solid transparent;
pointer-events:none;
}
.slds-scope .slds-select_container::before,.slds-scope .slds-select--container::before{
border-block-end:5px solid currentColor;
inset-block-start:calc((var(--slds-g-sizing-8) / 2) - 6px);
}
.slds-scope .slds-select_container::after,.slds-scope .slds-select--container::after{
border-block-start:5px solid currentColor;
inset-block-end:calc((var(--slds-g-sizing-8) / 2) - 6px);
}
.slds-scope .slds-has-error .slds-select{
border-color:var(--slds-s-input-color-border-invalid, var(--slds-g-color-error-1));
box-shadow:var(--slds-s-input-shadow-invalid, var(--slds-g-color-error-1) 0 0 0 1px inset);
background-clip:padding-box;
background-color:var(--slds-s-input-color-background-invalid);
color:var(--slds-s-input-color-invalid);
}
.slds-scope .slds-has-error .slds-select:focus-visible,
.slds-scope .slds-has-error .slds-select:active{
box-shadow:var(--slds-g-color-error-1) 0 0 0 1px inset, 0 0 3px var(--slds-g-color-border-accent-2);
box-shadow:var(--slds-g-shadow-outline-focus-1);
border-color:transparent;
}
.slds-scope .slds-docked-form-footer{
display:flex;
justify-content:center;
padding:var(--slds-g-spacing-2) 0;
position:fixed;
inset-block-end:0;
inset-inline-start:0;
width:100%;
background-color:var(--slds-s-container-footer-color-background, var(--slds-g-color-surface-container-2));
box-shadow:var(--slds-g-shadow-blockstart-2);
z-index:8000;
}
.slds-scope .slds-docked-form-footer:focus-within{
align-items:center;
}
.slds-scope .slds-slider{
display:flex;
position:relative;
}
.slds-scope .slds-slider__range{
appearance:none;
width:100%;
background:none;
background-color:transparent;
border-radius:var(--slds-g-radius-border-1);
}
.slds-scope .slds-slider__range:focus{
outline:0;
}
.slds-scope .slds-slider__range::-webkit-slider-thumb{
appearance:none;
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
border-radius:var(--slds-c-slider-thumb-radius-border, var(--slds-g-radius-border-circle));
background:none;
background-color:var(--slds-c-slider-thumb-color-foreground, var(--slds-g-color-accent-container-1));
border:0;
box-shadow:var(
--slds-c-slider-thumb-shadow,
var(--slds-g-color-neutral-base-10, rgb(0, 0, 0, 0.16) 0 2px 3px)
);
cursor:pointer;
transition:background 0.15s ease-in-out;
}
.slds-scope .slds-slider__range::-webkit-slider-thumb:hover{
background-color:var(
--slds-c-slider-thumb-color-foreground-hover,
var(--slds-g-color-accent-container-2)
);
}
.slds-scope .slds-slider__range::-webkit-slider-thumb{
margin-top:calc(((var(--slds-g-sizing-5) / 2) - (var(--slds-g-sizing-2) / 2)) * -1);
}
.slds-scope .slds-slider__range::-webkit-slider-runnable-track{
width:100%;
height:var(--slds-g-sizing-2);
cursor:pointer;
background:none;
background-color:var(--slds-c-slider-track-color-background, var(--slds-g-color-border-1));
border-radius:var(--slds-c-slider-track-radius-border, var(--slds-g-radius-border-1));
}
.slds-scope .slds-slider__range::-moz-range-thumb{
appearance:none;
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
border-radius:var(--slds-c-slider-thumb-radius-border, var(--slds-g-radius-border-circle));
background:none;
background-color:var(--slds-c-slider-thumb-color-foreground, var(--slds-g-color-accent-container-1));
border:0;
box-shadow:var(
--slds-c-slider-thumb-shadow,
var(--slds-g-color-neutral-base-10, rgb(0, 0, 0, 0.16) 0 2px 3px)
);
cursor:pointer;
transition:background 0.15s ease-in-out;
}
.slds-scope .slds-slider__range::-moz-range-thumb:hover{
background-color:var(
--slds-c-slider-thumb-color-foreground-hover,
var(--slds-g-color-accent-container-2)
);
}
.slds-scope .slds-slider__range::-moz-range-track{
width:100%;
height:var(--slds-g-sizing-2);
cursor:pointer;
background:none;
background-color:var(--slds-c-slider-track-color-background, var(--slds-g-color-border-1));
border-radius:var(--slds-c-slider-track-radius-border, var(--slds-g-radius-border-1));
}
.slds-scope .slds-slider__range::-ms-track{
width:100%;
height:var(--slds-g-sizing-2);
cursor:pointer;
background:none;
background-color:var(
--slds-c-slider-track-color-background,
var(--slds-g-color-neutral-base-95, var(--slds-g-color-surface-2))
);
border-radius:var(--slds-c-slider-track-radius-border, var(--slds-g-radius-border-1));
border-color:transparent;
color:transparent;
}
.slds-scope .slds-slider__range::-ms-thumb{
width:100%;
height:var(--slds-g-sizing-2);
cursor:pointer;
background:none;
background-color:var(
--slds-c-slider-track-color-background,
var(--slds-g-color-neutral-base-95, var(--slds-g-color-surface-2))
);
border-radius:var(--slds-c-slider-track-radius-border, var(--slds-g-radius-border-1));
margin-block-start:calc(var(--slds-g-sizing-2) / 4);
}
.slds-scope .slds-slider__range:focus-visible::-webkit-slider-thumb{
background-color:var(--slds-c-slider-thumb-color-foreground-focus, var(--slds-g-color-accent-container-2));
box-shadow:var(--slds-c-slider-thumb-shadow-focus, var(--slds-g-shadow-outset-focus-1));
}
.slds-scope .slds-slider__range:active::-webkit-slider-thumb{
background-color:var(
--slds-c-slider-thumb-color-foreground-active,
var(--slds-g-color-accent-container-2)
);
}
.slds-scope .slds-slider__range:focus-visible::-moz-range-thumb{
background-color:var(--slds-c-slider-thumb-color-foreground-focus, var(--slds-g-color-accent-container-2));
box-shadow:var(--slds-c-slider-thumb-shadow-focus, var(--slds-g-shadow-outset-focus-1));
}
.slds-scope .slds-slider__range:active::-moz-range-thumb{
background-color:var(
--slds-c-slider-thumb-color-foreground-active,
var(--slds-g-color-accent-container-2)
);
}
.slds-scope .slds-slider__range[disabled]::-webkit-slider-thumb{
background-color:var(--slds-g-color-on-disabled-1);
cursor:default;
}
.slds-scope .slds-slider__range[disabled]::-webkit-slider-runnable-track{
background-color:var(--slds-g-color-border-disabled-1);
cursor:default;
}
.slds-scope .slds-slider__range[disabled]::-moz-range-thumb{
background-color:var(--slds-g-color-on-disabled-1);
cursor:default;
}
.slds-scope .slds-slider__range[disabled]::-moz-range-track{
background-color:var(--slds-g-color-border-disabled-1);
}
.slds-scope .slds-slider__range[disabled]::-ms-thumb{
background-color:var(--slds-g-color-on-disabled-1);
cursor:default;
}
.slds-scope .slds-slider__range[disabled]::-ms-track{
background-color:var(--slds-g-color-border-disabled-1);
cursor:default;
}
.slds-scope .slds-slider__value{
padding-block:0;
padding-inline:var(--slds-g-spacing-2);
}
.slds-scope .slds-slider-label__label{
display:block;
}
.slds-scope .slds-slider_vertical,.slds-scope .slds-slider--vertical{
height:calc(12rem + 1.875rem);
}
.slds-scope .slds-slider_vertical .slds-slider__range,.slds-scope .slds-slider--vertical .slds-slider__range{
width:12rem;
height:var(--slds-g-sizing-5);
transform:rotate(-90deg);
transform-origin:calc(12rem * 0.5) calc(12rem * 0.5);
}
.slds-scope .slds-slider_vertical .slds-slider__value,.slds-scope .slds-slider--vertical .slds-slider__value{
position:absolute;
inset-inline-start:0;
inset-block-end:0;
padding:0;
}
.slds-scope .slds-file-selector{
display:inline-flex;
}
.slds-scope .slds-file-selector__dropzone{
padding:var(--slds-g-spacing-1);
border:var(--slds-g-sizing-border-1) dashed var(--slds-g-color-border-2);
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-file-selector__dropzone.slds-has-drag-over{
outline:0;
border:var(--slds-g-sizing-border-2) solid var(--slds-g-color-border-accent-2);
}
.slds-scope .slds-file-selector__input:focus-visible ~ .slds-file-selector__body > .slds-file-selector__button{
box-shadow:var(--slds-g-shadow-outline-focus-1);
border-color:transparent;
}
.slds-scope .slds-file-selector__input[disabled] ~ .slds-file-selector__body{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__button{
background:var(--slds-g-color-surface-2);
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-on-disabled-1);
}
.slds-scope .slds-file-selector__input[disabled] ~ .slds-file-selector__body > .slds-file-selector__body-icon{
fill:currentColor;
}
.slds-scope .slds-file-selector__button{
display:inline-flex;
align-items:center;
}
.slds-scope .slds-file-selector__button .slds-icon-text-default{
--slds-c-icon-color-foreground:currentColor;
}
.slds-scope .slds-file-selector_files .slds-file-selector__body,.slds-scope .slds-file-selector--files .slds-file-selector__body{
display:flex;
align-items:center;
}
.slds-scope .slds-file-selector_files .slds-file-selector__text,.slds-scope .slds-file-selector--files .slds-file-selector__text{
margin-inline-start:var(--slds-g-spacing-2);
margin-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-file-selector_images,.slds-scope .slds-file-selector--images{
display:block;
}
.slds-scope .slds-file-selector_images .slds-file-selector__dropzone,.slds-scope .slds-file-selector--images .slds-file-selector__dropzone{
display:flex;
justify-content:center;
align-content:center;
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-file-selector_images .slds-file-selector__body,.slds-scope .slds-file-selector--images .slds-file-selector__body{
text-align:center;
}
.slds-scope .slds-file-selector_images .slds-file-selector__text,.slds-scope .slds-file-selector--images .slds-file-selector__text{
margin-block-start:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-file-selector_integrated,.slds-scope .slds-file-selector--integrated{
width:100%;
height:100%;
position:relative;
display:block;
}
.slds-scope .slds-file-selector__dropzone_integrated,.slds-scope .slds-file-selector__dropzone--integrated{
display:flex;
justify-content:center;
align-content:center;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border:0;
opacity:0;
z-index:-1;
}
.slds-scope .slds-file-selector__dropzone_integrated.slds-has-drag,.slds-scope .slds-file-selector__dropzone--integrated.slds-has-drag{
opacity:1;
z-index:8000;
}
.slds-scope .slds-file-selector__dropzone_integrated.slds-has-drag ~ p,.slds-scope .slds-file-selector__dropzone--integrated.slds-has-drag ~ p{
color:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-file-selector__dropzone_integrated.slds-has-drag-over,.slds-scope .slds-file-selector__dropzone--integrated.slds-has-drag-over{
background:var(--slds-g-color-brand-base-90, var(--slds-g-color-palette-neutral-95));
border:var(--slds-g-sizing-border-2) solid var(--slds-g-color-border-accent-2);
}
.slds-scope .slds-file-selector__body_integrated,.slds-scope .slds-file-selector__body--integrated{
width:calc(var(--slds-g-sizing-13) + var(--slds-g-sizing-9));
height:calc(var(--slds-g-sizing-13) + var(--slds-g-sizing-9));
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
align-content:center;
margin:auto;
background:var(--slds-g-color-neutral-base-100);
box-shadow:var(--slds-g-shadow-4);
border:var(--slds-g-sizing-border-1) solid var(--slds-s-container-color-border);
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-file-selector__text_integrated,.slds-scope .slds-file-selector__text--integrated{
margin-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-page-header{
padding-block:var(--slds-g-spacing-var-block-4);
padding-inline:var(--slds-g-spacing-var-inline-4);
border-radius:var(--slds-s-pageheader-radius-border, var(--slds-g-radius-border-2));
background:var(--slds-s-pageheader-color-background, var(--slds-g-color-surface-container-2));
background-clip:padding-box;
box-shadow:var(--slds-s-pageheader-shadow, var(--slds-g-shadow-1));
border:var(--slds-s-pageheader-sizing-border, var(--slds-g-sizing-border-1)) solid var(--slds-s-pageheader-color-border, var(--slds-g-color-border-1));
}
.slds-scope .slds-page-header .slds-media{
align-items:center;
}
.slds-scope .slds-page-header__row{
display:flex;
}
.slds-scope .slds-page-header__row .slds-media{
align-items:center;
}
.slds-scope .slds-page-header__row_gutters,.slds-scope .slds-page-header__row--gutters{
margin-inline-start:calc(var(--slds-g-spacing-4) * -1);
margin-inline-end:calc(var(--slds-g-spacing-4) * -1);
}
.slds-scope .slds-page-header__col-title{
flex:1 1 0%;
min-width:0;
}
.slds-scope .slds-page-header__icon{
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
}
.slds-scope .slds-page-header__col-actions{
align-self:center;
flex:none;
vertical-align:top;
}
.slds-scope .slds-page-header__col-meta{
align-self:center;
flex:1 1 auto;
vertical-align:middle;
}
.slds-scope .slds-page-header__col-controls{
flex:none;
vertical-align:bottom;
}
.slds-scope .slds-page-header__col-details{
flex:1 1 auto;
padding-inline-start:var(--slds-g-spacing-4);
padding-inline-end:var(--slds-g-spacing-4);
max-width:100%;
}
.slds-scope .slds-page-header__name{
display:inline-flex;
padding-inline-end:var(--slds-g-spacing-3);
max-width:100%;
}
.slds-scope .slds-page-header__name h1{
line-height:1;
}
.slds-scope .slds-page-header__name-title{
min-width:0;
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-page-header__name-switcher{
align-self:flex-end;
margin-inline-start:var(--slds-g-spacing-2);
margin-block-end:var(--slds-s-pageheader-action-bottom-spacing);
}
.slds-scope .slds-page-header__name-switcher .slds-button__icon{
fill:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-page-header__name-meta{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding-inline-end:var(--slds-g-spacing-3);
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-page-header__meta-text{
font-size:var(--slds-g-font-size-base);
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-page-header__title{
font-size:var(--slds-s-pageheader-title-font-size, var(--slds-g-font-scale-1));
font-weight:var(--slds-s-pageheader-title-font-weight, var(--slds-g-font-weight-7));
color:var(--slds-g-color-on-surface-3);
line-height:var(--slds-g-font-lineheight-2);
display:block;
}
.slds-scope .slds-page-header__title .slds-icon{
fill:currentColor;
}
.slds-scope .slds-page-header__controls{
display:flex;
}
.slds-scope .slds-page-header__control{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-page-header__detail-row{
display:flex;
margin-block:var(--slds-g-spacing-var-block-4) calc(var(--slds-g-spacing-var-block-4) * -1);
margin-inline:calc(var(--slds-g-spacing-var-inline-4) * -1);
padding:var(--slds-g-spacing-var-inline-4);
border-start-start-radius:0;
border-start-end-radius:0;
border-end-end-radius:var(--slds-s-pageheader-radius-border);
border-end-start-radius:var(--slds-s-pageheader-radius-border);
background-color:var(--slds-s-pageheader-row-color-background);
position:relative;
z-index:2;
}
.slds-scope .slds-page-header__detail-block{
padding-inline-end:var(--slds-g-spacing-6);
padding-inline-start:var(--slds-g-spacing-6);
max-width:25%;
}
.slds-scope .slds-page-header__detail-block:first-child{
padding-inline-start:0;
}
.slds-scope .slds-page-header__detail-block:last-child{
padding-inline-end:0;
}
.slds-scope .slds-page-header_vertical,.slds-scope .slds-page-header--vertical{
padding:var(--slds-g-spacing-3);
background:var(--slds-g-color-surface-container-1);
border-radius:var(--slds-s-container-radius-border, var(--slds-g-radius-border-2));
border-block-end:0;
}
.slds-scope .slds-page-header_vertical .slds-page-header__controls,.slds-scope .slds-page-header--vertical .slds-page-header__controls{
display:flex;
gap:var(--slds-g-spacing-2);
padding-block-start:var(--slds-g-spacing-2);
margin-block-start:var(--slds-g-spacing-2);
border-block-start:var(--slds-s-pageheader-sizing-border, var(--slds-g-sizing-border-1)) solid var(--slds-s-pageheader-color-border, var(--slds-g-color-border-1));
}
.slds-scope .slds-page-header__detail-list{
display:flex;
flex-wrap:wrap;
}
.slds-scope .slds-page-header__detail-item{
margin-block-start:var(--slds-g-spacing-var-2);
width:50%;
}
.slds-scope .slds-page-header_joined,.slds-scope .slds-page-header--joined,
.slds-scope .slds-page-header.slds-has-bottom-magnet{
border-radius:var(--slds-s-pageheader-radius-border) var(--slds-s-pageheader-radius-border) 0 0;
}
.slds-scope .slds-page-header_object-home,.slds-scope .slds-page-header--object-home{
padding-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-brand-band{
--_slds-c-brandband-color-background-dark:var(--slds-g-color-surface-2);
--_slds-c-brandband-color-background-light:var(--slds-g-color-surface-2);
--_slds-c-brandband-asset-default-image:none;
--_slds-c-brandband-asset-group-image:var(--lwc-bannerGroupDefaultImage);
--_slds-c-brandband-asset-user-image:var(--lwc-bannerUserDefaultImage);
display:flex;
flex-direction:column;
position:relative;
height:100%;
width:100%;
}
.slds-scope .slds-brand-band::before{
content:'';
display:block;
position:absolute;
z-index:-1;
top:0;
right:0;
bottom:0;
left:0;
background-image:var(--_slds-c-brandband-asset-default-image), linear-gradient(
to top,
color-mix(in srgb, var(--_slds-c-brandband-color-background-dark) 0%, transparent) 0,
var(--_slds-c-brandband-color-background-dark)
);
background-repeat:repeat-x;
background-position:top left;
}
.slds-scope .slds-brand-band::after{
content:none;
display:block;
position:absolute;
z-index:-1;
left:0;
right:0;
top:0;
width:100%;
height:var(--_slds-c-brandband-scrim-sizing-height, 3.125rem);
background-image:linear-gradient(
to bottom,
color-mix(in srgb, var(--_slds-c-brandband-color-background-light) 0%, transparent) 60%,
var(--_slds-c-brandband-color-background-light)
);
}
.slds-scope .slds-brand-band.slds-brand-band_cover::before,.slds-scope .slds-brand-band.slds-brand-band--cover::before{
background-repeat:no-repeat;
background-size:cover;
}
.slds-scope .slds-brand-band.slds-brand-band_small::before,.slds-scope .slds-brand-band.slds-brand-band--small::before{
height:var(--_slds-c-brandband-sizing-height-small, 6rem);
}
.slds-scope .slds-brand-band.slds-brand-band_small::after,.slds-scope .slds-brand-band.slds-brand-band--small::after{
content:'';
top:calc(
var(--_slds-c-brandband-sizing-height-small, 6rem) -
var(--_slds-c-brandband-scrim-sizing-height, 3.125rem)
);
}
.slds-scope .slds-brand-band.slds-brand-band_medium::before,.slds-scope .slds-brand-band.slds-brand-band--medium::before{
height:var(--_slds-c-brandband-sizing-height-medium, 12.5rem);
}
.slds-scope .slds-brand-band.slds-brand-band_medium::after,.slds-scope .slds-brand-band.slds-brand-band--medium::after{
content:'';
top:calc(
var(--_slds-c-brandband-sizing-height-medium, 12.5rem) -
var(--_slds-c-brandband-scrim-sizing-height, 3.125rem)
);
}
.slds-scope .slds-brand-band.slds-brand-band_large::before,.slds-scope .slds-brand-band.slds-brand-band--large::before{
height:var(--_slds-c-brandband-sizing-height-large, 18.75rem);
}
.slds-scope .slds-brand-band.slds-brand-band_large::after,.slds-scope .slds-brand-band.slds-brand-band--large::after{
content:'';
top:calc(
var(--_slds-c-brandband-sizing-height-large, 18.75rem) -
var(--_slds-c-brandband-scrim-sizing-height, 3.125rem)
);
}
.slds-scope .slds-brand-band.slds-brand-band_full::before,.slds-scope .slds-brand-band.slds-brand-band--full::before{
height:100%;
}
.slds-scope .slds-brand-band.slds-brand-band_bottom::before,.slds-scope .slds-brand-band.slds-brand-band--bottom::before{
background-position:bottom;
top:initial;
}
.slds-scope .slds-brand-band.slds-brand-band_none::before,.slds-scope .slds-brand-band.slds-brand-band--none::before{
height:0;
}
.slds-scope .slds-brand-band.slds-brand-band_group::before,.slds-scope .slds-brand-band.slds-brand-band--group::before{
background-image:var(--_slds-c-brandband-asset-group-image);
}
.slds-scope .slds-brand-band.slds-brand-band_user::before,.slds-scope .slds-brand-band.slds-brand-band--user::before{
background-image:var(--_slds-c-brandband-asset-user-image);
}
.slds-scope .slds-brand-band .slds-brand-band_blank,.slds-scope .slds-brand-band .slds-brand-band--blank{
background:var(--slds-g-color-surface-color-2);
}
.slds-scope .slds-brand-band .slds-brand-band_blank::before,.slds-scope .slds-brand-band .slds-brand-band--blank::before,
.slds-scope .slds-brand-band .slds-brand-band_blank::after,
.slds-scope .slds-brand-band .slds-brand-band--blank::after{
background:none;
}
.slds-scope .slds-panel{
background:var(--slds-g-color-surface-1);
border-radius:var(--slds-g-radius-border-1);
overflow-y:auto;
}
.slds-scope .slds-panel.slds-is-editing{
box-shadow:0 2px 3px 0 rgb(0, 0, 0, 0.16);
}
.slds-scope .slds-panel .slds-panel__header-title{
text-align:start;
width:100%;
font-size:var(--slds-s-container-heading-font-size, var(--slds-g-font-scale-2));
}
.slds-scope .slds-panel__section{
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-panel__actions{
padding:var(--slds-g-spacing-3);
}
.slds-scope .slds-panel__header{
display:flex;
position:relative;
align-items:center;
padding:var(--slds-g-spacing-3);
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-surface-3);
}
.slds-scope .slds-panel__header_custom,.slds-scope .slds-panel__header--custom{
padding-block:var(--slds-g-spacing-3);
padding-inline:var(--slds-g-spacing-4);
}
.slds-scope .slds-panel__close:first-child{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-panel__close:last-child{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-panel__back:first-child{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-panel__back:last-child{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-panel__close,
.slds-scope .slds-panel__back{
flex-shrink:0;
}
.slds-scope .slds-panel__header_align-center,.slds-scope .slds-panel__header--align-center{
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-8);
}
.slds-scope .slds-panel__header_align-center .slds-panel__header-title,.slds-scope .slds-panel__header--align-center .slds-panel__header-title{
text-align:center;
}
.slds-scope .slds-panel__header_align-center .slds-panel__close,.slds-scope .slds-panel__header--align-center .slds-panel__close{
position:absolute;
inset-inline-end:var(--slds-g-spacing-3);
inset-inline-start:auto;
inset-block-start:50%;
margin-block-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-panel__header_align-center .slds-panel__back,.slds-scope .slds-panel__header--align-center .slds-panel__back{
position:absolute;
inset-inline-start:var(--slds-g-spacing-3);
inset-inline-end:auto;
inset-block-start:50%;
margin-block-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-panel__header-actions{
display:flex;
align-items:flex-end;
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-panel__header-actions .slds-panel__close{
margin-inline-start:0;
margin-inline-end:0;
}
.slds-scope .slds-panel__body{
padding:var(--slds-g-spacing-3);
color:var(--slds-s-container-color);
}
.slds-scope .slds-panel_docked,.slds-scope .slds-panel--docked{
position:relative;
min-width:var(--slds-g-sizing-14);
height:100%;
border-radius:0;
display:none;
}
.slds-scope .slds-panel_docked.slds-is-open,.slds-scope .slds-panel--docked.slds-is-open{
display:block;
}
.slds-scope .slds-panel_docked-left,.slds-scope .slds-panel--docked-left{
box-shadow:var(--slds-g-shadow-inlineend-3, 1px 0 3px rgb(0, 0, 0, 0.25));
}
.slds-scope .slds-panel_docked-right,.slds-scope .slds-panel--docked-right{
margin-inline-start:auto;
box-shadow:var(--slds-g-shadow-inlinestart-3, -1px 0 3px 0 rgb(0, 0, 0, 0.25));
}
.slds-scope .slds-panel_animated,.slds-scope .slds-panel--animated{
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
transform:translate3d(120%, 0, 0);
transition:transform 300ms ease;
z-index:9000;
}
.slds-scope .slds-tabs-mobile__container .slds-panel_animated,.slds-scope .slds-tabs-mobile__container .slds-panel--animated{
position:fixed;
}
.slds-scope .slds-panel_animated.slds-is-open,.slds-scope .slds-panel--animated.slds-is-open{
transform:translate3d(0, 0, 0);
}
.slds-scope .slds-panel_filters,.slds-scope .slds-panel--filters{
margin-inline-start:var(--slds-g-spacing-4);
box-shadow:var(--slds-g-shadow-1);
border-radius:0;
}
.slds-scope .slds-popover{
position:relative;
border-radius:var(--slds-g-radius-border-2);
width:var(--slds-g-sizing-15);
min-height:calc(1rem * 2);
z-index:var(--slds-c-popover-position-zindex, 6000);
background-color:var(--slds-g-color-surface-container-1);
display:inline-block;
box-shadow:var(--_slds-c-popover-box-shadow);
border:var(--slds-s-container-sizing-border, var(--slds-g-sizing-border-1)) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-popover__meta{
margin-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-popover__body{
padding-block:var(--slds-g-spacing-3) var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
color:var(--slds-s-container-color);
position:relative;
word-wrap:break-word;
}
.slds-scope .slds-popover__body .slds-popover__header{
padding-block:0 var(--slds-g-spacing-2);
padding-inline:0;
}
.slds-scope .slds-popover__body:focus-visible{
box-shadow:var(--slds-g-shadow-outline-focus-1);
outline:0;
z-index:1;
}
.slds-scope .slds-popover__header,
.slds-scope .slds-popover__footer{
position:relative;
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
word-wrap:break-word;
}
.slds-scope .slds-popover__header{
border-block-end:0;
color:var(--slds-s-container-heading-font-color);
font-weight:var(--slds-s-container-heading-font-weight);
}
.slds-scope .slds-popover__header .slds-text-heading_small,.slds-scope .slds-popover__header .slds-text-heading--small{
font-size:var(--slds-g-font-scale-3);
}
.slds-scope .slds-popover__header .slds-text-heading_medium,.slds-scope .slds-popover__header .slds-text-heading--medium{
font-size:var(--slds-g-font-scale-3);
}
.slds-scope .slds-popover__footer{
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-neutral-base-90);
background-color:var(--slds-s-container-footer-color-background, var(--slds-g-color-surface-container-2));
border-end-start-radius:inherit;
border-end-end-radius:inherit;
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
color:var(--slds-s-container-footer-font-color);
}
.slds-scope .slds-popover__footer_form,.slds-scope .slds-popover__footer--form{
text-align:center;
background:var(--slds-g-color-surface-container-2);
border-start-start-radius:0;
border-start-end-radius:0;
border-end-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-popover__body_small,.slds-scope .slds-popover__body--small{
max-height:var(--slds-g-sizing-14);
overflow-y:auto;
}
.slds-scope .slds-popover__close{
position:relative;
margin:var(--slds-g-spacing-1);
z-index:6001;
}
.slds-scope .slds-popover__close .slds-icon-text-default{
--slds-c-icon-color-foreground:var(
--_slds-c-popover-close-btn-color,
var(--slds-s-icon-color-foreground)
);
}
.slds-scope .slds-popover__close.slds-button_icon-inverse:focus-visible,.slds-scope .slds-popover__close.slds-button--icon-inverse:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-popover_small,.slds-scope .slds-popover--small{
max-width:var(--slds-g-sizing-14);
}
.slds-scope .slds-popover_medium,.slds-scope .slds-popover--medium{
min-width:var(--slds-g-sizing-15);
}
.slds-scope .slds-popover_large,.slds-scope .slds-popover--large{
min-width:calc(var(--slds-g-sizing-15) + var(--slds-g-sizing-12));
max-width:512px;
}
.slds-scope .slds-popover[class*='theme_'],.slds-scope .slds-popover[class*='theme--']{
border:0;
}
.slds-scope .slds-popover *:last-child{
margin-block-end:0;
}
.slds-scope .slds-popover_full-width,.slds-scope .slds-popover--full-width{
width:100%;
}
.slds-scope .slds-popover_hide,.slds-scope .slds-popover--hide{
display:none;
}
.slds-scope .slds-popover_dark,.slds-scope .slds-popover--dark{
background-color:var(--slds-g-color-surface-inverse-2);
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_dark .slds-badge,.slds-scope .slds-popover--dark .slds-badge{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-popover_dark .slds-popover__close,.slds-scope .slds-popover--dark .slds-popover__close{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_dark .slds-text-title,.slds-scope .slds-popover--dark .slds-text-title{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_dark a,.slds-scope .slds-popover--dark a{
color:var(--slds-g-color-on-surface-inverse-1);
text-decoration:underline;
}
.slds-scope .slds-popover_dark a:hover,.slds-scope .slds-popover--dark a:hover{
text-decoration:none;
}
.slds-scope .slds-popover_dark .slds-icon-text-default,.slds-scope .slds-popover--dark .slds-icon-text-default{
fill:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_dark .slds-popover__header,.slds-scope .slds-popover--dark .slds-popover__header{
color:var(--slds-g-color-on-surface-inverse-1);
padding-block-start:var(--slds-g-spacing-3);
padding-block-end:0;
}
.slds-scope .slds-popover_dark .slds-popover__body,.slds-scope .slds-popover--dark .slds-popover__body{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_dark .slds-popover__footer,.slds-scope .slds-popover--dark .slds-popover__footer{
border-block-start-color:var(--slds-g-color-brand-base-10);
background-color:var(--slds-g-color-surface-inverse-2);
}
.slds-scope .slds-popover_dark .slds-popover__footer .slds-button_neutral:focus-visible,.slds-scope .slds-popover--dark .slds-popover__footer .slds-button--neutral:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
outline:0;
}
.slds-scope .slds-popover_brand .slds-popover__footer,.slds-scope .slds-popover--brand .slds-popover__footer{
background-color:transparent;
border-color:transparent;
}
.slds-scope .slds-popover_brand .slds-popover__icon,.slds-scope .slds-popover--brand .slds-popover__icon{
fill:var(--slds-g-color-accent-2);
}
.slds-scope .slds-popover_brand .slds-popover__body .slds-icon-text-default,.slds-scope .slds-popover--brand .slds-popover__body .slds-icon-text-default{
--slds-c-icon-color-foreground:var(--slds-g-color-accent-2);
}
.slds-scope .slds-popover_brand.slds-popover_brand-dark .slds-popover__icon,.slds-scope .slds-popover--brand.slds-popover--brand-dark .slds-popover__icon{
fill:var(--slds-g-color-brand-base-10);
}
.slds-scope .slds-popover_brand-top,.slds-scope .slds-popover--brand-top{
border-block-start-width:0.25rem;
border-block-start-color:var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-popover_brand-top.slds-nubbin_top::before,.slds-scope .slds-popover--brand-top.slds-nubbin--top::before,
.slds-scope .slds-popover_brand-top.slds-nubbin_top-left::before,
.slds-scope .slds-popover--brand-top.slds-nubbin--top-left::before,
.slds-scope .slds-popover_brand-top.slds-nubbin_top-left-corner::before,
.slds-scope .slds-popover--brand-top.slds-nubbin--top-left-corner::before,
.slds-scope .slds-popover_brand-top.slds-nubbin_top-right::before,
.slds-scope .slds-popover--brand-top.slds-nubbin--top-right::before,
.slds-scope .slds-popover_brand-top.slds-nubbin_top-right-corner::before,
.slds-scope .slds-popover--brand-top.slds-nubbin--top-right-corner::before{
margin-block-start:-0.1875rem;
background:linear-gradient(
-45deg,
transparent 50%,
var(--slds-g-color-accent-container-1) 50%,
var(--slds-g-color-accent-container-1)
);
}
.slds-scope .slds-popover_brand-top.slds-nubbin_top::after,.slds-scope .slds-popover--brand-top.slds-nubbin--top::after,
.slds-scope .slds-popover_brand-top.slds-nubbin_top-left::after,
.slds-scope .slds-popover--brand-top.slds-nubbin--top-left::after,
.slds-scope .slds-popover_brand-top.slds-nubbin_top-left-corner::after,
.slds-scope .slds-popover--brand-top.slds-nubbin--top-left-corner::after,
.slds-scope .slds-popover_brand-top.slds-nubbin_top-right::after,
.slds-scope .slds-popover--brand-top.slds-nubbin--top-right::after,
.slds-scope .slds-popover_brand-top.slds-nubbin_top-right-corner::after,
.slds-scope .slds-popover--brand-top.slds-nubbin--top-right-corner::after{
margin-block-start:-0.1875rem;
background:linear-gradient(-45deg, transparent 50%, transparent 50%, transparent);
}
.slds-scope .slds-popover_brand-top.slds-popover_brand-dark,.slds-scope .slds-popover--brand-top.slds-popover--brand-dark{
border-block-start-color:var(--slds-g-color-brand-base-10);
}
.slds-scope .slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top::before,.slds-scope .slds-popover--brand-top.slds-popover--brand-dark.slds-nubbin--top::before,
.slds-scope .slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top-left::before,
.slds-scope .slds-popover--brand-top.slds-popover--brand-dark.slds-nubbin--top-left::before,
.slds-scope .slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top-left-corner::before,
.slds-scope .slds-popover--brand-top.slds-popover--brand-dark.slds-nubbin--top-left-corner::before,
.slds-scope .slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top-right::before,
.slds-scope .slds-popover--brand-top.slds-popover--brand-dark.slds-nubbin--top-right::before,
.slds-scope .slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top-right-corner::before,
.slds-scope .slds-popover--brand-top.slds-popover--brand-dark.slds-nubbin--top-right-corner::before{
margin-block-start:-0.1875rem;
background:linear-gradient(
-45deg,
transparent 50%,
var(--slds-g-color-brand-base-10) 50%,
var(--slds-g-color-brand-base-10)
);
}
.slds-scope .slds-popover_brand-left,.slds-scope .slds-popover--brand-left{
border-inline-start-width:0.25rem;
border-inline-start-color:var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-popover_brand-left.slds-nubbin_left::before,.slds-scope .slds-popover--brand-left.slds-nubbin--left::before,
.slds-scope .slds-popover_brand-left.slds-nubbin_left-top::before,
.slds-scope .slds-popover--brand-left.slds-nubbin--left-top::before,
.slds-scope .slds-popover_brand-left.slds-nubbin_left-top-corner::before,
.slds-scope .slds-popover--brand-left.slds-nubbin--left-top-corner::before,
.slds-scope .slds-popover_brand-left.slds-nubbin_left-bottom::before,
.slds-scope .slds-popover--brand-left.slds-nubbin--left-bottom::before,
.slds-scope .slds-popover_brand-left.slds-nubbin_left-bottom-corner::before,
.slds-scope .slds-popover--brand-left.slds-nubbin--left-bottom-corner::before{
margin-inline-start:-0.1875rem;
background:linear-gradient(
-135deg,
transparent 50%,
var(--slds-g-color-accent-container-1) 50%,
var(--slds-g-color-accent-container-1)
);
}
.slds-scope .slds-popover_brand-left.slds-nubbin_left::after,.slds-scope .slds-popover--brand-left.slds-nubbin--left::after,
.slds-scope .slds-popover_brand-left.slds-nubbin_left-top::after,
.slds-scope .slds-popover--brand-left.slds-nubbin--left-top::after,
.slds-scope .slds-popover_brand-left.slds-nubbin_left-top-corner::after,
.slds-scope .slds-popover--brand-left.slds-nubbin--left-top-corner::after,
.slds-scope .slds-popover_brand-left.slds-nubbin_left-bottom::after,
.slds-scope .slds-popover--brand-left.slds-nubbin--left-bottom::after,
.slds-scope .slds-popover_brand-left.slds-nubbin_left-bottom-corner::after,
.slds-scope .slds-popover--brand-left.slds-nubbin--left-bottom-corner::after{
margin-inline-start:-0.1875rem;
background:linear-gradient(-135deg, transparent 50%, transparent 50%, transparent);
}
.slds-scope .slds-popover_brand-left.slds-popover_brand-dark,.slds-scope .slds-popover--brand-left.slds-popover--brand-dark{
border-inline-start-color:var(--slds-g-color-brand-base-10);
}
.slds-scope .slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left::before,.slds-scope .slds-popover--brand-left.slds-popover--brand-dark.slds-nubbin--left::before,
.slds-scope .slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left-top::before,
.slds-scope .slds-popover--brand-left.slds-popover--brand-dark.slds-nubbin--left-top::before,
.slds-scope .slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left-top-corner::before,
.slds-scope .slds-popover--brand-left.slds-popover--brand-dark.slds-nubbin--left-top-corner::before,
.slds-scope .slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left-bottom::before,
.slds-scope .slds-popover--brand-left.slds-popover--brand-dark.slds-nubbin--left-bottom::before,
.slds-scope .slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left-bottom-corner::before,
.slds-scope .slds-popover--brand-left.slds-popover--brand-dark.slds-nubbin--left-bottom-corner::before{
margin-inline-start:-0.1875rem;
background:linear-gradient(
-135deg,
transparent 50%,
var(--slds-g-color-brand-base-10) 50%,
var(--slds-g-color-brand-base-10)
);
}
.slds-scope .slds-popover_brand-bottom,.slds-scope .slds-popover--brand-bottom{
border-block-end-width:0.25rem;
border-block-end-color:var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom::before,.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom::before,
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom-left::before,
.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom-left::before,
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom-left-corner::before,
.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom-left-corner::before,
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom-right::before,
.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom-right::before,
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom-right-corner::before,
.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom-right-corner::before{
margin-block-end:-0.1875rem;
background:linear-gradient(
135deg,
transparent 50%,
var(--slds-g-color-accent-container-1) 50%,
var(--slds-g-color-accent-container-1)
);
}
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom::after,.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom::after,
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom-left::after,
.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom-left::after,
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom-left-corner::after,
.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom-left-corner::after,
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom-right::after,
.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom-right::after,
.slds-scope .slds-popover_brand-bottom.slds-nubbin_bottom-right-corner::after,
.slds-scope .slds-popover--brand-bottom.slds-nubbin--bottom-right-corner::after{
margin-block-end:-0.1875rem;
background:linear-gradient(135deg, transparent 50%, transparent 50%, transparent);
}
.slds-scope .slds-popover_brand-bottom.slds-popover_brand-dark,.slds-scope .slds-popover--brand-bottom.slds-popover--brand-dark{
border-block-end-color:var(--slds-g-color-brand-base-10);
}
.slds-scope .slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom::before,.slds-scope .slds-popover--brand-bottom.slds-popover--brand-dark.slds-nubbin--bottom::before,
.slds-scope .slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom-left::before,
.slds-scope .slds-popover--brand-bottom.slds-popover--brand-dark.slds-nubbin--bottom-left::before,
.slds-scope .slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom-left-corner::before,
.slds-scope .slds-popover--brand-bottom.slds-popover--brand-dark.slds-nubbin--bottom-left-corner::before,
.slds-scope .slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom-right::before,
.slds-scope .slds-popover--brand-bottom.slds-popover--brand-dark.slds-nubbin--bottom-right::before,
.slds-scope .slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom-right-corner::before,
.slds-scope .slds-popover--brand-bottom.slds-popover--brand-dark.slds-nubbin--bottom-right-corner::before{
margin-block-end:-0.1875rem;
background:linear-gradient(
135deg,
transparent 50%,
var(--slds-g-color-brand-base-10) 50%,
var(--slds-g-color-brand-base-10)
);
}
.slds-scope .slds-popover_brand-right,.slds-scope .slds-popover--brand-right{
border-inline-end-width:0.25rem;
border-inline-end-color:var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-popover_brand-right.slds-nubbin_right::before,.slds-scope .slds-popover--brand-right.slds-nubbin--right::before,
.slds-scope .slds-popover_brand-right.slds-nubbin_right-top::before,
.slds-scope .slds-popover--brand-right.slds-nubbin--right-top::before,
.slds-scope .slds-popover_brand-right.slds-nubbin_right-top-corner::before,
.slds-scope .slds-popover--brand-right.slds-nubbin--right-top-corner::before,
.slds-scope .slds-popover_brand-right.slds-nubbin_right-bottom::before,
.slds-scope .slds-popover--brand-right.slds-nubbin--right-bottom::before,
.slds-scope .slds-popover_brand-right.slds-nubbin_right-bottom-corner::before,
.slds-scope .slds-popover--brand-right.slds-nubbin--right-bottom-corner::before{
margin-inline-end:-0.1875rem;
background:linear-gradient(
45deg,
transparent 50%,
var(--slds-g-color-accent-container-1) 50%,
var(--slds-g-color-accent-container-1)
);
}
.slds-scope .slds-popover_brand-right.slds-nubbin_right::after,.slds-scope .slds-popover--brand-right.slds-nubbin--right::after,
.slds-scope .slds-popover_brand-right.slds-nubbin_right-top::after,
.slds-scope .slds-popover--brand-right.slds-nubbin--right-top::after,
.slds-scope .slds-popover_brand-right.slds-nubbin_right-top-corner::after,
.slds-scope .slds-popover--brand-right.slds-nubbin--right-top-corner::after,
.slds-scope .slds-popover_brand-right.slds-nubbin_right-bottom::after,
.slds-scope .slds-popover--brand-right.slds-nubbin--right-bottom::after,
.slds-scope .slds-popover_brand-right.slds-nubbin_right-bottom-corner::after,
.slds-scope .slds-popover--brand-right.slds-nubbin--right-bottom-corner::after{
margin-inline-end:-0.1875rem;
background:linear-gradient(45deg, transparent 50%, transparent 50%, transparent);
}
.slds-scope .slds-popover_brand-right.slds-popover_brand-dark,.slds-scope .slds-popover--brand-right.slds-popover--brand-dark{
border-inline-end-color:var(--slds-g-color-brand-base-10);
}
.slds-scope .slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right::before,.slds-scope .slds-popover--brand-right.slds-popover--brand-dark.slds-nubbin--right::before,
.slds-scope .slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right-top::before,
.slds-scope .slds-popover--brand-right.slds-popover--brand-dark.slds-nubbin--right-top::before,
.slds-scope .slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right-top-corner::before,
.slds-scope .slds-popover--brand-right.slds-popover--brand-dark.slds-nubbin--right-top-corner::before,
.slds-scope .slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right-bottom::before,
.slds-scope .slds-popover--brand-right.slds-popover--brand-dark.slds-nubbin--right-bottom::before,
.slds-scope .slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right-bottom-corner::before,
.slds-scope .slds-popover--brand-right.slds-popover--brand-dark.slds-nubbin--right-bottom-corner::before{
margin-inline-end:-0.1875rem;
background:linear-gradient(
45deg,
transparent 50%,
var(--slds-g-color-brand-base-10) 50%,
var(--slds-g-color-brand-base-10)
);
}
.slds-scope .slds-popover_panel .slds-popover__header,.slds-scope .slds-popover--panel .slds-popover__header{
background:var(--slds-g-color-surface-container-2);
padding-block:var(--slds-g-spacing-3) var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
border-start-start-radius:calc(var(--slds-g-radius-border-2) - 1px);
border-start-end-radius:calc(var(--slds-g-radius-border-2) - 1px);
border-block-end:0;
}
.slds-scope .slds-popover_panel .slds-popover__body,.slds-scope .slds-popover--panel .slds-popover__body{
padding:0;
}
.slds-scope .slds-popover_panel .slds-popover__body-list,.slds-scope .slds-popover--panel .slds-popover__body-list{
padding-block:var(--slds-g-spacing-3) var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
border-block-start:1px solid var(--slds-g-color-neutral-base-90);
}
.slds-scope .slds-popover_panel.slds-nubbin_left-top::before,.slds-scope .slds-popover--panel.slds-nubbin--left-top::before,
.slds-scope .slds-popover_panel.slds-nubbin_left-top::after,
.slds-scope .slds-popover--panel.slds-nubbin--left-top::after,
.slds-scope .slds-popover_panel.slds-nubbin--left-top::before,
.slds-scope .slds-popover--panel.slds-nubbin--left-top::before,
.slds-scope .slds-popover_panel.slds-nubbin--left-top::after,
.slds-scope .slds-popover--panel.slds-nubbin--left-top::after,
.slds-scope .slds-popover_panel.slds-nubbin_right-top::before,
.slds-scope .slds-popover--panel.slds-nubbin--right-top::before,
.slds-scope .slds-popover_panel.slds-nubbin_right-top::after,
.slds-scope .slds-popover--panel.slds-nubbin--right-top::after,
.slds-scope .slds-popover_panel.slds-nubbin--right-top::before,
.slds-scope .slds-popover--panel.slds-nubbin--right-top::before,
.slds-scope .slds-popover_panel.slds-nubbin--right-top::after,
.slds-scope .slds-popover--panel.slds-nubbin--right-top::after,
.slds-scope .slds-popover_panel.slds-nubbin_top-left::before,
.slds-scope .slds-popover--panel.slds-nubbin--top-left::before,
.slds-scope .slds-popover_panel.slds-nubbin_top-left::after,
.slds-scope .slds-popover--panel.slds-nubbin--top-left::after,
.slds-scope .slds-popover_panel.slds-nubbin--top-left::before,
.slds-scope .slds-popover--panel.slds-nubbin--top-left::before,
.slds-scope .slds-popover_panel.slds-nubbin--top-left::after,
.slds-scope .slds-popover--panel.slds-nubbin--top-left::after,
.slds-scope .slds-popover_panel.slds-nubbin_top-right::before,
.slds-scope .slds-popover--panel.slds-nubbin--top-right::before,
.slds-scope .slds-popover_panel.slds-nubbin_top-right::after,
.slds-scope .slds-popover--panel.slds-nubbin--top-right::after,
.slds-scope .slds-popover_panel.slds-nubbin--top-right::before,
.slds-scope .slds-popover--panel.slds-nubbin--top-right::before,
.slds-scope .slds-popover_panel.slds-nubbin--top-right::after,
.slds-scope .slds-popover--panel.slds-nubbin--top-right::after{
background:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-popover_panel.slds-nubbin_left-top::before,.slds-scope .slds-popover--panel.slds-nubbin--left-top::before,
.slds-scope .slds-popover_panel.slds-nubbin_left-top::after,
.slds-scope .slds-popover--panel.slds-nubbin--left-top::after,
.slds-scope .slds-popover_panel.slds-nubbin--left-top::before,
.slds-scope .slds-popover--panel.slds-nubbin--left-top::before,
.slds-scope .slds-popover_panel.slds-nubbin--left-top::after,
.slds-scope .slds-popover--panel.slds-nubbin--left-top::after,
.slds-scope .slds-popover_panel.slds-nubbin_right-top::before,
.slds-scope .slds-popover--panel.slds-nubbin--right-top::before,
.slds-scope .slds-popover_panel.slds-nubbin_right-top::after,
.slds-scope .slds-popover--panel.slds-nubbin--right-top::after,
.slds-scope .slds-popover_panel.slds-nubbin--right-top::before,
.slds-scope .slds-popover--panel.slds-nubbin--right-top::before,
.slds-scope .slds-popover_panel.slds-nubbin--right-top::after,
.slds-scope .slds-popover--panel.slds-nubbin--right-top::after{
inset-block-start:var(--slds-g-spacing-7);
}
.slds-scope .slds-popover_panel__label,.slds-scope .slds-popover--panel__label{
font-size:var(--slds-g-font-scale-1);
font-weight:var(--slds-g-font-weight-7);
}
.slds-scope .slds-nubbin_top::before,.slds-scope .slds-nubbin--top::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-start:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_top::after,.slds-scope .slds-nubbin--top::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-start:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-top-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_top-left::before,.slds-scope .slds-nubbin--top-left::before,
.slds-scope .slds-nubbin_top-left-corner::before,
.slds-scope .slds-nubbin--top-left-corner::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-start:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_top-left::after,.slds-scope .slds-nubbin--top-left::after,
.slds-scope .slds-nubbin_top-left-corner::after,
.slds-scope .slds-nubbin--top-left-corner::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-start:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-top-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_top-left::before,.slds-scope .slds-nubbin--top-left::before,
.slds-scope .slds-nubbin_top-left::after,
.slds-scope .slds-nubbin--top-left::after,
.slds-scope .slds-nubbin_top-left-corner::before,
.slds-scope .slds-nubbin--top-left-corner::before,
.slds-scope .slds-nubbin_top-left-corner::after,
.slds-scope .slds-nubbin--top-left-corner::after{
inset-inline-start:var(--slds-g-spacing-5);
inset-block-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_top-right::before,.slds-scope .slds-nubbin--top-right::before,
.slds-scope .slds-nubbin_top-right-corner::before,
.slds-scope .slds-nubbin--top-right-corner::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-start:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_top-right::after,.slds-scope .slds-nubbin--top-right::after,
.slds-scope .slds-nubbin_top-right-corner::after,
.slds-scope .slds-nubbin--top-right-corner::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-start:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-top-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_top-right::before,.slds-scope .slds-nubbin--top-right::before,
.slds-scope .slds-nubbin_top-right::after,
.slds-scope .slds-nubbin--top-right::after,
.slds-scope .slds-nubbin_top-right-corner::before,
.slds-scope .slds-nubbin--top-right-corner::before,
.slds-scope .slds-nubbin_top-right-corner::after,
.slds-scope .slds-nubbin--top-right-corner::after{
inset-inline-start:auto;
inset-inline-end:var(--slds-g-spacing-5);
inset-block-start:calc((1rem * 0.5) * -1);
margin-inline-end:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_bottom::before,.slds-scope .slds-nubbin--bottom::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-end:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_bottom::after,.slds-scope .slds-nubbin--bottom::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-end:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-bottom-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_bottom-left::before,.slds-scope .slds-nubbin--bottom-left::before,
.slds-scope .slds-nubbin_bottom-left-corner::before,
.slds-scope .slds-nubbin--bottom-left-corner::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-end:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_bottom-left::after,.slds-scope .slds-nubbin--bottom-left::after,
.slds-scope .slds-nubbin_bottom-left-corner::after,
.slds-scope .slds-nubbin--bottom-left-corner::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-end:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-bottom-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_bottom-left::before,.slds-scope .slds-nubbin--bottom-left::before,
.slds-scope .slds-nubbin_bottom-left::after,
.slds-scope .slds-nubbin--bottom-left::after,
.slds-scope .slds-nubbin_bottom-left-corner::before,
.slds-scope .slds-nubbin--bottom-left-corner::before,
.slds-scope .slds-nubbin_bottom-left-corner::after,
.slds-scope .slds-nubbin--bottom-left-corner::after{
inset-inline-start:var(--slds-g-spacing-5);
inset-block-start:100%;
margin-block-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_bottom-right::before,.slds-scope .slds-nubbin--bottom-right::before,
.slds-scope .slds-nubbin_bottom-right-corner::before,
.slds-scope .slds-nubbin--bottom-right-corner::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-end:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_bottom-right::after,.slds-scope .slds-nubbin--bottom-right::after,
.slds-scope .slds-nubbin_bottom-right-corner::after,
.slds-scope .slds-nubbin--bottom-right-corner::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-inline-start:50%;
inset-block-end:calc((1rem * 0.5) * -1);
margin-inline-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-bottom-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_bottom-right::before,.slds-scope .slds-nubbin--bottom-right::before,
.slds-scope .slds-nubbin_bottom-right::after,
.slds-scope .slds-nubbin--bottom-right::after,
.slds-scope .slds-nubbin_bottom-right-corner::before,
.slds-scope .slds-nubbin--bottom-right-corner::before,
.slds-scope .slds-nubbin_bottom-right-corner::after,
.slds-scope .slds-nubbin--bottom-right-corner::after{
inset-inline-start:auto;
inset-inline-end:var(--slds-g-spacing-5);
inset-block-start:100%;
margin-block-start:calc((1rem * 0.5) * -1);
margin-inline-end:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_left::before,.slds-scope .slds-nubbin--left::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-start:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_left::after,.slds-scope .slds-nubbin--left::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-start:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-left-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_left-top::before,.slds-scope .slds-nubbin--left-top::before,
.slds-scope .slds-nubbin_left-top-corner::before,
.slds-scope .slds-nubbin--left-top-corner::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-start:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_left-top::after,.slds-scope .slds-nubbin--left-top::after,
.slds-scope .slds-nubbin_left-top-corner::after,
.slds-scope .slds-nubbin--left-top-corner::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-start:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-left-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_left-top::before,.slds-scope .slds-nubbin--left-top::before,
.slds-scope .slds-nubbin_left-top::after,
.slds-scope .slds-nubbin--left-top::after,
.slds-scope .slds-nubbin_left-top-corner::before,
.slds-scope .slds-nubbin--left-top-corner::before,
.slds-scope .slds-nubbin_left-top-corner::after,
.slds-scope .slds-nubbin--left-top-corner::after{
inset-block-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-nubbin_left-bottom::before,.slds-scope .slds-nubbin--left-bottom::before,
.slds-scope .slds-nubbin_left-bottom-corner::before,
.slds-scope .slds-nubbin--left-bottom-corner::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-start:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
margin-block-end:-1px;
}
.slds-scope .slds-nubbin_left-bottom::after,.slds-scope .slds-nubbin--left-bottom::after,
.slds-scope .slds-nubbin_left-bottom-corner::after,
.slds-scope .slds-nubbin--left-bottom-corner::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-start:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-left-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_left-bottom::before,.slds-scope .slds-nubbin--left-bottom::before,
.slds-scope .slds-nubbin_left-bottom::after,
.slds-scope .slds-nubbin--left-bottom::after,
.slds-scope .slds-nubbin_left-bottom-corner::before,
.slds-scope .slds-nubbin--left-bottom-corner::before,
.slds-scope .slds-nubbin_left-bottom-corner::after,
.slds-scope .slds-nubbin--left-bottom-corner::after{
inset-block-start:auto;
inset-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-nubbin_right::before,.slds-scope .slds-nubbin--right::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-end:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_right::after,.slds-scope .slds-nubbin--right::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-end:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-right-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_right-top::before,.slds-scope .slds-nubbin--right-top::before,
.slds-scope .slds-nubbin_right-top-corner::before,
.slds-scope .slds-nubbin--right-top-corner::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-end:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
}
.slds-scope .slds-nubbin_right-top::after,.slds-scope .slds-nubbin--right-top::after,
.slds-scope .slds-nubbin_right-top-corner::after,
.slds-scope .slds-nubbin--right-top-corner::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-end:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-right-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_right-top::before,.slds-scope .slds-nubbin--right-top::before,
.slds-scope .slds-nubbin_right-top::after,
.slds-scope .slds-nubbin--right-top::after,
.slds-scope .slds-nubbin_right-top-corner::before,
.slds-scope .slds-nubbin--right-top-corner::before,
.slds-scope .slds-nubbin_right-top-corner::after,
.slds-scope .slds-nubbin--right-top-corner::after{
inset-block-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-nubbin_right-bottom::before,.slds-scope .slds-nubbin--right-bottom::before,
.slds-scope .slds-nubbin_right-bottom-corner::before,
.slds-scope .slds-nubbin--right-bottom-corner::before{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-end:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
margin-bottom:-1px;
}
.slds-scope .slds-nubbin_right-bottom::after,.slds-scope .slds-nubbin--right-bottom::after,
.slds-scope .slds-nubbin_right-bottom-corner::after,
.slds-scope .slds-nubbin--right-bottom-corner::after{
width:1rem;
height:1rem;
position:absolute;
transform:rotate(45deg);
content:'';
background-color:inherit;
inset-block-start:50%;
inset-inline-end:calc((1rem * 0.5) * -1);
margin-block-start:calc((1rem * 0.5) * -1);
box-shadow:var(--_slds-c-popover-right-nubbin-shadow);
z-index:-1;
}
.slds-scope .slds-nubbin_right-bottom::before,.slds-scope .slds-nubbin--right-bottom::before,
.slds-scope .slds-nubbin_right-bottom::after,
.slds-scope .slds-nubbin--right-bottom::after,
.slds-scope .slds-nubbin_right-bottom-corner::before,
.slds-scope .slds-nubbin--right-bottom-corner::before,
.slds-scope .slds-nubbin_right-bottom-corner::after,
.slds-scope .slds-nubbin--right-bottom-corner::after{
inset-block-start:auto;
inset-block-end:1rem;
}
.slds-scope .slds-nubbin_top-left-corner,.slds-scope .slds-nubbin--top-left-corner{
border-radius:var(--slds-g-radius-border-1) var(--slds-g-radius-border-2) var(--slds-g-radius-border-2);
}
.slds-scope .slds-nubbin_top-left-corner::before,.slds-scope .slds-nubbin--top-left-corner::before,
.slds-scope .slds-nubbin_top-left-corner::after,
.slds-scope .slds-nubbin--top-left-corner::after{
inset-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-nubbin_bottom-left-corner,.slds-scope .slds-nubbin--bottom-left-corner{
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-1);
border-end-end-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-nubbin_bottom-left-corner::before,.slds-scope .slds-nubbin--bottom-left-corner::before,
.slds-scope .slds-nubbin_bottom-left-corner::after,
.slds-scope .slds-nubbin--bottom-left-corner::after{
inset-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-nubbin_top-right-corner,.slds-scope .slds-nubbin--top-right-corner{
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-1);
border-end-start-radius:var(--slds-g-radius-border-2);
border-end-end-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-nubbin_top-right-corner::before,.slds-scope .slds-nubbin--top-right-corner::before,
.slds-scope .slds-nubbin_top-right-corner::after,
.slds-scope .slds-nubbin--top-right-corner::after{
inset-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-nubbin_bottom-right-corner,.slds-scope .slds-nubbin--bottom-right-corner{
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-2);
border-end-end-radius:var(--slds-g-radius-border-1);
}
.slds-scope .slds-nubbin_bottom-right-corner::before,.slds-scope .slds-nubbin--bottom-right-corner::before,
.slds-scope .slds-nubbin_bottom-right-corner::after,
.slds-scope .slds-nubbin--bottom-right-corner::after{
inset-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-nubbin_left-top-corner,.slds-scope .slds-nubbin--left-top-corner{
border-start-start-radius:var(--slds-g-radius-border-1);
border-start-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-2);
border-end-end-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-nubbin_left-top-corner::before,.slds-scope .slds-nubbin--left-top-corner::before,
.slds-scope .slds-nubbin_left-top-corner::after,
.slds-scope .slds-nubbin--left-top-corner::after{
inset-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-nubbin_right-top-corner,.slds-scope .slds-nubbin--right-top-corner{
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-1);
border-end-start-radius:var(--slds-g-radius-border-2);
border-end-end-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-nubbin_right-top-corner::before,.slds-scope .slds-nubbin--right-top-corner::before,
.slds-scope .slds-nubbin_right-top-corner::after,
.slds-scope .slds-nubbin--right-top-corner::after{
inset-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-nubbin_left-bottom-corner,.slds-scope .slds-nubbin--left-bottom-corner{
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-1);
border-end-end-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-nubbin_left-bottom-corner::before,.slds-scope .slds-nubbin--left-bottom-corner::before,
.slds-scope .slds-nubbin_left-bottom-corner::after,
.slds-scope .slds-nubbin--left-bottom-corner::after{
inset-block-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-nubbin_right-bottom-corner,.slds-scope .slds-nubbin--right-bottom-corner{
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-2);
border-end-end-radius:var(--slds-g-radius-border-1);
}
.slds-scope .slds-nubbin_right-bottom-corner::before,.slds-scope .slds-nubbin--right-bottom-corner::before,
.slds-scope .slds-nubbin_right-bottom-corner::after,
.slds-scope .slds-nubbin--right-bottom-corner::after{
inset-block-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-popover_error .slds-popover__header,.slds-scope .slds-popover--error .slds-popover__header{
background-color:var(--slds-g-color-error-container-1);
color:var(--slds-g-color-on-error-1);
padding-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-popover_error .slds-popover__header .slds-icon,.slds-scope .slds-popover--error .slds-popover__header .slds-icon{
fill:currentColor;
}
.slds-scope .slds-popover_error .slds-popover__close,.slds-scope .slds-popover--error .slds-popover__close{
--slds-c-icon-color-foreground:var(--slds-g-color-on-error-1);
color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-popover_error .slds-button_icon:hover,.slds-scope .slds-popover--error .slds-button--icon:hover,
.slds-scope .slds-popover_error .slds-button_icon:focus-visible,
.slds-scope .slds-popover--error .slds-button--icon:focus-visible{
color:var(--slds-s-alert-close-button-hover, color-mix(in oklab, currentColor, transparent 25%));
}
.slds-scope .slds-popover_error .slds-popover__footer,.slds-scope .slds-popover--error .slds-popover__footer{
background-color:transparent;
}
.slds-scope .slds-popover_error .slds-popover__footer .slds-button,.slds-scope .slds-popover--error .slds-popover__footer .slds-button{
text-decoration:none;
}
.slds-scope .slds-popover_error .slds-popover__footer .slds-button.slds-button_neutral,.slds-scope .slds-popover--error .slds-popover__footer .slds-button.slds-button--neutral{
color:var(--slds-g-color-accent-2);
}
.slds-scope .slds-popover_error.slds-nubbin_top::before,.slds-scope .slds-popover--error.slds-nubbin--top::before,
.slds-scope .slds-popover_error.slds-nubbin_top-left::before,
.slds-scope .slds-popover--error.slds-nubbin--top-left::before,
.slds-scope .slds-popover_error.slds-nubbin_top-right::before,
.slds-scope .slds-popover--error.slds-nubbin--top-right::before,
.slds-scope .slds-popover_error.slds-nubbin_left-top::before,
.slds-scope .slds-popover--error.slds-nubbin--left-top::before,
.slds-scope .slds-popover_error.slds-nubbin_right-top::before,
.slds-scope .slds-popover--error.slds-nubbin--right-top::before{
background-color:var(--slds-g-color-error-container-1);
}
.slds-scope .slds-popover_error .slds-popover__body,.slds-scope .slds-popover--error .slds-popover__body{
padding-inline-start:var(--slds-g-spacing-7);
}
.slds-scope .slds-popover_error .slds-popover__header,.slds-scope .slds-popover--error .slds-popover__header,
.slds-scope .slds-popover_warning .slds-popover__header,
.slds-scope .slds-popover--warning .slds-popover__header{
border-start-start-radius:calc(var(--slds-g-radius-border-2) - 1px);
border-start-end-radius:calc(var(--slds-g-radius-border-2) - 1px);
border-end-start-radius:0;
border-end-end-radius:0;
}
.slds-scope .slds-popover_error .slds-popover__body_scrollable,.slds-scope .slds-popover--error .slds-popover__body--scrollable,
.slds-scope .slds-popover_warning .slds-popover__body_scrollable,
.slds-scope .slds-popover--warning .slds-popover__body--scrollable{
max-height:150px;
overflow-y:auto;
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-neutral-base-90);
}
.slds-scope .slds-popover_error .slds-popover__body_scrollable + .slds-popover__footer,.slds-scope .slds-popover--error .slds-popover__body--scrollable + .slds-popover__footer,
.slds-scope .slds-popover_warning .slds-popover__body_scrollable + .slds-popover__footer,
.slds-scope .slds-popover--warning .slds-popover__body--scrollable + .slds-popover__footer{
border-block-start:0;
}
.slds-scope .slds-popover_warning button,.slds-scope .slds-popover--warning button{
color:var(--slds-g-color-neutral-base-30);
text-decoration:underline;
}
.slds-scope .slds-popover_warning button:hover,.slds-scope .slds-popover--warning button:hover{
color:var(--slds-g-color-neutral-base-50);
}
.slds-scope .slds-popover_warning button:focus,.slds-scope .slds-popover--warning button:focus{
color:var(--slds-g-color-neutral-base-30);
}
.slds-scope .slds-popover_warning button:active,.slds-scope .slds-popover--warning button:active{
color:var(--slds-g-color-neutral-base-50);
}
.slds-scope .slds-popover_warning .slds-popover__header,.slds-scope .slds-popover--warning .slds-popover__header{
background-color:var(--slds-g-color-warning-container-1);
color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-popover_warning .slds-popover__header .slds-icon,.slds-scope .slds-popover--warning .slds-popover__header .slds-icon{
fill:currentColor;
}
.slds-scope .slds-popover_warning .slds-button_icon,.slds-scope .slds-popover--warning .slds-button--icon{
--slds-c-icon-color-foreground:var(--slds-g-color-on-warning-1);
color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-popover_warning .slds-button_icon:hover,.slds-scope .slds-popover--warning .slds-button--icon:hover,
.slds-scope .slds-popover_warning .slds-button_icon:focus-visible,
.slds-scope .slds-popover--warning .slds-button--icon:focus-visible{
color:var(--slds-s-alert-close-button-hover, color-mix(in oklab, currentColor, transparent 25%));
}
.slds-scope .slds-popover_warning.slds-nubbin_top::before,.slds-scope .slds-popover--warning.slds-nubbin--top::before,
.slds-scope .slds-popover_warning.slds-nubbin_top-left::before,
.slds-scope .slds-popover--warning.slds-nubbin--top-left::before,
.slds-scope .slds-popover_warning.slds-nubbin_top-right::before,
.slds-scope .slds-popover--warning.slds-nubbin--top-right::before,
.slds-scope .slds-popover_warning.slds-nubbin_left-top::before,
.slds-scope .slds-popover--warning.slds-nubbin--left-top::before,
.slds-scope .slds-popover_warning.slds-nubbin_right-top::before,
.slds-scope .slds-popover--warning.slds-nubbin--right-top::before{
background-color:var(--slds-g-color-warning-container-1);
}
.slds-scope .slds-popover_warning .slds-popover__body,.slds-scope .slds-popover--warning .slds-popover__body{
padding-inline-start:var(--slds-g-spacing-7);
}
.slds-scope .slds-popover_warning .slds-popover__footer,.slds-scope .slds-popover--warning .slds-popover__footer{
background-color:transparent;
}
.slds-scope .slds-popover_warning .slds-popover__footer .slds-button,.slds-scope .slds-popover--warning .slds-popover__footer .slds-button{
text-decoration:none;
}
.slds-scope .slds-popover_warning .slds-popover__footer .slds-button.slds-button_neutral,.slds-scope .slds-popover--warning .slds-popover__footer .slds-button.slds-button--neutral{
color:var(--slds-g-color-accent-2);
}
.slds-scope .slds-popover_prompt,.slds-scope .slds-popover--prompt{
width:calc(var(--slds-g-sizing-15) + var(--slds-g-sizing-12));
}
.slds-scope .slds-popover_prompt .slds-popover__body,.slds-scope .slds-popover--prompt .slds-popover__body{
padding-block:var(--slds-g-spacing-3) var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-popover_prompt .slds-popover__footer,.slds-scope .slds-popover--prompt .slds-popover__footer{
border-block-start:inherit;
}
.slds-scope .slds-popover_prompt__heading,.slds-scope .slds-popover--prompt__heading{
font-size:var(--slds-s-container-heading-font-size, var(--slds-g-font-scale-2));
line-height:var(--slds-g-font-lineheight-2);
font-weight:var(--slds-g-font-weight-4);
}
.slds-scope .slds-popover_prompt__action-link,.slds-scope .slds-popover--prompt__action-link{
margin-inline-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-popover_prompt_top,.slds-scope .slds-popover--prompt--top,
.slds-scope .slds-popover_prompt_top-right,
.slds-scope .slds-popover--prompt--top-right,
.slds-scope .slds-popover_prompt_top-left,
.slds-scope .slds-popover--prompt--top-left,
.slds-scope .slds-popover_prompt_bottom,
.slds-scope .slds-popover--prompt--bottom,
.slds-scope .slds-popover_prompt_bottom-right,
.slds-scope .slds-popover--prompt--bottom-right,
.slds-scope .slds-popover_prompt_bottom-left,
.slds-scope .slds-popover--prompt--bottom-left{
position:absolute;
}
.slds-scope .slds-popover_prompt_top,.slds-scope .slds-popover--prompt--top,
.slds-scope .slds-popover_prompt_top-right,
.slds-scope .slds-popover--prompt--top-right,
.slds-scope .slds-popover_prompt_top-left,
.slds-scope .slds-popover--prompt--top-left{
inset-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-popover_prompt_bottom,.slds-scope .slds-popover--prompt--bottom,
.slds-scope .slds-popover_prompt_bottom-right,
.slds-scope .slds-popover--prompt--bottom-right,
.slds-scope .slds-popover_prompt_bottom-left,
.slds-scope .slds-popover--prompt--bottom-left{
inset-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-popover_prompt_top,.slds-scope .slds-popover--prompt--top,
.slds-scope .slds-popover_prompt_bottom,
.slds-scope .slds-popover--prompt--bottom{
inset-inline-start:50%;
margin-inline-start:calc(((var(--slds-g-sizing-15) + var(--slds-g-sizing-12)) * 0.5) * -1);
}
.slds-scope .slds-popover_prompt_top-right,.slds-scope .slds-popover--prompt--top-right,
.slds-scope .slds-popover_prompt_bottom-right,
.slds-scope .slds-popover--prompt--bottom-right{
inset-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-popover_prompt_top-left,.slds-scope .slds-popover--prompt--top-left,
.slds-scope .slds-popover_prompt_bottom-left,
.slds-scope .slds-popover--prompt--bottom-left{
inset-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-popover_walkthrough,.slds-scope .slds-popover--walkthrough{
border-color:var(--slds-g-color-border-inverse-2);
color:var(--slds-g-color-on-surface-inverse-1);
background:var(--slds-g-color-surface-inverse-2);
}
.slds-scope .slds-popover_walkthrough .slds-text-title,.slds-scope .slds-popover--walkthrough .slds-text-title,
.slds-scope .slds-popover_walkthrough .slds-text-title_caps,
.slds-scope .slds-popover--walkthrough .slds-text-title--caps{
color:var(--slds-g-color-on-surface-inverse-2);
}
.slds-scope .slds-popover_walkthrough .slds-icon,.slds-scope .slds-popover--walkthrough .slds-icon{
fill:currentColor;
}
.slds-scope .slds-popover_walkthrough a,.slds-scope .slds-popover--walkthrough a{
color:currentColor;
border:var(--slds-g-sizing-border-1) solid transparent;
border-radius:var(--slds-g-radius-border-2);
text-decoration:underline;
}
.slds-scope .slds-popover_walkthrough a:hover,.slds-scope .slds-popover--walkthrough a:hover,
.slds-scope .slds-popover_walkthrough a:focus,
.slds-scope .slds-popover--walkthrough a:focus{
text-decoration:none;
outline:0;
}
.slds-scope .slds-popover_walkthrough a:focus,.slds-scope .slds-popover--walkthrough a:focus{
box-shadow:var(--slds-s-button-shadow-focus);
}
.slds-scope .slds-popover_walkthrough a:active,.slds-scope .slds-popover--walkthrough a:active{
color:var(--slds-g-color-on-surface-inverse-2);
}
.slds-scope .slds-popover_walkthrough a[disabled],.slds-scope .slds-popover--walkthrough a[disabled]{
color:color-mix(in oklab, currentColor, transparent 90%);
}
.slds-scope .slds-popover_walkthrough .slds-popover__header,.slds-scope .slds-popover--walkthrough .slds-popover__header{
background-color:var(--slds-g-color-surface-inverse-2);
border-color:inherit;
padding:var(--slds-g-spacing-3) var(--slds-g-spacing-4);
color:var(--slds-g-color-on-surface-inverse-1);
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-popover_walkthrough .slds-popover__body,.slds-scope .slds-popover--walkthrough .slds-popover__body,
.slds-scope .slds-popover_walkthrough .slds-popover__footer,
.slds-scope .slds-popover--walkthrough .slds-popover__footer{
padding:var(--slds-g-spacing-4);
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_walkthrough .slds-popover__footer,.slds-scope .slds-popover--walkthrough .slds-popover__footer{
background-color:var(--slds-g-color-surface-inverse-1);
border:0;
}
.slds-scope .slds-popover_walkthrough .slds-text-title,.slds-scope .slds-popover--walkthrough .slds-text-title{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_walkthrough .slds-input,.slds-scope .slds-popover--walkthrough .slds-input,
.slds-scope .slds-popover_walkthrough .slds-select,
.slds-scope .slds-popover--walkthrough .slds-select,
.slds-scope .slds-popover_walkthrough .slds-textarea,
.slds-scope .slds-popover--walkthrough .slds-textarea{
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-popover_walkthrough.slds-nubbin_top::before,.slds-scope .slds-popover--walkthrough.slds-nubbin--top::before,
.slds-scope .slds-popover_walkthrough.slds-nubbin_top-left::before,
.slds-scope .slds-popover--walkthrough.slds-nubbin--top-left::before,
.slds-scope .slds-popover_walkthrough.slds-nubbin_top-right::before,
.slds-scope .slds-popover--walkthrough.slds-nubbin--top-right::before,
.slds-scope .slds-popover_walkthrough.slds-nubbin_left-top::before,
.slds-scope .slds-popover--walkthrough.slds-nubbin--left-top::before,
.slds-scope .slds-popover_walkthrough.slds-nubbin_right-top::before,
.slds-scope .slds-popover--walkthrough.slds-nubbin--right-top::before{
background-color:var(--slds-g-color-surface-container-inverse-1);
}
.slds-scope .slds-popover_walkthrough-alt,.slds-scope .slds-popover--walkthrough-alt,
.slds-scope .slds-popover_feature,
.slds-scope .slds-popover--feature{
border-color:var(--_slds-c-popover-feature-color-border);
background-color:var(--_slds-c-popover-feature-color-background);
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_walkthrough-alt .slds-text-heading_small,.slds-scope .slds-popover--walkthrough-alt .slds-text-heading--small,
.slds-scope .slds-popover_feature .slds-text-heading_small,
.slds-scope .slds-popover--feature .slds-text-heading--small{
margin-bottom:var(--slds-g-spacing-2);
}
.slds-scope .slds-popover_walkthrough-alt.slds-nubbin_bottom::before,.slds-scope .slds-popover--walkthrough-alt.slds-nubbin--bottom::before,
.slds-scope .slds-popover_walkthrough-alt.slds-nubbin_bottom-left::before,
.slds-scope .slds-popover--walkthrough-alt.slds-nubbin--bottom-left::before,
.slds-scope .slds-popover_walkthrough-alt.slds-nubbin_bottom-right::before,
.slds-scope .slds-popover--walkthrough-alt.slds-nubbin--bottom-right::before,
.slds-scope .slds-popover_feature.slds-nubbin_bottom::before,
.slds-scope .slds-popover--feature.slds-nubbin--bottom::before,
.slds-scope .slds-popover_feature.slds-nubbin_bottom-left::before,
.slds-scope .slds-popover--feature.slds-nubbin--bottom-left::before,
.slds-scope .slds-popover_feature.slds-nubbin_bottom-right::before,
.slds-scope .slds-popover--feature.slds-nubbin--bottom-right::before{
background-color:var(--slds-g-color-accent-2);
}
.slds-scope .slds-popover_walkthrough-alt .slds-text-title,.slds-scope .slds-popover--walkthrough-alt .slds-text-title,
.slds-scope .slds-popover_feature .slds-text-title,
.slds-scope .slds-popover--feature .slds-text-title{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_walkthrough-alt .slds-popover__body,.slds-scope .slds-popover--walkthrough-alt .slds-popover__body,
.slds-scope .slds-popover_feature .slds-popover__body,
.slds-scope .slds-popover--feature .slds-popover__body{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-tooltip{
position:relative;
border-radius:var(--slds-g-radius-border-2);
width:var(--slds-g-sizing-15);
min-height:calc(1rem * 2);
z-index:var(--slds-c-popover-position-zindex, 6000);
background-color:var(--slds-g-color-surface-inverse-1);
display:inline-block;
}
.slds-scope .slds-tooltip__body{
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
font-size:var(--slds-g-font-scale-neg-1);
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-popover_tooltip,.slds-scope .slds-popover--tooltip{
width:auto;
max-width:var(--slds-c-tooltip-sizing-max-width, var(--slds-g-sizing-15));
background-color:var(--slds-c-tooltip-color-background, var(--slds-g-color-surface-inverse-1));
border:0;
box-shadow:var(--slds-g-shadow-3);
}
.slds-scope .slds-popover_tooltip .slds-popover__body,.slds-scope .slds-popover--tooltip .slds-popover__body{
font-size:var(--slds-c-tooltip-font-size, var(--slds-g-font-scale-neg-1));
color:var(--slds-c-tooltip-text-color, var(--slds-g-color-on-surface-inverse-1));
}
.slds-scope .slds-popover_tooltip .slds-icon-text-default,.slds-scope .slds-popover--tooltip .slds-icon-text-default{
--slds-c-icon-color-foreground:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-rise-from-ground{
visibility:visible;
opacity:1;
transform:translate(0%, 0%);
transition:opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
will-change:transform;
}
.slds-scope .slds-fall-into-ground{
visibility:hidden;
opacity:0;
transform:translate(0%, 0%);
transition:opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
will-change:transform;
}
.slds-scope .slds-slide-from-bottom-to-top{
transform:translateY(10%);
will-change:transform;
}
.slds-scope .slds-slide-from-top-to-bottom{
transform:translateY(-10%);
will-change:transform;
}
.slds-scope .slds-slide-from-right-to-left{
transform:translateX(5%);
will-change:transform;
}
.slds-scope .slds-slide-from-left-to-right{
transform:translateX(-5%);
will-change:transform;
}
.slds-scope a [icon-name='utility:info'] .slds-icon-text-default{
--slds-c-icon-color-foreground-default:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
}
.slds-scope a:hover [icon-name='utility:info'] .slds-icon-text-default, .slds-scope a:focus [icon-name='utility:info'] .slds-icon-text-default{
--slds-c-icon-color-foreground-default:var(--slds-s-button-color-hover, var(--slds-g-color-accent-3));
}
.slds-scope .slds-dropdown-trigger{
position:relative;
display:inline-block;
}
.slds-scope .slds-dropdown-trigger .slds-dropdown{
inset-block-start:100%;
}
.slds-scope .slds-dropdown-trigger .slds-dropdown_bottom,.slds-scope .slds-dropdown-trigger .slds-dropdown--bottom{
inset-block-start:auto;
}
.slds-scope .slds-dropdown-trigger > [class*='slds-button_icon'] ~ .slds-dropdown_left[class*='slds-nubbin'],.slds-scope .slds-dropdown-trigger > [class*='slds-button--icon'] ~ .slds-dropdown--left[class*='slds-nubbin']{
inset-inline-start:calc(var(--slds-g-spacing-2) * -1);
}
.slds-scope .slds-dropdown-trigger > [class*='slds-button_icon'] ~ .slds-dropdown_right[class*='slds-nubbin'],.slds-scope .slds-dropdown-trigger > [class*='slds-button--icon'] ~ .slds-dropdown--right[class*='slds-nubbin']{
inset-inline-end:calc(var(--slds-g-spacing-2) * -1);
}
.slds-scope .slds-dropdown-trigger_hover .slds-dropdown,.slds-scope .slds-dropdown-trigger--hover .slds-dropdown{
visibility:hidden;
opacity:0;
transition:opacity 0.1s linear, visibility 0.1s linear;
}
.slds-scope .slds-dropdown-trigger_hover:hover,.slds-scope .slds-dropdown-trigger--hover:hover,
.slds-scope .slds-dropdown-trigger_hover:focus,
.slds-scope .slds-dropdown-trigger--hover:focus{
outline:0;
}
.slds-scope .slds-dropdown-trigger_hover:hover .slds-dropdown,.slds-scope .slds-dropdown-trigger--hover:hover .slds-dropdown, .slds-scope .slds-dropdown-trigger_hover:focus .slds-dropdown, .slds-scope .slds-dropdown-trigger--hover:focus .slds-dropdown{
visibility:visible;
opacity:1;
transition:opacity 0.1s linear, visibility 0.1s linear;
}
.slds-scope .slds-dropdown-trigger_click .slds-dropdown,.slds-scope .slds-dropdown-trigger--click .slds-dropdown,
.slds-scope .slds-dropdown-trigger_click:hover .slds-dropdown,
.slds-scope .slds-dropdown-trigger--click:hover .slds-dropdown{
display:none;
}
.slds-scope .slds-dropdown-trigger_click.slds-is-open .slds-dropdown,.slds-scope .slds-dropdown-trigger--click.slds-is-open .slds-dropdown{
display:block;
visibility:visible;
opacity:1;
}
.slds-scope .slds-dropdown{
position:absolute;
z-index:7000;
left:50%;
transform:translateX(-50%);
float:inline-start;
min-width:calc(var(--slds-g-sizing-5) * 6);
max-width:var(--slds-g-sizing-15);
margin-block-start:calc(var(--slds-g-spacing-1) / 2);
margin-block-end:calc(var(--slds-g-spacing-1)) / 2;
border-radius:var(--slds-g-radius-border-2);
padding-block:var(--slds-g-spacing-1);
padding-inline:0;
font-size:var(--slds-g-font-scale-neg-1);
background-color:var(--slds-g-color-surface-container-1);
box-shadow:var(--slds-g-shadow-2);
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-dropdown mark{
font-weight:var(--slds-g-font-weight-7);
background-color:transparent;
color:inherit;
}
.slds-scope .slds-dropdown[class*='slds-nubbin_top'],.slds-scope .slds-dropdown[class*='slds-nubbin--top']{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-dropdown[class*='slds-nubbin_bottom'],.slds-scope .slds-dropdown[class*='slds-nubbin--bottom']{
margin-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-dropdown:focus-visible{
outline:0;
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-dropdown_inverse,.slds-scope .slds-dropdown--inverse{
background:var(--slds-g-color-surface-inverse-2);
border-color:var(--slds-g-color-brand-base-10);
color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-dropdown_inverse .slds-dropdown__item > a,.slds-scope .slds-dropdown--inverse .slds-dropdown__item > a{
color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-dropdown_inverse .slds-dropdown__item > a:hover,.slds-scope .slds-dropdown--inverse .slds-dropdown__item > a:hover,
.slds-scope .slds-dropdown_inverse .slds-dropdown__item > a:focus,
.slds-scope .slds-dropdown--inverse .slds-dropdown__item > a:focus{
color:var(--slds-g-color-on-surface-inverse-2);
background-color:transparent;
}
.slds-scope .slds-dropdown_inverse .slds-dropdown__item > a:active,.slds-scope .slds-dropdown--inverse .slds-dropdown__item > a:active{
color:var(--slds-g-color-neutral-base-80);
background-color:transparent;
}
.slds-scope .slds-dropdown_inverse .slds-dropdown__item > a[aria-disabled='true'],.slds-scope .slds-dropdown--inverse .slds-dropdown__item > a[aria-disabled='true']{
color:var(--slds-g-color-palette-blue-20);
cursor:default;
}
.slds-scope .slds-dropdown_inverse .slds-dropdown__item > a[aria-disabled='true']:hover,.slds-scope .slds-dropdown--inverse .slds-dropdown__item > a[aria-disabled='true']:hover{
background-color:transparent;
}
.slds-scope .slds-dropdown__header{
font-size:var(--slds-g-font-scale-neg-1);
font-weight:var(--slds-g-font-weight-6);
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-dropdown__header:focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
outline:0;
border-radius:6px;
}
.slds-scope .slds-dropdown__item{
line-height:var(--slds-g-font-lineheight-base);
font-weight:var(--slds-g-font-weight-4);
}
.slds-scope .slds-dropdown__item > a{
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
color:var(--slds-g-color-on-surface-2);
white-space:nowrap;
cursor:pointer;
}
.slds-scope .slds-dropdown__item > a:hover,
.slds-scope .slds-dropdown__item > a:focus{
outline:0;
text-decoration:none;
background-color:var(
--slds-s-menu-item-color-background-active,
var(--slds-g-color-surface-container-2)
);
box-shadow:none;
}
.slds-scope .slds-dropdown__item > a:not([aria-disabled='true']):focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
outline:0;
border-radius:6px;
}
.slds-scope .slds-dropdown__item > a:active{
text-decoration:none;
background-color:var(
--slds-s-menu-item-color-background-active,
var(--slds-g-color-surface-container-2)
);
}
.slds-scope .slds-dropdown__item > a[aria-disabled='true']{
color:var(--slds-g-color-disabled-1);
cursor:default;
}
.slds-scope .slds-dropdown__item > a[aria-disabled='true']:hover{
background-color:transparent;
}
.slds-scope .slds-dropdown__item > a[aria-disabled='true'] .slds-icon{
fill:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-dropdown__item > a.slds-has-error{
--slds-c-icon-color-foreground:var(--slds-g-color-on-error-1);
color:var(--slds-g-color-on-error-1);
background:var(--slds-g-color-error-container-1);
}
.slds-scope .slds-dropdown__item > a.slds-has-success{
--slds-c-icon-color-foreground:var(--slds-g-color-on-success-1);
color:var(--slds-g-color-on-success-1);
background:var(--slds-g-color-success-container-1);
}
.slds-scope .slds-dropdown__item > a.slds-has-warning{
color:var(--slds-g-color-on-warning-1);
background:var(--slds-g-color-warning-container-1);
}
.slds-scope .slds-dropdown__item > a.slds-has-warning .slds-indicator_unread,.slds-scope .slds-dropdown__item > a.slds-has-warning .slds-indicator--unread{
background-color:currentColor;
}
.slds-scope .slds-dropdown__item > a.slds-has-warning .slds-indicator_unsaved,.slds-scope .slds-dropdown__item > a.slds-has-warning .slds-indicator--unsaved{
color:currentColor;
}
.slds-scope .slds-dropdown__item > a.slds-has-error:hover,
.slds-scope .slds-dropdown__item > a.slds-has-error:focus,
.slds-scope .slds-dropdown__item > a.slds-has-success:hover,
.slds-scope .slds-dropdown__item > a.slds-has-success:focus,
.slds-scope .slds-dropdown__item > a.slds-has-warning:hover,
.slds-scope .slds-dropdown__item > a.slds-has-warning:focus{
text-decoration:underline;
}
.slds-scope .slds-dropdown__item > a.slds-has-error:focus-visible, .slds-scope .slds-dropdown__item > a.slds-has-success:focus-visible, .slds-scope .slds-dropdown__item > a.slds-has-warning:focus-visible{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-dropdown__item .slds-icon_selected,.slds-scope .slds-dropdown__item .slds-icon--selected{
--slds-c-icon-color-foreground:var(--slds-g-color-accent-2);
opacity:0;
transition:opacity 0.05s ease;
}
.slds-scope .slds-dropdown__item.slds-is-selected .slds-icon_selected,.slds-scope .slds-dropdown__item.slds-is-selected .slds-icon--selected,
.slds-scope .slds-dropdown__item.slds-is-selected .slds-icon--selected{
opacity:1;
}
.slds-scope .slds-dropdown__item.slds-has-notification .slds-indicator_unsaved,.slds-scope .slds-dropdown__item.slds-has-notification .slds-indicator--unsaved{
inset-block-start:-0.375rem;
}
.slds-scope .slds-dropdown_left,.slds-scope .slds-dropdown--left{
inset-inline-start:0;
inset-inline-end:auto;
transform:translateX(0);
}
.slds-scope .slds-dropdown_right,.slds-scope .slds-dropdown--right{
inset-inline-start:auto;
inset-inline-end:0;
transform:translateX(0);
}
.slds-scope .slds-dropdown_bottom,.slds-scope .slds-dropdown--bottom{
inset-block-end:100%;
}
.slds-scope .slds-dropdown_xx-small,.slds-scope .slds-dropdown--xx-small{
min-width:calc(var(--slds-g-sizing-5) * 6);
}
.slds-scope .slds-dropdown_x-small,.slds-scope .slds-dropdown--x-small{
min-width:calc(var(--slds-g-sizing-9) * 6);
}
.slds-scope .slds-dropdown_small,.slds-scope .slds-dropdown--small{
min-width:var(--slds-g-sizing-14);
}
.slds-scope .slds-dropdown_medium,.slds-scope .slds-dropdown--medium{
min-width:var(--slds-g-sizing-15);
}
.slds-scope .slds-dropdown_large,.slds-scope .slds-dropdown--large{
min-width:calc(var(--slds-g-sizing-12) * 5);
}
.slds-scope .slds-dropdown_fluid,.slds-scope .slds-dropdown--fluid{
min-width:calc(var(--slds-g-sizing-5) * 12);
max-width:100%;
width:100%;
}
.slds-scope .slds-dropdown_length-5,.slds-scope .slds-dropdown--length-5{
max-height:calc(
(var(--slds-g-sizing-5) * var(--slds-g-font-lineheight-base) + var(--slds-g-spacing-4)) * 5
);
overflow-y:auto;
}
.slds-scope .slds-dropdown_length-7,.slds-scope .slds-dropdown--length-7{
max-height:calc(
(var(--slds-g-sizing-5) * var(--slds-g-font-lineheight-base) + var(--slds-g-spacing-4)) * 7
);
overflow-y:auto;
}
.slds-scope .slds-dropdown_length-10,.slds-scope .slds-dropdown--length-10{
max-height:calc(
(var(--slds-g-sizing-5) * var(--slds-g-font-lineheight-base) + var(--slds-g-spacing-4)) * 10
);
overflow-y:auto;
}
.slds-scope .slds-dropdown_length-with-icon-5,.slds-scope .slds-dropdown--length-with-icon-5{
max-height:calc((var(--slds-g-sizing-7) + var(--slds-g-spacing-4)) * 5);
overflow-y:auto;
}
.slds-scope .slds-dropdown_length-with-icon-7,.slds-scope .slds-dropdown--length-with-icon-7{
max-height:calc((var(--slds-g-sizing-7) + var(--slds-g-spacing-4)) * 7);
overflow-y:auto;
}
.slds-scope .slds-dropdown_length-with-icon-10,.slds-scope .slds-dropdown--length-with-icon-10{
max-height:calc((var(--slds-g-sizing-7) + var(--slds-g-spacing-4)) * 10);
overflow-y:auto;
}
[dir='rtl'] .slds-scope .slds-dropdown_center,[dir='rtl'] .slds-scope .slds-dropdown--center{
inset-inline-start:auto;
inset-inline-end:auto;
transform:translateX(calc(50% - (0.875rem / 2)));
}
.slds-scope .slds-has-submenu{
position:relative;
}
.slds-scope .slds-has-submenu .slds-dropdown_submenu,.slds-scope .slds-has-submenu .slds-dropdown--submenu{
inset-block-start:0;
transform:none;
}
.slds-scope .slds-has-submenu .slds-dropdown_submenu-left,.slds-scope .slds-has-submenu .slds-dropdown--submenu-left{
inset-inline-start:auto;
inset-inline-end:100%;
margin-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-has-submenu .slds-dropdown_submenu-right,.slds-scope .slds-has-submenu .slds-dropdown--submenu-right{
inset-inline-start:100%;
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-has-submenu .slds-dropdown_submenu-bottom,.slds-scope .slds-has-submenu .slds-dropdown--submenu-bottom{
inset-block-start:auto;
inset-block-end:0;
margin-block-end:calc(var(--slds-g-spacing-1) * -1);
}
.slds-scope .slds-has-submenu.slds-dropdown__item .slds-dropdown_submenu,.slds-scope .slds-has-submenu.slds-dropdown__item .slds-dropdown--submenu{
display:none;
}
.slds-scope .slds-has-submenu [role='menuitem'][aria-expanded='true'] + .slds-dropdown_submenu,.slds-scope .slds-has-submenu [role='menuitem'][aria-expanded='true'] + .slds-dropdown--submenu{
display:block;
}
.slds-scope .slds-dropdown_actions a,.slds-scope .slds-dropdown--actions a{
color:var(--slds-g-color-neutral-base-10);
}
.slds-scope .slds-picklist{
position:relative;
}
.slds-scope .slds-picklist .slds-dropdown{
width:var(--slds-g-sizing-14);
}
.slds-scope .slds-picklist li .slds-icon_selected,.slds-scope .slds-picklist li .slds-icon--selected{
opacity:0;
transition:opacity 0.05s ease;
}
.slds-scope .slds-picklist li.slds-is-selected .slds-icon_selected,.slds-scope .slds-picklist li.slds-is-selected .slds-icon--selected{
fill:var(--slds-g-color-accent-2);
opacity:1;
}
.slds-scope .slds-picklist input[readonly]{
padding-left:var(--slds-g-spacing-3);
border-color:var(--slds-s-input-color-border, var(--slds-g-color-border-2));
background-color:var(--slds-s-input-color-background, var(--slds-g-color-surface-container-1));
font-size:inherit;
font-weight:var(--slds-g-font-weight-4);
}
.slds-scope .slds-picklist input[readonly]:focus-visible,
.slds-scope .slds-picklist input[readonly].slds-has-focus{
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-picklist input[readonly][disabled]{
background-color:var(--slds-s-input-color-background-disabled, var(--slds-g-color-disabled-container-1));
border-color:var(--slds-s-input-color-border-disabled, var(--slds-g-color-border-disabled-1));
}
.slds-scope .slds-picklist_fluid .slds-picklist__input,.slds-scope .slds-picklist--fluid .slds-picklist__input,
.slds-scope .slds-picklist_fluid .slds-picklist__label,
.slds-scope .slds-picklist--fluid .slds-picklist__label,
.slds-scope .slds-picklist_fluid .slds-dropdown,
.slds-scope .slds-picklist--fluid .slds-dropdown,
.slds-scope .slds-picklist_fluid .slds-lookup,
.slds-scope .slds-picklist--fluid .slds-lookup{
width:auto;
min-width:0;
max-width:var(--slds-g-sizing-14);
}
.slds-scope .slds-picklist__input{
width:var(--slds-g-sizing-14);
}
.slds-scope .slds-picklist__input .slds-button{
line-height:0;
}
.slds-scope .slds-picklist__label{
padding-right:var(--slds-g-spacing-6);
width:var(--slds-g-sizing-14);
color:var(--slds-g-color-on-surface-3);
text-align:left;
}
.slds-scope .slds-picklist__label .slds-icon{
width:var(--slds-g-sizing-4);
height:var(--slds-g-sizing-4);
position:absolute;
right:var(--slds-g-spacing-4);
top:50%;
margin-top:-0.375rem;
fill:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-picklist__label .slds-truncate{
display:block;
}
.slds-scope .slds-combobox_container,.slds-scope .slds-combobox--container{
display:flex;
flex-direction:column;
position:relative;
}
.slds-scope .slds-combobox_container.slds-is-open .slds-dropdown,.slds-scope .slds-combobox--container.slds-is-open .slds-dropdown{
display:block;
}
.slds-scope .slds-combobox_container.slds-has-selection .slds-combobox__input-value,.slds-scope .slds-combobox--container.slds-has-selection .slds-combobox__input-value{
box-shadow:0 0 0 2px var(--slds-c-input-color-background, var(--slds-g-color-surface-container-1)) inset, 0 0 0 3px var(--slds-g-color-border-1) inset;
}
.slds-scope .slds-combobox_container.slds-has-selection .slds-combobox__input-value:focus,.slds-scope .slds-combobox--container.slds-has-selection .slds-combobox__input-value:focus{
box-shadow:var(--slds-g-shadow-outline-focus-1);
border-color:transparent;
}
.slds-scope .slds-combobox_container[invalid],.slds-scope .slds-combobox--container[invalid]{
--slds-c-input-color-background:var(--slds-s-input-color-background-invalid);
--slds-c-input-text-color:var(--slds-s-input-color-invalid);
--slds-c-input-color-border:var(--slds-g-color-border-error-1);
--slds-c-input-shadow:var(--slds-s-input-shadow-invalid);
}
.slds-scope .slds-combobox_container.slds-has-icon-only .slds-combobox__input,.slds-scope .slds-combobox--container.slds-has-icon-only .slds-combobox__input,
.slds-scope .slds-combobox_container.slds-has-icon-only .slds-combobox__input:focus,
.slds-scope .slds-combobox--container.slds-has-icon-only .slds-combobox__input:focus,
.slds-scope .slds-combobox_container.slds-has-icon-only .slds-combobox__input.slds-has-focus,
.slds-scope .slds-combobox--container.slds-has-icon-only .slds-combobox__input.slds-has-focus{
width:0;
pointer-events:auto;
}
.slds-scope .slds-combobox_container.slds-has-icon-only .slds-input__icon,.slds-scope .slds-combobox--container.slds-has-icon-only .slds-input__icon{
z-index:2;
pointer-events:none;
}
.slds-scope .slds-combobox{
position:static;
display:flex;
flex-direction:column;
flex:1 1 auto;
}
.slds-scope .slds-combobox__form-element{
flex:1 1 auto;
}
.slds-scope [role='combobox'] input[readonly],
.slds-scope input[readonly][role='combobox']{
padding-inline-start:var(--slds-g-spacing-3);
border-color:var(--slds-g-color-border-2);
background-color:var(--slds-g-color-surface-container-1);
font-size:inherit;
}
.slds-scope [role='combobox'] input[readonly]:focus-visible,
.slds-scope [role='combobox'] input[readonly].slds-has-focus,
.slds-scope input[readonly][role='combobox']:focus-visible,
.slds-scope input[readonly][role='combobox'].slds-has-focus{
border-color:var(--slds-s-input-color-border-focus);
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope [role='combobox'] input[readonly][disabled], .slds-scope input[readonly][role='combobox'][disabled]{
background-color:var(--slds-s-input-color-background-disabled);
border-color:var(--slds-s-input-color-border-disabled);
}
.slds-scope .slds-listbox_inline,.slds-scope .slds-listbox--inline{
display:inline-flex;
flex-wrap:wrap;
flex-shrink:0;
align-items:center;
margin-inline-start:0.125rem;
margin-inline-end:0.125rem;
}
.slds-scope .slds-listbox_inline li,.slds-scope .slds-listbox--inline li{
display:flex;
}
.slds-scope .slds-listbox_inline li + li,.slds-scope .slds-listbox--inline li + li{
padding-inline-start:0.125rem;
}
.slds-scope .slds-listbox_horizontal,.slds-scope .slds-listbox--horizontal{
display:inline-flex;
flex-wrap:wrap;
align-items:center;
}
.slds-scope .slds-listbox_horizontal li,.slds-scope .slds-listbox--horizontal li{
display:flex;
}
.slds-scope .slds-listbox_horizontal li + li,.slds-scope .slds-listbox--horizontal li + li{
padding-inline-start:0.125rem;
}
.slds-scope .slds-listbox__option:hover{
cursor:pointer;
}
.slds-scope .slds-listbox__option:focus{
outline:0;
}
.slds-scope .slds-listbox__option.slds-has-focus:not(:hover),
.slds-scope .slds-listbox__option:focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
outline:0;
border-radius:6px;
}
.slds-scope .slds-listbox__option .slds-truncate{
display:inline-block;
vertical-align:middle;
}
.slds-scope .slds-listbox__option[aria-disabled='true']{
color:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-listbox__option-header{
font-size:var(--slds-g-font-scale-neg-1);
font-weight:var(--slds-g-font-weight-6);
}
.slds-scope .slds-listbox__option-icon{
width:var(--slds-g-sizing-7);
display:inline-flex;
align-content:center;
align-items:center;
justify-content:center;
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-listbox__option[aria-disabled='true'] .slds-listbox__option-icon{
color:currentColor;
}
.slds-scope .slds-listbox_vertical .slds-listbox__option:focus,.slds-scope .slds-listbox--vertical .slds-listbox__option:focus,
.slds-scope .slds-listbox_vertical .slds-listbox__option:hover,
.slds-scope .slds-listbox--vertical .slds-listbox__option:hover,
.slds-scope .slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.slds-scope .slds-listbox--vertical .slds-listbox__option.slds-has-focus{
background-color:var(
--slds-s-menu-item-color-background-active,
var(--slds-g-color-surface-container-2)
);
text-decoration:none;
}
.slds-scope .slds-listbox_vertical .slds-listbox__option[aria-disabled='true'],.slds-scope .slds-listbox--vertical .slds-listbox__option[aria-disabled='true'],
.slds-scope .slds-listbox_vertical .slds-listbox__option[role='presentation']:hover,
.slds-scope .slds-listbox--vertical .slds-listbox__option[role='presentation']:hover{
background-color:transparent;
cursor:default;
}
.slds-scope .slds-listbox_vertical .slds-listbox__option_entity,.slds-scope .slds-listbox--vertical .slds-listbox__option--entity{
padding-block:var(--slds-g-spacing-1);
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-listbox_vertical .slds-listbox__option_entity .slds-media__figure,.slds-scope .slds-listbox--vertical .slds-listbox__option--entity .slds-media__figure{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-listbox_vertical .slds-listbox__option_plain,.slds-scope .slds-listbox--vertical .slds-listbox__option--plain{
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-listbox_vertical .slds-listbox__option_term,.slds-scope .slds-listbox--vertical .slds-listbox__option--term{
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-listbox_vertical .slds-listbox__option_has-meta .slds-media__figure,.slds-scope .slds-listbox--vertical .slds-listbox__option--has-meta .slds-media__figure{
margin-block-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-input-has-icon_left .slds-combobox__input[value],.slds-scope .slds-input-has-icon--left .slds-combobox__input[value],
.slds-scope .slds-input-has-icon_left .slds-combobox__input.slds-combobox__input-value,
.slds-scope .slds-input-has-icon--left .slds-combobox__input.slds-combobox__input-value,
.slds-scope .slds-input-has-icon_left-right .slds-combobox__input[value],
.slds-scope .slds-input-has-icon--left-right .slds-combobox__input[value],
.slds-scope .slds-input-has-icon_left-right .slds-combobox__input.slds-combobox__input-value,
.slds-scope .slds-input-has-icon--left-right .slds-combobox__input.slds-combobox__input-value{
padding-inline-start:calc(var(--slds-g-sizing-7) + var(--slds-g-spacing-3));
}
.slds-scope .slds-combobox__input-entity-icon{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
position:absolute;
top:50%;
inset-inline-start:calc(var(--slds-g-spacing-1) + 1px);
transform:translateY(-50%);
z-index:2;
}
.slds-scope .slds-combobox__input-entity-icon .slds-icon{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
}
.slds-scope .slds-combobox_container__icon,.slds-scope .slds-combobox--container__icon{
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-listbox__icon-selected{
opacity:0;
fill:var(--slds-g-color-accent-1);
}
.slds-scope .slds-listbox__option.slds-is-selected .slds-listbox__icon-selected{
opacity:1;
}
.slds-scope .slds-listbox__option.slds-is-selected .slds-listbox__option-icon{
color:var(--slds-s-menu-item-color-active, var(--slds-g-color-accent-1));
}
.slds-scope .slds-listbox__option[aria-checked='true'] .slds-icon{
--slds-c-icon-color-foreground:var(--slds-g-color-accent-2);
}
.slds-scope .slds-listbox__option-text_entity,.slds-scope .slds-listbox__option-text--entity{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
margin-block-end:0.125rem;
}
.slds-scope .slds-listbox__option-meta{
display:block;
margin-block-start:calc(var(--slds-g-spacing-1) * -1);
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-listbox__option[aria-disabled='true'] .slds-listbox__option-meta{
color:currentColor;
}
.slds-scope .slds-listbox_object-switcher,.slds-scope .slds-listbox--object-switcher{
flex-shrink:0;
padding:0.125rem;
}
.slds-scope .slds-combobox_object-switcher,.slds-scope .slds-combobox--object-switcher{
flex-shrink:0;
}
.slds-scope .slds-combobox_object-switcher .slds-combobox__input,.slds-scope .slds-combobox--object-switcher .slds-combobox__input{
width:7.5rem;
transition:width 80ms linear;
font-size:var(--slds-g-font-scale-neg-1);
color:var(--slds-s-input-color);
}
.slds-scope .slds-combobox_object-switcher .slds-combobox__input:focus,.slds-scope .slds-combobox--object-switcher .slds-combobox__input:focus,
.slds-scope .slds-combobox_object-switcher .slds-combobox__input.slds-has-focus,
.slds-scope .slds-combobox--object-switcher .slds-combobox__input.slds-has-focus{
width:var(--slds-g-sizing-13);
}
.slds-scope .slds-combobox__input:focus-visible,
.slds-scope .slds-combobox__input.slds-has-focus{
box-shadow:var(--slds-g-shadow-outline-focus-1);
border-color:transparent;
background-clip:padding-box;
outline:0;
}
.slds-scope .slds-combobox-group{
display:flex;
flex-direction:row;
}
.slds-scope .slds-combobox-group .slds-combobox_container,.slds-scope .slds-combobox-group .slds-combobox--container{
flex:1 1 auto;
}
.slds-scope .slds-combobox-group .slds-combobox__input,
.slds-scope .slds-combobox-group .slds-combobox_object-switcher__button,
.slds-scope .slds-combobox-group .slds-combobox--object-switcher__button{
border-radius:0;
margin-inline-start:-1px;
margin-inline-end:-1px;
position:relative;
}
.slds-scope .slds-combobox-group .slds-combobox__input:focus,
.slds-scope .slds-combobox-group .slds-combobox__input.slds-has-focus,
.slds-scope .slds-combobox-group .slds-combobox_object-switcher__button:focus,
.slds-scope .slds-combobox-group .slds-combobox--object-switcher__button:focus,
.slds-scope .slds-combobox-group .slds-combobox_object-switcher__button.slds-has-focus,
.slds-scope .slds-combobox-group .slds-combobox--object-switcher__button.slds-has-focus{
z-index:1;
}
.slds-scope .slds-combobox-group.slds-has-selection .slds-combobox-addon_start .slds-combobox__input,.slds-scope .slds-combobox-group.slds-has-selection .slds-combobox-addon--start .slds-combobox__input{
border-end-start-radius:0;
}
.slds-scope .slds-combobox-group.slds-has-selection .slds-combobox-addon_end .slds-combobox__input,.slds-scope .slds-combobox-group.slds-has-selection .slds-combobox-addon--end .slds-combobox__input{
border-end-end-radius:0;
}
.slds-scope .slds-combobox-group.slds-has-selection ~ .slds-listbox_selection-group,.slds-scope .slds-combobox-group.slds-has-selection ~ .slds-listbox--selection-group{
display:flex;
position:relative;
background:var(--slds-g-color-surface-container-1);
border:1px solid var(--slds-s-input-color-border, var(--slds-g-color-border-1));
border-block-start:0;
border-end-start-radius:var(--slds-s-input-radius-border);
border-end-end-radius:var(--slds-s-input-radius-border);
inset-inline-start:-1px;
}
.slds-scope .slds-combobox-group .slds-listbox_horizontal li + li,.slds-scope .slds-combobox-group .slds-listbox--horizontal li + li{
padding:0.125rem;
}
.slds-scope .slds-listbox_selection-group,.slds-scope .slds-listbox--selection-group{
position:relative;
padding:0;
padding-inline-end:3.75rem;
height:1.875rem;
overflow:hidden;
}
.slds-scope .slds-listbox_selection-group.slds-is-expanded,.slds-scope .slds-listbox--selection-group.slds-is-expanded{
height:auto;
padding:0;
}
.slds-scope .slds-listbox_selection-group .slds-listbox,.slds-scope .slds-listbox--selection-group .slds-listbox{
padding-block:0 0.125rem;
padding-inline:0;
}
.slds-scope .slds-listbox_selection-group .slds-listbox-item,.slds-scope .slds-listbox--selection-group .slds-listbox-item{
padding-block:0.125rem 0;
padding-inline:0.125rem;
}
.slds-scope .slds-listbox_selection-group .slds-listbox-toggle,.slds-scope .slds-listbox--selection-group .slds-listbox-toggle{
position:absolute;
top:50%;
transform:translateY(-50%);
inset-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-listbox_selection-group .slds-listbox-toggle .slds-button,.slds-scope .slds-listbox--selection-group .slds-listbox-toggle .slds-button{
line-height:1;
}
.slds-scope .slds-combobox-addon_start .slds-combobox__input,.slds-scope .slds-combobox-addon--start .slds-combobox__input{
border-start-end-radius:0;
border-end-end-radius:0;
border-start-start-radius:var(--slds-s-input-radius-border);
border-end-start-radius:var(--slds-s-input-radius-border);
}
.slds-scope .slds-combobox-addon_end .slds-combobox__input,.slds-scope .slds-combobox-addon--end .slds-combobox__input{
border-start-end-radius:var(--slds-s-input-radius-border);
border-end-end-radius:var(--slds-s-input-radius-border);
border-start-start-radius:0;
border-end-start-radius:0;
}
.slds-scope .slds-has-inline-listbox,
.slds-scope .slds-has-object-switcher{
flex-direction:row;
background:var(--slds-s-input-color-background);
border:var(--slds-g-sizing-border-1) solid var(--slds-s-input-color-border);
border-radius:var(--slds-s-input-radius-border);
}
.slds-scope .slds-has-inline-listbox .slds-combobox, .slds-scope .slds-has-object-switcher .slds-combobox{
flex-basis:50%;
flex-shrink:0;
}
.slds-scope .slds-has-inline-listbox .slds-combobox__input, .slds-scope .slds-has-object-switcher .slds-combobox__input{
min-height:100%;
line-height:calc(var(--slds-g-sizing-9) - 4px);
border:0;
padding-block-start:0.125rem;
padding-block-end:0.125rem;
}
.slds-scope .slds-has-inline-listbox .slds-combobox__input:active, .slds-scope .slds-has-object-switcher .slds-combobox__input:active{
outline:0;
box-shadow:none;
}
.slds-scope .slds-has-inline-listbox .slds-listbox_object-switcher ~ .slds-listbox_inline,.slds-scope .slds-has-inline-listbox .slds-listbox--object-switcher ~ .slds-listbox--inline,
.slds-scope .slds-has-inline-listbox .slds-combobox_container__icon ~ .slds-listbox_inline,
.slds-scope .slds-has-inline-listbox .slds-combobox--container__icon ~ .slds-listbox--inline,
.slds-scope .slds-has-object-switcher .slds-listbox_object-switcher ~ .slds-listbox_inline,
.slds-scope .slds-has-object-switcher .slds-listbox--object-switcher ~ .slds-listbox--inline,
.slds-scope .slds-has-object-switcher .slds-combobox_container__icon ~ .slds-listbox_inline,
.slds-scope .slds-has-object-switcher .slds-combobox--container__icon ~ .slds-listbox--inline{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-has-inline-listbox.slds-has-icon_left,.slds-scope .slds-has-inline-listbox.slds-has-icon--left, .slds-scope .slds-has-object-switcher.slds-has-icon_left, .slds-scope .slds-has-object-switcher.slds-has-icon--left{
padding-inline-start:calc(var(--slds-g-spacing-6) + var(--slds-g-spacing-1));
}
.slds-scope .slds-has-inline-listbox.slds-has-icon_left .slds-combobox_container__icon,.slds-scope .slds-has-inline-listbox.slds-has-icon--left .slds-combobox--container__icon, .slds-scope .slds-has-object-switcher.slds-has-icon_left .slds-combobox_container__icon, .slds-scope .slds-has-object-switcher.slds-has-icon--left .slds-combobox--container__icon{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
position:absolute;
inset-inline-start:calc(var(--slds-g-spacing-4) + 0.125rem);
inset-block-start:50%;
margin-block-start:calc(var(--slds-g-spacing-2) * -1);
}
.slds-scope .slds-has-inline-listbox [role='listbox']{
display:inline-flex;
padding-block:0;
padding-inline:0.125rem;
}
.slds-scope .slds-has-inline-listbox .slds-combobox__input-value{
box-shadow:var(--slds-g-shadow-outline-focus-1);
border-color:transparent;
}
.slds-scope .slds-picklist_draggable,.slds-scope .slds-picklist--draggable{
display:flex;
}
.slds-scope .slds-picklist_draggable .slds-button,.slds-scope .slds-picklist--draggable .slds-button,
.slds-scope .slds-picklist--draggable .slds-button{
margin:var(--slds-g-spacing-1);
}
.slds-scope .slds-picklist_draggable .slds-button:first-of-type,.slds-scope .slds-picklist--draggable .slds-button:first-of-type,
.slds-scope .slds-picklist--draggable .slds-button:first-of-type{
margin-block-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-picklist__item{
position:relative;
line-height:var(--slds-g-font-lineheight-4);
}
.slds-scope .slds-picklist__item > a,
.slds-scope .slds-picklist__item > span{
display:block;
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-3);
}
.slds-scope .slds-picklist__item > a:hover,
.slds-scope .slds-picklist__item > span:hover{
background-color:var(--slds-s-menu-item-color-background-active, var(--slds-g-color-surface-container-2));
cursor:pointer;
}
.slds-scope .slds-picklist__item > a:active,
.slds-scope .slds-picklist__item > span:active{
background-color:var(--slds-s-menu-item-color-background-active, var(--slds-g-color-surface-container-2));
}
.slds-scope .slds-picklist__item[aria-selected='true']{
background-color:var(--slds-s-menu-item-color-background-active, var(--slds-g-color-surface-container-2));
}
.slds-scope .slds-dueling-list{
display:flex;
clear:left;
}
.slds-scope .slds-dueling-list__column{
display:inline-flex;
flex-direction:column;
}
.slds-scope .slds-dueling-list__column .slds-button{
margin:var(--slds-g-spacing-1);
}
.slds-scope .slds-dueling-list__column .slds-button:first-of-type{
margin-top:var(--slds-g-spacing-5);
}
.slds-scope .slds-dueling-list__column_responsive,.slds-scope .slds-dueling-list__column--responsive{
flex:1 1 var(--slds-g-sizing-14);
flex-wrap:wrap;
overflow:hidden;
min-width:6rem;
}
.slds-scope .slds-dueling-list__column_responsive .slds-dueling-list__options,.slds-scope .slds-dueling-list__column--responsive .slds-dueling-list__options{
width:auto;
max-width:100%;
}
.slds-scope .slds-dueling-list__options,
.slds-scope .slds-picklist__options{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
border-radius:var(--slds-g-radius-border-2);
padding:var(--slds-g-spacing-1) 0;
width:var(--slds-g-sizing-14);
height:var(--slds-g-sizing-14);
background-color:var(--slds-g-color-surface-container-1);
overflow:auto;
}
.slds-scope .slds-dueling-list__options .slds-is-grabbed,
.slds-scope .slds-picklist__options .slds-is-grabbed{
transform:rotate(3deg);
}
.slds-scope .slds-dueling-list__options [aria-selected='true'],
.slds-scope .slds-picklist__options [aria-selected='true']{
background-color:var(--slds-g-color-accent-container-1);
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-dueling-list__options [aria-selected='true']:focus-visible, .slds-scope .slds-picklist__options [aria-selected='true']:focus-visible{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-dueling-list__options [aria-selected='true']:hover,
.slds-scope .slds-picklist__options [aria-selected='true']:hover,
.slds-scope .slds-dueling-list__options [aria-selected='true']:focus,
.slds-scope .slds-picklist__options [aria-selected='true']:focus{
background:var(--slds-g-color-accent-container-3);
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-dueling-list__options.slds-is-disabled,
.slds-scope .slds-picklist__options.slds-is-disabled{
background-color:var(--slds-g-color-disabled-container-1, var(--slds-g-color-neutral-base-95));
border-color:var(--slds-g-color-border-disabled-1);
color:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-dueling-list__options.slds-is-disabled:hover,
.slds-scope .slds-picklist__options.slds-is-disabled:hover{
cursor:not-allowed;
}
.slds-scope .slds-dueling-list__options.slds-is-disabled .slds-listbox__option:hover,
.slds-scope .slds-picklist__options.slds-is-disabled .slds-listbox__option:hover{
cursor:not-allowed;
background-color:transparent;
}
.slds-scope .slds-dueling-list__options.slds-is-disabled .slds-listbox__option:focus,
.slds-scope .slds-picklist__options.slds-is-disabled .slds-listbox__option:focus{
background-color:transparent;
}
.slds-scope .slds-disabled-text,
.slds-scope .slds-datepicker tbody > tr > td.slds-disabled-text > .slds-day{
color:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-datepicker td:hover:not(.slds-disabled-text) > .slds-day,
.slds-scope .slds-datepicker td:focus:not(.slds-disabled-text) > .slds-day,
.slds-scope .slds-datepicker td.slds-is-today > .slds-day{
cursor:pointer;
}
.slds-scope .slds-datepicker{
padding:0;
font-size:var(--slds-g-font-scale-neg-1);
}
.slds-scope .slds-datepicker thead > tr > th,
.slds-scope .slds-datepicker tbody > tr > td{
text-align:center;
}
.slds-scope .slds-datepicker thead > tr > th{
padding:var(--slds-g-spacing-2);
font-weight:var(--slds-g-font-weight-4);
color:var(--slds-g-color-on-surface-3);
font-size:var(--slds-g-font-scale-neg-1);
}
.slds-scope .slds-datepicker tbody > tr > td{
padding:var(--slds-g-spacing-1);
font-size:var(--slds-g-font-scale-neg-1);
}
.slds-scope .slds-datepicker tbody > tr > td > .slds-day{
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
display:block;
position:relative;
min-width:var(--slds-g-sizing-9);
line-height:2rem;
border-radius:var(--slds-g-radius-border-circle);
margin:auto;
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-datepicker tbody > tr > .slds-day_adjacent-month > .slds-day,.slds-scope .slds-datepicker tbody > tr > .slds-day--adjacent-month > .slds-day{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-datepicker tbody > tr > td:hover > .slds-day,
.slds-scope .slds-datepicker tbody > tr > td:focus > .slds-day,
.slds-scope .slds-datepicker tbody > tr > td.slds-is-today > .slds-day{
cursor:pointer;
}
.slds-scope .slds-datepicker tbody > tr > td.slds-is-today > .slds-day{
background-color:var(--slds-g-color-brand-base-90);
color:var(--slds-g-color-accent-2);
}
.slds-scope .slds-datepicker tbody > tr > td:focus{
outline:0;
}
.slds-scope .slds-datepicker tbody > tr > td:focus > .slds-day{
box-shadow:var(--slds-g-shadow-inset-focus-1);
}
.slds-scope .slds-datepicker tbody > tr > td:hover > .slds-day{
background-color:var(--slds-g-color-brand-base-90);
}
.slds-scope .slds-datepicker tbody > tr > td.slds-is-selected > .slds-day{
background:var(--slds-g-color-accent-container-1);
color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-datepicker tbody > tr > td.slds-is-selected:focus > .slds-day{
background:var(--slds-g-color-accent-container-1);
box-shadow:var(--slds-g-shadow-outset-focus-1);
color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-datepicker .slds-has-multi-selection .slds-is-selected-multi:last-child > .slds-day::after{
left:auto;
right:0;
transform:translateX(var(--slds-g-spacing-1));
}
.slds-scope .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day::before,
.slds-scope .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day::after{
content:'';
position:absolute;
background:var(--slds-g-color-accent-container-1);
top:0;
left:-50%;
height:100%;
width:calc(var(--slds-g-sizing-9) + var(--slds-g-spacing-2));
transform:translateX(calc(var(--slds-g-spacing-2) * -1));
z-index:-1;
}
.slds-scope .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child > .slds-day::before{
left:0;
transform:translateX(calc(var(--slds-g-spacing-1) * -1));
}
.slds-scope .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child > .slds-day::after{
left:auto;
right:0;
transform:translateX(var(--slds-g-spacing-1));
}
.slds-scope .slds-datepicker td.slds-is-selected-multi > .slds-day{
overflow:visible;
}
.slds-scope .slds-datepicker td.slds-is-selected-multi.slds-is-today > .slds-day{
box-shadow:var(--slds-g-color-border-inverse-1) 0 0 0 1px inset;
}
.slds-scope .slds-datepicker td.slds-is-selected-multi + .slds-is-selected-multi > .slds-day::before{
content:'';
position:absolute;
background:var(--slds-g-color-accent-container-1);
top:0;
left:-50%;
height:100%;
width:calc(var(--slds-g-sizing-9) + var(--slds-g-spacing-2));
transform:translateX(calc(var(--slds-g-spacing-2) * -1));
z-index:-1;
}
.slds-scope .slds-datepicker__filter{
padding:var(--slds-g-spacing-1);
}
.slds-scope .slds-datepicker__filter .slds-select{
min-width:var(--slds-g-sizing-11);
}
.slds-scope .slds-datepicker__filter_month,.slds-scope .slds-datepicker__filter--month{
padding:0 var(--slds-g-spacing-1) 0 0;
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-datepicker__month{
font-size:var(--slds-g-font-scale-neg-1);
}
.slds-scope .slds-has-error .slds-datepicker__filter .slds-select{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
box-shadow:none;
color:var(--slds-s-input-color, var(--slds-g-color-on-surface-3));
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-has-error .slds-datepicker__filter .slds-select:focus-visible{
box-shadow:var(--slds-g-shadow-outline-focus-1);
border-color:transparent;
}
.slds-scope .slds-has-error .slds-datepicker__filter .slds-button__icon{
fill:currentColor;
color:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-day_adjacent-month,.slds-scope .slds-day--adjacent-month{
color:var(--slds-g-color-neutral-base-50);
}
.slds-scope .slds-table .slds-datepicker .slds-datepicker__month tbody > tr:hover > td{
background-color:unset;
}
.slds-scope .slds-input-has-icon lightning-button-icon.slds-input__icon{
line-height:normal;
width:auto;
height:auto;
transform:translateY(-50%);
margin-block-start:0;
}
.slds-scope .slds-docked-composer_overflow__pill,.slds-scope .slds-docked-composer--overflow__pill{
display:flex;
padding:0 var(--slds-g-spacing-3);
height:inherit;
white-space:nowrap;
border-bottom-left-radius:var(--slds-g-radius-border-2);
border-bottom-right-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-docked-composer_overflow__pill:hover,.slds-scope .slds-docked-composer--overflow__pill:hover,
.slds-scope .slds-docked-composer_overflow__pill:focus,
.slds-scope .slds-docked-composer--overflow__pill:focus{
color:var(--slds-g-color-on-surface-inverse-1);
text-decoration:none;
}
.slds-scope .slds-docked-composer_overflow__pill .slds-text-body_small,.slds-scope .slds-docked-composer--overflow__pill .slds-text-body--small{
color:var(--slds-g-color-on-surface-inverse-1);
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-docked_container,.slds-scope .slds-docked--container{
display:flex;
align-items:flex-end;
position:fixed;
inset-block-end:0;
inset-inline-end:0;
padding:0 var(--slds-g-spacing-7);
height:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-3));
font-weight:var(--slds-s-container-heading-font-weight);
}
.slds-scope .slds-docked-composer{
position:relative;
border-radius:var(--slds-s-container-radius-border, var(--slds-g-radius-border-2)) var(--slds-s-container-radius-border, var(--slds-g-radius-border-2)) 0 0;
width:480px;
height:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-3));
float:left;
box-shadow:var(--slds-g-shadow-block-start-3);
border:var(--slds-s-container-sizing-border, var(--slds-g-sizing-border-1)) solid var(--slds-s-container-color-border, var(--slds-g-color-border-1));
border-bottom:none;
font-weight:var(--slds-s-container-heading-font-weight);
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-docked-composer.slds-has-focus{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-docked-composer.slds-is-open{
height:480px;
}
.slds-scope .slds-docked-composer.slds-is-closed{
height:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-3));
}
.slds-scope .slds-docked-composer.slds-is-closed .slds-docked-composer__body,
.slds-scope .slds-docked-composer.slds-is-closed .slds-docked-composer__footer{
display:none;
}
.slds-scope .slds-docked-composer + .slds-docked-composer{
margin-inline-start:var(--slds-g-spacing-7);
}
.slds-scope .slds-docked-composer__header{
background:var(--slds-g-color-surface-container-1);
border-bottom:var(--slds-g-sizing-border-2) solid var(--slds-g-color-accent-container-1);
border-radius:var(--slds-s-container-radius-border) var(--slds-s-container-radius-border) 0 0;
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-3);
font-size:var(--slds-s-container-heading-font-size, var(--slds-g-font-size-base));
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-docked-composer__actions .slds-button{
margin-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-docked-composer__body{
display:flex;
flex:1 0 auto;
flex-direction:column;
overflow:auto;
}
.slds-scope .slds-docked-composer__body_form,.slds-scope .slds-docked-composer__body--form{
justify-content:flex-start;
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-docked-composer__lead{
display:flex;
background:var(--slds-g-color-surface-container-1);
padding:var(--slds-g-spacing-4) var(--slds-g-spacing-2);
}
.slds-scope .slds-docked-composer__toolbar{
background:var(--slds-g-color-surface-container-2);
padding:var(--slds-g-spacing-1) var(--slds-g-spacing-2);
max-height:60px;
overflow-y:auto;
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-bottom:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-docked-composer__input{
background:var(--slds-g-color-surface-container-1);
padding:var(--slds-g-spacing-4);
min-height:calc(var(--slds-g-sizing-10) + var(--slds-g-sizing-9));
resize:none;
line-height:var(--slds-g-font-lineheight-base);
overflow:hidden;
overflow-y:auto;
font-family:inherit;
}
.slds-scope .slds-docked-composer__footer{
display:flex;
background:var(--slds-s-container-footer-color-background, var(--slds-g-color-surface-container-2));
padding:var(--slds-g-spacing-3) var(--slds-g-spacing-2);
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-docked-composer__footer .slds-button{
justify-content:center;
}
.slds-scope .slds-docked-composer_overflow,.slds-scope .slds-docked-composer--overflow{
width:auto;
}
.slds-scope .slds-docked-composer_overflow__button,.slds-scope .slds-docked-composer--overflow__button{
display:flex;
background:var(--slds-g-color-surface-container-1);
padding:0 var(--slds-g-spacing-3);
height:inherit;
white-space:nowrap;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.slds-scope .slds-docked-composer_overflow__button:focus-visible,.slds-scope .slds-docked-composer--overflow__button:focus-visible{
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-2px;
box-shadow:none;
border-top-left-radius:inherit;
border-top-right-radius:inherit;
}
.slds-scope .slds-docked-composer-modal .slds-modal__content{
border-radius:var(--slds-s-container-radius-border, var(--slds-g-radius-border-2));
}
.slds-scope .slds-docked-composer-modal .slds-docked-composer{
width:100%;
height:100%;
border:0;
}
.slds-scope .slds-email-composer{
position:relative;
flex:1 1 auto;
}
.slds-scope .slds-email-composer .slds-rich-text-editor{
border:0;
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:0;
}
.slds-scope .slds-email-composer__combobox{
padding-inline-start:var(--slds-g-spacing-8);
border:0;
border-bottom:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:0;
}
.slds-scope .slds-email-composer__combobox .slds-form-element__label{
position:absolute;
inset-inline-start:var(--slds-g-spacing-3);
inset-block-start:50%;
transform:translateY(-50%);
}
.slds-scope .slds-email-composer__combobox .slds-combobox_container,.slds-scope .slds-email-composer__combobox .slds-combobox--container,
.slds-scope .slds-email-composer__combobox .slds-input[value]{
border:0;
box-shadow:none;
}
.slds-scope .slds-email-composer__recipient{
position:absolute;
inset-block-start:0;
inset-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-utility-bar_container,.slds-scope .slds-utility-bar--container{
position:relative;
}
.slds-scope .slds-utility-bar{
display:flex;
position:fixed;
bottom:0;
left:0;
width:100%;
height:2.5rem;
background:var(--slds-g-color-surface-1);
box-shadow:var(--slds-g-shadow-blockstart-2);
z-index:4;
}
.slds-scope .slds-utility-bar .slds-indicator_unread,.slds-scope .slds-utility-bar .slds-indicator--unread{
width:8px;
height:8px;
top:var(--slds-g-spacing-2);
position:absolute;
left:var(--slds-g-spacing-2);
display:block;
border-radius:var(--slds-g-radius-border-circle);
background:var(--slds-g-color-error-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-surface-1);
}
.slds-scope .slds-utility-bar__item{
display:flex;
margin-inline-end:1px;
}
.slds-scope .slds-utility-bar__item_pop-out,.slds-scope .slds-utility-bar__item--pop-out{
position:relative;
}
.slds-scope .slds-utility-bar__item_pop-out::before,.slds-scope .slds-utility-bar__item--pop-out::before{
content:'';
position:absolute;
top:4px;
right:4px;
height:4px;
width:4px;
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-on-surface-3);
border-right:var(--slds-g-sizing-border-1) solid var(--slds-g-color-on-surface-3);
z-index:1;
}
.slds-scope .slds-utility-bar__item_pop-out::after,.slds-scope .slds-utility-bar__item--pop-out::after{
content:'';
position:absolute;
top:2px;
right:6px;
height:7px;
width:7px;
border-right:var(--slds-g-sizing-border-1) solid var(--slds-g-color-on-surface-3);
transform:rotate(45deg);
}
[dir='rtl'] .slds-scope .slds-utility-bar__item_pop-out::before,[dir='rtl'] .slds-scope .slds-utility-bar__item--pop-out::before{
/*! @noflip */
right:auto;
/*! @noflip */
left:4px;
/*! @noflip */
border-right-width:0;
/*! @noflip */
border-left:var(--slds-g-sizing-border-1) solid var(--slds-g-color-on-surface-3);
}
[dir='rtl'] .slds-scope .slds-utility-bar__item_pop-out::after,[dir='rtl'] .slds-scope .slds-utility-bar__item--pop-out::after{
/*! @noflip */
right:auto;
/*! @noflip */
left:6px;
/*! @noflip */
border-right-width:0;
/*! @noflip */
border-left:var(--slds-g-sizing-border-1) solid var(--slds-g-color-on-surface-3);
transform:rotate(-45deg);
}
.slds-scope .slds-utility-bar__action{
position:relative;
display:inline-flex;
gap:var(--slds-g-spacing-1);
align-items:center;
padding:0 var(--slds-g-spacing-3);
border-radius:0;
border:0;
color:var(--_slds-c-utilitybar-color, var(--slds-g-color-on-surface-3));
font-weight:var(--_slds-c-utilitybar-font-weight);
}
.slds-scope .slds-utility-bar__action .slds-icon{
fill:currentColor;
}
.slds-scope .slds-utility-bar__action::after{
content:'';
position:absolute;
bottom:0;
left:0;
right:0;
height:0;
background:transparent;
}
.slds-scope .slds-utility-bar__action:focus,
.slds-scope .slds-utility-bar__action:hover{
box-shadow:none;
background:var(--_slds-c-utilitybar-color-background-hover);
color:var(--_slds-c-utilitybar-color-hover, inherit);
}
.slds-scope .slds-utility-bar__action:hover::after{
background:var(--_slds-c-utilitybar-color-border-hover);
height:var(--_slds-c-utilitybar-sizing-border-hover);
}
.slds-scope .slds-utility-bar__action:focus::after{
background:var(--_slds-c-utilitybar-color-border-hover);
height:var(--_slds-c-utilitybar-sizing-border-active);
}
.slds-scope .slds-utility-bar__action.slds-is-active{
background:var(--_slds-c-globalnavigation-item-color-background-active);
color:var(--_slds-c-utilitybar-color-active, inherit);
}
.slds-scope .slds-utility-bar__action.slds-is-active::after{
background:var(--_slds-c-utilitybar-color-border-active);
height:var(--_slds-c-utilitybar-sizing-border-active);
}
.slds-scope .slds-utility-bar__action:focus-visible{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
outline:0;
}
.slds-scope .slds-utility-bar__text{
display:flex;
flex-direction:column;
line-height:1;
text-align:left;
}
.slds-scope .slds-utility-bar__item.slds-has-notification .slds-utility-bar__action{
background:var(--slds-g-color-info-container-1);
color:var(--slds-g-color-on-info-1);
}
.slds-scope .slds-utility-bar__item.slds-has-notification .slds-utility-bar__action .slds-icon{
fill:var(--slds-g-color-on-info-1);
}
.slds-scope .slds-utility-bar__item.slds-has-notification .slds-utility-bar__action:hover,
.slds-scope .slds-utility-bar__item.slds-has-notification .slds-utility-bar__action:focus{
background:var(--slds-g-color-surface-container-inverse-2);
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-utility-bar__item.slds-has-notification .slds-utility-bar__action:hover .slds-icon, .slds-scope .slds-utility-bar__item.slds-has-notification .slds-utility-bar__action:focus .slds-icon{
fill:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-utility-panel{
position:fixed;
bottom:1.875rem;
width:21.25rem;
height:30rem;
border-radius:var(--slds-s-container-radius-border) var(--slds-s-container-radius-border) 0 0;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-bottom:none;
background:var(--slds-g-color-surface-container-1);
transform:translateY(100%);
}
.slds-scope .slds-utility-panel.slds-is-open{
box-shadow:var(--slds-g-shadow-3);
transform:translateY(0);
}
.slds-scope .slds-utility-panel__header{
background:var(--slds-g-color-surface-container-1);
border-bottom:var(--slds-g-sizing-border-2) solid var(--slds-g-color-accent-1);
border-radius:var(--slds-s-container-radius-border) var(--slds-s-container-radius-border) 0 0;
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-3);
font-size:var(--slds-s-container-heading-font-size, var(--slds-g-font-scale-1));
font-weight:var(--slds-s-container-heading-font-weight);
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-utility-panel__header .slds-icon{
fill:currentColor;
}
.slds-scope .slds-utility-panel__header .slds-button_icon:focus-visible,.slds-scope .slds-utility-panel__header .slds-button--icon:focus-visible{
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-utility-panel__body{
display:flex;
flex:1 1 0%;
flex-direction:column;
overflow:auto;
}
.slds-scope .slds-drop-zone{
position:relative;
}
.slds-scope .slds-drop-zone::after{
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
border:var(--slds-g-sizing-border-1) dotted var(--slds-g-color-border-1);
outline:var(--slds-g-sizing-border-1) dotted var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-drop-zone.slds-drop-zone_drag::after,.slds-scope .slds-drop-zone.slds-drop-zone--drag::after{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-success-1);
outline:0;
}
.slds-scope .slds-drop-zone__label{
color:var(--slds-g-color-on-accent-1);
background:var(--slds-g-color-border-success-1);
border-radius:var(--slds-g-radius-border-2) var(--slds-g-radius-border-2) 0 0;
padding:var(--slds-g-spacing-1) var(--slds-g-spacing-2);
position:absolute;
top:0;
left:50%;
transform:translate(-50%, -100%);
}
.slds-scope .slds-drop-zone__label.slds-drop-zone__label_container,.slds-scope .slds-drop-zone__label.slds-drop-zone__label--container{
opacity:0;
background:var(--slds-g-color-accent-container-1);
}
.slds-scope .slds-drop-zone__label .slds-media__body{
flex-basis:auto;
}
.slds-scope .slds-drop-zone__label_button,.slds-scope .slds-drop-zone__label--button{
border-radius:0;
}
.slds-scope .slds-drop-zone__label_button:hover,.slds-scope .slds-drop-zone__label--button:hover,
.slds-scope .slds-drop-zone__label_button:focus,
.slds-scope .slds-drop-zone__label--button:focus{
text-decoration:underline;
outline:none;
}
.slds-scope .slds-drop-zone_drag__slot,.slds-scope .slds-drop-zone--drag__slot{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-neutral-base-100);
border-left-width:var(--slds-g-sizing-border-2);
border-right-width:var(--slds-g-sizing-border-2);
background:var(--slds-g-color-success-1);
width:100%;
height:var(--slds-g-sizing-2);
}
.slds-scope .slds-drop-zone__container{
position:relative;
z-index:8000;
}
.slds-scope .slds-drop-zone__container::after{
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.slds-scope .slds-drop-zone__container.slds-is-hovered .slds-drop-zone__label_container,.slds-scope .slds-drop-zone__container.slds-is-hovered .slds-drop-zone__label--container,
.slds-scope .slds-drop-zone__container.slds-is-hovered .slds-drop-zone__actions,
.slds-scope .slds-drop-zone__container:hover .slds-drop-zone__label_container,
.slds-scope .slds-drop-zone__container:hover .slds-drop-zone__label--container,
.slds-scope .slds-drop-zone__container:hover .slds-drop-zone__actions{
opacity:1;
z-index:8000;
}
.slds-scope .slds-drop-zone__container.slds-is-hovered::after,
.slds-scope .slds-drop-zone__container:hover::after{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-drop-zone__container:active::after{
border:var(--slds-g-sizing-border-2) solid var(--slds-g-color-surface-inverse-1);
}
.slds-scope .slds-drop-zone__container:active .slds-drop-zone__label{
background-color:var(--slds-g-color-surface-inverse-1);
}
.slds-scope .slds-drop-zone__container:focus-within{
outline:none;
}
.slds-scope .slds-drop-zone__container:focus-within .slds-drop-zone__label_container,.slds-scope .slds-drop-zone__container:focus-within .slds-drop-zone__label--container,
.slds-scope .slds-drop-zone__container:focus-within .slds-drop-zone__actions{
opacity:1;
z-index:8000;
}
.slds-scope .slds-drop-zone__container:focus-within::after{
box-shadow:var(--slds-g-shadow-inset-focus-1);
border-color:transparent;
}
.slds-scope .slds-drop-zone__container:focus-within .slds-drop-zone__label{
background-color:var(--slds-g-color-accent-container-3);
}
.slds-scope .slds-drop-zone__actions{
opacity:0;
background:var(--slds-g-color-accent-container-1);
position:absolute;
right:0;
top:0;
}
.slds-scope .slds-global-header_container,.slds-scope .slds-global-header--container{
--_slds-c-globalheader-logo:var(--lwc-brandLogoImage);
--_slds-c-globalheader-color-background:var(--slds-g-color-surface-container-1, #ffffff);
--_slds-c-globalheader-buttonicon-color-active:var(--slds-g-color-on-surface-2, #2e2e2e);
--_slds-c-globalheader-task-color-background-active:var(--slds-g-color-on-surface-2, #2e2e2e);
--_slds-c-globalheader-favorites-color-border-hover:var(--slds-g-color-on-surface-2, #2e2e2e);
--_slds-c-globalheader-buttonicon-color:var(--slds-g-color-on-surface-1, #5c5c5c);
--_slds-c-globalheader-task-color-background:var(--slds-g-color-on-surface-1, #5c5c5c);
--_slds-c-globalheader-favorites-color-border:var(--slds-g-color-on-surface-1, #5c5c5c);
--_slds-c-globalheader-buttonicon-color-hover:var(--slds-g-color-on-surface-2, #2e2e2e);
--_slds-c-globalheader-task-color-background-hover:var(--slds-g-color-on-surface-2, #2e2e2e);
--_slds-c-globalheader-notificationbadge-color-background:var(--slds-g-color-palette-red-50, #ea001e);
--_slds-c-globalheader-favorites-color-background-selected:var(--slds-g-color-accent-container-2, #014486);
--_slds-c-globalheader-favorites-color-border-selected:var(--slds-g-color-border-accent-2, #014486);
--_slds-c-globalheader-favorites-color-background-selected-hover:var(
--slds-g-color-accent-container-3,
#014486
);
--_slds-c-globalheader-favorites-color-border-selected-hover:var(--slds-g-color-border-accent-3, #014486);
--_slds-c-globalheader-favorites-color-text-disabled:var(--slds-g-color-on-disabled-1, #c9c9c9);
--_slds-c-globalheader-favorites-color-border-disabled:var(--slds-g-color-border-disabled-1, #c9c9c9);
position:fixed;
width:100%;
top:0;
left:0;
z-index:100;
}
.slds-scope .slds-global-header_container .slds-assistive-text_focus,.slds-scope .slds-global-header--container .slds-assistive-text--focus{
top:0;
color:var(--slds-g-color-on-surface-1);
background:var(--_slds-c-globalheader-color-background);
}
.slds-scope .slds-global-header{
background:var(--_slds-c-globalheader-color-background);
box-shadow:var(--slds-g-shadow-1);
padding:var(--slds-g-spacing-2) 0;
height:var(--slds-s-header-sizing-height, 3.125rem);
align-items:center;
}
.slds-scope .slds-global-header__item{
padding:0 var(--slds-g-spacing-4);
}
.slds-scope .slds-global-header__item_search,.slds-scope .slds-global-header__item--search{
flex:0 1 33.5rem;
min-width:27.5rem;
padding:0;
}
.slds-scope .slds-global-header__item_search .slds-global-header_search-button,.slds-scope .slds-global-header__item--search .slds-global-header--search-button{
width:100%;
cursor:text;
justify-content:flex-start;
border-radius:var(--slds-g-radius-border-2);
--slds-c-button-color-background-hover:var(--slds-g-color-surface-container-1);
--slds-c-button-color-background-active:var(--slds-g-color-surface-container-1);
--slds-c-button-text-color:var(--slds-g-color-neutral-base-60);
--slds-c-button-text-color-hover:var(--slds-g-color-neutral-base-60);
--slds-c-button-text-color-active:var(--slds-g-color-neutral-base-60);
}
.slds-scope .slds-global-header__logo{
width:12.5rem;
height:2.5rem;
background-image:var(--_slds-c-globalheader-logo);
background-size:contain;
background-repeat:no-repeat;
background-position:left center;
}
.slds-scope .slds-global-header__notification{
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
padding:var(--slds-g-spacing-1);
}
.slds-scope .slds-global-header__notification:hover{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-global-header__notification:last-child{
border-block-end:0;
}
.slds-scope .slds-global-header__notification_unread,.slds-scope .slds-global-header__notification--unread{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-global-actions{
display:flex;
align-items:center;
}
.slds-scope .slds-global-actions__item{
margin-inline-start:var(--slds-g-spacing-2);
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-global-actions__item .slds-button__icon{
fill:var(--_slds-c-globalheader-buttonicon-color);
color:var(--_slds-c-globalheader-buttonicon-color);
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
}
.slds-scope .slds-global-actions__item-action{
transition:color 200ms linear;
}
.slds-scope .slds-global-actions__item-action .slds-icon{
fill:var(--_slds-c-globalheader-buttonicon-color);
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
}
.slds-scope .slds-global-actions__item-action:hover:not(:disabled) .slds-icon,
.slds-scope .slds-global-actions__item-action:focus .slds-icon{
fill:var(--_slds-c-globalheader-buttonicon-color-hover);
}
.slds-scope .slds-global-actions__item-action:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-global-actions__item-action:active{
box-shadow:none;
}
.slds-scope .slds-global-actions__item-action:active .slds-icon{
animation:click-icon 120ms cubic-bezier(1, 1.9, 0.94, 0.98);
}
.slds-scope .slds-global-actions__item-action:active:not(:disabled) .slds-icon{
fill:var(--_slds-c-globalheader-buttonicon-color-active);
}
.slds-scope .slds-global-actions__item_help,.slds-scope .slds-global-actions__item--help,
.slds-scope .slds-global-actions__item_notification,
.slds-scope .slds-global-actions__item--notification{
margin-inline:var(--slds-g-spacing-1);
}
.slds-scope .slds-global-actions__item_notification .slds-icon,.slds-scope .slds-global-actions__item--notification .slds-icon{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
}
@keyframes click-icon{
25%{
transform:scale(0.94, 0.94);
}
100%{
transform:scale(0.98, 0.98);
}
}
.slds-scope .slds-global-actions__avatar{
box-shadow:var(--_slds-c-globalheader-buttonicon-color) 0 0 0 0;
border-radius:var(--slds-g-radius-border-circle);
border:0;
margin-inline-start:var(--slds-g-spacing-2);
padding:0;
overflow:hidden;
transition:transform 80ms ease-out, box-shadow 0.1s linear;
}
.slds-scope .slds-global-actions__avatar:hover,
.slds-scope .slds-global-actions__avatar:focus{
box-shadow:var(--_slds-c-globalheader-buttonicon-color) 0 0 0 2px;
}
.slds-scope .slds-global-actions__avatar:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-global-actions__favorites{
display:inline-flex;
}
.slds-scope .slds-global-actions__favorites-action{
border-color:var(--_slds-c-globalheader-favorites-color-border);
width:auto;
padding-inline-end:var(--slds-g-spacing-1);
padding-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-global-actions__favorites-action:hover{
border-color:var(--_slds-c-globalheader-favorites-color-border-hover);
}
.slds-scope .slds-global-actions__favorites-action .slds-button__icon{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
transition:transform 200ms ease-out;
}
.slds-scope .slds-global-actions__favorites-action:hover:not(:disabled) .slds-button__icon{
transform:scale(1.1, 1.1);
transform-origin:60% 40%;
}
.slds-scope .slds-global-actions__favorites-action.slds-is-selected{
background-color:var(--_slds-c-globalheader-favorites-color-background-selected);
border-color:var(--_slds-c-globalheader-favorites-color-border-selected);
}
.slds-scope .slds-global-actions__favorites-action.slds-is-selected:hover,
.slds-scope .slds-global-actions__favorites-action.slds-is-selected:focus{
background-color:var(--_slds-c-globalheader-favorites-color-background-selected-hover);
border-color:var(--_slds-c-globalheader-favorites-color-border-selected-hover);
}
.slds-scope .slds-global-actions__favorites-action.slds-is-selected .slds-button__icon{
animation:click-favorites-icon 600ms cubic-bezier(0.46, 0.32, 0, 0.98);
}
.slds-scope .slds-global-actions__favorites-action:disabled,
.slds-scope .slds-global-actions__favorites-action.slds-is-disabled{
color:var(--_slds-c-globalheader-favorites-color-text-disabled);
border-color:var(--_slds-c-globalheader-favorites-color-border-disabled);
}
.slds-scope .slds-global-actions__favorites-more{
width:auto;
padding-inline-start:var(--slds-g-spacing-1);
padding-inline-end:var(--slds-g-spacing-1);
border-color:var(--_slds-c-globalheader-favorites-color-border);
}
.slds-scope .slds-global-actions__favorites-more .slds-icon{
width:var(--slds-g-sizing-4);
height:var(--slds-g-sizing-4);
}
.slds-scope .slds-global-actions__favorites-more:hover{
border-color:var(--_slds-c-globalheader-favorites-color-border-hover);
}
@keyframes click-favorites-icon{
25%{
transform:scale(0.85, 0.85) rotate(15deg);
}
75%{
transform:scale(1.2, 1.2) rotate(0deg);
}
100%{
transform:scale(1, 1) rotate(0deg);
}
}
.slds-scope .slds-global-actions__task{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
background:var(--_slds-c-globalheader-task-color-background);
position:relative;
top:-1px;
}
.slds-scope .slds-global-actions__task:hover{
background:var(--_slds-c-globalheader-task-color-background-hover);
}
.slds-scope .slds-global-actions__task:active{
background:var(--_slds-c-globalheader-task-color-background-active);
}
.slds-scope .slds-global-actions__task:not(:disabled) .slds-icon,
.slds-scope .slds-global-actions__task:not(:disabled):hover .slds-icon,
.slds-scope .slds-global-actions__task:not(:disabled):active .slds-icon{
fill:var(--_slds-c-globalheader-color-background);
}
.slds-scope .slds-global-actions__task .slds-button__icon,
.slds-scope .slds-global-actions__task .slds-icon{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
}
.slds-scope .slds-global-actions__notifications{
position:relative;
}
.slds-scope .slds-global-actions__notifications.slds-incoming-notification{
animation:bell 0.8s ease-in-out;
}
.slds-scope .slds-notification-badge{
display:inline-flex;
justify-content:center;
align-content:center;
align-items:center;
position:absolute;
top:calc(6px * -1);
right:calc(4px * -1);
background:var(--_slds-c-globalheader-notificationbadge-color-background);
color:var(--slds-g-color-neutral-base-100);
border-radius:var(--slds-g-radius-border-circle);
min-width:var(--slds-g-sizing-5);
min-height:var(--slds-g-sizing-5);
text-align:center;
font-size:var(--slds-g-font-scale-neg-2);
padding:0 0.125rem;
opacity:0;
pointer-events:none;
}
.slds-scope .slds-notification-badge.slds-show-notification{
animation:ding 0.8s ease-out;
opacity:1;
transition-delay:0.5s;
transform-origin:1.1875rem 0;
}
@keyframes ding{
75%{
transform:scale(0.5, 0.5);
}
85%{
transform:scale(1.5, 1.5);
}
100%{
transform:scale(1, 1);
}
}
@keyframes bell{
45%{
transform:rotate(15deg);
}
57%{
transform:rotate(-15deg);
}
70%{
transform:rotate(7deg);
}
77%{
transform:rotate(-5deg);
}
}
.slds-scope .slds-context-bar{
display:flex;
height:var(--slds-s-navigation-sizing-height, 2.5rem);
background-color:var(--slds-g-color-surface-container-1);
border-bottom:var(--_slds-c-globalnavigation-sizing-border, 3px) solid var(--slds-g-color-accent-2);
color:var(--slds-g-color-on-surface-3);
position:relative;
padding-block-start:var(--_slds-c-globalnavigation-spacing-block, 0);
padding-block-end:var(--_slds-c-globalnavigation-spacing-block, 0);
}
.slds-scope .slds-context-bar .slds-context-bar__button{
color:inherit;
}
.slds-scope .slds-context-bar .slds-context-bar__icon-action{
margin-left:auto;
}
.slds-scope .slds-context-bar .slds-is-unsaved .slds-context-bar__label-action{
position:relative;
font-style:italic;
line-height:normal;
}
.slds-scope .slds-context-bar .slds-is-unsaved .slds-indicator_unread,.slds-scope .slds-context-bar .slds-is-unsaved .slds-indicator--unread{
margin-left:-0.35rem;
}
.slds-scope .slds-context-bar .slds-has-notification .slds-indicator_unread,.slds-scope .slds-context-bar .slds-has-notification .slds-indicator--unread{
display:inline-block;
flex-shrink:0;
height:6px;
width:6px;
left:auto;
position:relative;
top:auto;
}
.slds-scope .slds-context-bar .slds-has-notification .slds-indicator_unsaved,.slds-scope .slds-context-bar .slds-has-notification .slds-indicator--unsaved{
top:rem(-4px);
}
.slds-scope .slds-context-bar__primary,
.slds-scope .slds-context-bar__secondary,
.slds-scope .slds-context-bar__tertiary{
display:flex;
flex-shrink:0;
}
.slds-scope .slds-context-bar__primary{
padding-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-context-bar__secondary{
flex:1 1 0%;
min-width:0;
gap:var(--_slds-c-globalnavigation-spacing-gap, 0);
}
.slds-scope .slds-context-bar__secondary .slds-grid{
gap:inherit;
}
.slds-scope .slds-context-bar__vertical-divider{
width:0;
overflow:hidden;
border-left:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-context-bar__item{
display:flex;
align-content:center;
align-items:stretch;
white-space:nowrap;
position:relative;
border-radius:var(--_slds-c-globalnavigation-item-radius-border, 0);
max-width:var(--_slds-c-globalnavigation-item-sizing-width-max, var(--slds-g-sizing-14));
transition:background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slds-scope .slds-context-bar__item:not(.slds-no-hover):has(:focus-visible):not(:has(.slds-button:focus-visible)){
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-6px;
}
.slds-scope .slds-context-bar__item .slds-button__icon,
.slds-scope .slds-context-bar__item .slds-icon{
fill:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-context-bar__item:not(.slds-no-hover):hover{
outline:0;
background-color:var(
--_slds-c-globalnavigation-item-color-background-hover,
var(--slds-g-color-accent-light-1)
) !important;
text-decoration:none;
cursor:pointer;
}
.slds-scope .slds-context-bar__item:not(.slds-no-hover):hover::after{
opacity:1;
}
.slds-scope .slds-context-bar__item::before{
bottom:0;
content:'';
height:auto;
left:0;
position:absolute;
right:0;
top:0;
transition-property:top, background-color;
}
.slds-scope .slds-context-bar__item::after{
content:'';
width:100%;
height:var(--_slds-c-globalnavigation-item-sizing-border-hover, 3px);
display:block;
background:var(
--_slds-c-globalnavigation-item-color-border-hover,
color-mix(in oklab, var(--slds-g-color-accent-2) 80%, black)
);
position:absolute;
bottom:calc(var(--_slds-c-globalnavigation-item-sizing-border-hover, 3px) * -1);
border-radius:var(--_slds-c-globalnavigation-item-radius-border, 0);
left:0;
right:0;
opacity:0;
}
.slds-scope .slds-context-bar__item.slds-is-active{
background-color:var(
--_slds-c-globalnavigation-item-color-background-active,
var(--slds-g-color-accent-light-1)
) !important;
color:var(--_slds-c-globalnavigation-item-color-active, var(--slds-g-color-on-surface-3));
text-decoration:none;
cursor:pointer;
animation:bkAnim 0.135s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.slds-scope .slds-context-bar__item.slds-is-active::before{
content:'';
height:var(--_slds-c-globalnavigation-item-sizing-border-active, 3px);
display:block;
background:var(--slds-g-color-accent-2);
position:absolute;
top:0;
left:0;
right:0;
animation:navBounceIn 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.slds-scope .slds-context-bar__item.slds-is-active::after{
opacity:1;
background:var(--_slds-c-globalnavigation-item-color-border-active, var(--slds-g-color-accent-2));
}
.slds-scope .slds-context-bar__item.slds-is-active .slds-button__icon,
.slds-scope .slds-context-bar__item.slds-is-active .slds-icon{
fill:var(--_slds-c-globalnavigation-item-color-active, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-context-bar__item.slds-has-notification{
background:var(--slds-g-color-accent-container-1);
}
@keyframes error-pulse{
0%{
background-color:var(--slds-g-color-error-container-1);
}
40%{
background-color:var(--slds-g-color-error-container-2);
}
100%{
background-color:var(--slds-g-color-error-container-1);
}
}
@keyframes success-pulse{
0%{
background-color:var(--slds-g-color-success-container-1);
}
40%{
background-color:var(--slds-g-color-success-container-2);
}
100%{
background-color:var(--slds-g-color-success-container-1);
}
}
@keyframes warning-pulse{
0%{
background-color:var(--slds-g-color-warning-container-1);
}
40%{
background-color:var(--slds-g-color-warning-base-80);
}
100%{
background-color:var(--slds-g-color-warning-container-1);
}
}
.slds-scope .slds-context-bar__item.slds-has-success .slds-context-bar__label-action{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-context-bar__item.slds-has-success .slds-button__icon,
.slds-scope .slds-context-bar__item.slds-has-success .slds-icon{
fill:var(--slds-g-color-on-success-1, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-context-bar__item.slds-has-success::before{
animation:none;
animation-duration:1s;
animation-iteration-count:3;
animation-delay:150ms;
animation-timing-function:cubic-bezier(0.07, 0.49, 0.5, 1);
background-color:var(--slds-g-color-success-container-1);
bottom:0;
content:'';
height:auto;
left:0;
position:absolute;
right:0;
top:0;
transition:background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-name:success-pulse;
}
.slds-scope .slds-context-bar__item.slds-has-success:hover::before{
background-color:var(--slds-g-color-success-container-2);
height:auto;
}
.slds-scope .slds-context-bar__item.slds-has-success::after{
background-color:var(--_slds-c-globalnavigation-item-color-border-success);
}
.slds-scope .slds-context-bar__item.slds-has-success .slds-indicator_unread,.slds-scope .slds-context-bar__item.slds-has-success .slds-indicator--unread{
background-color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-context-bar__item.slds-has-success .slds-indicator_unsaved,.slds-scope .slds-context-bar__item.slds-has-success .slds-indicator--unsaved{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-context-bar__item.slds-has-error .slds-context-bar__label-action{
color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-context-bar__item.slds-has-error .slds-button__icon,
.slds-scope .slds-context-bar__item.slds-has-error .slds-icon{
fill:var(--slds-g-color-on-error-1, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-context-bar__item.slds-has-error::before{
animation:none;
animation-duration:1s;
animation-iteration-count:3;
animation-delay:150ms;
animation-timing-function:cubic-bezier(0.07, 0.49, 0.5, 1);
background-color:var(--slds-g-color-error-container-1);
bottom:0;
content:'';
height:auto;
left:0;
position:absolute;
right:0;
top:0;
transition:background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-name:error-pulse;
}
.slds-scope .slds-context-bar__item.slds-has-error:hover::before{
background-color:var(--slds-g-color-error-container-2);
height:auto;
}
.slds-scope .slds-context-bar__item.slds-has-error::after{
background-color:var(--_slds-c-globalnavigation-item-color-border-error);
}
.slds-scope .slds-context-bar__item.slds-has-error .slds-indicator_unread,.slds-scope .slds-context-bar__item.slds-has-error .slds-indicator--unread{
background-color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-context-bar__item.slds-has-error .slds-indicator_unsaved,.slds-scope .slds-context-bar__item.slds-has-error .slds-indicator--unsaved{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-context-bar__item.slds-has-warning .slds-context-bar__label-action{
color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-context-bar__item.slds-has-warning .slds-button__icon,
.slds-scope .slds-context-bar__item.slds-has-warning .slds-icon{
fill:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-context-bar__item.slds-has-warning::before{
animation:none;
animation-duration:1s;
animation-iteration-count:3;
animation-delay:150ms;
animation-timing-function:cubic-bezier(0.07, 0.49, 0.5, 1);
background-color:var(--slds-g-color-warning-container-1);
bottom:0;
content:'';
height:auto;
left:0;
position:absolute;
right:0;
top:0;
transition:background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-name:warning-pulse;
}
.slds-scope .slds-context-bar__item.slds-has-warning:hover::before{
background-color:var(--slds-g-color-warning-base-80);
height:auto;
}
.slds-scope .slds-context-bar__item.slds-has-warning::after{
background-color:var(--_slds-c-globalnavigation-item-color-border-warning);
}
.slds-scope .slds-context-bar__item.slds-has-warning .slds-indicator_unread,.slds-scope .slds-context-bar__item.slds-has-warning .slds-indicator--unread{
background-color:currentColor;
}
.slds-scope .slds-context-bar__item.slds-has-warning .slds-indicator_unsaved,.slds-scope .slds-context-bar__item.slds-has-warning .slds-indicator--unsaved{
color:currentColor;
}
.slds-scope .slds-context-bar__item.slds-has-success.slds-is-active::after, .slds-scope .slds-context-bar__item.slds-has-warning.slds-is-active::after, .slds-scope .slds-context-bar__item.slds-has-error.slds-is-active::after{
content:'';
background:var(--slds-g-color-neutral-base-30);
position:absolute;
height:4px;
opacity:0.4;
top:0;
right:0;
left:0;
}
.slds-scope .slds-context-bar__item.slds-has-success.slds-has-focus::after, .slds-scope .slds-context-bar__item.slds-has-warning.slds-has-focus::after, .slds-scope .slds-context-bar__item.slds-has-error.slds-has-focus::after{
height:4px;
}
.slds-scope .slds-context-bar__item.slds-has-success:not(.slds-no-hover):has(:focus-visible):not(:has(.slds-button:focus-visible))::before, .slds-scope .slds-context-bar__item.slds-has-warning:not(.slds-no-hover):has(:focus-visible):not(:has(.slds-button:focus-visible))::before, .slds-scope .slds-context-bar__item.slds-has-error:not(.slds-no-hover):has(:focus-visible):not(:has(.slds-button:focus-visible))::before{
box-shadow:var(--slds-g-shadow-inset-focus-1);
}
@keyframes bkAnim{
50%{
background-color:var(--slds-g-color-neutral-base-100);
}
100%{
background-color:var(
--_slds-c-globalnavigation-item-color-background-active,
var(--slds-g-color-accent-light-1)
);
}
}
@keyframes navBounceIn{
0%{
transform:translate3d(0, 20px, 0);
opacity:0;
}
20%{
opacity:0;
}
90%{
transform:translate3d(0, 1px, 0);
}
100%{
transform:translate3d(0, 0, 0);
}
}
.slds-scope .slds-context-bar__item_divider-left,.slds-scope .slds-context-bar__item--divider-left{
border-left:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-context-bar__item_divider-right,.slds-scope .slds-context-bar__item--divider-right{
border-right:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-context-bar__label-action{
display:flex;
align-content:center;
align-items:center;
flex-grow:1;
padding:0 var(--slds-g-spacing-3);
min-width:0%;
color:inherit;
font-weight:var(--_slds-c-globalnavigation-font-weight, normal);
z-index:1;
}
.slds-scope .slds-context-bar__label-action:focus-visible,
.slds-scope .slds-context-bar__label-action:focus-visible:hover{
outline:0;
text-decoration:var(--_slds-c-globalnavigation-font-decoration-focus, underline);
}
.slds-scope .slds-context-bar__label-action:hover{
text-decoration:none;
}
.slds-scope .slds-context-bar__label-action:hover,
.slds-scope .slds-context-bar__label-action:focus{
color:inherit;
}
.slds-scope .slds-context-bar__label-action:active{
color:inherit;
text-decoration:none;
}
.slds-scope .slds-context-bar__icon-action{
display:flex;
align-items:center;
align-content:center;
margin-left:calc(var(--slds-g-spacing-1) * -1);
padding:0 var(--slds-g-spacing-2);
color:var(--slds-g-color-on-surface-1);
border-radius:0;
flex-shrink:0;
}
.slds-scope .slds-context-bar__icon-action:focus-visible{
outline:0;
}
.slds-scope .slds-context-bar__icon-action:focus-visible .slds-context-bar__button{
outline:0;
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-context-bar__icon-action:focus-visible ~ .slds-dropdown{
visibility:visible;
opacity:1;
}
.slds-scope .slds-context-bar__icon-action:hover,
.slds-scope .slds-context-bar__icon-action:focus{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-context-bar__icon-action:active{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-context-bar__icon-action .slds-icon-waffle_container,.slds-scope .slds-context-bar__icon-action .slds-icon-waffle--container{
width:2rem;
height:2rem;
margin-inline-end:var(--slds-g-spacing-1);
margin-inline-start:calc(var(--slds-g-spacing-2) * -1);
}
.slds-scope .slds-context-bar__icon-action .slds-icon-waffle{
margin-right:auto;
margin-left:auto;
}
.slds-scope .slds-context-bar__dropdown-trigger .slds-dropdown{
margin-top:3px;
}
.slds-scope .slds-context-bar__dropdown-trigger .slds-dropdown::before{
content:'';
position:absolute;
bottom:100%;
width:100%;
height:3px;
}
.slds-scope .slds-context-bar__app-name{
padding-block:0;
padding-inline:0 var(--slds-g-spacing-5);
font-size:var(--slds-g-font-scale-3);
font-weight:var(--_slds-c-globalnavigation-app-font-weight, normal);
line-height:var(--slds-g-font-lineheight-2);
}
.slds-scope .slds-context-bar__object-switcher{
min-width:9rem;
max-width:var(--slds-g-sizing-14);
border-left:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-right:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:0;
}
.slds-scope .slds-context-bar_tabs,.slds-scope .slds-context-bar--tabs{
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-bottom:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-context-bar_tabs .slds-context-bar__secondary,.slds-scope .slds-context-bar--tabs .slds-context-bar__secondary{
gap:0;
}
.slds-scope .slds-context-bar__item_tab,.slds-scope .slds-context-bar__item--tab{
width:12.5rem;
border-right:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:0;
}
.slds-scope .slds-context-bar__item_tab .slds-context-bar__label-action,.slds-scope .slds-context-bar__item--tab .slds-context-bar__label-action{
padding:0 var(--slds-g-spacing-2);
}
.slds-scope .slds-context-bar__item_tab .slds-icon_container,.slds-scope .slds-context-bar__item--tab .slds-icon--container{
--slds-c-icon-color-background:transparent;
--slds-c-icon-color-foreground:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-context-bar__item_tab.slds-is-pinned,.slds-scope .slds-context-bar__item--tab.slds-is-pinned{
width:auto;
padding-right:var(--slds-g-spacing-2);
}
.slds-scope .slds-context-bar__item_tab.slds-is-pinned .slds-context-bar__label-action,.slds-scope .slds-context-bar__item--tab.slds-is-pinned .slds-context-bar__label-action{
padding:0 var(--slds-g-spacing-2);
}
.slds-scope .slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active,.slds-scope .slds-context-bar__item--tab.slds-has-sub-tabs.slds-is-active,
.slds-scope .slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active:hover,
.slds-scope .slds-context-bar__item--tab.slds-has-sub-tabs.slds-is-active:hover{
animation:none;
background-color:transparent !important;
}
.slds-scope .slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active .slds-context-bar__label-action::after,.slds-scope .slds-context-bar__item--tab.slds-has-sub-tabs.slds-is-active .slds-context-bar__label-action::after, .slds-scope .slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active:hover .slds-context-bar__label-action::after, .slds-scope .slds-context-bar__item--tab.slds-has-sub-tabs.slds-is-active:hover .slds-context-bar__label-action::after{
content:'';
display:block;
position:absolute;
left:0;
bottom:calc(var(--_slds-c-globalnavigation-item-sizing-border-active, 3px) * -1);
height:var(--_slds-c-globalnavigation-item-sizing-border-active, 3px);
width:100%;
background-color:var(--slds-g-color-surface-container-1);
border:0;
mix-blend-mode:unset;
}
.slds-scope .slds-indicator_unsaved,.slds-scope .slds-indicator--unsaved{
color:var(--slds-g-color-accent-2);
align-self:center;
position:relative;
}
.slds-scope .slds-indicator-container{
display:inline;
margin-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-indicator-container:empty{
margin-inline-end:0;
}
.slds-scope .slds-icon-waffle_container,.slds-scope .slds-icon-waffle--container{
border:0;
outline:0;
padding:0;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r1,.slds-scope .slds-icon-waffle--container:hover .slds-r1,
.slds-scope .slds-icon-waffle_container:hover .slds-r2,
.slds-scope .slds-icon-waffle--container:hover .slds-r2,
.slds-scope .slds-icon-waffle_container:hover .slds-r3,
.slds-scope .slds-icon-waffle--container:hover .slds-r3,
.slds-scope .slds-icon-waffle_container:hover .slds-r4,
.slds-scope .slds-icon-waffle--container:hover .slds-r4,
.slds-scope .slds-icon-waffle_container:hover .slds-r5,
.slds-scope .slds-icon-waffle--container:hover .slds-r5,
.slds-scope .slds-icon-waffle_container:hover .slds-r6,
.slds-scope .slds-icon-waffle--container:hover .slds-r6,
.slds-scope .slds-icon-waffle_container:hover .slds-r7,
.slds-scope .slds-icon-waffle--container:hover .slds-r7,
.slds-scope .slds-icon-waffle_container:hover .slds-r8,
.slds-scope .slds-icon-waffle--container:hover .slds-r8,
.slds-scope .slds-icon-waffle_container:hover .slds-r9,
.slds-scope .slds-icon-waffle--container:hover .slds-r9,
.slds-scope .slds-icon-waffle_container:focus .slds-r1,
.slds-scope .slds-icon-waffle--container:focus .slds-r1,
.slds-scope .slds-icon-waffle_container:focus .slds-r2,
.slds-scope .slds-icon-waffle--container:focus .slds-r2,
.slds-scope .slds-icon-waffle_container:focus .slds-r3,
.slds-scope .slds-icon-waffle--container:focus .slds-r3,
.slds-scope .slds-icon-waffle_container:focus .slds-r4,
.slds-scope .slds-icon-waffle--container:focus .slds-r4,
.slds-scope .slds-icon-waffle_container:focus .slds-r5,
.slds-scope .slds-icon-waffle--container:focus .slds-r5,
.slds-scope .slds-icon-waffle_container:focus .slds-r6,
.slds-scope .slds-icon-waffle--container:focus .slds-r6,
.slds-scope .slds-icon-waffle_container:focus .slds-r7,
.slds-scope .slds-icon-waffle--container:focus .slds-r7,
.slds-scope .slds-icon-waffle_container:focus .slds-r8,
.slds-scope .slds-icon-waffle--container:focus .slds-r8,
.slds-scope .slds-icon-waffle_container:focus .slds-r9,
.slds-scope .slds-icon-waffle--container:focus .slds-r9{
animation:slds-icon-waffle-throb 2 200ms alternate;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r1,.slds-scope .slds-icon-waffle--container:hover .slds-r1,
.slds-scope .slds-icon-waffle_container:hover .slds-r2,
.slds-scope .slds-icon-waffle--container:hover .slds-r2,
.slds-scope .slds-icon-waffle_container:hover .slds-r3,
.slds-scope .slds-icon-waffle--container:hover .slds-r3,
.slds-scope .slds-icon-waffle_container:focus .slds-r1,
.slds-scope .slds-icon-waffle--container:focus .slds-r1,
.slds-scope .slds-icon-waffle_container:focus .slds-r2,
.slds-scope .slds-icon-waffle--container:focus .slds-r2,
.slds-scope .slds-icon-waffle_container:focus .slds-r3,
.slds-scope .slds-icon-waffle--container:focus .slds-r3{
background-color:var(--slds-g-color-brand-base-50, #418fde);
}
.slds-scope .slds-icon-waffle_container:hover .slds-r4,.slds-scope .slds-icon-waffle--container:hover .slds-r4,
.slds-scope .slds-icon-waffle_container:hover .slds-r5,
.slds-scope .slds-icon-waffle--container:hover .slds-r5,
.slds-scope .slds-icon-waffle_container:hover .slds-r7,
.slds-scope .slds-icon-waffle--container:hover .slds-r7,
.slds-scope .slds-icon-waffle_container:focus .slds-r4,
.slds-scope .slds-icon-waffle--container:focus .slds-r4,
.slds-scope .slds-icon-waffle_container:focus .slds-r5,
.slds-scope .slds-icon-waffle--container:focus .slds-r5,
.slds-scope .slds-icon-waffle_container:focus .slds-r7,
.slds-scope .slds-icon-waffle--container:focus .slds-r7{
background-color:var(--slds-g-color-warning-base-70, #ed8b00);
}
.slds-scope .slds-icon-waffle_container:hover .slds-r6,.slds-scope .slds-icon-waffle--container:hover .slds-r6,
.slds-scope .slds-icon-waffle_container:hover .slds-r8,
.slds-scope .slds-icon-waffle--container:hover .slds-r8,
.slds-scope .slds-icon-waffle_container:hover .slds-r9,
.slds-scope .slds-icon-waffle--container:hover .slds-r9,
.slds-scope .slds-icon-waffle_container:focus .slds-r6,
.slds-scope .slds-icon-waffle--container:focus .slds-r6,
.slds-scope .slds-icon-waffle_container:focus .slds-r8,
.slds-scope .slds-icon-waffle--container:focus .slds-r8,
.slds-scope .slds-icon-waffle_container:focus .slds-r9,
.slds-scope .slds-icon-waffle--container:focus .slds-r9{
background-color:var(--slds-g-color-palette-yellow-80, #ffb60f);
}
.slds-scope .slds-icon-waffle_container:hover .slds-r2,.slds-scope .slds-icon-waffle--container:hover .slds-r2,
.slds-scope .slds-icon-waffle_container:hover .slds-r4,
.slds-scope .slds-icon-waffle--container:hover .slds-r4,
.slds-scope .slds-icon-waffle_container:focus .slds-r2,
.slds-scope .slds-icon-waffle--container:focus .slds-r2,
.slds-scope .slds-icon-waffle_container:focus .slds-r4,
.slds-scope .slds-icon-waffle--container:focus .slds-r4{
transition-delay:50ms;
animation-delay:50ms;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r3,.slds-scope .slds-icon-waffle--container:hover .slds-r3,
.slds-scope .slds-icon-waffle_container:hover .slds-r5,
.slds-scope .slds-icon-waffle--container:hover .slds-r5,
.slds-scope .slds-icon-waffle_container:hover .slds-r7,
.slds-scope .slds-icon-waffle--container:hover .slds-r7,
.slds-scope .slds-icon-waffle_container:focus .slds-r3,
.slds-scope .slds-icon-waffle--container:focus .slds-r3,
.slds-scope .slds-icon-waffle_container:focus .slds-r5,
.slds-scope .slds-icon-waffle--container:focus .slds-r5,
.slds-scope .slds-icon-waffle_container:focus .slds-r7,
.slds-scope .slds-icon-waffle--container:focus .slds-r7{
transition-delay:100ms;
animation-delay:100ms;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r6,.slds-scope .slds-icon-waffle--container:hover .slds-r6,
.slds-scope .slds-icon-waffle_container:hover .slds-r8,
.slds-scope .slds-icon-waffle--container:hover .slds-r8,
.slds-scope .slds-icon-waffle_container:focus .slds-r6,
.slds-scope .slds-icon-waffle--container:focus .slds-r6,
.slds-scope .slds-icon-waffle_container:focus .slds-r8,
.slds-scope .slds-icon-waffle--container:focus .slds-r8{
transition-delay:150ms;
animation-delay:150ms;
}
.slds-scope .slds-icon-waffle_container:hover .slds-r9,.slds-scope .slds-icon-waffle--container:hover .slds-r9,
.slds-scope .slds-icon-waffle_container:focus .slds-r9,
.slds-scope .slds-icon-waffle--container:focus .slds-r9{
transition-delay:200ms;
animation-delay:200ms;
}
.slds-scope .slds-icon-waffle{
width:1.3125rem;
height:1.3125rem;
position:relative;
display:block;
cursor:pointer;
}
.slds-scope .slds-icon-waffle .slds-r1,
.slds-scope .slds-icon-waffle .slds-r2,
.slds-scope .slds-icon-waffle .slds-r3,
.slds-scope .slds-icon-waffle .slds-r4,
.slds-scope .slds-icon-waffle .slds-r5,
.slds-scope .slds-icon-waffle .slds-r6,
.slds-scope .slds-icon-waffle .slds-r7,
.slds-scope .slds-icon-waffle .slds-r8,
.slds-scope .slds-icon-waffle .slds-r9{
width:0.3125rem;
height:0.3125rem;
background-color:var(--slds-g-color-neutral-base-50, #747474);
display:inline-block;
position:absolute;
border-radius:50%;
transition:background-color 100ms;
transform-origin:50% 50%;
will-change:scale, background-color;
}
.slds-scope .slds-icon-waffle .slds-r1{
top:0;
left:0;
transition-delay:200ms;
}
.slds-scope .slds-icon-waffle .slds-r2{
top:0;
left:0.5rem;
}
.slds-scope .slds-icon-waffle .slds-r3{
top:0;
right:0;
}
.slds-scope .slds-icon-waffle .slds-r4{
top:0.5rem;
left:0;
}
.slds-scope .slds-icon-waffle .slds-r5{
top:0.5rem;
left:0.5rem;
}
.slds-scope .slds-icon-waffle .slds-r6{
top:0.5rem;
right:0;
}
.slds-scope .slds-icon-waffle .slds-r7{
bottom:0;
left:0;
}
.slds-scope .slds-icon-waffle .slds-r8{
bottom:0;
left:0.5rem;
}
.slds-scope .slds-icon-waffle .slds-r9{
bottom:0;
right:0;
}
.slds-scope .slds-icon-waffle .slds-r2,
.slds-scope .slds-icon-waffle .slds-r4{
transition-delay:150ms;
}
.slds-scope .slds-icon-waffle .slds-r3,
.slds-scope .slds-icon-waffle .slds-r5,
.slds-scope .slds-icon-waffle .slds-r7{
transition-delay:100ms;
}
.slds-scope .slds-icon-waffle .slds-r6,
.slds-scope .slds-icon-waffle .slds-r8{
transition-delay:50ms;
}
@keyframes slds-icon-waffle-throb{
to{
transform:scale(1.5);
}
}
.slds-scope .slds-expression__options{
width:var(--slds-g-sizing-14);
}
.slds-scope .slds-expression__options .slds-form-element__control{
clear:none;
}
.slds-scope .slds-expression__legend{
float:left;
width:var(--slds-g-sizing-10);
padding-top:calc((var(--slds-g-font-lineheight-base) * var(--slds-g-font-scale-neg-1)) + (1.875rem / 4));
font-weight:var(--slds-g-font-weight-7);
}
.slds-scope .slds-expression__legend.slds-expression__legend_group,.slds-scope .slds-expression__legend.slds-expression__legend--group{
margin-top:0;
}
.slds-scope .slds-expression__row{
margin-top:var(--slds-g-spacing-3);
}
.slds-scope .slds-expression__row.slds-expression__row_group,.slds-scope .slds-expression__row.slds-expression__row--group{
padding-left:var(--slds-g-spacing-8);
}
.slds-scope .slds-expression__row .slds-form-element__label{
line-height:1.5;
}
.slds-scope .slds-expression__buttons{
margin-top:var(--slds-g-spacing-3);
}
.slds-scope .slds-expression__group{
background:var(--slds-g-color-surface-2);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
padding:var(--slds-g-spacing-3);
margin-top:var(--slds-g-spacing-3);
}
.slds-scope .slds-expression__title{
font-size:var(--slds-g-font-scale-3);
font-weight:bold;
margin-bottom:var(--slds-g-spacing-2);
}
.slds-scope .slds-expression__custom-logic{
margin-top:var(--slds-g-spacing-3);
}
.slds-scope .slds-filters{
position:relative;
}
.slds-scope .slds-filters__header{
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-3);
}
.slds-scope .slds-filters__body{
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-3);
}
.slds-scope .slds-filters__footer{
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-4);
}
.slds-scope .slds-filters__item{
padding:var(--slds-g-spacing-3);
background:var(--slds-g-color-surface-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-filters__item.slds-is-new{
background:var(--slds-g-color-palette-yellow-90);
color:var(--slds-g-color-neutral-base-10, var(--slds-g-color-on-surface-2));
}
.slds-scope .slds-filters__item.slds-has-error{
border-color:var(--slds-g-color-border-error-1);
}
.slds-scope .slds-filters__item.slds-has-error .slds-button__icon_hint,.slds-scope .slds-filters__item.slds-has-error .slds-button__icon--hint{
fill:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-filters__item.slds-is-locked{
background:var(--slds-g-color-surface-2);
}
.slds-scope .slds-filters__item + .slds-filters__item{
margin-top:var(--slds-g-spacing-2);
}
.slds-scope .slds-filters__item:hover{
background:var(--slds-g-color-surface-2);
}
.slds-scope .slds-filters__group{
background:var(--slds-g-color-surface-2);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
padding:var(--slds-g-spacing-3);
}
.slds-scope .slds-expression_formula__rte,.slds-scope .slds-expression--formula__rte{
margin-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-builder-header_container,.slds-scope .slds-builder-header--container{
position:fixed;
width:100%;
inset-block-start:0;
inset-inline-start:0;
z-index:100;
}
.slds-scope .slds-builder-header{
position:relative;
display:flex;
height:var(--slds-s-header-sizing-height, 3.125rem);
background:var(--slds-g-color-surface-inverse-1, var(--slds-g-color-brand-base-20));
color:var(--slds-g-color-on-surface-inverse-1, var(--slds-g-color-neutral-base-100));
}
.slds-scope .slds-builder-header__item{
display:flex;
align-content:center;
align-items:center;
white-space:nowrap;
}
.slds-scope .slds-builder-header__item + .slds-builder-header__item{
border-inline-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-surface-inverse-2, var(--slds-g-color-brand-base-10));
}
.slds-scope .slds-builder-header__item-action,
.slds-scope .slds-builder-header__item-label{
color:currentColor;
padding:0 var(--slds-g-spacing-4);
display:flex;
align-content:center;
align-items:center;
flex-grow:1;
min-width:0%;
height:100%;
font-weight:var(--slds-g-font-weight-4);
line-height:inherit;
}
.slds-scope .slds-builder-header__item-action .slds-media__body,
.slds-scope .slds-builder-header__item-label .slds-media__body{
flex-basis:auto;
}
.slds-scope .slds-builder-header__item-action{
transition:all 150ms linear;
border-radius:0;
}
.slds-scope .slds-builder-header__item-action:hover,
.slds-scope .slds-builder-header__item-action:focus{
background-color:var(--slds-g-color-surface-inverse-2, var(--slds-g-color-brand-base-10));
color:var(--slds-g-color-on-surface-inverse-1, var(--slds-g-color-neutral-base-100));
text-decoration:none;
--slds-c-button-radius-border:0;
}
.slds-scope .slds-builder-header__item-action:focus{
text-decoration:underline;
outline:none;
border-radius:0;
}
.slds-scope .slds-builder-header__item-action:focus-visible{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
outline:0;
text-decoration:none;
}
.slds-scope .slds-builder-header__nav,
.slds-scope .slds-builder-header__utilities{
align-items:stretch;
}
.slds-scope .slds-builder-header__nav-list{
display:flex;
}
.slds-scope .slds-builder-header__utilities{
margin-inline-start:auto;
}
.slds-scope .slds-builder-header__nav-item,
.slds-scope .slds-builder-header__utilities-item{
display:flex;
align-content:center;
align-items:stretch;
}
.slds-scope .slds-builder-header__nav-item + .slds-builder-header__nav-item,
.slds-scope .slds-builder-header__nav-item + .slds-builder-header__utilities-item,
.slds-scope .slds-builder-header__utilities-item + .slds-builder-header__nav-item,
.slds-scope .slds-builder-header__utilities-item + .slds-builder-header__utilities-item{
border-inline-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-surface-inverse-2, var(--slds-g-color-brand-base-10));
}
.slds-scope .slds-builder-toolbar{
display:flex;
padding-block:var(--slds-g-sizing-3);
padding-inline:var(--slds-g-sizing-4);
background:var(--slds-g-color-surface-container-1, var(--slds-g-color-neutral-base-100));
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1, var(--slds-g-color-border-base-1));
}
.slds-scope .slds-builder-toolbar__actions{
display:flex;
align-items:center;
margin-inline-start:auto;
}
.slds-scope .slds-builder-toolbar__item-group{
display:flex;
align-items:center;
}
.slds-scope .slds-builder-toolbar__item-group + .slds-builder-toolbar__item-group{
margin-inline-start:var(--slds-g-sizing-2);
}
.slds-scope .slds-publisher{
display:flex;
}
.slds-scope .slds-publisher.slds-is-active{
display:block;
}
.slds-scope .slds-publisher.slds-is-active .slds-publisher__toggle-visibility{
display:inherit;
height:auto;
overflow:visible;
width:auto;
}
.slds-scope .slds-publisher.slds-is-active .slds-publisher__input{
line-height:var(--slds-g-font-lineheight-base);
height:auto;
max-height:10rem;
resize:vertical;
padding-block-start:var(--slds-g-spacing-3);
padding-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-publisher .slds-publisher__toggle-visibility{
display:block;
height:0;
overflow:hidden;
width:0;
color:var(--slds-s-label-color, var(--slds-g-color-on-surface-2));
}
.slds-scope .slds-publisher__input{
line-height:calc(var(--slds-g-sizing-9) - var(--slds-g-sizing-1));
padding-block:0;
padding-inline:var(--slds-g-spacing-4);
resize:none;
max-height:calc(var(--slds-g-sizing-9) - var(--slds-g-sizing-1) + 2px);
width:100%;
border-radius:var(--slds-g-radius-border-2);
font-family:inherit;
}
.slds-scope .slds-publisher__actions > .slds-button{
margin-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-publisher_comment,.slds-scope .slds-publisher--comment{
background-color:var(--slds-g-color-surface-container-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
border-radius:var(--slds-g-radius-border-2);
width:100%;
position:relative;
min-height:calc(var(--slds-g-sizing-9) - var(--slds-g-sizing-1) + 2px);
max-height:calc(var(--slds-g-sizing-9) - var(--slds-g-sizing-1) + 2px);
}
.slds-scope .slds-publisher_comment.slds-is-active,.slds-scope .slds-publisher--comment.slds-is-active{
min-height:calc(var(--slds-g-sizing-10) + var(--slds-g-sizing-9));
max-height:var(--slds-g-sizing-14);
}
.slds-scope .slds-publisher_comment.slds-is-active .slds-publisher__input:focus-visible,.slds-scope .slds-publisher--comment.slds-is-active .slds-publisher__input:focus-visible{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.slds-scope .slds-publisher_comment .slds-publisher__input:focus-visible,.slds-scope .slds-publisher--comment .slds-publisher__input:focus-visible{
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-publisher_comment.slds-is-active .slds-publisher__actions,.slds-scope .slds-publisher--comment.slds-is-active .slds-publisher__actions{
display:flex;
}
.slds-scope .slds-publisher_comment.slds-has-focus,.slds-scope .slds-publisher--comment.slds-has-focus{
box-shadow:var(--slds-g-shadow-outline-focus-1);
outline:0;
border-color:transparent;
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-publisher_comment.slds-has-focus .slds-publisher__input,.slds-scope .slds-publisher--comment.slds-has-focus .slds-publisher__input{
line-height:var(--slds-g-font-lineheight-6);
}
.slds-scope .slds-publisher_comment .slds-publisher__actions,.slds-scope .slds-publisher--comment .slds-publisher__actions{
display:none;
padding-block:0 var(--slds-g-spacing-3);
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-publisher_comment .slds-attachments,.slds-scope .slds-publisher--comment .slds-attachments{
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-feed{
position:relative;
max-width:49rem;
margin:auto;
}
.slds-scope .slds-feed__list{
margin:0;
padding:0;
}
.slds-scope .slds-feed__item{
padding:var(--slds-g-spacing-var-block-2) 0;
}
@media (min-width: 48em){
.slds-scope .slds-feed__item{
padding:var(--slds-g-spacing-var-block-3) 0
}
}
.slds-scope .slds-feed__item-comments{
background-color:var(--slds-g-color-surface-container-2);
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-bottom:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-feed__item-comments .slds-comment{
padding:var(--slds-g-spacing-var-block-2) var(--slds-g-spacing-4);
}
.slds-scope .slds-post{
background-color:var(--slds-g-color-surface-container-1);
padding:var(--slds-g-spacing-3) var(--slds-g-spacing-4);
}
@media (max-width: 48em){
.slds-scope .slds-post{
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1)
}
}
@media (min-width: 64em){
.slds-scope .slds-post{
padding:0 var(--slds-g-spacing-4) var(--slds-g-spacing-2)
}
}
.slds-scope .slds-post__header{
margin-block-end:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-post__content{
margin-block-end:var(--slds-g-spacing-3);
}
@media (min-width: 48em){
.slds-scope .slds-post__content{
margin-block-end:var(--slds-g-spacing-5)
}
}
.slds-scope .slds-post__footer{
display:flex;
font-size:var(--slds-g-font-scale-neg-1);
flex-direction:column;
}
@media (min-width: 48em){
.slds-scope .slds-post__footer{
flex-direction:row
}
}
.slds-scope .slds-post__footer-actions-list{
justify-content:space-between;
text-align:center;
order:1;
}
@media (max-width: 30em){
.slds-scope .slds-post__footer-actions-list{
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
margin:0 calc(var(--slds-g-spacing-3) * -1) calc(var(--slds-g-spacing-3) * -1);
padding:0 var(--slds-g-spacing-4)
}
}
@media (min-width: 48em){
.slds-scope .slds-post__footer-actions-list{
order:0
}
}
.slds-scope .slds-post__footer-action{
display:flex;
align-items:center;
justify-content:center;
color:var(--slds-g-color-on-surface-3);
padding:var(--slds-g-spacing-3) 0;
line-height:1;
}
@media (min-width: 48em){
.slds-scope .slds-post__footer-action{
margin-inline-end:var(--slds-g-spacing-4);
padding:0
}
}
.slds-scope .slds-post__footer-action .slds-icon{
margin-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-post__footer-action:hover,
.slds-scope .slds-post__footer-action:focus,
.slds-scope .slds-post__footer-action.slds-is-active{
color:var(--slds-s-link-color-hover);
text-decoration:none;
}
.slds-scope .slds-post__footer-action:hover .slds-icon, .slds-scope .slds-post__footer-action:focus .slds-icon, .slds-scope .slds-post__footer-action.slds-is-active .slds-icon{
fill:currentColor;
}
.slds-scope .slds-post__footer-action:focus-visible{
box-shadow:var(--slds-g-shadow-outline-focus-1);
border-radius:var(--slds-g-radius-border-1);
outline:0;
}
.slds-scope .slds-post__footer-meta-list{
margin-block-end:var(--slds-g-spacing-4);
}
@media (min-width: 48em){
.slds-scope .slds-post__footer-meta-list{
margin-inline-start:auto;
margin-block-end:0
}
}
.slds-scope .slds-region_narrow .slds-post,.slds-scope .slds-region--narrow .slds-post{
border:0;
padding:var(--slds-g-spacing-3) var(--slds-g-spacing-4);
}
.slds-scope .slds-region_narrow .slds-post__content,.slds-scope .slds-region--narrow .slds-post__content{
margin-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-region_narrow .slds-post__footer,.slds-scope .slds-region--narrow .slds-post__footer{
flex-direction:column;
}
.slds-scope .slds-region_narrow .slds-post__footer-action,.slds-scope .slds-region--narrow .slds-post__footer-action{
padding:var(--slds-g-spacing-3) 0;
}
.slds-scope .slds-region_narrow .slds-post__footer-actions-list,.slds-scope .slds-region--narrow .slds-post__footer-actions-list{
order:1;
border-top:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
margin:0 calc(var(--slds-g-spacing-3) * -1) calc(var(--slds-g-spacing-3) * -1);
padding:0 var(--slds-g-spacing-4);
}
.slds-scope .slds-region_narrow .slds-post__footer-meta-list,.slds-scope .slds-region--narrow .slds-post__footer-meta-list{
margin-inline-start:0;
margin-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-comment__content{
padding:var(--slds-g-spacing-var-block-1) 0;
}
.slds-scope .slds-post__payload{
padding:0 0 var(--slds-g-spacing-4);
}
.slds-scope .slds-post__payload:empty{
padding:0;
border:0;
}
.slds-scope .slds-modal{
opacity:0;
visibility:hidden;
transition:transform 0.1s linear, opacity 0.1s linear;
position:fixed;
inset-block-start:0;
inset-inline-end:0;
inset-block-end:0;
inset-inline-start:0;
z-index:9001;
}
.slds-scope .slds-modal .slds-modal__title{
font-weight:var(--slds-c-modal-heading-font-weight, var(--slds-s-container-heading-font-weight));
font-size:var(
--slds-c-modal-heading-font-size,
var(--slds-s-container-heading-font-size, var(--slds-g-font-scale-2))
);
line-height:var(--slds-g-font-lineheight-2);
}
.slds-scope .slds-modal__container{
position:relative;
transform:translate(0, 0);
transition:transform 0.1s linear, opacity 0.1s linear;
display:flex;
flex-direction:column;
justify-content:center;
margin-block:0;
margin-inline:var(--slds-g-spacing-6);
height:100%;
padding-block-start:var(--slds-g-spacing-8);
padding-inline-end:0;
padding-block-end:var(--slds-g-spacing-12);
padding-inline-start:0;
border-radius:var(--slds-g-radius-border-2);
}
@media (min-width: 48em){
.slds-scope .slds-modal__container{
margin-block:0;
margin-inline:auto;
width:50%;
max-width:40rem;
min-width:20rem;
}
}
.slds-scope .slds-modal__header{
position:relative;
border-start-end-radius:var(
--slds-c-modal-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
border-start-start-radius:var(
--slds-c-modal-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
border-block-end-width:var(--slds-c-modal-sizing-border, var(--slds-g-sizing-border-2));
border-block-end-style:solid;
border-block-end-color:var(--slds-c-modal-color-border, var(--slds-g-color-border-1));
background-color:var(
--slds-c-modal-header-color-background,
var(--slds-c-modal-color-background, var(--slds-g-color-surface-container-1))
);
color:var(--slds-c-modal-header-text-color, var(--slds-c-modal-text-color));
flex-shrink:0;
padding-block-start:var(--slds-c-modal-header-spacing-block-start, var(--slds-g-spacing-4));
padding-inline-end:var(--slds-c-modal-header-spacing-inline-end, var(--slds-g-spacing-4));
padding-block-end:var(--slds-c-modal-header-spacing-block-end, var(--slds-g-spacing-4));
padding-inline-start:var(--slds-c-modal-header-spacing-inline-start, var(--slds-g-spacing-4));
text-align:center;
}
.slds-scope .slds-modal__header + .slds-modal__menu{
border-start-end-radius:0;
border-start-start-radius:0;
}
.slds-scope .slds-modal__header .slds-modal__close{
position:absolute;
inset-block-start:calc(var(--slds-g-spacing-6) * -1.25);
inset-inline-end:0;
margin-inline-start:0;
inset-block-end:0;
}
.slds-scope .slds-modal__close{
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
margin-inline-start:auto;
position:relative;
inset-block-end:var(--slds-g-spacing-2);
background-color:var(--slds-g-color-surface-container-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
}
.slds-scope .slds-modal__close:hover,
.slds-scope .slds-modal__close:focus-visible,
.slds-scope .slds-modal__close:active{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-modal__close:focus-visible{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
border-color:transparent;
}
.slds-scope .slds-modal__content_headless,.slds-scope .slds-modal__content--headless,
.slds-scope .slds-modal__header_empty + .slds-modal__content,
.slds-scope .slds-modal__header--empty + .slds-modal__content{
border-start-end-radius:var(
--slds-c-modal-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
border-start-start-radius:var(
--slds-c-modal-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
}
.slds-scope .slds-modal__content{
background-color:var(
--slds-c-modal-content-color-background,
var(--slds-c-modal-color-background, var(--slds-g-color-surface-container-1))
);
color:var(
--slds-c-modal-content-text-color,
var(--slds-c-modal-text-color, var(--slds-s-container-content-color))
);
overflow:hidden;
overflow-y:auto;
}
.slds-scope .slds-modal__content_footless,.slds-scope .slds-modal__content--footless,
.slds-scope .slds-modal__container > .slds-modal__content:last-child,
.slds-scope .slds-modal__content_has-hidden-footer,
.slds-scope .slds-modal__content--has-hidden-footer{
border-end-end-radius:var(
--slds-c-modal-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
border-end-start-radius:var(
--slds-c-modal-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
box-shadow:var(--slds-g-shadow-4);
}
.slds-scope .slds-modal__footer{
border-end-end-radius:var(
--slds-c-modal-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
border-end-start-radius:var(
--slds-c-modal-radius-border,
var(--slds-s-container-radius-border, var(--slds-g-radius-border-2))
);
border-block-start-width:var(--slds-c-modal-sizing-border, var(--slds-g-sizing-border-2));
border-block-start-style:solid;
border-block-start-color:var(--slds-c-modal-color-border, var(--slds-g-color-border-1));
background-color:var(
--slds-c-modal-footer-color-background,
var(
--slds-c-modal-color-background,
var(--slds-s-container-footer-color-background, var(--slds-g-color-surface-container-2))
)
);
color:var(--slds-c-modal-footer-text-color, var(--slds-c-modal-text-color));
flex-shrink:0;
padding-block-start:var(--slds-c-modal-footer-spacing-block-start, var(--slds-g-spacing-3));
padding-inline-end:var(--slds-c-modal-footer-spacing-inline-end, var(--slds-g-spacing-4));
padding-block-end:var(--slds-c-modal-footer-spacing-block-end, var(--slds-g-spacing-3));
padding-inline-start:var(--slds-c-modal-footer-spacing-inline-start, var(--slds-g-spacing-4));
text-align:right;
box-shadow:var(--slds-g-shadow-4);
}
.slds-scope .slds-modal__footer .slds-button + .slds-button{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-modal__footer_directional .slds-button:first-child,.slds-scope .slds-modal__footer--directional .slds-button:first-child{
float:inline-start;
}
@media (min-width: 48em){
.slds-scope .slds-modal_small .slds-modal__container,.slds-scope .slds-modal--small .slds-modal__container{
width:60%;
max-width:52.0625rem;
min-width:40rem;
}
}
@media (min-width: 48em){
.slds-scope .slds-modal_medium .slds-modal__container,.slds-scope .slds-modal--medium .slds-modal__container{
width:70%;
max-width:75rem;
min-width:40rem;
}
}
@media (min-width: 48em){
.slds-scope .slds-modal_large .slds-modal__container,.slds-scope .slds-modal--large .slds-modal__container{
width:90%;
max-width:none;
min-width:40rem;
}
}
@media (min-width: 48em){
.slds-scope .slds-modal_full .slds-modal__container,.slds-scope .slds-modal--full .slds-modal__container{
width:90%;
max-width:none;
min-width:40rem;
}
}
@media (max-width: 30em){
.slds-scope .slds-modal_full,.slds-scope .slds-modal--full{
inset-block-start:env(safe-area-inset-top, 0);
inset-block-end:auto;
height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}
.slds-scope .slds-modal_full .slds-modal__header,.slds-scope .slds-modal--full .slds-modal__header{
grid-area:header;
border-start-start-radius:0;
border-start-end-radius:0;
}
.slds-scope .slds-modal_full .slds-modal__container,.slds-scope .slds-modal--full .slds-modal__container{
width:100%;
max-width:none;
min-width:0;
margin:0;
padding-block-start:var(--slds-g-spacing-4);
padding-inline-end:0;
padding-block-end:0;
padding-inline-start:0;
background-color:var(
--slds-c-modal-header-color-background,
var(--slds-c-modal-color-background, var(--slds-g-color-surface-container-1))
);
border-radius:0;
display:grid;
height:100dvh;
grid-template-rows:min-content min-content 1fr min-content;
grid-template-areas:'close' 'header' 'content' 'footer';
grid-template-columns:1fr;
}
.slds-scope .slds-modal_full .slds-modal__content_footless,.slds-scope .slds-modal--full .slds-modal__content--footless,
.slds-scope .slds-modal_full .slds-modal__container > .slds-modal__content:last-child,
.slds-scope .slds-modal--full .slds-modal__container > .slds-modal__content:last-child,
.slds-scope .slds-modal_full .slds-modal__content_has-hidden-footer,
.slds-scope .slds-modal--full .slds-modal__content--has-hidden-footer{
border-end-end-radius:0;
border-end-start-radius:0;
box-shadow:none;
}
.slds-scope .slds-modal_full .slds-modal__close,.slds-scope .slds-modal--full .slds-modal__close{
grid-area:close;
inset-inline-end:var(--slds-g-spacing-4);
color:var(--slds-g-color-on-surface-1);
--slds-c-button-color-background:var(--slds-g-color-surface-1);
--slds-c-button-color-background-active:var(--slds-g-color-surface-1);
}
.slds-scope .slds-modal_full .slds-modal__close:hover,.slds-scope .slds-modal--full .slds-modal__close:hover,
.slds-scope .slds-modal_full .slds-modal__close:focus,
.slds-scope .slds-modal--full .slds-modal__close:focus{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-modal_full .slds-modal__content,.slds-scope .slds-modal--full .slds-modal__content{
grid-area:content;
}
.slds-scope .slds-modal_full .slds-modal__footer,.slds-scope .slds-modal--full .slds-modal__footer{
grid-area:footer;
border-end-end-radius:0;
border-end-start-radius:0;
box-shadow:none;
}
}
.slds-scope .slds-modal_full lightning-button-icon + div,.slds-scope .slds-modal--full lightning-button-icon + div,
.slds-scope .slds-modal_full lightning-modal,
.slds-scope .slds-modal--full lightning-modal,
.slds-scope .slds-modal_full lightning-modal-header,
.slds-scope .slds-modal--full lightning-modal-header,
.slds-scope .slds-modal_full lightning-modal-body,
.slds-scope .slds-modal--full lightning-modal-body,
.slds-scope .slds-modal_full lightning-modal-footer,
.slds-scope .slds-modal--full lightning-modal-footer{
display:contents;
}
.slds-scope .slds-backdrop{
transition-duration:0.4s;
width:100%;
height:100%;
opacity:0;
visibility:hidden;
position:fixed;
inset-block-start:0;
inset-inline-end:0;
inset-block-end:0;
inset-inline-start:0;
background:var(--slds-s-backdrop-color-background);
z-index:9000;
backdrop-filter:blur(5px);
}
.slds-scope .slds-backdrop_open,.slds-scope .slds-backdrop--open{
visibility:visible;
opacity:1;
transition:opacity 0.4s linear;
}
.slds-scope .slds-fade-in-open{
opacity:1;
visibility:visible;
transition:opacity 0.1s linear;
}
.slds-scope .slds-fade-in-open .slds-modal__container-reset{
opacity:1;
visibility:visible;
transform:translate(0, 0);
}
.slds-scope .slds-slide-up-open{
opacity:1;
visibility:visible;
transform:translate(0, 0);
transition:opacity 0.1s linear, transform 0.2s linear;
}
.slds-scope .slds-slide-up-open .slds-modal__container-reset{
opacity:0;
visibility:hidden;
transform:translate(0, 1rem);
transition:opacity 0.2s linear, transform 0.2s linear;
}
.slds-scope .slds-slide-up-saving{
opacity:1;
visibility:visible;
transform:translate(0, -1rem);
}
.slds-scope .slds-slide-down-cancel{
opacity:1;
visibility:visible;
transform:translate(0, 1rem);
}
.slds-scope .slds-modal__header_empty,.slds-scope .slds-modal__header--empty{
--slds-c-modal-header-spacing-block-start:0;
--slds-c-modal-header-spacing-block-end:0;
--slds-c-modal-header-spacing-inline-start:0;
--slds-c-modal-header-spacing-inline-end:0;
--slds-c-modal-sizing-border:0;
}
.slds-scope .slds-map_container,.slds-scope .slds-map--container{
flex:3 1 auto;
}
.slds-scope .slds-map{
position:relative;
min-width:23.75rem;
width:100%;
max-height:100%;
}
.slds-scope .slds-map::before{
content:'';
display:block;
height:0;
width:100%;
padding-block-start:56.25%;
}
.slds-scope .slds-map iframe{
position:absolute;
inset-block-start:0;
inset-inline-start:0;
inset-inline-end:0;
height:100%;
width:100%;
border:0;
}
.slds-scope .slds-has-coordinates{
display:flex;
flex-wrap:wrap;
overflow:auto;
max-height:41.25rem;
background:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-has-coordinates .slds-map::before{
padding-block-start:75%;
}
.slds-scope .slds-coordinates{
overflow:auto;
flex:1 1 auto;
}
.slds-scope .slds-coordinates__header{
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-coordinates__title{
font-size:var(--slds-g-font-scale-2);
font-weight:var(--slds-g-font-weight-6);
}
.slds-scope .slds-coordinates__item-action{
padding-inline:var(--slds-g-spacing-4);
padding-block:var(--slds-g-spacing-2);
width:100%;
}
.slds-scope .slds-coordinates__item-action.slds-media{
align-items:center;
}
.slds-scope .slds-coordinates__item-action .slds-text-link{
display:block;
}
.slds-scope .slds-coordinates__item-action:hover,
.slds-scope .slds-coordinates__item-action:focus{
background-color:var(--slds-s-menu-item-color-background-active);
outline:0;
}
.slds-scope .slds-coordinates__item-action:hover .slds-text-link, .slds-scope .slds-coordinates__item-action:focus .slds-text-link{
text-decoration:underline;
}
.slds-scope .slds-coordinates__item-action:focus-visible{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
outline:0;
}
.slds-scope .slds-coordinates__item-action:active{
background-color:var(--slds-s-menu-item-color-background-active);
}
.slds-scope .slds-coordinates__item-action[aria-pressed='true']{
background-color:var(--slds-s-menu-item-color-background-active);
}
.slds-scope .slds-app-launcher__tile{
display:flex;
align-items:stretch;
margin:var(--slds-g-spacing-2) 0;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
cursor:move;
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-app-launcher__tile:hover,
.slds-scope .slds-app-launcher__tile:focus,
.slds-scope .slds-app-launcher__tile:active{
outline:0;
border-color:var(--slds-g-color-border-accent-3);
}
.slds-scope .slds-app-launcher__tile:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
outline:0;
}
.slds-scope .slds-app-launcher__tile.slds-is-draggable .slds-app-launcher__tile-figure{
padding-block-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-app-launcher__tile.slds-is-grabbed{
transform:rotate(3deg);
}
.slds-scope .slds-app-launcher__tile-figure{
display:flex;
flex-direction:column;
flex-shrink:0;
padding:var(--slds-g-spacing-3);
color:var(--slds-g-color-on-surface-inverse-1);
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:0;
border-end-start-radius:var(--slds-g-radius-border-2);
border-end-end-radius:0;
text-align:center;
--slds-c-avatar-radius-border:var(--slds-g-radius-border-2);
}
.slds-scope .slds-app-launcher__tile-body{
flex:1 1 auto;
background:var(--slds-g-color-surface-container-2);
padding-block:var(--slds-g-spacing-2);
padding-inline:var(--slds-g-spacing-3);
border-start-start-radius:0;
border-start-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:0;
border-end-end-radius:var(--slds-g-radius-border-2);
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-app-launcher .slds-modal__header .slds-modal__close .slds-button__icon{
fill:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-app-launcher .slds-app-launcher__header-search .slds-input-has-icon .slds-input__icon{
fill:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-app-launcher .slds-app-launcher__tile-figure .slds-button__icon{
fill:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-app-launcher__content{
flex:1 1 auto;
}
.slds-scope .slds-app-launcher__content .slds-section__title-action{
background:transparent;
}
.slds-scope .slds-visual-picker{
display:inline-flex;
position:relative;
flex-direction:column;
border:0;
border-radius:0;
text-align:center;
cursor:pointer;
}
.slds-scope .slds-visual-picker + .slds-visual-picker{
margin-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-visual-picker:active .slds-visual-picker__figure{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-accent-1);
box-shadow:0 0 0 1px var(--slds-g-color-accent-1) inset;
}
.slds-scope .slds-visual-picker:hover .slds-visual-picker__figure{
cursor:pointer;
}
.slds-scope .slds-visual-picker input:not(:disabled) ~ label:hover .slds-visual-picker__figure{
cursor:pointer;
outline:0;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-accent-1);
box-shadow:0 0 0 1px var(--slds-g-color-accent-1) inset;
}
.slds-scope .slds-visual-picker input{
width:1px;
height:1px;
border:0;
clip:rect(0 0 0 0);
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
}
.slds-scope .slds-visual-picker input:focus-visible ~ label .slds-visual-picker__figure{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-accent-1);
box-shadow:var(--slds-g-shadow-outset-focus-1);
outline:0;
}
.slds-scope .slds-visual-picker input:checked ~ label .slds-visual-picker__figure{
box-shadow:var(--slds-s-container-shadow);
}
.slds-scope .slds-visual-picker input:checked:focus-visible ~ label .slds-visual-picker__figure{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-visual-picker input:checked ~ label .slds-is-not-selected{
display:none;
}
.slds-scope .slds-visual-picker input:checked ~ label .slds-is-selected{
display:block;
}
.slds-scope .slds-visual-picker input:checked ~ label .slds-visual-picker__icon{
background-color:var(--slds-g-color-accent-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-accent-1);
}
.slds-scope .slds-visual-picker input:checked ~ label .slds-visual-picker__text{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-accent-1);
box-shadow:0 0 0 1px var(--slds-g-color-accent-1) inset;
}
.slds-scope .slds-visual-picker input:checked ~ label .slds-visual-picker__text::after{
content:'';
position:absolute;
inset-block-start:0;
inset-inline-end:0;
border-color:transparent;
border-style:solid;
border-radius:0 var(--slds-g-radius-border-2) 0 0;
border-width:1rem;
border-inline-end-color:var(--slds-g-color-accent-1);
border-block-start-color:var(--slds-g-color-accent-1);
}
.slds-scope .slds-visual-picker input:disabled{
cursor:not-allowed;
user-select:none;
}
.slds-scope .slds-visual-picker input:disabled ~ label .slds-visual-picker__body,
.slds-scope .slds-visual-picker input:disabled ~ label .slds-visual-picker__text,
.slds-scope .slds-visual-picker input:disabled ~ label .slds-visual-picker__text .slds-text-title{
color:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-visual-picker input:disabled ~ label .slds-visual-picker__figure .slds-icon{
fill:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-visual-picker input:disabled:checked ~ label .slds-visual-picker__text::after{
border-inline-end-color:var(--slds-g-color-disabled-1);
border-block-start-color:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-visual-picker input:disabled ~ label .slds-visual-picker__figure{
border-color:var(--slds-g-color-disabled-1);
background-color:var(--slds-g-color-disabled-container-2);
box-shadow:none;
}
.slds-scope .slds-visual-picker input:disabled ~ label .slds-visual-picker__figure:hover{
cursor:not-allowed;
user-select:none;
box-shadow:none;
}
.slds-scope .slds-visual-picker__figure{
display:block;
background:var(--slds-g-color-surface-container-1);
box-shadow:var(--slds-s-container-shadow, var(--slds-g-shadow-2));
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
text-align:center;
font-weight:var(--slds-s-container-heading-font-weight);
}
.slds-scope .slds-visual-picker__figure .slds-icon-action-check{
fill:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-visual-picker__figure span{
display:block;
}
.slds-scope .slds-visual-picker__figure .slds-is-selected{
display:none;
}
.slds-scope .slds-visual-picker_medium .slds-visual-picker__figure,.slds-scope .slds-visual-picker--medium .slds-visual-picker__figure,
.slds-scope .slds-visual-picker_medium .slds-visual-picker__body,
.slds-scope .slds-visual-picker--medium .slds-visual-picker__body{
width:calc(var(--slds-g-sizing-13) + var(--slds-g-sizing-9));
}
.slds-scope .slds-visual-picker_medium .slds-visual-picker__figure,.slds-scope .slds-visual-picker--medium .slds-visual-picker__figure{
height:calc(var(--slds-g-sizing-13) + var(--slds-g-sizing-9));
}
.slds-scope .slds-visual-picker_large .slds-visual-picker__figure,.slds-scope .slds-visual-picker--large .slds-visual-picker__figure,
.slds-scope .slds-visual-picker_large .slds-visual-picker__body,
.slds-scope .slds-visual-picker--large .slds-visual-picker__body{
width:var(--slds-g-sizing-14);
}
.slds-scope .slds-visual-picker_large .slds-visual-picker__figure,.slds-scope .slds-visual-picker--large .slds-visual-picker__figure{
height:var(--slds-g-sizing-14);
}
.slds-scope .slds-visual-picker_small .slds-visual-picker__figure,.slds-scope .slds-visual-picker--small .slds-visual-picker__figure,
.slds-scope .slds-visual-picker_small .slds-visual-picker__body,
.slds-scope .slds-visual-picker--small .slds-visual-picker__body{
width:calc(var(--slds-g-sizing-13) - var(--slds-g-sizing-7));
}
.slds-scope .slds-visual-picker_small .slds-visual-picker__figure,.slds-scope .slds-visual-picker--small .slds-visual-picker__figure{
height:calc(var(--slds-g-sizing-13) - var(--slds-g-sizing-7));
}
.slds-scope .slds-visual-picker__body{
display:flex;
flex-direction:column;
background:transparent;
padding-block:var(--slds-g-spacing-4);
padding-inline:var(--slds-g-spacing-2);
border:0;
border-radius:0;
}
.slds-scope .slds-visual-picker__text-check{
position:absolute;
inset-block-start:0.1rem;
inset-inline-end:0.625rem;
width:var(--slds-g-sizing-3);
height:var(--slds-g-sizing-3);
display:none;
}
.slds-scope .slds-visual-picker__text-check .slds-icon{
fill:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-visual-picker input:checked ~ label .slds-visual-picker__text-check{
display:block;
}
.slds-scope .slds-visual-picker_vertical,.slds-scope .slds-visual-picker--vertical{
width:calc(var(--slds-g-sizing-13) + var(--slds-g-sizing-14));
display:flex;
}
.slds-scope .slds-visual-picker_vertical .slds-visual-picker__figure,.slds-scope .slds-visual-picker--vertical .slds-visual-picker__figure{
text-align:left;
padding:var(--slds-g-spacing-4);
height:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-11));
}
.slds-scope .slds-visual-picker_vertical + .slds-visual-picker_vertical,.slds-scope .slds-visual-picker--vertical + .slds-visual-picker--vertical{
margin-inline-start:0;
margin-block-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-visual-picker_vertical .slds-visual-picker__figure,.slds-scope .slds-visual-picker--vertical .slds-visual-picker__figure,
.slds-scope .slds-visual-picker_vertical .slds-visual-picker__body,
.slds-scope .slds-visual-picker--vertical .slds-visual-picker__body{
width:calc(var(--slds-g-sizing-13) + var(--slds-g-sizing-14));
}
.slds-scope .slds-pill{
display:inline-flex;
align-items:center;
justify-content:space-between;
line-height:var(--slds-g-font-lineheight-2);
max-width:100%;
font-size:var(--slds-g-font-scale-neg-1);
padding-block-start:var(--slds-c-pill-spacing-block-start);
padding-inline-end:var(--slds-c-pill-spacing-inline-end);
padding-block-end:var(--slds-c-pill-spacing-block-end);
padding-inline-start:var(--slds-c-pill-spacing-inline-start, var(--slds-g-spacing-2));
border-width:var(--slds-c-pill-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(--slds-c-pill-color-border, var(--slds-g-color-border-2));
border-radius:var(--slds-c-pill-radius-border, var(--slds-g-radius-border-pill));
background-color:var(--slds-c-pill-color-background, var(--slds-g-color-surface-container-1));
box-shadow:var(--slds-c-pill-shadow);
position:relative;
height:1.5rem;
}
.slds-scope .slds-pill + .slds-pill{
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-pill:hover{
--slds-c-pill-color-background:var(--slds-s-pill-color-background-hover);
}
.slds-scope .slds-pill:has(.slds-pill__action:focus-visible){
outline:0;
--slds-c-pill-color-border:var(--slds-g-color-border-2);
--slds-c-pill-shadow:var(--slds-g-shadow-inset-focus-1);
}
.slds-scope .slds-pill a{
text-decoration:none;
}
.slds-scope .slds-pill .slds-popover_tooltip,.slds-scope .slds-pill .slds-popover--tooltip{
width:max-content;
}
.slds-scope .slds-pill_bare,.slds-scope .slds-pill--bare{
--slds-c-pill-color-background:transparent;
--slds-c-pill-sizing-border:0;
}
.slds-scope .slds-pill_container,.slds-scope .slds-pill--container{
display:flex;
min-height:calc(1.625rem + 2px);
padding-block-start:var(--slds-c-pill-container-spacing-block-start, var(--slds-g-spacing-1));
padding-inline-end:var(--slds-c-pill-container-spacing-inline-end, var(--slds-g-spacing-1));
padding-block-end:var(--slds-c-pill-container-spacing-block-end, var(--slds-g-spacing-1));
padding-inline-start:var(--slds-c-pill-container-spacing-inline-start, var(--slds-g-spacing-1));
border-width:var(--slds-c-pill-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(--slds-c-pill-color-border, var(--slds-s-input-color-border));
border-radius:var(--slds-c-pill-radius-border, var(--slds-g-radius-border-4));
background-color:var(--slds-c-pill-container-color-background, var(--slds-g-color-surface-1));
}
.slds-scope .slds-pill_container .slds-listbox_inline,.slds-scope .slds-pill--container .slds-listbox--inline{
margin-inline-start:0;
margin-inline-end:0;
}
.slds-scope .slds-pill__label{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.slds-scope .slds-pill__label:focus{
outline:0;
border-radius:var(--slds-g-radius-border-1);
box-shadow:var(--slds-c-pill-label-shadow-focus, var(--slds-g-shadow-outline-focus-1));
}
.slds-scope .slds-pill__icon,
.slds-scope .slds-pill__icon_container,
.slds-scope .slds-pill__icon--container{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
margin-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-pill__icon .slds-icon,
.slds-scope .slds-pill__icon .slds-avatar,
.slds-scope .slds-pill__icon_container .slds-icon,
.slds-scope .slds-pill__icon--container .slds-icon,
.slds-scope .slds-pill__icon_container .slds-avatar,
.slds-scope .slds-pill__icon--container .slds-avatar{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
display:block;
font-size:var(--slds-g-font-scale-neg-2);
}
.slds-scope .slds-pill__icon ~ .slds-pill__action, .slds-scope .slds-pill__icon_container ~ .slds-pill__action, .slds-scope .slds-pill__icon--container ~ .slds-pill__action{
padding-inline-start:calc(var(--slds-g-spacing-2) + var(--slds-g-sizing-5) + var(--slds-g-sizing-2));
}
.slds-scope .slds-pill__remove{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
display:inline-flex;
align-items:center;
justify-content:flex-start;
box-sizing:content-box;
padding:var(--slds-g-spacing-1);
}
.slds-scope .slds-pill__remove svg{
width:var(--slds-g-sizing-4);
height:var(--slds-g-sizing-4);
}
.slds-scope .slds-pill__remove .slds-button_icon,.slds-scope .slds-pill__remove .slds-button--icon{
color:var(--slds-g-color-accent-2);
line-height:var(--slds-g-font-lineheight-1);
font-size:var(--slds-g-sizing-3);
}
.slds-scope .slds-pill_link,.slds-scope .slds-pill--link{
border:0;
padding:0;
align-items:stretch;
}
.slds-scope .slds-pill_link .slds-pill__icon_container,.slds-scope .slds-pill--link .slds-pill__icon--container{
display:inline-block;
position:absolute;
inset-block-start:50%;
inset-inline-start:var(--slds-g-spacing-2);
transform:translateY(-50%);
}
.slds-scope .slds-pill_link .slds-pill__remove,.slds-scope .slds-pill--link .slds-pill__remove{
position:absolute;
inset-block-start:50%;
inset-inline-end:0;
transform:translateY(-50%);
}
.slds-scope .slds-pill__action{
padding-block-start:var(--slds-c-pill-spacing-block-start, var(--slds-g-spacing-1));
padding-inline-end:var(--slds-c-pill-spacing-inline-end, var(--slds-g-spacing-5));
padding-block-end:var(--slds-c-pill-spacing-block-end, var(--slds-g-spacing-1));
padding-inline-start:var(--slds-c-pill-spacing-inline-start, var(--slds-g-spacing-2));
border-width:var(--slds-c-pill-sizing-border, var(--slds-g-sizing-border-1));
border-style:solid;
border-color:var(--slds-c-pill-color-border, var(--slds-s-input-color-border));
border-radius:var(--slds-c-pill-radius-border, var(--slds-g-radius-border-pill));
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
flex-grow:1;
display:flex;
}
.slds-scope .slds-pill__action:focus-visible{
outline:0;
text-decoration:none;
}
.slds-scope .slds-pill__action .slds-pill__label{
align-self:center;
}
.slds-scope .slds-pill.slds-has-error{
border-color:var(--slds-c-pill-error-color-border, var(--slds-g-color-border-error-1));
}
.slds-scope .slds-pill.slds-has-error:active{
border-color:var(--slds-c-pill-error-color-border-active, var(--slds-g-color-border-error-1));
}
.slds-scope .slds-pill.slds-has-error .slds-pill__label{
font-weight:var(--slds-g-font-weight-4);
color:var(--slds-c-pill-error-text-color, var(--slds-g-color-error-1));
}
.slds-scope .slds-pill.slds-has-error .slds-button_icon,.slds-scope .slds-pill.slds-has-error .slds-button--icon{
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-pill.slds-has-error:hover{
--slds-c-pill-error-text-color:var(--slds-g-color-error-1);
--slds-c-pill-color-background:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-pill.slds-has-error:hover .slds-pill__icon_container .slds-icon-text-error,.slds-scope .slds-pill.slds-has-error:hover .slds-pill__icon--container .slds-icon-text-error{
--slds-c-icon-color-foreground:var(--slds-g-color-error-1);
}
.slds-scope .slds-wizard{
position:relative;
}
.slds-scope .slds-wizard .slds-is-active .slds-wizard__marker{
background-color:var(--slds-g-color-accent-container-1);
}
.slds-scope .slds-wizard .slds-is-active a:hover .slds-wizard__marker,
.slds-scope .slds-wizard .slds-is-active a:focus .slds-wizard__marker{
background-color:var(--slds-g-color-accent-container-2);
}
.slds-scope .slds-wizard__list{
display:flex;
justify-content:space-between;
position:relative;
margin:auto;
}
.slds-scope .slds-wizard__item{
flex:2 0 auto;
text-align:center;
width:0%;
user-select:none;
}
.slds-scope .slds-wizard__item:first-child{
text-align:left;
flex-grow:1;
}
.slds-scope .slds-wizard__item:last-child{
text-align:right;
flex-grow:1;
}
.slds-scope .slds-wizard__item a:hover,
.slds-scope .slds-wizard__item a:focus{
outline:0;
text-decoration:none;
}
.slds-scope .slds-wizard__item a:hover .slds-wizard__marker,
.slds-scope .slds-wizard__item a:focus .slds-wizard__marker{
background-color:var(--slds-g-color-surface-container-3);
}
.slds-scope .slds-wizard__link{
display:block;
}
.slds-scope .slds-wizard__marker{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
border-radius:var(--slds-g-radius-border-circle);
background-color:var(--slds-g-color-surface-container-2);
display:inline-block;
vertical-align:middle;
z-index:1;
position:relative;
}
.slds-scope .slds-wizard__label{
display:block;
margin-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-wizard__progress{
position:absolute;
left:0;
top:0.625rem;
height:var(--slds-g-sizing-2);
display:block;
width:100%;
z-index:-1;
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-wizard__progress-bar{
position:absolute;
left:0;
top:0;
height:100%;
background-color:var(--slds-g-color-accent-container-1);
transition:width 0.2s ease;
}
.slds-scope .slds-path-coach{
border:transparent var(--slds-g-sizing-border-1) solid;
border-block-start:0;
}
.slds-scope .slds-path-coach.slds-is-expanded{
border-color:var(--slds-g-color-border-1);
padding-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-path-coach .slds-path__mark-current{
background-color:var(--slds-g-color-accent-container-1);
border-color:var(--slds-g-color-border-accent-2);
}
.slds-scope .slds-tabs_path,.slds-scope .slds-tabs--path{
display:block;
width:100%;
}
.slds-scope .slds-tabs_path .slds-is-complete,.slds-scope .slds-tabs--path .slds-is-complete{
background-color:var(--_slds-c-path-item-color-background-complete);
}
.slds-scope .slds-tabs_path .slds-is-complete .slds-tabs_path__stage,.slds-scope .slds-tabs--path .slds-is-complete .slds-tabs--path__stage{
transform:rotateX(0deg);
}
.slds-scope .slds-tabs_path .slds-is-complete .slds-tabs_path__title,.slds-scope .slds-tabs--path .slds-is-complete .slds-tabs--path__title{
transform:rotateX(180deg);
}
.slds-scope .slds-tabs_path .slds-is-complete .slds-tabs_path__link,.slds-scope .slds-tabs--path .slds-is-complete .slds-tabs--path__link{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-tabs_path .slds-is-complete:hover,.slds-scope .slds-tabs--path .slds-is-complete:hover{
background-color:var(--_slds-c-path-item-color-background-complete-hover);
}
.slds-scope .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__stage,.slds-scope .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__stage{
transform:rotateX(-180deg);
}
.slds-scope .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__title,.slds-scope .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__title{
transform:rotateX(0deg);
}
.slds-scope .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__link,.slds-scope .slds-tabs--path .slds-is-complete:hover .slds-tabs--path__link{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-tabs_path .slds-is-current,.slds-scope .slds-tabs--path .slds-is-current{
background-color:var(--slds-g-color-surface-container-inverse-1);
}
.slds-scope .slds-tabs_path .slds-is-current:hover,.slds-scope .slds-tabs--path .slds-is-current:hover{
background-color:var(--slds-g-color-surface-container-inverse-2);
}
.slds-scope .slds-tabs_path .slds-is-current + .slds-is-incomplete::before,.slds-scope .slds-tabs--path .slds-is-current + .slds-is-incomplete::before{
background-color:var(--slds-g-color-surface-container-inverse-1);
}
.slds-scope .slds-tabs_path .slds-is-current:hover + .slds-is-incomplete::before,.slds-scope .slds-tabs--path .slds-is-current:hover + .slds-is-incomplete::before{
background-color:var(--slds-g-color-surface-container-inverse-2);
}
.slds-scope .slds-tabs_path .slds-is-incomplete,.slds-scope .slds-tabs--path .slds-is-incomplete{
background-color:var(--_slds-c-path-item-color-background-incomplete);
}
.slds-scope .slds-tabs_path .slds-is-incomplete:hover,.slds-scope .slds-tabs--path .slds-is-incomplete:hover{
background-color:var(--_slds-c-path-item-color-background-incomplete-hover);
}
.slds-scope .slds-tabs_path .slds-is-incomplete .slds-tabs_path__link,.slds-scope .slds-tabs--path .slds-is-incomplete .slds-tabs--path__link{
color:var(--_slds-c-path-item-color-incomplete);
}
.slds-scope .slds-tabs_path .slds-is-lost,.slds-scope .slds-tabs--path .slds-is-lost,
.slds-scope .slds-tabs_path .slds-is-lost:hover,
.slds-scope .slds-tabs--path .slds-is-lost:hover{
background-color:var(--_slds-c-path-item-color-background-error);
}
.slds-scope .slds-tabs_path .slds-is-current .slds-tabs_path__link,.slds-scope .slds-tabs--path .slds-is-current .slds-tabs--path__link{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-tabs_path .slds-is-lost .slds-tabs_path__link,.slds-scope .slds-tabs--path .slds-is-lost .slds-tabs--path__link{
color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-tabs_path .slds-is-active,.slds-scope .slds-tabs--path .slds-is-active{
background-color:var(--slds-g-color-surface-inverse-2);
}
.slds-scope .slds-tabs_path .slds-is-active .slds-tabs_path__link,.slds-scope .slds-tabs--path .slds-is-active .slds-tabs--path__link{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-tabs_path .slds-is-active:hover,.slds-scope .slds-tabs--path .slds-is-active:hover{
background-color:var(--slds-g-color-surface-container-inverse-1);
}
.slds-scope .slds-tabs_path .slds-is-active:hover + .slds-tabs_path__item::before,.slds-scope .slds-tabs--path .slds-is-active:hover + .slds-tabs--path__item::before{
background-color:var(--slds-g-color-surface-container-inverse-1);
}
.slds-scope .slds-tabs_path .slds-is-active + .slds-tabs_path__item::before,.slds-scope .slds-tabs--path .slds-is-active + .slds-tabs--path__item::before{
background-color:var(--slds-g-color-surface-inverse-2);
}
.slds-scope .slds-tabs_path .slds-is-active .slds-tabs_path__title,.slds-scope .slds-tabs--path .slds-is-active .slds-tabs--path__title{
color:var(--slds-g-color-on-accent-1);
transform:rotateX(0deg);
}
.slds-scope .slds-tabs_path .slds-is-won .slds-tabs_path__title,.slds-scope .slds-tabs--path .slds-is-won .slds-tabs--path__title{
color:var(--slds-g-color-on-success-1);
transform:rotateX(0deg);
}
.slds-scope .slds-tabs_path .slds-is-active .slds-tabs_path__stage,.slds-scope .slds-tabs--path .slds-is-active .slds-tabs--path__stage,
.slds-scope .slds-tabs_path .slds-is-won .slds-tabs_path__stage,
.slds-scope .slds-tabs--path .slds-is-won .slds-tabs--path__stage{
transform:rotateX(-180deg);
}
.slds-scope .slds-tabs_path__nav,.slds-scope .slds-tabs--path__nav{
display:flex;
align-items:flex-start;
}
.slds-scope .slds-tabs_path__item,.slds-scope .slds-tabs--path__item{
overflow:hidden;
position:relative;
flex:1 1 0%;
min-width:5rem;
text-align:center;
perspective:500px;
transition:transform 0.1s ease-in-out, background-color 0.1s linear;
}
.slds-scope .slds-tabs_path__item:first-child,.slds-scope .slds-tabs--path__item:first-child{
border-radius:var(--slds-g-radius-border-pill) 0 0 var(--slds-g-radius-border-pill);
}
.slds-scope .slds-tabs_path__item:last-child,.slds-scope .slds-tabs--path__item:last-child{
border-radius:0 var(--slds-g-radius-border-pill) var(--slds-g-radius-border-pill) 0;
border-inline-end:0;
}
.slds-scope .slds-tabs_path__item::before,.slds-scope .slds-tabs--path__item::before{
content:'';
display:block;
position:absolute;
top:0.125rem;
left:-1rem;
width:calc(var(--slds-g-sizing-9) - (var(--slds-g-sizing-border-2) * 2));
height:calc(var(--slds-g-sizing-9) - (var(--slds-g-sizing-border-2) * 2));
border:var(--slds-g-sizing-border-2) solid var(--slds-g-color-on-accent-1);
border-inline-start:0;
border-block-end:0;
background-clip:padding-box;
transform:scale3d(0.8, 1.1, 1) rotate(45deg);
transition:transform 0.1s ease-in-out, background-color 0.1s linear;
}
.slds-scope .slds-tabs_path__item:first-child::before,.slds-scope .slds-tabs--path__item:first-child::before{
display:none;
}
.slds-scope .slds-tabs_path__item + .slds-is-complete::before,.slds-scope .slds-tabs--path__item + .slds-is-complete::before,
.slds-scope .slds-tabs_path__item + .slds-is-current::before,
.slds-scope .slds-tabs--path__item + .slds-is-current::before{
background-color:var(--_slds-c-path-item-color-background-complete);
}
.slds-scope .slds-tabs_path__item:hover + .slds-is-complete::before,.slds-scope .slds-tabs--path__item:hover + .slds-is-complete::before,
.slds-scope .slds-tabs_path__item:hover + .slds-is-current::before,
.slds-scope .slds-tabs--path__item:hover + .slds-is-current::before{
background-color:var(--_slds-c-path-item-color-background-complete-hover);
}
.slds-scope .slds-tabs_path__item + .slds-is-incomplete::before,.slds-scope .slds-tabs--path__item + .slds-is-incomplete::before,
.slds-scope .slds-tabs_path__item + .slds-is-lost::before,
.slds-scope .slds-tabs--path__item + .slds-is-lost::before{
background-color:var(--_slds-c-path-item-color-background-incomplete);
}
.slds-scope .slds-tabs_path__item:hover + .slds-is-incomplete::before,.slds-scope .slds-tabs--path__item:hover + .slds-is-incomplete::before,
.slds-scope .slds-tabs_path__item:hover + .slds-is-lost::before,
.slds-scope .slds-tabs--path__item:hover + .slds-is-lost::before{
background-color:var(--_slds-c-path-item-color-background-incomplete-hover);
}
.slds-scope .slds-tabs_path__title,.slds-scope .slds-tabs--path__title{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.slds-scope .slds-tabs_path__stage,.slds-scope .slds-tabs--path__stage{
position:absolute;
top:50%;
left:0.5rem;
width:100%;
margin-block-start:calc(var(--slds-g-spacing-2) * -1);
transform:rotateX(-180deg);
line-height:1;
}
.slds-scope .slds-tabs_path__link,.slds-scope .slds-tabs--path__link{
display:flex;
justify-content:center;
position:relative;
padding:var(--slds-g-spacing-1) var(--slds-g-spacing-1) var(--slds-g-spacing-1) 1.25rem;
line-height:var(--slds-g-sizing-7);
text-decoration:none;
cursor:pointer;
}
.slds-scope .slds-tabs_path__link:hover,.slds-scope .slds-tabs--path__link:hover{
text-decoration:none;
}
.slds-scope .slds-tabs_path__link:focus,.slds-scope .slds-tabs--path__link:focus{
outline:0;
}
.slds-scope .slds-tabs_path__title,.slds-scope .slds-tabs--path__title,
.slds-scope .slds-tabs_path__stage,
.slds-scope .slds-tabs--path__stage{
display:block;
transition:transform 0.2s linear;
backface-visibility:hidden;
}
.slds-scope .slds-tabs_path__content,.slds-scope .slds-tabs--path__content{
position:relative;
padding-inline-start:var(--slds-g-spacing-5);
padding-inline-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-coach__keys{
padding-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-coach__guidance{
padding-inline-start:var(--slds-g-spacing-5);
padding-block-end:var(--slds-g-spacing-1);
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-coach__keys,
.slds-scope .slds-coach__guidance{
margin-block-start:var(--slds-g-spacing-4);
padding-block-start:var(--slds-g-spacing-4);
padding-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-coach__item{
border-block-start:var(--slds-g-color-border-1) var(--slds-g-sizing-border-1) solid;
padding:var(--slds-g-spacing-4) 0;
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-coach__value{
border-block-start:var(--slds-g-color-border-1) var(--slds-g-sizing-border-1) solid;
padding-block-start:var(--slds-g-spacing-4);
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-tabs_path .slds-tabs_path__link .slds-icon,.slds-scope .slds-tabs--path .slds-tabs--path__link .slds-icon{
--slds-c-icon-color-foreground:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-path.slds-is-expanded{
padding-block-end:var(--slds-g-spacing-var-block-3);
border-color:var(--slds-g-color-border-2);
}
.slds-scope .slds-path__track{
flex-wrap:wrap;
align-items:flex-start;
}
@media (min-width: 64em){
.slds-scope .slds-path__track{
flex-wrap:nowrap;
align-items:stretch
}
}
.slds-scope .slds-path__track.slds-has-overflow .slds-path__scroller_inner,.slds-scope .slds-path__track.slds-has-overflow .slds-path__scroller--inner{
display:flex;
width:100%;
overflow:hidden;
}
.slds-scope .slds-path__track.slds-has-overflow .slds-path__scroll-controls{
display:inline-flex;
flex-shrink:0;
padding-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-path__track.slds-has-overflow .slds-path__scroll-controls .slds-icon-text-default{
--slds-c-icon-color-foreground:currentColor;
}
@media (pointer: coarse) and (hover: none){
.slds-scope .slds-path__track.slds-has-overflow .slds-path__scroll-controls{
display:none
}
}
.slds-scope .slds-path__scroller{
flex:1;
max-width:100%;
overflow:hidden;
}
.slds-scope .slds-path__scroll-controls{
display:none;
}
.slds-scope .slds-path__stage-name{
display:block;
font-weight:var(--slds-g-font-weight-7);
margin-block:var(--slds-g-spacing-3);
margin-inline:0;
}
@media (min-width: 48em){
.slds-scope .slds-path__stage-name{
margin:0
}
}
@media (min-width: 64em){
.slds-scope .slds-path__stage-name{
display:none
}
}
.slds-scope .slds-path__scroller-container{
flex:1;
flex-basis:100%;
overflow:hidden;
}
@media (min-width: 64em){
.slds-scope .slds-path__scroller-container{
flex-basis:auto
}
}
@media (min-width: 48em){
.slds-scope .slds-path_has-coaching .slds-path__action,.slds-scope .slds-path--has-coaching .slds-path__action{
padding-inline-start:2.75rem
}
}
@media (min-width: 64em){
.slds-scope .slds-path_has-coaching .slds-path__action,.slds-scope .slds-path--has-coaching .slds-path__action{
padding-inline-start:0
}
}
.slds-scope .slds-path__action{
flex-grow:1;
flex-basis:100%;
margin-inline-start:0;
align-items:center;
flex-shrink:0;
flex-direction:column;
}
.slds-scope .slds-path__action .slds-icon-text-default{
--slds-c-icon-color-foreground:currentColor;
}
@media (min-width: 48em){
.slds-scope .slds-path__action{
justify-content:space-between;
margin-block-start:var(--slds-g-spacing-4);
flex-direction:row
}
}
@media (min-width: 64em){
.slds-scope .slds-path__action{
flex-basis:auto;
flex-grow:0;
align-items:normal;
margin-block-start:0;
margin-inline-start:var(--slds-g-spacing-5)
}
}
.slds-scope .slds-path__nav{
display:flex;
align-items:flex-start;
overflow:hidden;
}
.slds-scope .slds-path__nav .slds-is-incomplete{
background:var(--_slds-c-path-item-color-background-incomplete);
}
.slds-scope .slds-path__nav .slds-is-incomplete::before,
.slds-scope .slds-path__nav .slds-is-incomplete::after{
background:var(--_slds-c-path-item-color-background-incomplete);
}
.slds-scope .slds-path__nav .slds-is-incomplete .slds-path__link{
color:var(--_slds-c-path-item-color-incomplete);
}
.slds-scope .slds-path__nav .slds-is-incomplete:hover{
background:var(--_slds-c-path-item-color-background-incomplete-hover);
}
.slds-scope .slds-path__nav .slds-is-incomplete:hover::before,
.slds-scope .slds-path__nav .slds-is-incomplete:hover::after{
background:var(--_slds-c-path-item-color-background-incomplete-hover);
}
.slds-scope .slds-path__nav .slds-is-complete{
background:var(--_slds-c-path-item-color-background-complete);
}
.slds-scope .slds-path__nav .slds-is-complete::before,
.slds-scope .slds-path__nav .slds-is-complete::after{
background:var(--_slds-c-path-item-color-background-complete);
}
.slds-scope .slds-path__nav .slds-is-complete .slds-path__stage{
transform:translate(-50%, -50%) rotateX(0deg);
}
.slds-scope .slds-path__nav .slds-is-complete .slds-path__stage .slds-icon-text-default{
--slds-c-icon-color-foreground:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-path__nav .slds-is-complete .slds-path__title{
transform:rotateX(180deg);
}
.slds-scope .slds-path__nav .slds-is-complete .slds-path__link{
--slds-c-icon-color-foreground:var(--slds-g-color-on-success-1);
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-path__nav .slds-is-complete:hover{
background:var(--_slds-c-path-item-color-background-complete-hover);
}
.slds-scope .slds-path__nav .slds-is-complete:hover::before,
.slds-scope .slds-path__nav .slds-is-complete:hover::after{
background:var(--_slds-c-path-item-color-background-complete-hover);
}
.slds-scope .slds-path__nav .slds-is-complete:hover .slds-path__stage{
transform:translate(-50%, -50%) rotateX(-180deg);
}
.slds-scope .slds-path__nav .slds-is-complete:hover .slds-path__title{
transform:rotateX(0deg);
}
.slds-scope .slds-path__nav .slds-is-current{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-path__nav .slds-is-current::before,
.slds-scope .slds-path__nav .slds-is-current::after{
background-color:var(--slds-g-color-surface-container-1);
background-image:linear-gradient(
90deg,
var(--slds-g-color-brand-base-30),
var(--slds-g-color-brand-base-30) var(--_slds-c-path-item-sizing-border),
transparent var(--_slds-c-path-item-sizing-border)
), linear-gradient(
90deg,
var(--slds-g-color-brand-base-30),
var(--slds-g-color-brand-base-30) var(--_slds-c-path-item-sizing-border),
transparent var(--_slds-c-path-item-sizing-border)
), linear-gradient(
var(--slds-g-color-brand-base-30),
var(--slds-g-color-brand-base-30) var(--_slds-c-path-item-sizing-border),
transparent var(--_slds-c-path-item-sizing-border)
);
background-repeat:no-repeat;
background-size:var(--_slds-c-path-item-sizing-border) 100%, var(--_slds-c-path-item-sizing-border) 100%, 100% var(--_slds-c-path-item-sizing-border);
}
.slds-scope .slds-path__nav .slds-is-current::before{
background-position:top right, top left, top left;
}
.slds-scope .slds-path__nav .slds-is-current::after{
background-position:top right, top left, bottom left;
}
.slds-scope .slds-path__nav .slds-is-current:first-child{
border:var(--_slds-c-path-item-sizing-border) solid var(--slds-g-color-brand-base-30);
border-inline-end:0;
}
.slds-scope .slds-path__nav .slds-is-current:first-child::before,
.slds-scope .slds-path__nav .slds-is-current:first-child::after{
background-color:transparent;
background-image:linear-gradient(
90deg,
var(--slds-g-color-brand-base-30),
var(--slds-g-color-brand-base-30) var(--_slds-c-path-item-sizing-border),
transparent var(--_slds-c-path-item-sizing-border)
);
}
.slds-scope .slds-path__nav .slds-is-current:first-child::before{
inset-block-start:calc(var(--_slds-c-path-item-sizing-border) * -1);
}
.slds-scope .slds-path__nav .slds-is-current:first-child::after{
inset-block-end:calc(var(--_slds-c-path-item-sizing-border) * -1);
}
.slds-scope .slds-path__nav .slds-is-current:first-child:hover{
border-color:var(--slds-g-color-brand-base-20);
}
.slds-scope .slds-path__nav .slds-is-current:first-child:hover::before,
.slds-scope .slds-path__nav .slds-is-current:first-child:hover::after{
background-image:linear-gradient(
90deg,
var(--slds-g-color-brand-base-20),
var(--slds-g-color-brand-base-20) var(--_slds-c-path-item-sizing-border),
transparent var(--_slds-c-path-item-sizing-border)
);
}
.slds-scope .slds-path__nav .slds-is-current:first-child .slds-path__link{
height:var(--_slds-c-path-item-sizing-height);
}
.slds-scope .slds-path__nav .slds-is-current .slds-path__link{
color:var(--slds-g-color-brand-base-20);
}
.slds-scope .slds-path__nav .slds-is-current:hover::before,
.slds-scope .slds-path__nav .slds-is-current:hover::after{
background-image:linear-gradient(
90deg,
var(--slds-g-color-brand-base-20),
var(--slds-g-color-brand-base-20) 0.125rem,
transparent 0.125rem
), linear-gradient(
90deg,
var(--slds-g-color-brand-base-20),
var(--slds-g-color-brand-base-20) 0.125rem,
transparent 0.125rem
), linear-gradient(
var(--slds-g-color-brand-base-20),
var(--slds-g-color-brand-base-20) 0.125rem,
transparent 0.125rem
);
}
.slds-scope .slds-path__nav .slds-is-current:hover .slds-path__link{
color:var(--slds-g-color-brand-base-20);
}
.slds-scope .slds-path__nav .slds-is-active{
background:var(--_slds-c-path-item-color-background-active);
}
.slds-scope .slds-path__nav .slds-is-active::before,
.slds-scope .slds-path__nav .slds-is-active::after{
background:var(--_slds-c-path-item-color-background-active);
}
.slds-scope .slds-path__nav .slds-is-active:first-child{
border:0;
}
.slds-scope .slds-path__nav .slds-is-active:first-child::before,
.slds-scope .slds-path__nav .slds-is-active:first-child::after{
background:var(--_slds-c-path-item-color-background-active);
}
.slds-scope .slds-path__nav .slds-is-active:first-child::before{
inset-block-start:0;
}
.slds-scope .slds-path__nav .slds-is-active:first-child::after{
inset-block-end:0;
}
.slds-scope .slds-path__nav .slds-is-active:first-child .slds-path__link{
height:2rem;
}
.slds-scope .slds-path__nav .slds-is-active .slds-path__stage{
transform:translateY(-50%) rotateX(-180deg);
}
.slds-scope .slds-path__nav .slds-is-active .slds-path__title{
transform:rotateX(0deg);
}
.slds-scope .slds-path__nav .slds-is-active .slds-path__link{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-path__nav .slds-is-active:hover{
background:var(--_slds-c-path-item-color-background-active-hover);
}
.slds-scope .slds-path__nav .slds-is-active:hover::before,
.slds-scope .slds-path__nav .slds-is-active:hover::after{
background:var(--_slds-c-path-item-color-background-active-hover);
}
.slds-scope .slds-path__nav .slds-is-active:hover .slds-path__link{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-path__nav .slds-is-lost{
background:var(--_slds-c-path-item-color-background-error);
}
.slds-scope .slds-path__nav .slds-is-lost::before,
.slds-scope .slds-path__nav .slds-is-lost::after,
.slds-scope .slds-path__nav .slds-is-lost:hover,
.slds-scope .slds-path__nav .slds-is-lost:hover::before,
.slds-scope .slds-path__nav .slds-is-lost:hover::after{
background:var(--_slds-c-path-item-color-background-error);
}
.slds-scope .slds-path__nav .slds-is-lost .slds-path__link{
color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-path__nav .slds-is-lost:hover .slds-path__link{
color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-path__nav .slds-is-won{
background:var(--_slds-c-path-item-color-background-success);
}
.slds-scope .slds-path__nav .slds-is-won::before,
.slds-scope .slds-path__nav .slds-is-won::after,
.slds-scope .slds-path__nav .slds-is-won:hover,
.slds-scope .slds-path__nav .slds-is-won:hover::before,
.slds-scope .slds-path__nav .slds-is-won:hover::after{
background:var(--_slds-c-path-item-color-background-success);
}
.slds-scope .slds-path__nav .slds-is-won .slds-path__link{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-path__nav .slds-is-won:hover .slds-path__link{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-path.slds-is-won .slds-path__item.slds-is-current{
background:var(--_slds-c-path-item-color-background-success);
}
.slds-scope .slds-path.slds-is-won .slds-path__item.slds-is-current::before,
.slds-scope .slds-path.slds-is-won .slds-path__item.slds-is-current::after,
.slds-scope .slds-path.slds-is-won .slds-path__item.slds-is-current:hover,
.slds-scope .slds-path.slds-is-won .slds-path__item.slds-is-current:hover::before,
.slds-scope .slds-path.slds-is-won .slds-path__item.slds-is-current:hover::after{
background:var(--_slds-c-path-item-color-background-success);
}
.slds-scope .slds-path.slds-is-lost .slds-path__item.slds-is-current{
background:var(--slds-g-color-error-base-50);
}
.slds-scope .slds-path.slds-is-lost .slds-path__item.slds-is-current::before,
.slds-scope .slds-path.slds-is-lost .slds-path__item.slds-is-current::after,
.slds-scope .slds-path.slds-is-lost .slds-path__item.slds-is-current:hover,
.slds-scope .slds-path.slds-is-lost .slds-path__item.slds-is-current:hover::before,
.slds-scope .slds-path.slds-is-lost .slds-path__item.slds-is-current:hover::after{
background:var(--slds-g-color-error-base-50);
}
.slds-scope .slds-path__item{
position:relative;
flex:1;
margin-inline-start:0.375rem;
margin-inline-end:0.4375rem;
min-width:5rem;
text-align:center;
}
.slds-scope .slds-path__item::before,
.slds-scope .slds-path__item::after{
content:'';
position:absolute;
inset-inline-start:-0.25rem;
inset-inline-end:-0.3125rem;
cursor:pointer;
}
.slds-scope .slds-path__item::before{
inset-block-start:0;
height:1.0313rem;
transform:skew(28deg) translate3d(0, 0, 0);
}
.slds-scope .slds-path__item::after{
inset-block-end:0;
height:1rem;
transform:skew(-30deg) translate3d(0, 0, 0);
}
.slds-scope .slds-path__item:first-child{
margin-inline-start:0;
border-start-start-radius:2rem;
border-end-start-radius:2rem;
padding-inline-start:0.625rem;
}
.slds-scope .slds-path__item:first-child::before,
.slds-scope .slds-path__item:first-child::after{
inset-inline-start:1.125rem;
}
.slds-scope .slds-path__item:last-child{
margin-inline-end:0;
border-start-end-radius:2rem;
border-end-end-radius:2rem;
padding-inline-end:0.625rem;
}
.slds-scope .slds-path__item:last-child .slds-path__link{
padding-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-path__item:last-child::before,
.slds-scope .slds-path__item:last-child::after{
inset-inline-end:0.625rem;
}
[dir='rtl'] .slds-scope .slds-path__item::before{
transform:skew(-30deg) translate3d(0, 0, 0);
}
[dir='rtl'] .slds-scope .slds-path__item::after{
transform:skew(28deg) translate3d(0, 0, 0);
}
.slds-scope .slds-path__item .slds-icon_container,.slds-scope .slds-path__item .slds-icon--container{
display:flex;
}
.slds-scope .slds-path__title{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
transform:translate3d(0, 0, 0);
}
.slds-scope .slds-path__stage{
position:absolute;
inset-block-start:50%;
/*! @noflip */
left:50%;
transform:translate(-50%, -50%) rotateX(-180deg);
}
.slds-scope .slds-path__link{
position:relative;
display:flex;
justify-content:center;
align-items:center;
height:2rem;
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-1) var(--slds-g-spacing-2) var(--slds-g-spacing-2);
text-decoration:none;
z-index:5;
cursor:pointer;
}
.slds-scope .slds-path__link:hover{
text-decoration:none;
}
.slds-scope .slds-path__link:focus{
outline:0;
}
.slds-scope .slds-path__link:focus-visible{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
outline:0;
text-decoration:none;
}
.slds-scope .slds-path__title,
.slds-scope .slds-path__stage{
display:block;
transition:transform 0.2s linear;
backface-visibility:hidden;
}
.slds-scope .slds-path .slds-path__trigger{
margin-inline-end:var(--slds-g-spacing-3);
transition:0.4s transform ease-in-out;
display:none;
}
.slds-scope .slds-path .slds-path__trigger .slds-icon-text-default{
--slds-c-icon-color-foreground:currentColor;
}
@media (min-width: 48em){
.slds-scope .slds-path .slds-path__trigger{
display:block
}
}
.slds-scope .slds-path__trigger_open,.slds-scope .slds-path__trigger--open{
transform:rotate(90deg);
}
[dir='rtl'] .slds-scope .slds-path__trigger_open,[dir='rtl'] .slds-scope .slds-path__trigger--open{
transform:rotate(-90deg);
}
.slds-scope .slds-path .slds-path__mark-complete{
--slds-c-button-sizing-border:0;
width:100%;
min-width:13rem;
margin-inline-end:0;
justify-content:center;
}
@media (min-width: 48em){
.slds-scope .slds-path .slds-path__mark-complete{
width:auto
}
}
.slds-scope .slds-path__mark-current{
border-color:var(--slds-g-color-border-accent-2);
background-color:var(--slds-g-color-accent-container-1);
}
.slds-scope .slds-path__mark-current:hover,
.slds-scope .slds-path__mark-current:focus{
background-color:var(--slds-g-color-accent-container-3);
}
.slds-scope .slds-path__guidance{
margin-inline-end:var(--slds-g-spacing-2);
padding-block-end:var(--slds-g-spacing-1);
background-color:var(--slds-g-color-surface-container-1);
}
@media (min-width: 48em){
.slds-scope .slds-path__guidance{
margin-block-start:0
}
}
.slds-scope .slds-path__keys,
.slds-scope .slds-path__guidance{
flex:1 1 100%;
margin-block-start:var(--slds-g-spacing-var-block-4);
padding-inline-start:0;
padding-inline-end:0;
}
@media (min-width: 48em){
.slds-scope .slds-path__keys,
.slds-scope .slds-path__guidance{
flex-basis:50%
}
}
@media (min-width: 48em){
.slds-scope .slds-path__keys{
padding-inline-end:var(--slds-g-spacing-3)
}
}
.slds-scope .slds-path__coach{
flex-wrap:wrap;
align-items:flex-start;
}
@media (min-width: 48em){
.slds-scope .slds-path__coach{
flex-wrap:nowrap;
align-items:stretch
}
}
.slds-scope .slds-path__coach-title{
font-size:var(--slds-g-font-scale-neg-1);
font-weight:var(--slds-g-font-weight-7);
margin-block-end:var(--slds-g-spacing-2);
padding-block-end:var(--slds-g-spacing-2);
line-height:1.125;
}
.slds-scope .slds-path__coach-edit{
border:0;
padding:0;
line-height:inherit;
}
.slds-scope .slds-path__guidance-content{
padding-block-start:var(--slds-g-spacing-var-block-1);
}
.slds-scope .slds-path__trigger-coaching-content{
width:100%;
margin-block-start:var(--slds-g-spacing-3);
}
@media (min-width: 48em){
.slds-scope .slds-path__trigger-coaching-content{
display:none
}
}
.slds-scope .slds-path .slds-path__trigger-coaching-content{
margin-inline-start:0;
}
.slds-scope .slds-region_medium .slds-path_has-coaching .slds-path__action,.slds-scope .slds-region--medium .slds-path--has-coaching .slds-path__action{
padding-inline-start:2.75rem;
}
.slds-scope .slds-region_medium .slds-path__scroller-container,.slds-scope .slds-region--medium .slds-path__scroller-container{
flex-basis:100%;
}
.slds-scope .slds-region_medium .slds-path__track,.slds-scope .slds-region--medium .slds-path__track{
flex-wrap:wrap;
align-items:flex-start;
}
.slds-scope .slds-region_medium .slds-path__action,.slds-scope .slds-region--medium .slds-path__action{
flex-grow:1;
flex-basis:100%;
margin-inline-start:0;
align-items:center;
justify-content:space-between;
margin-block-start:var(--slds-g-spacing-4);
flex-direction:row;
}
.slds-scope .slds-region_medium .slds-path__stage-name,.slds-scope .slds-region--medium .slds-path__stage-name,
.slds-scope .slds-region_medium .slds-path__trigger,
.slds-scope .slds-region--medium .slds-path__trigger{
display:block;
}
.slds-scope .slds-region_medium .slds-path__stage-name,.slds-scope .slds-region--medium .slds-path__stage-name{
margin:0;
}
.slds-scope .slds-region_medium .slds-path__trigger-coaching-content,.slds-scope .slds-region--medium .slds-path__trigger-coaching-content{
display:none;
}
.slds-scope .slds-region_medium .slds-path__mark-complete,.slds-scope .slds-region--medium .slds-path__mark-complete{
width:auto;
}
.slds-scope .slds-region_medium .slds-path__coach,.slds-scope .slds-region--medium .slds-path__coach{
justify-content:space-between;
margin-block-start:var(--slds-g-spacing-4);
flex-direction:row;
}
.slds-scope .slds-region_medium .slds-path__keys,.slds-scope .slds-region--medium .slds-path__keys,
.slds-scope .slds-region_medium .slds-path__guidance,
.slds-scope .slds-region--medium .slds-path__guidance{
flex-basis:50%;
}
.slds-scope .slds-region_medium .slds-path__keys,.slds-scope .slds-region--medium .slds-path__keys{
padding-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-region_small .slds-path__scroller-container,.slds-scope .slds-region--small .slds-path__scroller-container{
flex-basis:100%;
}
.slds-scope .slds-region_small .slds-path__track,.slds-scope .slds-region--small .slds-path__track,
.slds-scope .slds-region_small .slds-path__coach,
.slds-scope .slds-region--small .slds-path__coach{
flex-wrap:wrap;
align-items:flex-start;
}
.slds-scope .slds-region_small .slds-path__stage-name,.slds-scope .slds-region--small .slds-path__stage-name{
display:block;
margin:var(--slds-g-spacing-3) 0;
}
.slds-scope .slds-region_small .slds-path__action,.slds-scope .slds-region--small .slds-path__action{
flex-grow:1;
flex-basis:100%;
margin-inline-start:0;
align-items:center;
flex-direction:column;
margin-block-start:0;
}
.slds-scope .slds-region_small .slds-path_has-coaching .slds-path__action,.slds-scope .slds-region--small .slds-path--has-coaching .slds-path__action{
padding-inline-start:0;
}
.slds-scope .slds-region_small .slds-path__mark-complete,.slds-scope .slds-region--small .slds-path__mark-complete{
width:100%;
}
.slds-scope .slds-region_small .slds-path__keys,.slds-scope .slds-region--small .slds-path__keys,
.slds-scope .slds-region_small .slds-path__guidance,
.slds-scope .slds-region--small .slds-path__guidance{
flex-basis:100%;
padding-inline-start:0;
padding-inline-end:0;
}
.slds-scope .slds-region_small .slds-path__guidance,.slds-scope .slds-region--small .slds-path__guidance{
margin-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-region_small .slds-path__trigger,.slds-scope .slds-region--small .slds-path__trigger{
display:none;
}
.slds-scope .slds-region_small .slds-path__trigger-coaching-content,.slds-scope .slds-region--small .slds-path__trigger-coaching-content{
display:inline-block;
}
.slds-scope .slds-progress-bar{
appearance:none;
display:block;
width:100%;
height:var(--slds-g-sizing-3);
background-color:var(--slds-g-color-surface-container-3);
border:0;
position:relative;
}
.slds-scope .slds-progress-bar_x-small,.slds-scope .slds-progress-bar--x-small{
height:var(--slds-g-sizing-1);
}
.slds-scope .slds-progress-bar_small,.slds-scope .slds-progress-bar--small{
height:var(--slds-g-sizing-2);
}
.slds-scope .slds-progress-bar_medium,.slds-scope .slds-progress-bar--medium{
height:var(--slds-g-sizing-3);
}
.slds-scope .slds-progress-bar_large,.slds-scope .slds-progress-bar--large{
height:var(--slds-g-sizing-4);
}
.slds-scope .slds-progress-bar_circular,.slds-scope .slds-progress-bar--circular{
border-radius:var(--slds-g-radius-border-pill);
}
.slds-scope .slds-progress-bar_circular .slds-progress-bar__value,.slds-scope .slds-progress-bar--circular .slds-progress-bar__value{
border-radius:var(--slds-g-radius-border-pill);
}
.slds-scope .slds-progress-bar__value{
display:block;
background-color:var(--slds-g-color-accent-container-1);
height:100%;
}
.slds-scope .slds-progress-bar__value_success,.slds-scope .slds-progress-bar__value--success{
background-color:var(--slds-g-color-success-1);
}
.slds-scope .slds-progress-bar_vertical,.slds-scope .slds-progress-bar--vertical{
height:100%;
width:var(--slds-g-sizing-3);
}
.slds-scope .slds-progress-bar_vertical.slds-progress-bar_x-small,.slds-scope .slds-progress-bar--vertical.slds-progress-bar--x-small{
width:var(--slds-g-sizing-1);
}
.slds-scope .slds-progress-bar_vertical.slds-progress-bar_small,.slds-scope .slds-progress-bar--vertical.slds-progress-bar--small{
width:var(--slds-g-sizing-2);
}
.slds-scope .slds-progress-bar_vertical.slds-progress-bar_medium,.slds-scope .slds-progress-bar--vertical.slds-progress-bar--medium{
width:var(--slds-g-sizing-3);
}
.slds-scope .slds-progress-bar_vertical.slds-progress-bar_large,.slds-scope .slds-progress-bar--vertical.slds-progress-bar--large{
width:var(--slds-g-sizing-4);
}
.slds-scope .slds-progress{
position:relative;
max-width:70%;
width:100%;
flex:1 1 auto;
margin:auto;
}
.slds-scope .slds-progress .slds-progress-bar{
position:absolute;
inset-block-start:50%;
margin-block-start:-0.0625rem;
background-color:var(--slds-g-color-neutral-base-50);
}
.slds-scope .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker,.slds-scope .slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker,
.slds-scope .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker,
.slds-scope .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon,.slds-scope .slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker--icon{
border-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker,.slds-scope .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker{
box-shadow:var(--slds-g-color-surface-container-2) 0 0 0 var(--slds-g-sizing-2);
}
.slds-scope .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker:focus-visible,.slds-scope .slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker,.slds-scope .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker,
.slds-scope .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:hover,
.slds-scope .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker:hover,
.slds-scope .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:focus,
.slds-scope .slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker:focus{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-progress_shade .slds-progress__item .slds-progress__marker,.slds-scope .slds-progress--shade .slds-progress__item .slds-progress__marker{
border-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-progress__list{
display:flex;
justify-content:space-between;
align-items:center;
height:100%;
margin:auto;
position:relative;
z-index:1;
}
.slds-scope .slds-progress__item{
display:inline-flex;
align-self:center;
}
.slds-scope .slds-progress__item.slds-is-completed .slds-progress__marker,
.slds-scope .slds-progress__item.slds-is-active .slds-progress__marker{
background-color:var(--slds-g-color-surface-container-1);
border-color:var(--slds-g-color-accent-container-1);
}
.slds-scope .slds-progress__item.slds-is-completed .slds-progress__marker_icon,.slds-scope .slds-progress__item.slds-is-completed .slds-progress__marker--icon{
border-color:transparent;
color:var(--slds-g-color-accent-container-1);
}
.slds-scope .slds-progress__item.slds-is-active .slds-progress__marker{
box-shadow:var(--slds-g-color-surface-container-1) 0 0 0 var(--slds-g-sizing-2);
}
.slds-scope .slds-progress__item.slds-is-active .slds-progress__marker:hover,
.slds-scope .slds-progress__item.slds-is-active .slds-progress__marker:focus{
border-color:var(--slds-g-color-border-accent-2);
}
.slds-scope .slds-progress__item.slds-is-active .slds-progress__marker:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-progress__item.slds-has-error .slds-progress__marker,
.slds-scope .slds-progress__item.slds-has-error .slds-progress__marker:hover,
.slds-scope .slds-progress__item.slds-has-error .slds-progress__marker:focus{
color:var(--slds-g-color-error-1);
background-color:var(--slds-g-color-surface-container-1);
border-color:transparent;
box-shadow:none;
}
.slds-scope .slds-progress__item.slds-has-error .slds-progress__marker:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-progress__marker{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
display:flex;
align-items:center;
justify-content:center;
position:relative;
border-radius:var(--slds-g-radius-border-circle);
background-color:var(--slds-g-color-neutral-base-50);
border:var(--slds-g-sizing-2) solid var(--slds-g-color-on-accent-1);
vertical-align:middle;
}
.slds-scope .slds-progress__marker:focus{
outline:none;
}
.slds-scope .slds-progress__marker:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
outline:none;
}
.slds-scope .slds-progress__marker_icon,.slds-scope .slds-progress__marker--icon{
width:auto;
height:auto;
line-height:0;
}
.slds-scope .slds-progress__marker_icon .slds-icon_container,.slds-scope .slds-progress__marker--icon .slds-icon--container{
line-height:0;
}
.slds-scope .slds-progress__marker_icon .slds-icon,.slds-scope .slds-progress__marker--icon .slds-icon{
fill:currentColor;
}
.slds-scope .slds-progress_vertical,.slds-scope .slds-progress--vertical{
max-width:none;
}
.slds-scope .slds-progress_vertical .slds-progress__list,.slds-scope .slds-progress--vertical .slds-progress__list{
display:block;
}
.slds-scope .slds-progress_vertical .slds-progress__item,.slds-scope .slds-progress--vertical .slds-progress__item{
position:relative;
display:flex;
align-items:center;
padding:0;
}
.slds-scope .slds-progress_vertical .slds-progress__item::before,.slds-scope .slds-progress--vertical .slds-progress__item::before,
.slds-scope .slds-progress_vertical .slds-progress__item::after,
.slds-scope .slds-progress--vertical .slds-progress__item::after{
content:'';
position:absolute;
inset-inline-start:calc((var(--slds-g-spacing-4) / 2) - 1px);
width:var(--slds-g-sizing-1);
background-color:var(--slds-g-color-neutral-base-50);
}
.slds-scope .slds-progress_vertical .slds-progress__item::before,.slds-scope .slds-progress--vertical .slds-progress__item::before{
inset-block-start:0;
inset-block-end:50%;
}
.slds-scope .slds-progress_vertical .slds-progress__item::after,.slds-scope .slds-progress--vertical .slds-progress__item::after{
inset-block-start:50%;
inset-block-end:0;
}
.slds-scope .slds-progress_vertical .slds-progress__item:first-child::before,.slds-scope .slds-progress--vertical .slds-progress__item:first-child::before,
.slds-scope .slds-progress_vertical .slds-progress__item:last-child::after,
.slds-scope .slds-progress--vertical .slds-progress__item:last-child::after{
display:none;
}
.slds-scope .slds-progress_vertical .slds-progress__item.slds-is-completed::before,.slds-scope .slds-progress--vertical .slds-progress__item.slds-is-completed::before,
.slds-scope .slds-progress_vertical .slds-progress__item.slds-is-completed::after,
.slds-scope .slds-progress--vertical .slds-progress__item.slds-is-completed::after,
.slds-scope .slds-progress_vertical .slds-progress__item.slds-is-active::before,
.slds-scope .slds-progress--vertical .slds-progress__item.slds-is-active::before,
.slds-scope .slds-progress_vertical .slds-progress__item.slds-has-error::before,
.slds-scope .slds-progress--vertical .slds-progress__item.slds-has-error::before{
background-color:var(--slds-g-color-accent-container-1);
}
.slds-scope .slds-progress_vertical .slds-progress__item_content,.slds-scope .slds-progress--vertical .slds-progress__item--content{
flex:1;
align-items:center;
margin-block-start:var(--slds-g-spacing-3);
padding-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-progress_vertical .slds-progress__list-bordered .slds-progress__item:not(:last-child) .slds-progress__item_content,.slds-scope .slds-progress--vertical .slds-progress__list-bordered .slds-progress__item:not(:last-child) .slds-progress__item--content{
border-block-end:var(--slds-g-sizing-border-1) var(--slds-g-color-border-1) solid;
}
.slds-scope .slds-progress_vertical .slds-progress__marker,.slds-scope .slds-progress--vertical .slds-progress__marker{
display:flex;
justify-content:center;
margin-inline-end:var(--slds-g-spacing-4);
min-width:var(--slds-g-sizing-5);
z-index:5;
}
.slds-scope .slds-progress_vertical .slds-progress__marker_icon,.slds-scope .slds-progress--vertical .slds-progress__marker--icon{
border-inline-end:0;
border-inline-start:0;
}
.slds-scope .slds-progress_vertical .slds-progress__item.slds-is-completed .slds-progress__marker_icon svg,.slds-scope .slds-progress--vertical .slds-progress__item.slds-is-completed .slds-progress__marker--icon svg{
fill:var(--slds-g-color-accent-1);
}
.slds-scope .slds-progress_vertical .slds-progress__item.slds-is-completed .slds-progress__marker_icon-success svg,.slds-scope .slds-progress--vertical .slds-progress__item.slds-is-completed .slds-progress__marker--icon-success svg{
fill:var(--slds-g-color-success-1);
}
.slds-scope .slds-progress_vertical .slds-progress__item.slds-has-error .slds-progress__marker_icon svg,.slds-scope .slds-progress--vertical .slds-progress__item.slds-has-error .slds-progress__marker--icon svg{
fill:var(--slds-g-color-error-1);
}
.slds-scope .slds-progress_success .slds-progress__item.slds-is-completed::before,.slds-scope .slds-progress--success .slds-progress__item.slds-is-completed::before,
.slds-scope .slds-progress_success .slds-progress__item.slds-is-completed::after,
.slds-scope .slds-progress--success .slds-progress__item.slds-is-completed::after,
.slds-scope .slds-progress_success .slds-progress__item.slds-is-active::before,
.slds-scope .slds-progress--success .slds-progress__item.slds-is-active::before,
.slds-scope .slds-progress_success .slds-progress__item.slds-has-error::before,
.slds-scope .slds-progress--success .slds-progress__item.slds-has-error::before{
opacity:0.3;
background-color:var(--slds-g-color-success-1);
}
.slds-scope .slds-progress-ring{
position:relative;
display:inline-block;
height:var(--slds-g-sizing-7);
width:var(--slds-g-sizing-7);
border-radius:var(--slds-g-sizing-7);
background-color:var(--slds-g-color-surface-container-3);
}
.slds-scope .slds-progress-ring .slds-icon_container,.slds-scope .slds-progress-ring .slds-icon--container{
line-height:0;
}
.slds-scope .slds-progress-ring__progress{
position:absolute;
inset-block-start:0;
inset-inline-start:0;
height:100%;
width:100%;
transform:scale(-1, 1) rotate(-90deg);
}
.slds-scope .slds-progress-ring__progress svg{
width:100%;
}
.slds-scope .slds-progress-ring__path{
fill:var(--slds-g-color-success-1);
}
.slds-scope .slds-progress-ring__progress-head{
position:absolute;
height:calc(100% + 0.375rem);
width:calc(100% + 0.375rem);
inset-block-start:-0.1875rem;
inset-inline-start:-0.1875rem;
transform:scale(-1, 1) rotate(-90deg);
}
.slds-scope .slds-progress-ring__progress-head svg{
width:100%;
}
.slds-scope .slds-progress-ring__content{
position:absolute;
inset-block-start:0.1875rem;
inset-inline-end:0.1875rem;
inset-block-end:0.1875rem;
inset-inline-start:0.1875rem;
display:flex;
align-items:center;
justify-content:center;
border-radius:var(--slds-g-sizing-7);
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-progress-ring__content .slds-icon{
width:var(--slds-g-sizing-4);
}
.slds-scope .slds-progress-ring_warning .slds-progress-ring__content,.slds-scope .slds-progress-ring--warning .slds-progress-ring__content{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-progress-ring_warning .slds-icon,.slds-scope .slds-progress-ring--warning .slds-icon,
.slds-scope .slds-progress-ring_warning .slds-progress-ring__path,
.slds-scope .slds-progress-ring--warning .slds-progress-ring__path{
fill:var(--slds-g-color-warning-1);
}
.slds-scope .slds-progress-ring_expired .slds-progress-ring__content,.slds-scope .slds-progress-ring--expired .slds-progress-ring__content{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-progress-ring_expired .slds-icon,.slds-scope .slds-progress-ring--expired .slds-icon,
.slds-scope .slds-progress-ring_expired .slds-progress-ring__path,
.slds-scope .slds-progress-ring--expired .slds-progress-ring__path{
fill:var(--slds-g-color-error-1);
}
.slds-scope .slds-progress-ring_complete .slds-icon,.slds-scope .slds-progress-ring--complete .slds-icon{
fill:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-progress-ring_complete .slds-progress-ring__path,.slds-scope .slds-progress-ring--complete .slds-progress-ring__path{
fill:var(--slds-g-color-success-1);
}
.slds-scope .slds-progress-ring_complete .slds-progress-ring__content,.slds-scope .slds-progress-ring--complete .slds-progress-ring__content{
background-color:var(--slds-g-color-success-1);
}
.slds-scope .slds-progress-ring_large,.slds-scope .slds-progress-ring--large{
height:var(--slds-g-sizing-9);
width:var(--slds-g-sizing-9);
}
.slds-scope .slds-progress-ring_large .slds-icon,.slds-scope .slds-progress-ring--large .slds-icon{
width:var(--slds-g-sizing-5);
}
.slds-scope .slds-progress-ring_active-step .slds-progress-ring__path,.slds-scope .slds-progress-ring--active-step .slds-progress-ring__path{
fill:var(--slds-g-color-accent-1);
}
.slds-scope .slds-rich-text-editor{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-rich-text-editor[aria-label='disabled']{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-rich-text-editor_toolbar-only,.slds-scope .slds-rich-text-editor--toolbar-only{
border:0;
border-radius:0;
}
.slds-scope .slds-rich-text-editor__toolbar{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
white-space:nowrap;
position:relative;
padding-block:var(--slds-g-spacing-2) var(--slds-g-spacing-1);
padding-inline:var(--slds-g-spacing-2);
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-2);
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-rich-text-editor__toolbar .slds-icon{
--slds-c-icon-color-foreground:currentColor;
}
.slds-scope .slds-rich-text-editor__toolbar[aria-label='disabled']{
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-rich-text-editor__toolbar[aria-label='disabled'] .slds-icon{
--slds-c-icon-color-foreground:var(--slds-g-color-on-disabled-2);
}
.slds-scope .slds-rich-text-editor__col{
align-self:center;
}
.slds-scope .slds-rich-text-editor__col + .slds-rich-text-editor__col{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-rich-text-editor__col_grow,.slds-scope .slds-rich-text-editor__col--grow{
flex-grow:1;
}
.slds-scope .slds-rich-text-editor__toolbar_bottom,.slds-scope .slds-rich-text-editor__toolbar--bottom{
border-start-start-radius:0;
border-start-end-radius:0;
border-end-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-2);
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
border-block-end:0;
}
.slds-scope .slds-rich-text-editor__toolbar_detached,.slds-scope .slds-rich-text-editor__toolbar--detached{
border-radius:0;
border-block-start:0;
border-block-end:0;
}
.slds-scope .slds-rich-text-editor .slds-button-group-list{
margin-inline-end:var(--slds-g-spacing-1);
margin-block-end:var(--slds-g-spacing-1);
margin-inline-start:0;
}
.slds-scope .slds-rich-text-editor .slds-button-group-list:last-child{
margin-inline-end:0;
}
.slds-scope .slds-rich-text-editor__select{
margin-inline-end:var(--slds-g-spacing-1);
margin-block-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-rich-text-editor__select_x-small,.slds-scope .slds-rich-text-editor__select--x-small{
max-width:calc(var(--slds-g-sizing-13) + var(--slds-g-sizing-9));
width:auto;
}
.slds-scope .slds-rich-text-editor__select_xx-small,.slds-scope .slds-rich-text-editor__select--xx-small{
max-width:calc(var(--slds-g-sizing-10) + var(--slds-g-sizing-9));
width:auto;
}
.slds-scope .slds-region_narrow .slds-combobox,.slds-scope .slds-region--narrow .slds-combobox{
max-width:11rem;
}
.slds-scope .slds-rich-text-editor.slds-has-focus{
border-color:transparent;
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-rich-text-editor.slds-has-error{
border:var(--slds-g-sizing-border-2) solid var(--slds-g-color-border-error-1);
}
.slds-scope .slds-rich-text-editor.slds-has-error .slds-input{
border-color:var(--slds-g-color-border-2);
box-shadow:none;
}
.slds-scope .slds-rich-text-editor.slds-has-error .slds-form-element__help{
background:var(--slds-g-color-surface-container-1);
margin-block-start:0;
border-start-start-radius:0;
border-start-end-radius:0;
border-end-end-radius:var(--slds-g-radius-border-1);
border-end-start-radius:var(--slds-g-radius-border-1);
}
.slds-scope .slds-rich-text-editor.slds-has-error .slds-button_icon,.slds-scope .slds-rich-text-editor.slds-has-error .slds-button--icon{
color:var(--slds-s-button-color, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-rich-text-area__content{
--_slds-c-richtexteditor-sizing-height-min:var(--slds-c-textarea-sizing-min-height);
--_slds-c-richtexteditor-sizing-height-max:var(--slds-c-textarea-sizing-max-height);
overflow-y:auto;
min-height:var(
--_slds-c-richtexteditor-sizing-height-min,
calc(var(--slds-g-sizing-10) + var(--slds-g-sizing-9))
);
max-height:var(--_slds-c-richtexteditor-sizing-height-max, var(--slds-g-sizing-14));
padding:var(--slds-g-spacing-4);
background-color:var(--slds-s-input-color-background, var(--slds-g-color-surface-container-1));
}
.slds-scope .slds-rich-text-editor__output .slds-rich-text-area__content{
border-start-start-radius:0;
border-start-end-radius:0;
border-end-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-picklist__label[disabled] .slds-icon{
fill:var(--slds-g-color-on-disabled-1);
}
.slds-scope [contenteditable]:focus{
outline:none;
}
.slds-scope .slds-rich-text-editor__textarea:last-child .slds-rich-text-area__content{
border-start-start-radius:0;
border-start-end-radius:0;
border-end-end-radius:var(--slds-g-radius-border-2);
border-end-start-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-rich-text-editor__textarea:first-child .slds-rich-text-area__content{
border-start-start-radius:var(--slds-g-radius-border-2);
border-start-end-radius:var(--slds-g-radius-border-2);
border-end-end-radius:0;
border-end-start-radius:0;
}
.slds-scope .slds-rich-text-editor__textarea .ql-editor{
white-space:pre-wrap;
word-wrap:break-word;
user-select:text;
}
.slds-scope .slds-rich-text-editor__textarea .ql-editor.ql-blank::before{
color:var(--slds-g-color-on-surface-1, #54698d);
content:attr(data-placeholder);
pointer-events:none;
position:absolute;
}
.slds-scope .slds-rich-text-editor__textarea .ql-editor a{
text-decoration:underline;
}
.slds-scope .slds-rich-text-editor__textarea .overflow-menu{
z-index:2;
}
.slds-scope .slds-rich-text-editor__textarea .ql-active{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-rich-text-editor__textarea .ql-clipboard{
position:absolute !important;
margin:-1px !important;
border:0 !important;
padding:0 !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
clip:rect(0 0 0 0) !important;
}
.slds-scope .slds-rich-text-editor__textarea p,
.slds-scope .slds-rich-text-editor__textarea ol,
.slds-scope .slds-rich-text-editor__textarea ul,
.slds-scope .slds-rich-text-editor__textarea pre,
.slds-scope .slds-rich-text-editor__textarea blockquote,
.slds-scope .slds-rich-text-editor__textarea h1,
.slds-scope .slds-rich-text-editor__textarea h2,
.slds-scope .slds-rich-text-editor__textarea h3,
.slds-scope .slds-rich-text-editor__textarea h4,
.slds-scope .slds-rich-text-editor__textarea h5,
.slds-scope .slds-rich-text-editor__textarea h6{
counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol,
.slds-scope .slds-rich-text-editor__textarea ul{
margin:0;
padding:0;
padding-inline-start:1.5em;
}
.slds-scope .slds-rich-text-editor__textarea ol > li{
list-style-type:none;
}
.slds-scope .slds-rich-text-editor__textarea ul{
}
.slds-scope .slds-rich-text-editor__textarea ul > li{
list-style-type:none;
}
.slds-scope .slds-rich-text-editor__textarea ul > li::before{
content:'\2022';
vertical-align:middle;
display:inline-block;
line-height:normal;
}
.slds-scope .slds-rich-text-editor__textarea ul[data-checked='true'],
.slds-scope .slds-rich-text-editor__textarea ul[data-checked='false']{
pointer-events:none;
}
.slds-scope .slds-rich-text-editor__textarea ul[data-checked='true'] > li::before{
color:var(--slds-g-color-on-surface-1);
cursor:pointer;
pointer-events:all;
}
.slds-scope .slds-rich-text-editor__textarea ul[data-checked='false'] > li::before{
color:var(--slds-g-color-on-surface-1);
cursor:pointer;
pointer-events:all;
}
.slds-scope .slds-rich-text-editor__textarea ul[data-checked='true'] > li::before{
content:'\2611';
}
.slds-scope .slds-rich-text-editor__textarea ul[data-checked='false'] > li::before{
content:'\2610';
}
.slds-scope .slds-rich-text-editor__textarea li::before{
display:inline-block;
margin-inline-end:0.3em;
text-align:right;
white-space:nowrap;
width:1.2em;
}
.slds-scope .slds-rich-text-editor__textarea li:not(.ql-direction-rtl)::before{
margin-inline-start:-1.5em;
}
.slds-scope .slds-rich-text-editor__textarea ol li,
.slds-scope .slds-rich-text-editor__textarea ul li{
padding-inline-start:1.5em;
}
.slds-scope .slds-rich-text-editor__textarea ol li{
counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment:list-num;
}
.slds-scope .slds-rich-text-editor__textarea ol li::before{
content:counter(list-num, decimal) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-1{
counter-increment:list-1;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-1::before{
content:counter(list-1, lower-alpha) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-1{
counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-2{
counter-increment:list-2;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-2::before{
content:counter(list-2, lower-roman) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-2{
counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-3{
counter-increment:list-3;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-3::before{
content:counter(list-3, decimal) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-3{
counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-4{
counter-increment:list-4;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-4::before{
content:counter(list-4, lower-alpha) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-4{
counter-reset:list-5 list-6 list-7 list-8 list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-5{
counter-increment:list-5;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-5::before{
content:counter(list-5, lower-roman) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-5{
counter-reset:list-6 list-7 list-8 list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-6{
counter-increment:list-6;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-6::before{
content:counter(list-6, decimal) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-6{
counter-reset:list-7 list-8 list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-7{
counter-increment:list-7;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-7::before{
content:counter(list-7, lower-alpha) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-7{
counter-reset:list-8 list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-8{
counter-increment:list-8;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-8::before{
content:counter(list-8, lower-roman) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-8{
counter-reset:list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-9{
counter-increment:list-9;
}
.slds-scope .slds-rich-text-editor__textarea ol li.ql-indent-9::before{
content:counter(list-9, decimal) '. ';
}
.slds-scope .slds-rich-text-editor__textarea ul li.ql-indent-1::before{
content:'\25e6';
}
.slds-scope .slds-rich-text-editor__textarea ul li.ql-indent-2::before, .slds-scope .slds-rich-text-editor__textarea ul li.ql-indent-3::before, .slds-scope .slds-rich-text-editor__textarea ul li.ql-indent-4::before, .slds-scope .slds-rich-text-editor__textarea ul li.ql-indent-5::before, .slds-scope .slds-rich-text-editor__textarea ul li.ql-indent-6::before, .slds-scope .slds-rich-text-editor__textarea ul li.ql-indent-7::before, .slds-scope .slds-rich-text-editor__textarea ul li.ql-indent-8::before{
content:'\25aa';
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-1:not(.ql-direction-rtl){
padding-inline-start:4.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-1.ql-direction-rtl.ql-align-right{
padding-inline-end:4.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-2:not(.ql-direction-rtl){
padding-inline-start:7.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-2.ql-direction-rtl.ql-align-right{
padding-inline-end:7.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-3:not(.ql-direction-rtl){
padding-inline-start:10.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-3.ql-direction-rtl.ql-align-right{
padding-inline-end:10.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-4:not(.ql-direction-rtl){
padding-inline-start:13.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-4.ql-direction-rtl.ql-align-right{
padding-inline-end:13.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-5:not(.ql-direction-rtl){
padding-inline-start:16.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-5.ql-direction-rtl.ql-align-right{
padding-inline-end:16.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-6:not(.ql-direction-rtl){
padding-inline-start:19.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-6.ql-direction-rtl.ql-align-right{
padding-inline-end:19.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-7:not(.ql-direction-rtl){
padding-inline-start:22.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-7.ql-direction-rtl.ql-align-right{
padding-inline-end:22.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-8:not(.ql-direction-rtl){
padding-inline-start:25.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-8.ql-direction-rtl.ql-align-right{
padding-inline-end:25.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-9:not(.ql-direction-rtl){
padding-inline-start:28.5em;
}
.slds-scope .slds-rich-text-editor__textarea li.ql-indent-9.ql-direction-rtl.ql-align-right{
padding-inline-end:28.5em;
}
.slds-scope .slds-rich-text-editor__textarea,
.slds-scope .slds-rich-text-editor__output{
line-height:var(--slds-g-font-lineheight-base);
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:manual;
}
.slds-scope .slds-rich-text-editor__textarea h1, .slds-scope .slds-rich-text-editor__output h1{
font-size:var(--slds-g-font-scale-3);
}
.slds-scope .slds-rich-text-editor__textarea h2, .slds-scope .slds-rich-text-editor__output h2{
font-size:var(--slds-g-font-scale-1);
font-weight:var(--slds-g-font-weight-6);
}
.slds-scope .slds-rich-text-editor__textarea h3, .slds-scope .slds-rich-text-editor__output h3{
font-size:var(--slds-g-font-scale-1);
}
.slds-scope .slds-rich-text-editor__textarea h4, .slds-scope .slds-rich-text-editor__output h4{
font-size:var(--slds-g-font-scale-neg-1);
font-weight:var(--slds-g-font-weight-6);
}
.slds-scope .slds-rich-text-editor__textarea h5, .slds-scope .slds-rich-text-editor__output h5{
font-size:var(--slds-g-font-scale-neg-1);
}
.slds-scope .slds-rich-text-editor__textarea h6, .slds-scope .slds-rich-text-editor__output h6{
font-size:var(--slds-g-font-scale-neg-3);
font-weight:var(--slds-g-font-weight-6);
}
.slds-scope .slds-rich-text-editor__textarea h1,
.slds-scope .slds-rich-text-editor__textarea h2,
.slds-scope .slds-rich-text-editor__textarea h3,
.slds-scope .slds-rich-text-editor__textarea h4,
.slds-scope .slds-rich-text-editor__textarea h5,
.slds-scope .slds-rich-text-editor__textarea h6,
.slds-scope .slds-rich-text-editor__textarea ul,
.slds-scope .slds-rich-text-editor__textarea ol,
.slds-scope .slds-rich-text-editor__textarea dl,
.slds-scope .slds-rich-text-editor__textarea img,
.slds-scope .slds-rich-text-editor__output h1,
.slds-scope .slds-rich-text-editor__output h2,
.slds-scope .slds-rich-text-editor__output h3,
.slds-scope .slds-rich-text-editor__output h4,
.slds-scope .slds-rich-text-editor__output h5,
.slds-scope .slds-rich-text-editor__output h6,
.slds-scope .slds-rich-text-editor__output ul,
.slds-scope .slds-rich-text-editor__output ol,
.slds-scope .slds-rich-text-editor__output dl,
.slds-scope .slds-rich-text-editor__output img{
margin-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-rich-text-editor__textarea blockquote, .slds-scope .slds-rich-text-editor__output blockquote{
margin-block:var(--slds-g-spacing-6);
margin-inline:var(--slds-g-spacing-5);
}
.slds-scope .slds-rich-text-editor__textarea ins, .slds-scope .slds-rich-text-editor__output ins{
color:var(--slds-g-color-success-1);
text-decoration:underline;
}
.slds-scope .slds-rich-text-editor__textarea del, .slds-scope .slds-rich-text-editor__output del{
color:var(--slds-g-color-error-1);
text-decoration:line-through;
}
.slds-scope .slds-rich-text-editor__textarea ul, .slds-scope .slds-rich-text-editor__output ul{
margin-inline-start:var(--slds-g-spacing-5);
list-style:disc;
}
.slds-scope .slds-rich-text-editor__textarea ul ul, .slds-scope .slds-rich-text-editor__output ul ul{
list-style:circle;
margin-block-end:0;
}
.slds-scope .slds-rich-text-editor__textarea ul ul ul, .slds-scope .slds-rich-text-editor__output ul ul ul{
list-style:square;
}
.slds-scope .slds-rich-text-editor__textarea ul ul ul ul, .slds-scope .slds-rich-text-editor__output ul ul ul ul{
list-style:disc;
}
.slds-scope .slds-rich-text-editor__textarea ul ul ul ul ul, .slds-scope .slds-rich-text-editor__output ul ul ul ul ul{
list-style:circle;
}
.slds-scope .slds-rich-text-editor__textarea ul ol, .slds-scope .slds-rich-text-editor__output ul ol{
margin-inline-start:var(--slds-g-spacing-5);
list-style:decimal;
margin-block-end:0;
}
.slds-scope .slds-rich-text-editor__textarea ol, .slds-scope .slds-rich-text-editor__output ol{
margin-inline-start:var(--slds-g-spacing-5);
list-style:decimal;
}
.slds-scope .slds-rich-text-editor__textarea ol ol, .slds-scope .slds-rich-text-editor__output ol ol{
list-style:lower-alpha;
margin-block-end:0;
}
.slds-scope .slds-rich-text-editor__textarea ol ol ol, .slds-scope .slds-rich-text-editor__output ol ol ol{
list-style:lower-roman;
}
.slds-scope .slds-rich-text-editor__textarea ol ol ol ol, .slds-scope .slds-rich-text-editor__output ol ol ol ol{
list-style:decimal;
}
.slds-scope .slds-rich-text-editor__textarea ol ol ol ol ol, .slds-scope .slds-rich-text-editor__output ol ol ol ol ol{
list-style:lower-alpha;
}
.slds-scope .slds-rich-text-editor__textarea ol ul, .slds-scope .slds-rich-text-editor__output ol ul{
margin-inline-start:var(--slds-g-spacing-5);
list-style:disc;
margin-block-end:0;
}
.slds-scope .slds-rich-text-editor__textarea dd, .slds-scope .slds-rich-text-editor__output dd{
margin-inline-start:2.5rem;
}
.slds-scope .slds-rich-text-editor__textarea abbr[title],
.slds-scope .slds-rich-text-editor__textarea acronym[title],
.slds-scope .slds-rich-text-editor__output abbr[title],
.slds-scope .slds-rich-text-editor__output acronym[title]{
border-block-end:1px dotted;
cursor:help;
}
.slds-scope .slds-rich-text-editor__textarea table, .slds-scope .slds-rich-text-editor__output table{
overflow-wrap:normal;
word-wrap:normal;
word-break:normal;
width:auto;
}
.slds-scope .slds-rich-text-editor__textarea table caption, .slds-scope .slds-rich-text-editor__output table caption{
text-align:center;
}
.slds-scope .slds-rich-text-editor__textarea th,
.slds-scope .slds-rich-text-editor__textarea td,
.slds-scope .slds-rich-text-editor__output th,
.slds-scope .slds-rich-text-editor__output td{
padding:var(--slds-g-spacing-2);
}
.slds-scope .slds-rich-text-editor__textarea .sans-serif, .slds-scope .slds-rich-text-editor__output .sans-serif{
font-family:sans-serif;
}
.slds-scope .slds-rich-text-editor__textarea .courier, .slds-scope .slds-rich-text-editor__output .courier{
font-family:courier;
}
.slds-scope .slds-rich-text-editor__textarea .verdana, .slds-scope .slds-rich-text-editor__output .verdana{
font-family:verdana;
}
.slds-scope .slds-rich-text-editor__textarea .tahoma, .slds-scope .slds-rich-text-editor__output .tahoma{
font-family:tahoma;
}
.slds-scope .slds-rich-text-editor__textarea .garamond, .slds-scope .slds-rich-text-editor__output .garamond{
font-family:garamond;
}
.slds-scope .slds-rich-text-editor__textarea .serif, .slds-scope .slds-rich-text-editor__output .serif{
font-family:serif;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-1:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-1:not(.ql-direction-rtl){
padding-inline-start:3em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-1.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-1.ql-direction-rtl.ql-align-right{
padding-inline-end:3em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-2:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-2:not(.ql-direction-rtl){
padding-inline-start:6em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-2.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-2.ql-direction-rtl.ql-align-right{
padding-inline-end:6em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-3:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-3:not(.ql-direction-rtl){
padding-inline-start:9em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-3.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-3.ql-direction-rtl.ql-align-right{
padding-inline-end:9em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-4:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-4:not(.ql-direction-rtl){
padding-inline-start:12em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-4.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-4.ql-direction-rtl.ql-align-right{
padding-inline-end:12em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-5:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-5:not(.ql-direction-rtl){
padding-inline-start:15em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-5.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-5.ql-direction-rtl.ql-align-right{
padding-inline-end:15em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-6:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-6:not(.ql-direction-rtl){
padding-inline-start:18em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-6.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-6.ql-direction-rtl.ql-align-right{
padding-inline-end:18em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-7:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-7:not(.ql-direction-rtl){
padding-inline-start:21em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-7.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-7.ql-direction-rtl.ql-align-right{
padding-inline-end:21em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-8:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-8:not(.ql-direction-rtl){
padding-inline-start:24em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-8.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-8.ql-direction-rtl.ql-align-right{
padding-inline-end:24em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-9:not(.ql-direction-rtl), .slds-scope .slds-rich-text-editor__output .ql-indent-9:not(.ql-direction-rtl){
padding-inline-start:27em;
}
.slds-scope .slds-rich-text-editor__textarea .ql-indent-9.ql-direction-rtl.ql-align-right, .slds-scope .slds-rich-text-editor__output .ql-indent-9.ql-direction-rtl.ql-align-right{
padding-inline-end:27em;
}
.slds-scope .slds-spinner_container,.slds-scope .slds-spinner--container{
position:absolute;
inset-block-start:0;
inset-inline-end:0;
inset-block-end:0;
inset-inline-start:0;
z-index:9050;
background-color:color-mix(in oklab, var(--slds-g-color-surface-container-1, #fff), transparent 25%);
visibility:visible;
opacity:1;
transition:opacity 0.2s ease, visibility 0s;
transition-delay:0s, 0.3s;
}
.slds-scope .slds-spinner_container.is-hidden,.slds-scope .slds-spinner--container.is-hidden{
visibility:hidden;
opacity:0;
transition:opacity 0.2s ease, visibility 0s;
transition-delay:0s, 0s;
}
.slds-scope .slds-spinner_container.hide,.slds-scope .slds-spinner--container.hide{
display:none;
}
.slds-scope .slds-spinner{
position:absolute;
inset-block-start:50%;
/*! @noflip */
left:50%;
z-index:9051;
transform:translate(-50%, -50%) rotate(90deg);
}
.slds-scope .slds-spinner_inline,.slds-scope .slds-spinner--inline{
position:relative;
inset-block-start:auto;
inset-inline-start:auto;
inset-inline-end:auto;
inset-block-end:auto;
transform:none;
}
.slds-scope .slds-spinner,
.slds-scope .slds-spinner__dot-a,
.slds-scope .slds-spinner__dot-b{
transform-origin:50% 50%;
will-change:transform;
}
.slds-scope .slds-spinner__dot-a,
.slds-scope .slds-spinner__dot-b{
position:absolute;
inset-block-start:0;
inset-inline-start:0;
width:100%;
}
.slds-scope .slds-spinner::before,
.slds-scope .slds-spinner::after,
.slds-scope .slds-spinner__dot-a::before,
.slds-scope .slds-spinner__dot-b::before,
.slds-scope .slds-spinner__dot-a::after,
.slds-scope .slds-spinner__dot-b::after{
content:'';
position:absolute;
background:var(--slds-g-color-neutral-base-50);
border-radius:var(--slds-g-radius-border-circle);
animation-duration:1000ms;
animation-iteration-count:infinite;
transform:translate3d(0, 0, 0);
}
.slds-scope .slds-spinner__dot-a{
transform:rotate(60deg);
}
.slds-scope .slds-spinner__dot-b{
transform:rotate(120deg);
}
.slds-scope .slds-spinner::before{
animation-delay:-83.3333ms;
}
.slds-scope .slds-spinner__dot-a::before{
animation-delay:83.3333ms;
}
.slds-scope .slds-spinner__dot-b::before{
animation-delay:250ms;
}
.slds-scope .slds-spinner::after{
animation-delay:416.6666ms;
}
.slds-scope .slds-spinner__dot-a::after{
animation-delay:583.3333ms;
}
.slds-scope .slds-spinner__dot-b::after{
animation-delay:750ms;
}
.slds-scope .slds-spinner_delayed::before,.slds-scope .slds-spinner--delayed::before{
animation-delay:216.6666ms;
}
.slds-scope .slds-spinner_delayed .slds-spinner__dot-a::before,.slds-scope .slds-spinner--delayed .slds-spinner__dot-a::before{
animation-delay:383.3333ms;
}
.slds-scope .slds-spinner_delayed .slds-spinner__dot-b::before,.slds-scope .slds-spinner--delayed .slds-spinner__dot-b::before{
animation-delay:550ms;
}
.slds-scope .slds-spinner_delayed::after,.slds-scope .slds-spinner--delayed::after{
animation-delay:716.6666ms;
}
.slds-scope .slds-spinner_delayed .slds-spinner__dot-a::after,.slds-scope .slds-spinner--delayed .slds-spinner__dot-a::after{
animation-delay:883.3333ms;
}
.slds-scope .slds-spinner_delayed .slds-spinner__dot-b::after,.slds-scope .slds-spinner--delayed .slds-spinner__dot-b::after{
animation-delay:1050ms;
}
.slds-scope .slds-spinner_brand.slds-spinner::before,.slds-scope .slds-spinner--brand.slds-spinner::before,
.slds-scope .slds-spinner_brand.slds-spinner::after,
.slds-scope .slds-spinner--brand.slds-spinner::after,
.slds-scope .slds-spinner_brand .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--brand .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_brand .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--brand .slds-spinner__dot-b::before,
.slds-scope .slds-spinner_brand .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--brand .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_brand .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--brand .slds-spinner__dot-b::after{
background-color:var(--slds-g-color-accent-1);
}
.slds-scope .slds-spinner_inverse.slds-spinner::before,.slds-scope .slds-spinner--inverse.slds-spinner::before,
.slds-scope .slds-spinner_inverse.slds-spinner::after,
.slds-scope .slds-spinner--inverse.slds-spinner::after,
.slds-scope .slds-spinner_inverse .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--inverse .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_inverse .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--inverse .slds-spinner__dot-b::before,
.slds-scope .slds-spinner_inverse .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--inverse .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_inverse .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--inverse .slds-spinner__dot-b::after{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-spinner_xx-small,.slds-scope .slds-spinner--xx-small{
width:var(--slds-g-sizing-3);
}
.slds-scope .slds-spinner_xx-small.slds-spinner_inline,.slds-scope .slds-spinner--xx-small.slds-spinner--inline{
height:var(--slds-g-sizing-3);
}
.slds-scope .slds-spinner_xx-small.slds-spinner::before,.slds-scope .slds-spinner--xx-small.slds-spinner::before,
.slds-scope .slds-spinner_xx-small.slds-spinner::after,
.slds-scope .slds-spinner--xx-small.slds-spinner::after,
.slds-scope .slds-spinner_xx-small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--xx-small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_xx-small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--xx-small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner_xx-small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--xx-small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_xx-small .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--xx-small .slds-spinner__dot-b::after{
width:0.125rem;
height:0.125rem;
}
.slds-scope .slds-spinner_xx-small.slds-spinner::before,.slds-scope .slds-spinner--xx-small.slds-spinner::before,
.slds-scope .slds-spinner_xx-small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--xx-small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_xx-small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--xx-small .slds-spinner__dot-b::before{
inset-block-start:-0.0625rem;
inset-inline-start:-0.0625rem;
animation-name:dotsBounceBefore-extraExtraSmall;
}
.slds-scope .slds-spinner_xx-small.slds-spinner::after,.slds-scope .slds-spinner--xx-small.slds-spinner::after,
.slds-scope .slds-spinner_xx-small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--xx-small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_xx-small .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--xx-small .slds-spinner__dot-b::after{
inset-block-start:-0.0625rem;
inset-inline-end:-0.0625rem;
animation-name:dotsBounceAfter-extraExtraSmall;
}
@keyframes dotsBounceBefore-extraExtraSmall{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.275, 0.0425, 0.34, 0.265);
}
80%{
transform:translate3d(-0.125rem, 0, 0);
animation-timing-function:cubic-bezier(0, 0.555, 0.35, 0.715);
}
100%{
transform:translate3d(0, 0, 0);
}
}
@keyframes dotsBounceAfter-extraExtraSmall{
0%{
transform:translate3d(0, 0, 0);
}
60%{
animation-timing-function:cubic-bezier(0.275, 0.0425, 0.34, 0.265);
transform:translate3d(0, 0, 0);
}
80%{
animation-timing-function:cubic-bezier(0, 0.555, 0.35, 0.715);
transform:translate3d(0.125rem, 0, 0);
}
100%{
transform:translate3d(0, 0, 0);
}
}
.slds-scope .slds-spinner_x-small,.slds-scope .slds-spinner--x-small{
width:var(--slds-g-sizing-5);
}
.slds-scope .slds-spinner_x-small.slds-spinner_inline,.slds-scope .slds-spinner--x-small.slds-spinner--inline{
height:var(--slds-g-sizing-5);
}
.slds-scope .slds-spinner_x-small.slds-spinner::before,.slds-scope .slds-spinner--x-small.slds-spinner::before,
.slds-scope .slds-spinner_x-small.slds-spinner::after,
.slds-scope .slds-spinner--x-small.slds-spinner::after,
.slds-scope .slds-spinner_x-small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--x-small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_x-small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--x-small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner_x-small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--x-small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_x-small .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--x-small .slds-spinner__dot-b::after{
width:var(--slds-g-sizing-2);
height:var(--slds-g-sizing-2);
}
.slds-scope .slds-spinner_x-small.slds-spinner::before,.slds-scope .slds-spinner--x-small.slds-spinner::before,
.slds-scope .slds-spinner_x-small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--x-small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_x-small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--x-small .slds-spinner__dot-b::before{
inset-block-start:-0.125rem;
inset-inline-start:-0.125rem;
animation-name:dotsBounceBefore-extraSmall;
}
.slds-scope .slds-spinner_x-small.slds-spinner::after,.slds-scope .slds-spinner--x-small.slds-spinner::after,
.slds-scope .slds-spinner_x-small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--x-small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_x-small .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--x-small .slds-spinner__dot-b::after{
inset-block-start:-0.125rem;
inset-inline-end:-0.125rem;
animation-name:dotsBounceAfter-extraSmall;
}
@keyframes dotsBounceBefore-extraSmall{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
80%{
transform:translate3d(-0.25rem, 0, 0);
animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43);
}
100%{
transform:translate3d(0, 0, 0);
}
}
@keyframes dotsBounceAfter-extraSmall{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
80%{
transform:translate3d(0.25rem, 0, 0);
animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43);
}
100%{
transform:translate3d(0, 0, 0);
}
}
.slds-scope .slds-spinner_small,.slds-scope .slds-spinner--small{
width:var(--slds-g-sizing-6);
}
.slds-scope .slds-spinner_small.slds-spinner_inline,.slds-scope .slds-spinner--small.slds-spinner--inline{
height:var(--slds-g-sizing-6);
}
.slds-scope .slds-spinner_small.slds-spinner::before,.slds-scope .slds-spinner--small.slds-spinner::before,
.slds-scope .slds-spinner_small.slds-spinner::after,
.slds-scope .slds-spinner--small.slds-spinner::after,
.slds-scope .slds-spinner_small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner_small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_small .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--small .slds-spinner__dot-b::after{
width:var(--slds-g-sizing-2);
height:var(--slds-g-sizing-2);
}
.slds-scope .slds-spinner_small.slds-spinner::before,.slds-scope .slds-spinner--small.slds-spinner::before,
.slds-scope .slds-spinner_small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--small .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_small .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--small .slds-spinner__dot-b::before{
inset-block-start:-0.125rem;
inset-inline-start:-0.125rem;
animation-name:dotsBounceBefore-small;
}
.slds-scope .slds-spinner_small.slds-spinner::after,.slds-scope .slds-spinner--small.slds-spinner::after,
.slds-scope .slds-spinner_small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--small .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_small .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--small .slds-spinner__dot-b::after{
inset-block-start:-0.125rem;
inset-inline-end:-0.125rem;
animation-name:dotsBounceAfter-small;
}
@keyframes dotsBounceBefore-small{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
80%{
transform:translate3d(-0.375rem, 0, 0);
animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43);
}
100%{
transform:translate3d(0, 0, 0);
}
}
@keyframes dotsBounceAfter-small{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
80%{
transform:translate3d(0.375rem, 0, 0);
animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43);
}
100%{
transform:translateX(0);
}
}
.slds-scope .slds-spinner_medium,.slds-scope .slds-spinner--medium{
width:var(--slds-g-sizing-9);
}
.slds-scope .slds-spinner_medium.slds-spinner_inline,.slds-scope .slds-spinner--medium.slds-spinner--inline{
height:var(--slds-g-sizing-9);
}
.slds-scope .slds-spinner_medium.slds-spinner::before,.slds-scope .slds-spinner--medium.slds-spinner::before,
.slds-scope .slds-spinner_medium.slds-spinner::after,
.slds-scope .slds-spinner--medium.slds-spinner::after,
.slds-scope .slds-spinner_medium .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--medium .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_medium .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--medium .slds-spinner__dot-b::before,
.slds-scope .slds-spinner_medium .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--medium .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_medium .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--medium .slds-spinner__dot-b::after{
width:var(--slds-g-sizing-3);
height:var(--slds-g-sizing-3);
}
.slds-scope .slds-spinner_medium.slds-spinner::before,.slds-scope .slds-spinner--medium.slds-spinner::before,
.slds-scope .slds-spinner_medium .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--medium .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_medium .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--medium .slds-spinner__dot-b::before{
animation-name:dotsBounceBefore-medium;
inset-block-start:-0.25rem;
inset-inline-start:-0.25rem;
}
.slds-scope .slds-spinner_medium.slds-spinner::after,.slds-scope .slds-spinner--medium.slds-spinner::after,
.slds-scope .slds-spinner_medium .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--medium .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_medium .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--medium .slds-spinner__dot-b::after{
animation-name:dotsBounceAfter-medium;
inset-block-start:-0.25rem;
inset-inline-end:-0.25rem;
}
@keyframes dotsBounceBefore-medium{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
80%{
transform:translate3d(-0.5rem, 0, 0);
animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43);
}
100%{
transform:translate3d(0, 0, 0);
}
}
@keyframes dotsBounceAfter-medium{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
80%{
transform:translate3d(0.5rem, 0, 0);
animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43);
}
100%{
transform:translateX(0);
}
}
.slds-scope .slds-spinner_large,.slds-scope .slds-spinner--large{
width:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-4));
}
.slds-scope .slds-spinner_large.slds-spinner_inline,.slds-scope .slds-spinner--large.slds-spinner--inline{
height:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-4));
}
.slds-scope .slds-spinner_large.slds-spinner::before,.slds-scope .slds-spinner--large.slds-spinner::before,
.slds-scope .slds-spinner_large.slds-spinner::after,
.slds-scope .slds-spinner--large.slds-spinner::after,
.slds-scope .slds-spinner_large .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--large .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_large .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--large .slds-spinner__dot-b::before,
.slds-scope .slds-spinner_large .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--large .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_large .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--large .slds-spinner__dot-b::after{
width:calc(var(--slds-g-sizing-3) + var(--slds-g-sizing-1));
height:calc(var(--slds-g-sizing-3) + var(--slds-g-sizing-1));
}
.slds-scope .slds-spinner_large.slds-spinner::before,.slds-scope .slds-spinner--large.slds-spinner::before,
.slds-scope .slds-spinner_large .slds-spinner__dot-a::before,
.slds-scope .slds-spinner--large .slds-spinner__dot-a::before,
.slds-scope .slds-spinner_large .slds-spinner__dot-b::before,
.slds-scope .slds-spinner--large .slds-spinner__dot-b::before{
animation-name:dotsBounceBefore-medium;
inset-block-start:-0.3125rem;
inset-inline-start:-0.3125rem;
}
.slds-scope .slds-spinner_large.slds-spinner::after,.slds-scope .slds-spinner--large.slds-spinner::after,
.slds-scope .slds-spinner_large .slds-spinner__dot-a::after,
.slds-scope .slds-spinner--large .slds-spinner__dot-a::after,
.slds-scope .slds-spinner_large .slds-spinner__dot-b::after,
.slds-scope .slds-spinner--large .slds-spinner__dot-b::after{
animation-name:dotsBounceAfter-medium;
inset-block-start:-0.3125rem;
inset-inline-end:-0.3125rem;
}
@keyframes dotsBounceBefore-large{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
80%{
transform:translate3d(-0.75rem, 0, 0);
animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43);
}
100%{
transform:translateX(0);
}
}
@keyframes dotsBounceAfter-large{
0%{
transform:translate3d(0, 0, 0);
}
60%{
transform:translate3d(0, 0, 0);
animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
80%{
transform:translate3d(0.75rem, 0, 0);
animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43);
}
100%{
transform:translateX(0);
}
}
.slds-scope .slds-split-view_container,.slds-scope .slds-split-view--container{
position:relative;
display:flex;
flex-direction:column;
min-width:0;
height:100%;
}
.slds-scope .slds-split-view_container.slds-is-closed .slds-split-view,.slds-scope .slds-split-view--container.slds-is-closed .slds-split-view{
display:none;
}
.slds-scope .slds-split-view_container.slds-is-closed .slds-split-view__toggle-button .slds-button__icon,.slds-scope .slds-split-view--container.slds-is-closed .slds-split-view__toggle-button .slds-button__icon{
transform:rotate(180deg);
}
.slds-scope .slds-split-view_container.slds-is-open,.slds-scope .slds-split-view--container.slds-is-open{
flex:1 1 auto;
}
.slds-scope .slds-split-view_container.slds-is-open .slds-split-view,.slds-scope .slds-split-view--container.slds-is-open .slds-split-view{
display:inherit;
}
.slds-scope .slds-split-view_container.slds-is-open .slds-split-view__toggle-button .slds-button__icon,.slds-scope .slds-split-view--container.slds-is-open .slds-split-view__toggle-button .slds-button__icon{
transform:rotate(0);
}
.slds-scope .slds-split-view{
background:var(--slds-g-color-surface-2);
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-split-view__header{
padding-block-start:var(--slds-g-spacing-var-block-4);
padding-block-end:var(--slds-g-spacing-2);
padding-inline-start:var(--slds-g-spacing-var-inline-5);
padding-inline-end:var(--slds-g-spacing-var-inline-4);
}
.slds-scope .slds-split-view__list-header{
font-size:var(--slds-g-font-scale-1);
font-weight:var(--slds-g-font-weight-7);
line-height:var(--slds-g-font-lineheight-2);
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
padding-block:var(--slds-g-spacing-2);
padding-inline-start:var(--slds-g-spacing-5);
padding-inline-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-split-view__list-item{
display:flex;
position:relative;
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
font-size:var(--slds-g-font-scale-neg-1);
}
.slds-scope .slds-split-view__list-item:hover,
.slds-scope .slds-split-view__list-item:focus{
background:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-split-view__list-item .slds-indicator_unread,.slds-scope .slds-split-view__list-item .slds-indicator--unread,
.slds-scope .slds-split-view__list-item .slds-indicator--unread{
background:var(--slds-g-color-accent-1);
}
.slds-scope .slds-indicator_unread,.slds-scope .slds-indicator--unread{
width:8px;
height:8px;
position:absolute;
inset-block-start:var(--slds-g-spacing-4);
inset-inline-start:var(--slds-g-spacing-2);
display:block;
border-radius:var(--slds-g-radius-border-circle);
background:var(--slds-g-color-error-1);
}
.slds-scope .slds-split-view__list-item-action{
color:currentColor;
padding-block-start:var(--slds-g-spacing-var-block-3);
padding-block-end:var(--slds-g-spacing-var-block-2);
padding-inline-start:var(--slds-g-spacing-var-inline-5);
padding-inline-end:var(--slds-g-spacing-var-inline-4);
}
.slds-scope .slds-split-view__list-item-action:hover,
.slds-scope .slds-split-view__list-item-action:focus{
outline:none;
background:var(--slds-g-color-surface-container-1);
color:currentColor;
text-decoration:none;
}
.slds-scope .slds-split-view__list-item-action:focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
outline:0;
}
.slds-scope .slds-split-view__list-item-action[aria-current='page']{
box-shadow:inset 4px 0 0 var(--slds-g-color-accent-1);
}
.slds-scope .slds-split-view__list-item-action[aria-current='page']:focus{
box-shadow:inset 4px 0 0 var(--slds-g-color-accent-1), inset 0 0 0 1px var(--slds-g-color-accent-1);
}
.slds-scope .slds-split-view__toggle-button{
position:absolute;
inset-inline-end:calc(0.75rem * -1);
height:100%;
width:0.75rem;
background:var(--slds-g-color-surface-container-1);
border-radius:0;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-split-view__toggle-button:hover,
.slds-scope .slds-split-view__toggle-button:focus{
background:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-split-view__toggle-button.slds-is-closed .slds-button__icon{
transform:rotate(180deg);
}
.slds-scope .slds-tile + .slds-tile{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-tile__detail{
position:relative;
}
.slds-scope .slds-tile__meta{
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-tile_board,.slds-scope .slds-tile--board{
position:relative;
}
.slds-scope .slds-tile_board .slds-has-alert,.slds-scope .slds-tile--board .slds-has-alert{
padding-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-tile_board__icon,.slds-scope .slds-tile--board__icon{
width:var(--slds-g-spacing-4);
height:var(--slds-g-spacing-4);
position:absolute;
inset-block-end:var(--slds-g-spacing-1);
inset-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-tabs_default,.slds-scope .slds-tabs--default{
display:block;
width:100%;
}
.slds-scope .slds-tabs_default .slds-tabs__item_overflow,.slds-scope .slds-tabs--default .slds-tabs__item--overflow{
overflow:visible;
}
.slds-scope .slds-tabs_default__nav,.slds-scope .slds-tabs--default__nav{
display:flex;
align-items:flex-start;
border-block-end-width:var(--slds-c-tabs-list-sizing-border, var(--slds-g-sizing-border-1));
border-block-end-style:solid;
border-block-end-color:var(
--slds-c-tabs-list-color-border,
var(--slds-s-navigation-color-border, var(--slds-g-color-border-1))
);
}
.slds-scope .slds-tabs_default__item,.slds-scope .slds-tabs--default__item{
color:var(--slds-c-tabs-item-text-color, var(--slds-s-navigation-color, var(--slds-g-color-on-surface-2)));
position:relative;
padding-block-start:var(--slds-c-tabs-item-spacing-block-start, 0);
padding-inline-end:var(--slds-c-tabs-item-spacing-inline-end, var(--slds-g-spacing-3));
padding-block-end:var(--slds-c-tabs-item-spacing-block-end, 0);
padding-inline-start:var(--slds-c-tabs-item-spacing-inline-start, var(--slds-g-spacing-3));
margin-block-end:calc(var(--slds-c-tabs-list-sizing-border, var(--slds-c-tabs-list-sizing-border)) * -1);
font-weight:var(--slds-s-navigation-font-weight);
font-size:var(--slds-g-font-scale-var-1);
}
.slds-scope .slds-tabs_default__item::after,.slds-scope .slds-tabs--default__item::after{
display:block;
content:'';
inset-block-end:0;
inset-inline-start:0;
inset-inline-end:0;
height:0;
position:absolute;
}
.slds-scope .slds-tabs_default__item.slds-is-active,.slds-scope .slds-tabs--default__item.slds-is-active{
--slds-c-tabs-item-text-color:var(
--slds-c-tabs-item-text-color-active,
var(--slds-s-navigation-color-active, var(--slds-g-color-on-surface-3))
);
}
.slds-scope .slds-tabs_default__item.slds-is-active::after,.slds-scope .slds-tabs--default__item.slds-is-active::after{
background-color:var(--slds-c-tabs-item-color-border-active, var(--slds-g-color-accent-2));
height:var(--slds-c-tabs-list-sizing-border, var(--slds-s-navigation-sizing-border-active));
}
.slds-scope .slds-tabs_default__item.slds-is-active .slds-tabs_default__link,.slds-scope .slds-tabs--default__item.slds-is-active .slds-tabs--default__link{
font-weight:var(--slds-s-navigation-font-weight-active);
}
.slds-scope .slds-tabs_default__item.slds-is-active .slds-tabs_default__link:hover,.slds-scope .slds-tabs--default__item.slds-is-active .slds-tabs--default__link:hover{
color:currentColor;
}
.slds-scope .slds-tabs_default__item:hover,.slds-scope .slds-tabs--default__item:hover{
color:var(--slds-s-navigation-color-hover);
}
.slds-scope .slds-tabs_default__item:hover::after,.slds-scope .slds-tabs--default__item:hover::after{
height:var(--slds-c-tabs-list-sizing-border, var(--slds-s-navigation-sizing-border-hover));
background-color:var(
--slds-c-tabs-item-color-border-hover,
var(--slds-s-navigation-color-border-hover, var(--slds-g-color-accent-3))
);
}
.slds-scope .slds-tabs_default__item:focus-visible,.slds-scope .slds-tabs--default__item:focus-visible{
outline:0;
}
.slds-scope .slds-tabs_default__item:focus-visible::after,.slds-scope .slds-tabs--default__item:focus-visible::after{
height:var(--slds-c-tabs-list-sizing-border, var(--slds-s-navigation-sizing-border-active));
background-color:var(--slds-c-tabs-item-color-border-active, var(--slds-g-color-accent-2));
}
.slds-scope .slds-tabs_default__item .slds-tabs_default__link:focus-visible,.slds-scope .slds-tabs--default__item .slds-tabs--default__link:focus-visible{
box-shadow:none;
}
.slds-scope .slds-tabs_default__item:has(.slds-tabs_default__link:focus-visible),.slds-scope .slds-tabs--default__item:has(.slds-tabs--default__link:focus-visible){
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-6px;
}
.slds-scope .slds-tabs_default__item.slds-has-notification,.slds-scope .slds-tabs--default__item.slds-has-notification{
background:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-tabs_default__item.slds-has-notification::after,.slds-scope .slds-tabs--default__item.slds-has-notification::after{
background-color:var(--slds-g-color-border-1);
}
.slds-scope .slds-tabs_default__item.slds-has-notification:hover::after,.slds-scope .slds-tabs--default__item.slds-has-notification:hover::after{
background-color:var(--slds-g-color-accent-3);
}
.slds-scope .slds-tabs_default__item.slds-has-notification .slds-indicator_unread,.slds-scope .slds-tabs--default__item.slds-has-notification .slds-indicator--unread{
display:inline-block;
height:0.375rem;
width:0.375rem;
position:relative;
inset-block-start:auto;
inset-inline-start:auto;
}
.slds-scope .slds-tabs_default__item.slds-has-notification .slds-indicator_unsaved,.slds-scope .slds-tabs--default__item.slds-has-notification .slds-indicator--unsaved{
inset-block-start:calc(var(--slds-g-spacing-1) * -1);
}
.slds-scope .slds-tabs_default__item.slds-is-unsaved .slds-indicator_unread,.slds-scope .slds-tabs--default__item.slds-is-unsaved .slds-indicator--unread{
margin-inline-start:-0.35rem;
}
.slds-scope .slds-tabs_default__item.slds-is-unsaved .slds-indicator_unsaved,.slds-scope .slds-tabs--default__item.slds-is-unsaved .slds-indicator--unsaved{
color:var(--slds-g-color-accent-3);
}
.slds-scope .slds-tabs_default__link,.slds-scope .slds-tabs--default__link{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:inline-flex;
align-items:center;
text-decoration:none;
cursor:pointer;
height:var(--slds-c-tabs-item-sizing-height, var(--slds-s-navigation-sizing-height, 2.5rem));
line-height:var(--slds-c-tabs-item-font-lineheight, var(--slds-s-navigation-font-lineheight, 2.5rem));
color:currentColor;
border:0;
text-transform:inherit;
z-index:1;
}
.slds-scope .slds-tabs_default__link:focus-visible,.slds-scope .slds-tabs--default__link:focus-visible{
outline:0;
}
.slds-scope .slds-tabs_default__link:hover,.slds-scope .slds-tabs--default__link:hover,
.slds-scope .slds-tabs_default__link:focus,
.slds-scope .slds-tabs--default__link:focus{
text-decoration:none;
box-shadow:none;
color:currentColor;
}
.slds-scope .slds-tabs_default__link[tabindex='0']:focus-visible,.slds-scope .slds-tabs--default__link[tabindex='0']:focus-visible{
text-decoration:none;
}
.slds-scope .slds-tabs_default__overflow-button,.slds-scope .slds-tabs--default__overflow-button{
display:inline-flex;
height:var(--slds-c-tabs-item-sizing-height, var(--slds-s-navigation-sizing-height, 2.5rem));
line-height:var(--slds-c-tabs-item-font-lineheight, var(--slds-s-navigation-font-lineheight, 2.5rem));
}
.slds-scope .slds-tabs_default__overflow-button .slds-button,.slds-scope .slds-tabs--default__overflow-button .slds-button{
line-height:inherit;
color:var(--slds-c-tabs-item-text-color, var(--slds-g-color-on-surface-1));
box-shadow:none;
--slds-c-button-color-border-active:transparent;
}
.slds-scope .slds-tabs_default__overflow-button .slds-button:focus-visible,.slds-scope .slds-tabs--default__overflow-button .slds-button:focus-visible{
text-decoration:underline;
}
.slds-scope .slds-tabs_default__overflow-button.slds-has-error .slds-button,.slds-scope .slds-tabs--default__overflow-button.slds-has-error .slds-button, .slds-scope .slds-tabs_default__overflow-button.slds-has-success .slds-button, .slds-scope .slds-tabs--default__overflow-button.slds-has-success .slds-button{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-tabs_default__content,.slds-scope .slds-tabs--default__content{
position:relative;
padding-block-start:var(
--slds-c-tabs-panel-spacing-block-start,
var(--slds-c-tabs-panel-spacing-block, var(--slds-g-spacing-3))
);
padding-inline-end:var(--slds-c-tabs-panel-spacing-inline-end, var(--slds-c-tabs-panel-spacing-inline, 0));
padding-block-end:var(
--slds-c-tabs-panel-spacing-block-end,
var(--slds-c-tabs-panel-spacing-block, var(--slds-g-spacing-3))
);
padding-inline-start:var(
--slds-c-tabs-panel-spacing-inline-start,
var(--slds-c-tabs-panel-spacing-inline, 0)
);
}
.slds-scope .slds-tabs_medium .slds-tabs_default__item,.slds-scope .slds-tabs--medium .slds-tabs--default__item,
.slds-scope .slds-tabs_medium .slds-tabs_scoped__link,
.slds-scope .slds-tabs--medium .slds-tabs--scoped__link{
font-size:var(--slds-g-font-scale-var-2);
}
.slds-scope .slds-tabs_medium .slds-tabs_scoped__link,.slds-scope .slds-tabs--medium .slds-tabs--scoped__link{
padding-inline:var(--slds-g-spacing-var-inline-6);
}
.slds-scope .slds-tabs_large .slds-tabs_default__item,.slds-scope .slds-tabs--large .slds-tabs--default__item,
.slds-scope .slds-tabs_large .slds-tabs_scoped__link,
.slds-scope .slds-tabs--large .slds-tabs--scoped__link{
font-size:var(--slds-g-font-scale-var-3);
}
.slds-scope .slds-tabs_large .slds-tabs_scoped__link,.slds-scope .slds-tabs--large .slds-tabs--scoped__link{
padding-inline:var(--slds-g-spacing-var-inline-6);
}
.slds-scope .slds-tabs__left-icon{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-tabs__left-icon:empty{
margin-inline-end:0;
}
.slds-scope .slds-tabs__right-icon{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-tabs_scoped,.slds-scope .slds-tabs--scoped{
display:block;
width:100%;
}
.slds-scope .slds-tabs_scoped__nav,.slds-scope .slds-tabs--scoped__nav{
display:flex;
align-items:flex-start;
background-color:var(--slds-s-navigation-color-background);
border:var(--slds-g-sizing-border-1) solid var(--slds-s-navigation-color-border);
border-start-start-radius:var(--slds-s-navigation-radius-border);
border-start-end-radius:var(--slds-s-navigation-radius-border);
border-end-end-radius:0;
border-end-start-radius:0;
}
.slds-scope .slds-tabs_scoped__item,.slds-scope .slds-tabs--scoped__item{
position:relative;
margin-block-end:calc(var(--slds-g-sizing-border-1) * -1);
}
.slds-scope .slds-tabs_scoped__item + .slds-tabs_scoped__item,.slds-scope .slds-tabs--scoped__item + .slds-tabs--scoped__item{
margin-inline-start:calc(var(--slds-g-sizing-border-1) * -1);
}
.slds-scope .slds-tabs_scoped__item:first-child .slds-tabs_scoped__link,.slds-scope .slds-tabs--scoped__item:first-child .slds-tabs--scoped__link{
border-inline-start:0;
border-start-start-radius:var(--slds-s-navigation-radius-border);
border-start-end-radius:0;
border-end-end-radius:0;
border-end-start-radius:0;
}
.slds-scope .slds-tabs_scoped__item .slds-tabs_scoped__link:focus-visible,.slds-scope .slds-tabs--scoped__item .slds-tabs--scoped__link:focus-visible{
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-4px;
}
.slds-scope .slds-tabs_scoped__content,.slds-scope .slds-tabs--scoped__content{
background-color:var(--slds-s-navigation-color-background-active);
border:var(--slds-g-sizing-border-1) solid var(--slds-s-navigation-color-border, var(--slds-g-color-border-1));
border-block-start:0;
border-start-start-radius:0;
border-start-end-radius:0;
border-end-end-radius:var(--slds-s-navigation-radius-border);
border-end-start-radius:var(--slds-s-navigation-radius-border);
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-tabs_scoped__link,.slds-scope .slds-tabs--scoped__link{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
text-decoration:none;
cursor:pointer;
height:var(--slds-c-tabs-item-sizing-height, var(--slds-s-navigation-sizing-height, 2.5rem));
line-height:var(--slds-c-tabs-item-font-lineheight, var(--slds-s-navigation-font-lineheight, 2.5rem));
padding-block:0;
padding-inline:var(--slds-g-spacing-4);
color:var(--slds-s-navigation-color, var(--slds-g-color-on-surface-1));
font-weight:var(--slds-s-navigation-font-weight);
background-clip:padding-box;
border:0;
border-inline-start:var(--slds-g-sizing-border-1) solid transparent;
border-inline-end:var(--slds-g-sizing-border-1) solid transparent;
border-block-end:var(--slds-g-sizing-border-1) solid transparent;
border-radius:0;
}
.slds-scope .slds-tabs_scoped__link:hover,.slds-scope .slds-tabs--scoped__link:hover,
.slds-scope .slds-tabs_scoped__link:focus,
.slds-scope .slds-tabs--scoped__link:focus{
outline:0;
text-decoration:none;
color:currentColor;
background-color:var(--slds-s-navigation-color-background-hover);
border-color:var(--slds-s-navigation-color-border, var(--slds-g-color-border-1));
}
.slds-scope .slds-tabs_scoped__overflow-button,.slds-scope .slds-tabs--scoped__overflow-button{
display:inline-flex;
height:var(--slds-c-tabs-item-sizing-height, var(--slds-s-navigation-sizing-height, 2.5rem));
line-height:var(--slds-c-tabs-item-font-lineheight, var(--slds-s-navigation-font-lineheight, 2.5rem));
}
.slds-scope .slds-tabs_scoped__overflow-button .slds-button,.slds-scope .slds-tabs--scoped__overflow-button .slds-button{
line-height:inherit;
color:var(--slds-s-navigation-color, var(--slds-g-color-on-surface-1));
padding-block:0;
padding-inline:var(--slds-g-spacing-4);
font-weight:var(--slds-s-navigation-font-weight);
--slds-c-button-color-background-hover:transparent;
--slds-c-button-shadow-focus:none;
--slds-c-button-radius-border:0;
}
.slds-scope .slds-tabs_scoped__overflow-button .slds-button:focus-visible,.slds-scope .slds-tabs--scoped__overflow-button .slds-button:focus-visible{
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-6px;
}
.slds-scope .slds-tabs_scoped__overflow-button .slds-button:active,.slds-scope .slds-tabs--scoped__overflow-button .slds-button:active{
box-shadow:none;
}
.slds-scope .slds-is-active .slds-tabs_scoped__link,.slds-scope .slds-is-active .slds-tabs--scoped__link{
background-color:var(--slds-s-navigation-color-background-active);
border-color:var(--slds-s-navigation-color-border, var(--slds-g-color-border-1));
font-weight:var(--slds-s-navigation-font-weight-active);
color:var(--slds-s-navigation-color-active, var(--slds-g-color-on-surface-3));
border-block-end:none;
}
.slds-scope .slds-is-active .slds-tabs_scoped__link:hover,.slds-scope .slds-is-active .slds-tabs--scoped__link:hover{
border-bottom-color:transparent;
}
.slds-scope .slds-vertical-tabs{
display:flex;
overflow:hidden;
border:var(--slds-g-sizing-border-1) solid var(--slds-s-navigation-color-border);
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-vertical-tabs__nav{
width:var(--slds-g-sizing-14);
border-inline-end:var(--slds-g-sizing-border-1) solid var(--slds-s-navigation-color-border);
background:var(--slds-s-navigation-color-background);
}
.slds-scope .slds-vertical-tabs__nav-item{
display:flex;
align-items:center;
overflow:hidden;
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-s-navigation-color-border);
color:var(--slds-s-navigation-color);
}
.slds-scope .slds-vertical-tabs__nav-item:last-child{
margin-block-end:-1px;
}
.slds-scope .slds-vertical-tabs__link{
display:flex;
flex:1 1 0%;
align-items:center;
min-width:0;
padding:var(--slds-g-spacing-3);
color:currentColor;
font-weight:var(--slds-s-navigation-font-weight);
}
.slds-scope .slds-vertical-tabs__link:hover{
background:var(--slds-s-navigation-color-background-hover);
color:var(--slds-g-color-on-surface-3);
text-decoration:none;
}
.slds-scope .slds-vertical-tabs__link:focus{
outline:0;
color:currentColor;
}
.slds-scope .slds-vertical-tabs__link:focus-visible{
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-6px;
text-decoration:none;
}
.slds-scope .slds-vertical-tabs__left-icon{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-vertical-tabs__left-icon:empty{
margin-inline-end:0;
}
.slds-scope .slds-vertical-tabs__right-icon{
margin-inline-start:auto;
}
.slds-scope .slds-vertical-tabs__content{
flex:1;
padding:var(--slds-g-spacing-3);
background:var(--slds-s-navigation-color-background-active);
}
.slds-scope .slds-vertical-tabs__nav-item.slds-is-active{
margin-inline-end:-1px;
border-inline-end:0;
background:var(--slds-s-navigation-color-background-active);
color:var(--slds-s-navigation-color-active);
}
.slds-scope .slds-vertical-tabs__nav-item.slds-is-active .slds-vertical-tabs__link:hover{
background:var(--slds-s-navigation-color-background-active);
color:currentColor;
}
.slds-scope .slds-vertical-tabs__nav-item.slds-is-active .slds-vertical-tabs__link{
font-weight:var(--slds-s-navigation-font-weight-active);
}
.slds-scope .slds-vertical-tabs__nav-item:has(:focus-visible){
text-decoration:none;
}
.slds-scope .slds-sub-tabs .slds-tabs_default__nav,.slds-scope .slds-sub-tabs .slds-tabs--default__nav{
background-color:var(--slds-g-color-surface-container-1);
border-block-end-width:var(--slds-g-sizing-border-1);
}
.slds-scope .slds-sub-tabs__item{
text-transform:none;
letter-spacing:0;
margin-block-end:0;
font-weight:normal;
}
.slds-scope .slds-sub-tabs__item.slds-active,
.slds-scope .slds-sub-tabs__item.slds-is-open{
background-color:var(
--_slds-c-globalnavigation-subtab-color-background-active,
var(--slds-g-color-accent-light-1)
);
color:var(--_slds-c-globalnavigation-item-color-active, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-sub-tabs__item.slds-active .slds-button__icon,
.slds-scope .slds-sub-tabs__item.slds-active .slds-icon,
.slds-scope .slds-sub-tabs__item.slds-is-open .slds-button__icon,
.slds-scope .slds-sub-tabs__item.slds-is-open .slds-icon{
fill:var(--_slds-c-globalnavigation-item-color-active, var(--slds-g-color-on-surface-1));
}
.slds-scope .slds-sub-tabs__item.slds-active:hover, .slds-scope .slds-sub-tabs__item.slds-is-open:hover{
background-color:var(
--_slds-c-globalnavigation-subtab-color-background-active,
var(--slds-g-color-accent-light-1)
);
}
.slds-scope .slds-sub-tabs__item::after{
content:none;
}
.slds-scope .slds-sub-tabs__item:hover{
background-color:var(
--_slds-c-globalnavigation-subtab-color-background-hover,
var(--slds-g-color-accent-light-1)
);
}
.slds-scope .slds-sub-tabs__item .slds-tabs_default__link:focus-visible,.slds-scope .slds-sub-tabs__item .slds-tabs--default__link:focus-visible{
text-decoration:none;
}
.slds-scope .slds-sub-tabs__item + .slds-sub-tabs__item{
margin-inline-start:0;
}
.slds-scope .slds-sub-tabs__item .slds-icon_container,.slds-scope .slds-sub-tabs__item .slds-icon--container{
--slds-c-icon-color-background:transparent;
--slds-c-icon-color-foreground:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-sub-tabs__item .slds-button__icon,
.slds-scope .slds-sub-tabs__item .slds-icon{
fill:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-sub-tabs__item.slds-has-success{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-sub-tabs__item.slds-has-success .slds-button__icon,
.slds-scope .slds-sub-tabs__item.slds-has-success .slds-icon{
fill:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-sub-tabs__item.slds-has-success::before{
animation-duration:1s;
animation-iteration-count:3;
animation-timing-function:linear;
background-color:var(--slds-g-color-success-container-1);
inset-block-end:0;
content:' ';
inset-inline-start:0;
position:absolute;
inset-inline-end:0;
inset-block-start:0;
transition:background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-name:success-pulse;
}
.slds-scope .slds-sub-tabs__item.slds-has-success:hover::before{
background-color:var(--slds-g-color-success-container-2);
}
.slds-scope .slds-sub-tabs__item.slds-has-success .slds-indicator_unread,.slds-scope .slds-sub-tabs__item.slds-has-success .slds-indicator--unread{
background-color:currentColor;
}
.slds-scope .slds-sub-tabs__item.slds-has-success .slds-indicator_unsaved,.slds-scope .slds-sub-tabs__item.slds-has-success .slds-indicator--unsaved{
color:currentColor;
}
.slds-scope .slds-sub-tabs__item.slds-has-error{
color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-sub-tabs__item.slds-has-error .slds-button__icon,
.slds-scope .slds-sub-tabs__item.slds-has-error .slds-icon{
fill:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-sub-tabs__item.slds-has-error::before{
animation-duration:1s;
animation-iteration-count:3;
animation-timing-function:linear;
background-color:var(--slds-g-color-error-container-1);
inset-block-end:0;
content:' ';
inset-inline-start:0;
position:absolute;
inset-inline-end:0;
inset-block-start:0;
transition:background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-name:error-pulse;
}
.slds-scope .slds-sub-tabs__item.slds-has-error:hover::before{
background-color:var(--slds-g-color-error-container-2);
}
.slds-scope .slds-sub-tabs__item.slds-has-error .slds-indicator_unread,.slds-scope .slds-sub-tabs__item.slds-has-error .slds-indicator--unread{
background-color:currentColor;
}
.slds-scope .slds-sub-tabs__item.slds-has-error .slds-indicator_unsaved,.slds-scope .slds-sub-tabs__item.slds-has-error .slds-indicator--unsaved{
color:currentColor;
}
.slds-scope .slds-sub-tabs__item.slds-has-warning{
color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-sub-tabs__item.slds-has-warning .slds-button__icon,
.slds-scope .slds-sub-tabs__item.slds-has-warning .slds-icon{
fill:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-sub-tabs__item.slds-has-warning::before{
animation-duration:1s;
animation-iteration-count:3;
animation-timing-function:linear;
background-color:var(--slds-g-color-warning-container-1);
inset-block-end:0;
content:' ';
inset-inline-start:0;
position:absolute;
inset-inline-end:0;
inset-block-start:0;
transition:background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
animation-name:warning-pulse;
}
.slds-scope .slds-sub-tabs__item.slds-has-warning:hover::before{
background-color:var(--slds-g-color-warning-base-80);
}
.slds-scope .slds-sub-tabs__item.slds-has-warning .slds-indicator_unread,.slds-scope .slds-sub-tabs__item.slds-has-warning .slds-indicator--unread{
background-color:currentColor;
}
.slds-scope .slds-sub-tabs__item.slds-has-warning .slds-indicator_unsaved,.slds-scope .slds-sub-tabs__item.slds-has-warning .slds-indicator--unsaved{
color:currentColor;
}
.slds-scope .slds-sub-tabs__item.slds-has-warning:has(.slds-tabs_default__link:focus-visible)::before,.slds-scope .slds-sub-tabs__item.slds-has-warning:has(.slds-tabs--default__link:focus-visible)::before, .slds-scope .slds-sub-tabs__item.slds-has-error:has(.slds-tabs_default__link:focus-visible)::before, .slds-scope .slds-sub-tabs__item.slds-has-error:has(.slds-tabs--default__link:focus-visible)::before, .slds-scope .slds-sub-tabs__item.slds-has-success:has(.slds-tabs_default__link:focus-visible)::before, .slds-scope .slds-sub-tabs__item.slds-has-success:has(.slds-tabs--default__link:focus-visible)::before{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-sub-tabs__item:has(.slds-tabs_default__link:focus-visible),.slds-scope .slds-sub-tabs__item:has(.slds-tabs--default__link:focus-visible){
outline:var(--slds-g-sizing-border-2) solid var(--slds-s-link-outline-color);
outline-offset:-6px;
}
.slds-scope .slds-has-pinned-regions .slds-sub-tabs__item.slds-active::before, .slds-scope .slds-has-pinned-regions .slds-sub-tabs__item.slds-is-open::before{
content:'';
height:3px;
display:block;
background:var(--slds-g-color-accent-2);
position:absolute;
inset-block-start:0;
inset-inline-start:-1px;
inset-inline-end:-1px;
}
.slds-scope .slds-tab__scroll-controls{
display:none;
}
.slds-scope .slds-tabs-mobile__container{
position:relative;
overflow:hidden;
}
.slds-scope .slds-panel__body .slds-tabs-mobile:first-child{
margin-block-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-panel__body .slds-tabs-mobile:first-child .slds-tabs-mobile__item:first-child{
border-block-start:0;
}
.slds-scope .slds-panel__body .slds-tabs-mobile{
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-tabs-mobile{
display:flex;
flex-direction:column;
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-tabs-mobile__item{
display:flex;
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
height:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-4));
align-items:stretch;
color:var(--slds-g-color-on-surface-3);
font-size:var(--slds-g-font-scale-2);
padding:0 var(--slds-g-spacing-3);
}
.slds-scope .slds-tabs-mobile__item:active{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-tabs-mobile__item:last-child{
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-tabs-mobile__group
.slds-tabs-mobile__container
+ .slds-tabs-mobile__container
.slds-tabs-mobile__item:first-child{
border-block-start:0;
}
.slds-scope .slds-navigation-list-vertical .slds-is-active, .slds-scope .slds-navigation-list--vertical .slds-is-active, .slds-scope .slds-navigation-list_vertical .slds-is-active, .slds-scope .slds-navigation-list--vertical .slds-is-active{
color:var(--slds-s-navigation-color, var(--slds-g-color-on-surface-3));
}
.slds-scope .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list_vertical__action,
.slds-scope .slds-navigation-list--vertical__action{
display:block;
border-inline-start:var(--slds-g-sizing-border-4) solid transparent;
border-top:var(--slds-g-sizing-border-1) solid transparent;
border-bottom:var(--slds-g-sizing-border-1) solid transparent;
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-5);
}
.slds-scope .slds-navigation-list-vertical__action:active,
.slds-scope .slds-navigation-list--vertical__action:active,
.slds-scope .slds-navigation-list_vertical__action:active,
.slds-scope .slds-navigation-list--vertical__action:active{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-navigation-list-vertical__action:hover,
.slds-scope .slds-navigation-list--vertical__action:hover,
.slds-scope .slds-navigation-list_vertical__action:hover,
.slds-scope .slds-navigation-list--vertical__action:hover{
outline:0;
background-color:color-mix(in srgb, var(--slds-g-color-accent-1) 10%, transparent);
border-inline-start:var(--slds-g-sizing-border-2) solid var(--slds-g-color-accent-1);
}
.slds-scope .slds-navigation-list-vertical .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list--vertical .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list_vertical .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list--vertical .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list-vertical .slds-is-active .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list_vertical .slds-is-active .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action{
background-color:rgb(21, 137, 238, 0.1);
border-inline-start-color:var(--slds-g-color-accent-1);
font-weight:var(--slds-s-navigation-font-weight);
color:var(--slds-s-navigation-color-active);
}
.slds-scope .slds-navigation-list-vertical_shade .slds-is-active .slds-navigation-list-vertical__action,.slds-scope .slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list_vertical-inverse .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list-vertical__action,
.slds-scope .slds-navigation-list-vertical_shade .slds-is-active .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list_vertical-inverse .slds-is-active .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list--vertical__action,
.slds-scope .slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list--vertical__action{
background-color:var(--slds-g-color-surface-container-1);
font-weight:var(--slds-s-navigation-font-weight);
color:var(--slds-s-navigation-color-active);
}
.slds-scope .slds-navigation-list-vertical_shade .slds-navigation-list-vertical__action:hover,.slds-scope .slds-navigation-list-vertical--shade .slds-navigation-list-vertical__action:hover,
.slds-scope .slds-navigation-list-vertical--shade .slds-navigation-list-vertical__action:hover,
.slds-scope .slds-navigation-list_vertical-inverse .slds-navigation-list-vertical__action:hover,
.slds-scope .slds-navigation-list--vertical-inverse .slds-navigation-list-vertical__action:hover,
.slds-scope .slds-navigation-list--vertical-inverse .slds-navigation-list-vertical__action:hover,
.slds-scope .slds-navigation-list-vertical_shade .slds-navigation-list--vertical__action:hover,
.slds-scope .slds-navigation-list-vertical--shade .slds-navigation-list--vertical__action:hover,
.slds-scope .slds-navigation-list-vertical--shade .slds-navigation-list--vertical__action:hover,
.slds-scope .slds-navigation-list_vertical-inverse .slds-navigation-list--vertical__action:hover,
.slds-scope .slds-navigation-list--vertical-inverse .slds-navigation-list--vertical__action:hover,
.slds-scope .slds-navigation-list--vertical-inverse .slds-navigation-list--vertical__action:hover{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-nav-vertical__action_overflow,.slds-scope .slds-nav-vertical__action--overflow{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-nav-vertical__action_overflow[aria-expanded='true'] .slds-button__icon,.slds-scope .slds-nav-vertical__action--overflow[aria-expanded='true'] .slds-button__icon{
transform:rotate(90deg);
}
[dir='rtl'] .slds-scope .slds-nav-vertical__action_overflow[aria-expanded='true'] .slds-button__icon,[dir='rtl'] .slds-scope .slds-nav-vertical__action--overflow[aria-expanded='true'] .slds-button__icon{
transform:rotate(-90deg);
}
.slds-scope .slds-nav-vertical__action-text{
color:var(--slds-s-link-color, var(--slds-g-color-accent-2));
}
.slds-scope .slds-nav-vertical__action-text:hover{
color:var(--slds-s-link-color-hover);
}
.slds-scope .slds-nav-vertical{
position:relative;
}
.slds-scope .slds-nav-vertical_compact .slds-nav-vertical__title,.slds-scope .slds-nav-vertical--compact .slds-nav-vertical__title,
.slds-scope .slds-nav-vertical_compact .slds-nav-vertical__action,
.slds-scope .slds-nav-vertical--compact .slds-nav-vertical__action{
padding-block-start:var(--slds-g-spacing-1);
padding-inline-end:var(--slds-g-spacing-5);
padding-block-end:var(--slds-g-spacing-1);
padding-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-nav-vertical_shade .slds-is-active.slds-nav-vertical__item::before,.slds-scope .slds-nav-vertical--shade .slds-is-active.slds-nav-vertical__item::before{
background:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-nav-vertical_shade .slds-nav-vertical__item:hover::before,.slds-scope .slds-nav-vertical--shade .slds-nav-vertical__item:hover::before{
background:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-nav-vertical_shade .slds-is-active .slds-nav-vertical__action,.slds-scope .slds-nav-vertical--shade .slds-is-active .slds-nav-vertical__action{
border-color:var(--slds-g-color-neutral-base-90);
}
.slds-scope .slds-nav-vertical__title{
padding-block-start:var(--slds-g-spacing-2);
padding-inline-end:var(--slds-g-spacing-4);
padding-block-end:var(--slds-g-spacing-2);
padding-inline-start:var(--slds-g-spacing-5);
font-size:var(--slds-g-font-size-base);
font-weight:var(--slds-g-font-weight-7);
}
.slds-scope .slds-nav-vertical__title:not(:first-of-type){
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-nav-vertical__section:not(:first-of-type){
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-nav-vertical__item{
position:relative;
display:block;
list-style:none;
}
.slds-scope .slds-nav-vertical__item::before{
position:absolute;
inset-block-start:0;
inset-inline-end:0;
inset-block-end:0;
inset-inline-start:0;
content:'';
}
.slds-scope .slds-nav-vertical__item:hover::before,
.slds-scope .slds-nav-vertical__item.slds-is-active::before{
background:color-mix(in srgb, var(--slds-g-color-accent-1) 10%, transparent);
}
.slds-scope .slds-nav-vertical__item:has(:focus-visible)::before,
.slds-scope .slds-nav-vertical__action_overflow:focus-visible,
.slds-scope .slds-nav-vertical__action--overflow:focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
}
.slds-scope .slds-nav-vertical__action{
position:relative;
display:flex;
align-items:center;
width:100%;
padding-block-start:var(--slds-g-spacing-2);
padding-inline-end:var(--slds-g-spacing-5);
padding-block-end:var(--slds-g-spacing-2);
padding-inline-start:var(--slds-g-spacing-6);
color:var(--slds-s-navigation-color, var(--slds-g-color-on-surface-3));
border-block-start:var(--slds-g-sizing-border-1) solid transparent;
border-block-end:var(--slds-g-sizing-border-1) solid transparent;
border-radius:0;
box-shadow:inset 0 0 0 var(--slds-g-color-accent-1);
cursor:pointer;
}
.slds-scope .slds-nav-vertical__action:active,
.slds-scope .slds-nav-vertical__action:hover,
.slds-scope .slds-nav-vertical__action:focus{
color:currentcolor;
}
.slds-scope .slds-nav-vertical__action:hover{
text-decoration:none;
box-shadow:inset 2px 0 0 var(--slds-g-color-accent-1);
color:var(--slds-s-navigation-color-hover);
}
[dir='rtl'] .slds-scope .slds-nav-vertical__action:hover{
box-shadow:inset -2px 0 0 var(--slds-g-color-accent-1);
}
.slds-scope .slds-nav-vertical__action:focus-visible{
outline:0;
text-decoration:underline;
}
.slds-scope .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action{
font-weight:var(--slds-s-navigation-font-weight);
box-shadow:inset 4px 0 0 var(--slds-g-color-accent-1);
color:var(--slds-s-navigation-color-active);
}
[dir='rtl'] .slds-scope .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action{
box-shadow:inset -4px 0 0 var(--slds-g-color-accent-1);
}
.slds-scope .slds-nav-vertical__item [type='radio']{
width:1px;
height:1px;
border:0;
clip:rect(0 0 0 0);
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
}
.slds-scope .slds-nav-vertical__item [type='radio']:focus + .slds-nav-vertical__action,
.slds-scope .slds-nav-vertical__item [type='radio']:focus + .slds-nav-vertical__action .slds-nav-vertical_radio-faux,
.slds-scope .slds-nav-vertical__item [type='radio']:focus + .slds-nav-vertical__action .slds-nav-vertical--radio-faux{
text-decoration:underline;
}
.slds-scope .slds-nav-vertical__item [type='radio']:checked + .slds-nav-vertical__action{
font-weight:var(--slds-g-font-weight-7);
background-color:color-mix(in srgb, var(--slds-g-color-accent-1) 10%, transparent);
box-shadow:inset 4px 0 0 var(--slds-g-color-accent-1);
}
.slds-scope .slds-nav-vertical_shade .slds-nav-vertical__item [type='radio']:checked + .slds-nav-vertical__action,.slds-scope .slds-nav-vertical--shade .slds-nav-vertical__item [type='radio']:checked + .slds-nav-vertical__action{
border-color:var(--slds-g-color-neutral-base-90);
background-color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-notify_alert,.slds-scope .slds-notify--alert{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
padding-block-start:var(--slds-c-alert-spacing-block-start, var(--slds-g-spacing-2));
padding-inline-end:var(--slds-c-alert-spacing-inline-end, var(--slds-g-spacing-6));
padding-block-end:var(--slds-c-alert-spacing-block-end, var(--slds-g-spacing-2));
padding-inline-start:var(--slds-c-alert-spacing-inline-start, var(--slds-g-spacing-2));
color:var(--slds-c-alert-text-color, var(--slds-g-color-on-info-1));
font-weight:var(--slds-c-alert-font-weight);
text-align:center;
background-color:var(--slds-c-alert-color-background, var(--slds-g-color-info-container-1));
}
.slds-scope .slds-notify_alert .slds-icon,.slds-scope .slds-notify--alert .slds-icon,
.slds-scope .slds-notify_alert .slds-button__icon,
.slds-scope .slds-notify--alert .slds-button__icon{
fill:currentColor;
}
.slds-scope .slds-notify_alert .slds-button_icon,.slds-scope .slds-notify--alert .slds-button--icon{
color:currentColor;
}
.slds-scope .slds-notify_alert .slds-button_icon:hover,.slds-scope .slds-notify--alert .slds-button--icon:hover,
.slds-scope .slds-notify_alert .slds-button_icon:focus-visible,
.slds-scope .slds-notify--alert .slds-button--icon:focus-visible{
color:var(--slds-s-alert-close-button-hover, color-mix(in oklab, currentColor, transparent 25%));
}
.slds-scope .slds-notify_alert a,.slds-scope .slds-notify--alert a{
color:currentColor;
border:var(--slds-g-sizing-border-1) solid transparent;
border-radius:var(--slds-g-radius-border-2);
text-decoration:underline;
}
.slds-scope .slds-notify_alert a:hover,.slds-scope .slds-notify--alert a:hover,
.slds-scope .slds-notify_alert a:focus:not(:focus-visible),
.slds-scope .slds-notify--alert a:focus:not(:focus-visible){
text-decoration:none;
outline:0;
}
.slds-scope .slds-notify_alert a:focus-visible,.slds-scope .slds-notify--alert a:focus-visible{
outline-offset:2px;
}
.slds-scope .slds-notify_alert a:active,.slds-scope .slds-notify--alert a:active{
color:var(--slds-c-alert-text-color-active, color-mix(in oklab, currentColor, transparent 50%));
}
.slds-scope .slds-notify_alert a[disabled],.slds-scope .slds-notify--alert a[disabled]{
color:color-mix(in oklab, currentColor, transparent 90%);
}
.slds-scope .slds-alert_warning,.slds-scope .slds-alert--warning{
--slds-c-alert-color-background:var(--slds-g-color-warning-container-1);
--slds-c-alert-text-color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-alert_error,.slds-scope .slds-alert--error{
--slds-c-alert-color-background:var(--slds-g-color-error-container-1);
--slds-c-alert-text-color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-alert_offline,.slds-scope .slds-alert--offline{
--slds-c-alert-color-background:var(--slds-g-color-neutral-base-50);
--slds-c-alert-text-color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-notify__close{
position:absolute;
inset-inline-end:var(--slds-g-spacing-3);
margin-inline-start:var(--slds-g-spacing-1);
top:50%;
transform:translateY(-50%);
}
.slds-scope .slds-modal_prompt .slds-modal__header,.slds-scope .slds-modal--prompt .slds-modal__header{
border-block-end:0;
text-align:var(--slds-s-container-heading-font-align, center);
font-size:var(--slds-s-container-heading-font-size);
font-weight:var(--slds-s-container-heading-font-weight);
}
.slds-scope .slds-modal_prompt .slds-modal__content,.slds-scope .slds-modal--prompt .slds-modal__content{
padding-inline-start:var(--slds-g-spacing-6);
padding-inline-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-modal_prompt .slds-modal__footer,.slds-scope .slds-modal--prompt .slds-modal__footer{
border-block-start-width:var(--slds-s-container-footer-sizing-border, 0);
text-align:var(--slds-s-container-footer-font-align, center);
}
.slds-scope .slds-notify_container,.slds-scope .slds-notify--container{
position:fixed;
width:100%;
inset-inline-start:0;
inset-block-start:0;
z-index:1000;
text-align:center;
}
.slds-scope .slds-notify_toast,.slds-scope .slds-notify--toast{
display:inline-flex;
align-items:center;
position:relative;
background:none;
background-color:var(--slds-c-toast-color-background, var(--slds-g-color-on-surface-1));
color:var(--slds-c-toast-text-color);
border-radius:var(--slds-c-toast-radius-border, var(--slds-g-radius-border-2));
margin:var(--slds-g-spacing-2);
padding-block-start:var(--slds-c-toast-spacing-block-start, var(--slds-g-spacing-3));
padding-inline-end:var(--slds-c-toast-spacing-inline-end, var(--slds-g-spacing-8));
padding-block-end:var(--slds-c-toast-spacing-block-end, var(--slds-g-spacing-3));
padding-inline-start:var(--slds-c-toast-spacing-inline-start, var(--slds-g-spacing-5));
min-width:var(--slds-c-toast-sizing-min-width, var(--slds-g-sizing-16));
text-align:left;
justify-content:flex-start;
box-shadow:var(--slds-g-shadow-3);
max-width:50%;
word-break:break-word;
}
.slds-scope .slds-notify_toast .slds-notify__content .slds-text-heading_small,.slds-scope .slds-notify--toast .slds-notify__content .slds-text-heading--small{
font-weight:var(--slds-s-alert-font-weight);
}
.slds-scope .slds-notify_toast .slds-notify__content a:focus-visible,.slds-scope .slds-notify--toast .slds-notify__content a:focus-visible{
border-radius:var(--slds-g-radius-border-1);
outline-offset:2px;
}
.slds-scope .slds-notify_toast .slds-notify__close,.slds-scope .slds-notify--toast .slds-notify__close{
float:inline-end;
position:absolute;
top:var(--slds-g-spacing-3);
inset-inline-end:var(--slds-g-spacing-3);
margin-inline-start:var(--slds-g-spacing-1);
transform:none;
}
.slds-scope .slds-notify_toast .slds-button_icon,.slds-scope .slds-notify--toast .slds-button--icon{
color:currentColor;
}
.slds-scope .slds-notify_toast .slds-button_icon:hover,.slds-scope .slds-notify--toast .slds-button--icon:hover,
.slds-scope .slds-notify_toast .slds-button_icon:focus-visible,
.slds-scope .slds-notify--toast .slds-button--icon:focus-visible{
color:var(--slds-s-alert-close-button-hover, color-mix(in oklab, currentColor, transparent 25%));
}
.slds-scope .slds-region_narrow .slds-notify_toast,.slds-scope .slds-region--narrow .slds-notify--toast{
min-width:auto;
width:100%;
margin-inline-start:0;
max-width:max-content;
}
.slds-scope .slds-scoped-notification{
padding:var(--slds-g-spacing-3);
border-radius:var(--slds-g-radius-border-2);
font-weight:var(--slds-s-alert-font-weight);
}
.slds-scope .slds-scoped-notification .slds-icon_container,.slds-scope .slds-scoped-notification .slds-icon--container{
display:flex;
}
.slds-scope .slds-scoped-notification a:focus-visible{
border-radius:var(--slds-g-radius-border-1);
}
.slds-scope .slds-scoped-notification.slds-theme_warning a:focus,.slds-scope .slds-scoped-notification.slds-theme--warning a:focus{
border:0;
}
.slds-scope .slds-scoped-notification_light,.slds-scope .slds-scoped-notification--light{
background-color:var(--slds-g-color-surface-container-3);
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-scoped-notification_light a,.slds-scope .slds-scoped-notification--light a{
color:var(--slds-g-color-on-surface-1);
text-decoration:underline;
}
.slds-scope .slds-scoped-notification_light a:link,.slds-scope .slds-scoped-notification--light a:link,
.slds-scope .slds-scoped-notification_light a:visited,
.slds-scope .slds-scoped-notification--light a:visited{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-scoped-notification_light a:hover,.slds-scope .slds-scoped-notification--light a:hover,
.slds-scope .slds-scoped-notification_light a:focus,
.slds-scope .slds-scoped-notification--light a:focus{
text-decoration:none;
}
.slds-scope .slds-scoped-notification_dark,.slds-scope .slds-scoped-notification--dark{
background-color:var(--slds-g-color-neutral-base-50);
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-scoped-notification_dark a,.slds-scope .slds-scoped-notification--dark a{
color:var(--slds-g-color-neutral-base-100);
text-decoration:underline;
}
.slds-scope .slds-scoped-notification_dark a:hover,.slds-scope .slds-scoped-notification--dark a:hover,
.slds-scope .slds-scoped-notification_dark a:active,
.slds-scope .slds-scoped-notification--dark a:active{
text-decoration:none;
}
.slds-scope .slds-notification-container{
position:fixed;
display:block;
width:var(--slds-g-sizing-15);
inset-inline-end:var(--slds-g-spacing-1);
inset-block-start:var(--slds-g-spacing-1);
padding-inline:var(--slds-g-spacing-1);
padding-block-start:var(--slds-g-spacing-1);
padding-block-end:var(--slds-g-spacing-2);
z-index:8500;
}
.slds-scope .slds-notification{
position:relative;
width:var(--slds-g-sizing-15);
border:var(--slds-s-container-sizing-border, 1px) solid var(--slds-s-container-color-border);
border-radius:var(--slds-g-radius-border-2);
box-shadow:var(--slds-g-shadow-2);
transition-duration:0.4s;
transition-timing-function:ease-in-out;
transition-property:margin, max-height, opacity, top;
}
.slds-scope .slds-notification .slds-media__body{
opacity:1;
transition-property:opacity;
transition-duration:0.4s;
transition-timing-function:ease-in-out;
padding-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-notification + .slds-notification{
margin-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-notification:nth-of-type(1){
z-index:calc(5 - 1);
}
.slds-scope .slds-notification:nth-of-type(2){
z-index:calc(5 - 2);
}
.slds-scope .slds-notification:nth-of-type(3){
z-index:calc(5 - 3);
}
.slds-scope .slds-notification:nth-of-type(4){
z-index:calc(5 - 4);
}
.slds-scope .slds-notification:nth-of-type(n + 3){
overflow:hidden;
}
.slds-scope .slds-notification:nth-of-type(n + 4){
margin-block-start:0;
transform:scaleX(0.95) translateY(-90%);
}
.slds-scope .slds-notification:nth-of-type(n + 4) .slds-media__body,
.slds-scope .slds-notification:nth-of-type(n + 5){
opacity:0;
}
.slds-scope .slds-notification:nth-of-type(n + 6){
display:none;
}
.slds-scope .slds-notification__target{
padding:var(--slds-g-spacing-3);
border-radius:var(--slds-g-radius-border-2);
background-color:var(--slds-g-color-surface-container-2);
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-notification__target:hover,
.slds-scope .slds-notification__target:focus{
background-color:var(--slds-g-color-surface-container-1);
text-decoration:none;
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-notification__target:focus-visible{
box-shadow:var(--slds-g-shadow-inset-focus-1);
outline:0;
}
.slds-scope .slds-notification__footer{
padding-inline:var(--slds-g-spacing-3);
padding-block-start:var(--slds-g-spacing-3);
padding-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-notification__close{
position:absolute;
inset-block-start:2px;
inset-inline-end:2px;
}
.slds-scope .slds-notification__close .slds-button_icon,.slds-scope .slds-notification__close .slds-button--icon{
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-trial-header{
color:var(--slds-g-color-surface-1);
height:var(--slds-s-header-sizing-height, 3.125rem);
background:var(--slds-g-color-surface-inverse-2);
padding-block:0;
padding-inline:var(--slds-g-spacing-4);
align-items:center;
}
.slds-scope .slds-trial-header .slds-dropdown__item .slds-icon{
fill:currentColor;
}
.slds-scope .slds-trial-header .slds-button_inverse,.slds-scope .slds-trial-header .slds-button--inverse{
border:0;
}
.slds-scope .slds-trial-header .slds-dropdown{
margin-block-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-trial-header .slds-dropdown_inverse .slds-dropdown__item > a:hover,.slds-scope .slds-trial-header .slds-dropdown--inverse .slds-dropdown__item > a:hover,
.slds-scope .slds-trial-header .slds-dropdown_inverse .slds-dropdown__item > a:focus,
.slds-scope .slds-trial-header .slds-dropdown--inverse .slds-dropdown__item > a:focus{
color:var(--slds-g-color-accent-3);
background-color:var(--slds-g-color-surface-container-2);
border-color:var(--slds-g-color-border-inverse-1);
}
.slds-scope .slds-trial-header .slds-button_success:focus-visible,.slds-scope .slds-trial-header .slds-button--success:focus-visible{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-lookup{
position:relative;
width:100%;
}
.slds-scope .slds-lookup mark{
font-weight:var(--slds-g-font-weight-7);
background-color:transparent;
color:inherit;
}
.slds-scope .slds-lookup.slds-is-open .slds-lookup__menu{
display:block;
}
.slds-scope .slds-lookup.slds-has-selection .slds-input,
.slds-scope .slds-lookup.slds-has-selection .slds-input__icon,
.slds-scope .slds-lookup.slds-has-selection .slds-lookup__search-input{
display:none;
}
.slds-scope .slds-lookup.slds-has-selection .slds-pill{
display:flex;
}
.slds-scope .slds-lookup.slds-has-selection .slds-pill__remove{
margin-left:auto;
}
.slds-scope .slds-lookup__list{
max-height:calc(
(
(
(var(--slds-g-font-lineheight-base) * var(--slds-g-font-size-base)) +
(var(--slds-g-font-lineheight-base) * var(--slds-g-font-scale-neg-1)) - var(--slds-g-spacing-1)
) +
(var(--slds-g-spacing-1) * 2)
) *
8
);
overflow-y:auto;
}
.slds-scope .slds-lookup__menu{
background:var(--slds-g-color-surface-container-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
z-index:7000;
position:absolute;
width:100%;
padding:var(--slds-g-spacing-2) 0;
margin-block-start:calc(var(--slds-g-spacing-1) / 2);
display:none;
}
.slds-scope .slds-lookup__item > a,
.slds-scope .slds-lookup__item > span,
.slds-scope .slds-lookup__item > button{
display:block;
padding:var(--slds-g-spacing-2);
color:var(--slds-g-color-on-surface-3);
text-align:left;
width:100%;
line-height:var(--slds-g-font-lineheight-base);
border-radius:0;
}
.slds-scope .slds-lookup__item > a:hover,
.slds-scope .slds-lookup__item > a:focus,
.slds-scope .slds-lookup__item > span:hover,
.slds-scope .slds-lookup__item > span:focus,
.slds-scope .slds-lookup__item > button:hover,
.slds-scope .slds-lookup__item > button:focus{
outline:0;
background-color:var(--slds-g-color-surface-container-2);
color:var(--slds-g-color-on-surface-3);
text-decoration:none;
}
.slds-scope .slds-lookup__item > a .slds-icon,
.slds-scope .slds-lookup__item > span .slds-icon,
.slds-scope .slds-lookup__item > button .slds-icon{
margin-right:var(--slds-g-spacing-2);
}
.slds-scope .slds-lookup__item_label,.slds-scope .slds-lookup__item--label{
font-size:var(--slds-g-font-scale-1);
font-weight:var(--slds-g-font-weight-7);
display:flex;
align-items:center;
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-4);
}
.slds-scope .slds-lookup__item-action{
font-size:var(--slds-g-font-size-base);
display:flex;
align-items:center;
padding:var(--slds-g-spacing-1) var(--slds-g-spacing-4);
color:var(--slds-g-color-on-surface-3);
text-align:left;
width:100%;
line-height:var(--slds-g-font-lineheight-base);
border-radius:0;
}
.slds-scope .slds-lookup__item-action:hover,
.slds-scope .slds-lookup__item-action:focus,
.slds-scope .slds-lookup__item-action.slds-has-focus{
outline:0;
cursor:pointer;
background-color:var(--slds-s-menu-item-color-background-active, var(--slds-g-color-surface-container-2));
color:var(--slds-g-color-on-surface-3);
text-decoration:none;
}
.slds-scope .slds-lookup__item-action:focus-visible,
.slds-scope .slds-lookup__item-action.slds-has-focus{
box-shadow:var(--slds-g-shadow-inset-focus-1);
outline:0;
border-radius:6px;
}
.slds-scope .slds-lookup__item-action .slds-media__figure{
margin-inline-end:var(--slds-g-spacing-2);
margin-block-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-lookup__item-action_label,.slds-scope .slds-lookup__item-action--label{
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-4);
}
.slds-scope .slds-lookup__item-action_label > .slds-icon,.slds-scope .slds-lookup__item-action--label > .slds-icon{
margin-inline-start:var(--slds-g-spacing-1);
margin-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-lookup__search-input{
width:100%;
}
.slds-scope .slds-lookup__result-text{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
margin-block-end:0.125rem;
}
.slds-scope .slds-lookup__result-meta{
display:block;
margin-top:calc(var(--slds-g-spacing-1) * -1);
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-lookup__pill-container{
padding:0 var(--slds-g-spacing-2) var(--slds-g-spacing-1);
}
.slds-scope .slds-avatar{
--_slds-c-avatar-group-image-small:var(
--lwc-groupDefaultAvatarSmall,
url('../images/group_avatar_96.png')
);
--_slds-c-avatar-group-image-medium:var(
--lwc-groupDefaultAvatarMedium,
url('../images/group_avatar_160.png')
);
--_slds-c-avatar-group-image-large:var(
--lwc-groupDefaultAvatarLarge,
url('../images/group_avatar_200.png')
);
--_slds-c-avatar-user-image-small:var(
--lwc-userDefaultAvatarSmall,
url('../images/profile_avatar_96.png')
);
--_slds-c-avatar-user-image-medium:var(
--lwc-userDefaultAvatarMedium,
url('../images/profile_avatar_160.png')
);
--_slds-c-avatar-user-image-large:var(
--lwc-userDefaultAvatarLarge,
url('../images/profile_avatar_200.png')
);
--slds-c-icon-color-background:var(--_slds-c-avatar-color-background);
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
overflow:hidden;
display:inline-block;
vertical-align:middle;
border-radius:var(
--slds-c-avatar-radius-border,
var(--slds-s-avatar-radius-border, var(--slds-g-radius-border-2))
);
line-height:var(--slds-g-font-lineheight-1);
font-size:var(--slds-g-font-scale-1);
}
.slds-scope .slds-avatar:focus-visible{
box-shadow:var(--slds-g-shadow-outset-focus-1);
outline:0;
}
.slds-scope .slds-avatar_group-image-small,.slds-scope .slds-avatar--group-image-small{
background:var(--_slds-c-avatar-group-image-small) top left / cover no-repeat;
}
.slds-scope .slds-avatar_group-image-medium,.slds-scope .slds-avatar--group-image-medium{
background:var(--_slds-c-avatar-group-image-medium) top left / cover no-repeat;
}
.slds-scope .slds-avatar_group-image-large,.slds-scope .slds-avatar--group-image-large{
background:var(--_slds-c-avatar-group-image-large) top left / cover no-repeat;
}
.slds-scope .slds-avatar_profile-image-small,.slds-scope .slds-avatar--profile-image-small{
background:var(--_slds-c-avatar-user-image-small) top left / cover no-repeat;
}
.slds-scope .slds-avatar_profile-image-medium,.slds-scope .slds-avatar--profile-image-medium{
background:var(--_slds-c-avatar-user-image-medium) top left / cover no-repeat;
}
.slds-scope .slds-avatar_profile-image-large,.slds-scope .slds-avatar--profile-image-large{
background:var(--_slds-c-avatar-user-image-large) top left / cover no-repeat;
}
.slds-scope .slds-avatar_x-small,.slds-scope .slds-avatar--x-small{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
font-size:var(--slds-g-font-scale-neg-2);
--slds-c-avatar-radius-border:var(--slds-s-avatar-radius-border, var(--slds-g-radius-border-1));
--_slds-c-icon-sizing:var(--slds-g-sizing-6);
}
.slds-scope .slds-avatar_small,.slds-scope .slds-avatar--small{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
font-size:var(--slds-g-font-scale-neg-2);
--slds-c-avatar-radius-border:var(--slds-s-avatar-radius-border, var(--slds-g-radius-border-1));
--_slds-c-icon-sizing:var(--slds-g-sizing-7);
}
.slds-scope .slds-avatar_medium,.slds-scope .slds-avatar--medium{
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
font-size:var(--slds-g-font-scale-1);
--_slds-c-icon-sizing:var(--slds-g-sizing-9);
}
.slds-scope .slds-avatar_large,.slds-scope .slds-avatar--large{
width:var(--slds-g-sizing-10);
height:var(--slds-g-sizing-10);
font-size:var(--slds-g-font-scale-3);
line-height:var(--slds-g-font-lineheight-2);
--_slds-c-icon-sizing:var(--slds-g-sizing-10);
}
.slds-scope .slds-avatar_circle,.slds-scope .slds-avatar--circle{
border-radius:var(--slds-g-radius-border-circle);
}
.slds-scope .slds-avatar_empty,.slds-scope .slds-avatar--empty{
border:var(--slds-g-sizing-border-1) dashed var(--slds-g-color-border-1);
}
.slds-scope .slds-avatar__initials{
display:flex;
justify-content:center;
align-content:center;
align-items:center;
margin:auto;
color:var(--slds-c-avatar-text-color, var(--slds-g-color-on-accent-1));
height:100%;
text-shadow:0 0 1px rgb(0, 0, 0, 80%);
background-color:var(--_slds-c-avatar-color-background, var(--slds-g-color-accent-container-1));
}
.slds-scope .slds-avatar__initials[title]{
cursor:default;
text-decoration:none;
}
.slds-scope .slds-avatar__initials_inverse,.slds-scope .slds-avatar__initials--inverse{
--slds-c-avatar-text-color:var(--slds-c-avatar-inverse-text-color, var(--slds-g-color-on-surface-1));
background-color:var(--slds-g-color-surface-container-2);
text-shadow:none;
}
.slds-scope .slds-avatar-group{
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
position:relative;
display:inline-block;
}
.slds-scope .slds-avatar-grouped{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-on-accent-1);
line-height:0;
border-radius:var(--slds-s-avatar-radius-border, var(--slds-g-radius-border-circle));
background-color:var(--slds-g-color-accent-container-1);
}
.slds-scope .slds-avatar-grouped_inverse,.slds-scope .slds-avatar-grouped--inverse{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-avatar-grouped__primary{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
position:absolute;
inset-inline-start:0;
inset-block-end:0;
z-index:1;
}
.slds-scope .slds-avatar-grouped__primary .slds-avatar-grouped__initials{
transform:scale(0.5);
}
.slds-scope .slds-avatar-grouped__secondary{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
position:absolute;
inset-block-start:0;
inset-inline-end:0;
}
.slds-scope .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{
transform:scale(0.4);
}
.slds-scope .slds-avatar-grouped__icon{
height:100%;
line-height:0;
}
.slds-scope .slds-avatar-grouped__icon .slds-icon{
width:100%;
height:100%;
}
.slds-scope .slds-avatar-group_x-small,.slds-scope .slds-avatar-group--x-small{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
}
.slds-scope .slds-avatar-group_x-small .slds-avatar-grouped__primary,.slds-scope .slds-avatar-group--x-small .slds-avatar-grouped__primary{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
}
.slds-scope .slds-avatar-group_x-small .slds-avatar-grouped__primary .slds-avatar-grouped__initials,.slds-scope .slds-avatar-group--x-small .slds-avatar-grouped__primary .slds-avatar-grouped__initials{
transform:scale(0.3);
}
.slds-scope .slds-avatar-group_x-small .slds-avatar-grouped__secondary,.slds-scope .slds-avatar-group--x-small .slds-avatar-grouped__secondary{
width:var(--slds-g-sizing-4);
height:var(--slds-g-sizing-4);
}
.slds-scope .slds-avatar-group_x-small .slds-avatar-grouped__secondary .slds-avatar-grouped__initials,.slds-scope .slds-avatar-group--x-small .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{
transform:scale(0.18);
}
.slds-scope .slds-avatar-group_small,.slds-scope .slds-avatar-group--small{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-avatar-group_small .slds-avatar-grouped__primary,.slds-scope .slds-avatar-group--small .slds-avatar-grouped__primary{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
}
.slds-scope .slds-avatar-group_small .slds-avatar-grouped__primary .slds-avatar-grouped__initials,.slds-scope .slds-avatar-group--small .slds-avatar-grouped__primary .slds-avatar-grouped__initials{
transform:scale(0.4);
}
.slds-scope .slds-avatar-group_small .slds-avatar-grouped__secondary,.slds-scope .slds-avatar-group--small .slds-avatar-grouped__secondary{
width:var(--slds-g-sizing-5);
height:var(--slds-g-sizing-5);
}
.slds-scope .slds-avatar-group_small .slds-avatar-grouped__secondary .slds-avatar-grouped__initials,.slds-scope .slds-avatar-group--small .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{
transform:scale(0.3);
}
.slds-scope .slds-avatar-group_medium,.slds-scope .slds-avatar-group--medium{
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
}
.slds-scope .slds-avatar-group_medium .slds-avatar-grouped__primary,.slds-scope .slds-avatar-group--medium .slds-avatar-grouped__primary{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-avatar-group_medium .slds-avatar-grouped__primary .slds-avatar-grouped__initials,.slds-scope .slds-avatar-group--medium .slds-avatar-grouped__primary .slds-avatar-grouped__initials{
transform:scale(0.5);
}
.slds-scope .slds-avatar-group_medium .slds-avatar-grouped__secondary,.slds-scope .slds-avatar-group--medium .slds-avatar-grouped__secondary{
width:var(--slds-g-sizing-6);
height:var(--slds-g-sizing-6);
}
.slds-scope .slds-avatar-group_medium .slds-avatar-grouped__secondary .slds-avatar-grouped__initials,.slds-scope .slds-avatar-group--medium .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{
transform:scale(0.4);
}
.slds-scope .slds-avatar-group_large,.slds-scope .slds-avatar-group--large{
width:var(--slds-g-sizing-10);
height:var(--slds-g-sizing-10);
}
.slds-scope .slds-avatar-group_large .slds-avatar-grouped__primary,.slds-scope .slds-avatar-group--large .slds-avatar-grouped__primary{
width:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-3));
height:calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-3));
}
.slds-scope .slds-avatar-group_large .slds-avatar-grouped__primary .slds-avatar-grouped__initials,.slds-scope .slds-avatar-group--large .slds-avatar-grouped__primary .slds-avatar-grouped__initials{
transform:scale(0.8);
}
.slds-scope .slds-avatar-group_large .slds-avatar-grouped__secondary,.slds-scope .slds-avatar-group--large .slds-avatar-grouped__secondary{
width:var(--slds-g-sizing-7);
height:var(--slds-g-sizing-7);
}
.slds-scope .slds-avatar-group_large .slds-avatar-grouped__secondary .slds-avatar-grouped__initials,.slds-scope .slds-avatar-group--large .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{
transform:scale(0.5);
}
.slds-scope .slds-image,
.slds-scope .slds-file{
display:block;
position:relative;
}
.slds-scope .slds-image .slds-file__text, .slds-scope .slds-file .slds-file__text{
display:block;
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-image .slds-file__figure:hover::before,
.slds-scope .slds-image .slds-file__figure:hover::after,
.slds-scope .slds-image .slds-file__figure:focus::before,
.slds-scope .slds-image .slds-file__figure:focus::after,
.slds-scope .slds-image .slds-file__crop:hover::before,
.slds-scope .slds-image .slds-file__crop:hover::after,
.slds-scope .slds-image .slds-file__crop:focus::before,
.slds-scope .slds-image .slds-file__crop:focus::after,
.slds-scope .slds-file .slds-file__figure:hover::before,
.slds-scope .slds-file .slds-file__figure:hover::after,
.slds-scope .slds-file .slds-file__figure:focus::before,
.slds-scope .slds-file .slds-file__figure:focus::after,
.slds-scope .slds-file .slds-file__crop:hover::before,
.slds-scope .slds-file .slds-file__crop:hover::after,
.slds-scope .slds-file .slds-file__crop:focus::before,
.slds-scope .slds-file .slds-file__crop:focus::after{
position:absolute;
z-index:5;
cursor:pointer;
content:'';
}
.slds-scope .slds-image.slds-file_loading .slds-file__figure:hover::before,.slds-scope .slds-image.slds-file--loading .slds-file__figure:hover::before,
.slds-scope .slds-image.slds-file_loading .slds-file__figure:hover::after,
.slds-scope .slds-image.slds-file--loading .slds-file__figure:hover::after,
.slds-scope .slds-image.slds-file_loading .slds-file__figure:focus::before,
.slds-scope .slds-image.slds-file--loading .slds-file__figure:focus::before,
.slds-scope .slds-image.slds-file_loading .slds-file__figure:focus::after,
.slds-scope .slds-image.slds-file--loading .slds-file__figure:focus::after,
.slds-scope .slds-image.slds-file_loading .slds-file__crop:hover::before,
.slds-scope .slds-image.slds-file--loading .slds-file__crop:hover::before,
.slds-scope .slds-image.slds-file_loading .slds-file__crop:hover::after,
.slds-scope .slds-image.slds-file--loading .slds-file__crop:hover::after,
.slds-scope .slds-image.slds-file_loading .slds-file__crop:focus::before,
.slds-scope .slds-image.slds-file--loading .slds-file__crop:focus::before,
.slds-scope .slds-image.slds-file_loading .slds-file__crop:focus::after,
.slds-scope .slds-image.slds-file--loading .slds-file__crop:focus::after,
.slds-scope .slds-file.slds-file_loading .slds-file__figure:hover::before,
.slds-scope .slds-file.slds-file--loading .slds-file__figure:hover::before,
.slds-scope .slds-file.slds-file_loading .slds-file__figure:hover::after,
.slds-scope .slds-file.slds-file--loading .slds-file__figure:hover::after,
.slds-scope .slds-file.slds-file_loading .slds-file__figure:focus::before,
.slds-scope .slds-file.slds-file--loading .slds-file__figure:focus::before,
.slds-scope .slds-file.slds-file_loading .slds-file__figure:focus::after,
.slds-scope .slds-file.slds-file--loading .slds-file__figure:focus::after,
.slds-scope .slds-file.slds-file_loading .slds-file__crop:hover::before,
.slds-scope .slds-file.slds-file--loading .slds-file__crop:hover::before,
.slds-scope .slds-file.slds-file_loading .slds-file__crop:hover::after,
.slds-scope .slds-file.slds-file--loading .slds-file__crop:hover::after,
.slds-scope .slds-file.slds-file_loading .slds-file__crop:focus::before,
.slds-scope .slds-file.slds-file--loading .slds-file__crop:focus::before,
.slds-scope .slds-file.slds-file_loading .slds-file__crop:focus::after,
.slds-scope .slds-file.slds-file--loading .slds-file__crop:focus::after{
display:none;
}
.slds-scope .slds-image .slds-file__figure:hover::before,
.slds-scope .slds-image .slds-file__figure:focus::before,
.slds-scope .slds-image .slds-file__crop:hover::before,
.slds-scope .slds-image .slds-file__crop:focus::before,
.slds-scope .slds-file .slds-file__figure:hover::before,
.slds-scope .slds-file .slds-file__figure:focus::before,
.slds-scope .slds-file .slds-file__crop:hover::before,
.slds-scope .slds-file .slds-file__crop:focus::before{
inset-block-start:0;
inset-inline-end:0;
inset-block-end:0;
inset-inline-start:0;
background-color:rgb(24, 24, 24, 0.5);
}
.slds-scope .slds-image .slds-file__figure:hover::after,
.slds-scope .slds-image .slds-file__figure:focus::after,
.slds-scope .slds-image .slds-file__crop:hover::after,
.slds-scope .slds-image .slds-file__crop:focus::after,
.slds-scope .slds-file .slds-file__figure:hover::after,
.slds-scope .slds-file .slds-file__figure:focus::after,
.slds-scope .slds-file .slds-file__crop:hover::after,
.slds-scope .slds-file .slds-file__crop:focus::after{
inset-block-start:50%;
inset-inline-start:50%;
width:var(--slds-g-sizing-9);
height:var(--slds-g-sizing-9);
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUxLjggMjVBMjkgMjkgMCAwIDAgMjYgOSAyOSAyOSAwIDAgMCAuMiAyNWEyIDIgMCAwIDAgMCAxLjhDNSAzNi40IDE0LjcgNDMgMjYgNDNhMjkgMjkgMCAwIDAgMjUuOC0xNiAyIDIgMCAwIDAgMC0xLjh6TTI2IDM3YTExIDExIDAgMSAxIDAtMjIgMTEgMTEgMCAxIDEgMCAyMnptMC0xOGMtNCAwLTcgMy03IDdzMyA3IDcgNyA3LTMgNy03LTMtNy03LTd6Ii8+PC9zdmc+);
background-size:contain;
transform:translate(-50%, -50%);
}
.slds-scope .slds-image .slds-file__figure:hover + .slds-file__title,
.slds-scope .slds-image .slds-file__figure:focus + .slds-file__title,
.slds-scope .slds-image .slds-file__crop:hover + .slds-file__title,
.slds-scope .slds-image .slds-file__crop:focus + .slds-file__title,
.slds-scope .slds-file .slds-file__figure:hover + .slds-file__title,
.slds-scope .slds-file .slds-file__figure:focus + .slds-file__title,
.slds-scope .slds-file .slds-file__crop:hover + .slds-file__title,
.slds-scope .slds-file .slds-file__crop:focus + .slds-file__title{
z-index:5;
}
.slds-scope .slds-image.slds-has-title .slds-file__figure:hover::after,
.slds-scope .slds-image.slds-has-title .slds-file__figure:focus::after,
.slds-scope .slds-image.slds-has-title .slds-file__crop:hover::after,
.slds-scope .slds-image.slds-has-title .slds-file__crop:focus::after,
.slds-scope .slds-file.slds-has-title .slds-file__figure:hover::after,
.slds-scope .slds-file.slds-has-title .slds-file__figure:focus::after,
.slds-scope .slds-file.slds-has-title .slds-file__crop:hover::after,
.slds-scope .slds-file.slds-has-title .slds-file__crop:focus::after{
transform:translate(-50%, calc(-50% - (var(--slds-g-sizing-9) / 2)));
}
.slds-scope .slds-image:focus, .slds-scope .slds-file:focus{
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-accent-1);
box-shadow:0 4px 4px 0 rgb(0, 0, 0, 0.16);
}
.slds-scope .slds-image :not(:only-child) .slds-spinner, .slds-scope .slds-file :not(:only-child) .slds-spinner{
inset-block-start:45%;
}
.slds-scope .slds-image .slds-file__figure_portrait img,.slds-scope .slds-image .slds-file__figure--portrait img, .slds-scope .slds-file .slds-file__figure_portrait img, .slds-scope .slds-file .slds-file__figure--portrait img{
display:block;
margin:0 auto;
max-height:var(--slds-g-sizing-14);
height:auto;
}
@media (any-hover: none){
.slds-scope .slds-image .slds-file__figure:hover::before,
.slds-scope .slds-image .slds-file__figure:hover::after,
.slds-scope .slds-image .slds-file__figure:focus::before,
.slds-scope .slds-image .slds-file__figure:focus::after,
.slds-scope .slds-image .slds-file__crop:hover::before,
.slds-scope .slds-image .slds-file__crop:hover::after,
.slds-scope .slds-image .slds-file__crop:focus::before,
.slds-scope .slds-image .slds-file__crop:focus::after,
.slds-scope .slds-file .slds-file__figure:hover::before,
.slds-scope .slds-file .slds-file__figure:hover::after,
.slds-scope .slds-file .slds-file__figure:focus::before,
.slds-scope .slds-file .slds-file__figure:focus::after,
.slds-scope .slds-file .slds-file__crop:hover::before,
.slds-scope .slds-file .slds-file__crop:hover::after,
.slds-scope .slds-file .slds-file__crop:focus::before,
.slds-scope .slds-file .slds-file__crop:focus::after{
display:none;
}
}
.slds-scope .slds-image__crop,
.slds-scope .slds-file__crop{
display:block;
position:relative;
overflow:hidden;
padding-block-start:56.25%;
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-image__crop img, .slds-scope .slds-file__crop img{
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%, -50%, 0);
max-width:200%;
}
.slds-scope .slds-image__crop:focus-visible, .slds-scope .slds-file__crop:focus-visible{
outline:none;
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-image__crop::after, .slds-scope .slds-file__crop::after{
content:'';
display:block;
}
.slds-scope .slds-image__crop_1-by-1,.slds-scope .slds-image__crop--1-by-1,
.slds-scope .slds-file__crop_1-by-1,
.slds-scope .slds-file__crop--1-by-1{
padding-block-start:100%;
}
.slds-scope .slds-image__crop_16-by-9,.slds-scope .slds-image__crop--16-by-9,
.slds-scope .slds-file__crop_16-by-9,
.slds-scope .slds-file__crop--16-by-9{
padding-block-start:56.25%;
}
.slds-scope .slds-image__crop_4-by-3,.slds-scope .slds-image__crop--4-by-3,
.slds-scope .slds-file__crop_4-by-3,
.slds-scope .slds-file__crop--4-by-3{
padding-block-start:75%;
}
.slds-scope .slds-image__figure,
.slds-scope .slds-file__figure{
display:block;
min-width:calc(var(--slds-g-sizing-13) + var(--slds-g-sizing-9));
max-width:var(--slds-g-sizing-14);
min-height:calc(var(--slds-g-sizing-10) + var(--slds-g-sizing-9));
max-height:var(--slds-g-sizing-14);
}
.slds-scope .slds-image__title,
.slds-scope .slds-file__title{
display:flex;
z-index:5;
align-items:center;
padding:var(--slds-g-spacing-2);
overflow:hidden;
}
.slds-scope .slds-image__title .slds-media, .slds-scope .slds-file__title .slds-media{
overflow:hidden;
}
.slds-scope .slds-image-has-actions,
.slds-scope .slds-file-has-actions{
padding-inline-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-image_overlay,.slds-scope .slds-image--overlay,
.slds-scope .slds-file_overlay,
.slds-scope .slds-file--overlay{
content:'';
background:rgb(24, 24, 24, 0.5);
color:var(--slds-g-color-on-surface-inverse-1);
position:absolute;
inset-block-start:0;
inset-inline-start:0;
inset-inline-end:0;
inset-block-end:0;
z-index:1;
}
.slds-scope .slds-image_card,.slds-scope .slds-image--card,
.slds-scope .slds-file_card,
.slds-scope .slds-file--card{
background:var(--slds-g-color-surface-container-1);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-image__icon,
.slds-scope .slds-file__icon{
position:absolute;
top:50%;
left:50%;
transform:translate3d(-50%, -50%, 0);
margin-block-start:calc((var(--slds-g-sizing-9) * 0.5) * -1);
}
.slds-scope .slds-image__actions-menu,
.slds-scope .slds-file__actions-menu{
position:absolute;
z-index:5;
inset-block-end:var(--slds-g-spacing-2);
inset-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-image__external-icon,
.slds-scope .slds-file__external-icon{
position:absolute;
inset-block-start:var(--slds-g-spacing-7);
inset-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-image__loading-icon,
.slds-scope .slds-file__loading-icon{
fill:var(--slds-g-color-on-disabled-1);
}
.slds-scope .slds-image_center-icon .slds-file__icon,.slds-scope .slds-image--center-icon .slds-file__icon, .slds-scope .slds-file_center-icon .slds-file__icon, .slds-scope .slds-file--center-icon .slds-file__icon{
margin-block-start:0;
}
.slds-scope .slds-image__title_overlay,.slds-scope .slds-image__title--overlay,
.slds-scope .slds-file__title_overlay,
.slds-scope .slds-file__title--overlay{
color:var(--slds-g-color-on-surface-inverse-1);
position:absolute;
inset-block-start:0;
inset-inline-end:0;
inset-block-end:0;
inset-inline-start:0;
}
.slds-scope .slds-image__title_overlay .slds-media__body,.slds-scope .slds-image__title--overlay .slds-media__body, .slds-scope .slds-file__title_overlay .slds-media__body, .slds-scope .slds-file__title--overlay .slds-media__body{
z-index:1;
}
.slds-scope .slds-image__title_overlay .slds-media__body .slds-file__text,.slds-scope .slds-image__title--overlay .slds-media__body .slds-file__text, .slds-scope .slds-file__title_overlay .slds-media__body .slds-file__text, .slds-scope .slds-file__title--overlay .slds-media__body .slds-file__text{
color:var(--slds-g-color-on-surface-inverse-1);
}
.slds-scope .slds-image__title_card,.slds-scope .slds-image__title--card,
.slds-scope .slds-file__title_card,
.slds-scope .slds-file__title--card{
background:var(--slds-g-color-surface-container-2);
position:absolute;
inset-inline-end:0;
inset-block-end:0;
inset-inline-start:0;
border-bottom-left-radius:var(--slds-g-radius-border-2);
border-bottom-right-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-image__title_scrim,.slds-scope .slds-image__title--scrim,
.slds-scope .slds-file__title_scrim,
.slds-scope .slds-file__title--scrim{
background:linear-gradient(to bottom, transparent, rgb(24, 24, 24, 0.5));
position:absolute;
inset-inline-end:0;
inset-block-end:0;
inset-inline-start:0;
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-table{
background-color:var(--slds-g-color-surface-container-1);
font-size:inherit;
color:var(--slds-s-table-color);
}
.slds-scope .slds-table th,
.slds-scope .slds-table td{
padding:var(--slds-g-spacing-2);
white-space:nowrap;
position:relative;
}
.slds-scope .slds-table th{
font-weight:var(--slds-g-font-weight-5);
}
.slds-scope .slds-table th:focus{
outline:0;
}
.slds-scope .slds-table thead th{
background-color:var(--slds-s-table-header-color-background);
color:var(--slds-s-table-header-color);
padding:var(--slds-g-spacing-2);
font-weight:var(--slds-s-table-header-font-weight);
line-height:normal;
}
.slds-scope .slds-table:not(.slds-no-row-hover) tbody tr:hover,
.slds-scope .slds-table:not(.slds-no-row-hover) tbody tr:focus{
outline:0;
}
.slds-scope .slds-table:not(.slds-no-row-hover) tbody tr:hover > td,
.slds-scope .slds-table:not(.slds-no-row-hover) tbody tr:hover > th,
.slds-scope .slds-table:not(.slds-no-row-hover) tbody tr:focus > td,
.slds-scope .slds-table:not(.slds-no-row-hover) tbody tr:focus > th{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-table tbody tr.slds-is-selected > td,
.slds-scope .slds-table tbody tr.slds-is-selected > th{
background-color:var(--slds-s-table-row-color-background-selected);
border-color:var(--slds-s-table-row-color-border-selected-hover);
}
.slds-scope .slds-table tbody tr.slds-is-selected a{
color:var(--slds-g-color-accent-2);
}
.slds-scope .slds-table tbody tr:first-child.slds-is-selected > td,
.slds-scope .slds-table tbody tr:first-child.slds-is-selected > th{
box-shadow:var(--slds-s-table-row-color-border-selected-hover) 0 var(--slds-g-sizing-border-1) 0 inset;
}
.slds-scope .slds-table tbody tr.slds-is-selected + tr > td,
.slds-scope .slds-table tbody tr.slds-is-selected + tr > th{
border-color:var(--slds-s-table-row-color-border-selected-hover);
}
.slds-scope .slds-table .slds-cell-wrap{
white-space:pre-line;
overflow-wrap:break-word;
word-wrap:break-word;
}
.slds-scope .slds-table .slds-cell-shrink{
width:1%;
}
.slds-scope .slds-table .slds-cell-buffer_left,.slds-scope .slds-table .slds-cell-buffer--left{
padding-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-table .slds-cell-buffer_right,.slds-scope .slds-table .slds-cell-buffer--right{
padding-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-table tbody tr{
counter-increment:row-number;
}
.slds-scope .slds-table .slds-row-number::after{
content:counter(row-number);
}
.slds-scope .slds-table th:focus,
.slds-scope .slds-table [role='gridcell']:focus{
outline:0;
}
.slds-scope .slds-table th:focus-visible,
.slds-scope .slds-table th.slds-has-focus,
.slds-scope .slds-table [role='gridcell']:focus-visible,
.slds-scope .slds-table [role='gridcell'].slds-has-focus{
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-table th:focus-visible:has(:focus-visible), .slds-scope .slds-table th.slds-has-focus:has(:focus-visible), .slds-scope .slds-table [role='gridcell']:focus-visible:has(:focus-visible), .slds-scope .slds-table [role='gridcell'].slds-has-focus:has(:focus-visible){
box-shadow:none;
}
.slds-scope .slds-table th:focus-visible.slds-cell_action-mode,.slds-scope .slds-table th:focus-visible.slds-cell--action-mode, .slds-scope .slds-table th.slds-has-focus.slds-cell_action-mode, .slds-scope .slds-table th.slds-has-focus.slds-cell--action-mode, .slds-scope .slds-table [role='gridcell']:focus-visible.slds-cell_action-mode, .slds-scope .slds-table [role='gridcell']:focus-visible.slds-cell--action-mode, .slds-scope .slds-table [role='gridcell'].slds-has-focus.slds-cell_action-mode, .slds-scope .slds-table [role='gridcell'].slds-has-focus.slds-cell--action-mode{
border-block-end:3px solid var(--slds-g-color-border-accent-1);
}
.slds-scope .slds-table th:active,
.slds-scope .slds-table [role='gridcell']:active{
box-shadow:none;
}
.slds-scope .slds-table .slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux,.slds-scope .slds-table .slds-radio [type='radio'] + .slds-radio__label .slds-radio--faux{
margin-inline-end:0;
}
.slds-scope .slds-table_cell-buffer tr > th:first-child,.slds-scope .slds-table--cell-buffer tr > th:first-child,
.slds-scope .slds-table_cell-buffer tr > td:first-child,
.slds-scope .slds-table--cell-buffer tr > td:first-child{
padding-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-table_cell-buffer tr > th:last-child,.slds-scope .slds-table--cell-buffer tr > th:last-child,
.slds-scope .slds-table_cell-buffer tr > td:last-child,
.slds-scope .slds-table--cell-buffer tr > td:last-child{
padding-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-table_bordered,.slds-scope .slds-table--bordered{
border-radius:var(--_slds-c-datatable-radius-border, 0);
border-collapse:inherit;
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
border-inline-start:var(--slds-g-sizing-border-1) solid var(--_slds-c-datatable-color-border, transparent);
border-inline-end:var(--slds-g-sizing-border-1) solid var(--_slds-c-datatable-color-border, transparent);
}
.slds-scope .slds-table_bordered thead > tr + tr > th,.slds-scope .slds-table--bordered thead > tr + tr > th{
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-table_bordered tbody td,.slds-scope .slds-table--bordered tbody td,
.slds-scope .slds-table_bordered tbody th,
.slds-scope .slds-table--bordered tbody th{
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus),.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus),
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus),
.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus),
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus),
.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus),
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus),
.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus){
box-shadow:var(--_slds-c-datatable-row-shadow-hover);
}
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:not(.slds-is-selected:hover):hover + tr > td:not(.slds-has-focus),.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tbody tr:not(.slds-is-selected:hover):hover + tr > td:not(.slds-has-focus),
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:not(.slds-is-selected:hover):hover + tr > th:not(.slds-has-focus),
.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tbody tr:not(.slds-is-selected:hover):hover + tr > th:not(.slds-has-focus),
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:not(.slds-is-selected:hover):focus + tr > td:not(.slds-has-focus),
.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tbody tr:not(.slds-is-selected:hover):focus + tr > td:not(.slds-has-focus),
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tbody tr:not(.slds-is-selected:hover):focus + tr > th:not(.slds-has-focus),
.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tbody tr:not(.slds-is-selected:hover):focus + tr > th:not(.slds-has-focus){
border-color:var(--_slds-c-datatable-row-color-border-hover, var(--slds-g-color-border-1));
}
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tr.slds-is-selected:hover > td:not(.slds-has-focus),.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tr.slds-is-selected:hover > td:not(.slds-has-focus),
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tr.slds-is-selected:hover > th:not(.slds-has-focus),
.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tr.slds-is-selected:hover > th:not(.slds-has-focus){
background-color:var(--slds-s-table-row-color-background-selected);
box-shadow:var(--slds-s-table-row-color-border-selected-hover) 0 calc(var(--slds-g-sizing-border-1) * -1) 0 inset, var(--slds-s-table-row-color-border-selected-hover) 0 var(--slds-g-sizing-border-1) 0 inset;
}
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tr:first-child.slds-is-selected:hover > td:not(.slds-has-focus),.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tr:first-child.slds-is-selected:hover > td:not(.slds-has-focus),
.slds-scope .slds-table_bordered:not(.slds-no-row-hover) tr:first-child.slds-is-selected:hover > th:not(.slds-has-focus),
.slds-scope .slds-table--bordered:not(.slds-no-row-hover) tr:first-child.slds-is-selected:hover > th:not(.slds-has-focus){
box-shadow:var(--slds-s-table-row-color-border-selected-hover) 0 calc(var(--slds-g-sizing-border-1) * -1) 0 inset, var(--slds-s-table-row-color-border-selected-hover) 0 var(--slds-g-sizing-border-2) 0 inset;
}
.slds-scope .slds-table_bordered tr:first-child th,.slds-scope .slds-table--bordered tr:first-child th,
.slds-scope .slds-table_bordered tr:first-child td,
.slds-scope .slds-table--bordered tr:first-child td{
border-block-start:0;
}
.slds-scope .slds-table_col-bordered td + td,.slds-scope .slds-table--col-bordered td + td,
.slds-scope .slds-table_col-bordered th + th,
.slds-scope .slds-table--col-bordered th + th,
.slds-scope .slds-table_col-bordered th + td,
.slds-scope .slds-table--col-bordered th + td,
.slds-scope .slds-table_col-bordered td + th,
.slds-scope .slds-table--col-bordered td + th{
border-inline-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-table_striped tbody tr:nth-of-type(even) > td,.slds-scope .slds-table--striped tbody tr:nth-of-type(even) > td,
.slds-scope .slds-table_striped tbody tr:nth-of-type(even) > th,
.slds-scope .slds-table--striped tbody tr:nth-of-type(even) > th{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-table_fixed-layout,.slds-scope .slds-table--fixed-layout{
table-layout:fixed;
width:100%;
white-space:nowrap;
}
.slds-scope .slds-table_fixed-layout thead,.slds-scope .slds-table--fixed-layout thead{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-table_fixed-layout tbody,.slds-scope .slds-table--fixed-layout tbody{
transform:translateZ(0);
}
.slds-scope .slds-table_fixed-layout .slds-cell-shrink,.slds-scope .slds-table--fixed-layout .slds-cell-shrink{
width:var(--slds-g-sizing-3);
}
.slds-scope .slds-table_fixed-layout .slds-cell-shrink:nth-child(n),.slds-scope .slds-table--fixed-layout .slds-cell-shrink:nth-child(n){
padding-inline-start:0;
padding-inline-end:0;
}
.slds-scope .slds-table_fixed-layout .slds-cell-shrink:first-child,.slds-scope .slds-table--fixed-layout .slds-cell-shrink:first-child{
text-align:right;
padding-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-table_fixed-layout .slds-cell-shrink:last-child,.slds-scope .slds-table--fixed-layout .slds-cell-shrink:last-child{
text-align:left;
padding-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-is-sortable .slds-th__action:hover,
.slds-scope .slds-is-sortable .slds-th__action:focus,
.slds-scope .slds-is-sortable.slds-has-focus .slds-th__action,
.slds-scope .slds-is-sortable.slds-has-focus .slds-th__action:hover,
.slds-scope .slds-is-sortable.slds-has-focus .slds-th__action:focus{
background-color:var(--slds-s-table-header-color-background-hover);
color:currentColor;
}
.slds-scope .slds-is-sortable .slds-th__action:hover .slds-is-sortable__icon, .slds-scope .slds-is-sortable .slds-th__action:focus .slds-is-sortable__icon, .slds-scope .slds-is-sortable.slds-has-focus .slds-th__action .slds-is-sortable__icon, .slds-scope .slds-is-sortable.slds-has-focus .slds-th__action:hover .slds-is-sortable__icon, .slds-scope .slds-is-sortable.slds-has-focus .slds-th__action:focus .slds-is-sortable__icon{
display:inline-block;
fill:var(--slds-g-color-accent-2);
}
.slds-scope .slds-th__action{
display:flex;
padding:var(--slds-g-spacing-2);
height:2rem;
align-items:center;
color:currentColor;
}
.slds-scope .slds-th__action:focus,
.slds-scope .slds-th__action:hover{
outline:0;
background-color:var(--slds-s-table-header-color-background-hover);
}
.slds-scope .slds-th__action_form,.slds-scope .slds-th__action--form{
display:inline-flex;
}
.slds-scope .slds-th__action-button{
position:absolute;
transform:translateY(-50%);
top:50%;
inset-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-th__action-button > .slds-button:hover{
background-color:transparent;
}
.slds-scope .slds-has-button-menu .slds-th__action{
padding-inline-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-has-button-menu .slds-th__action-button{
inset-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-is-sortable__icon{
width:0.75rem;
height:0.75rem;
margin-inline-start:var(--slds-g-spacing-1);
display:none;
}
.slds-scope .slds-is-sorted .slds-is-sortable__icon{
display:inline-block;
}
.slds-scope .slds-is-sorted_asc .slds-is-sortable__icon,.slds-scope .slds-is-sorted--asc .slds-is-sortable__icon{
transform:rotate(180deg);
}
.slds-scope .slds-table_column-1-wrap tbody tr > *:nth-child(1) .slds-truncate,.slds-scope .slds-table--column-1-wrap tbody tr > *:nth-child(1) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-2-wrap tbody tr > *:nth-child(2) .slds-truncate,.slds-scope .slds-table--column-2-wrap tbody tr > *:nth-child(2) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-3-wrap tbody tr > *:nth-child(3) .slds-truncate,.slds-scope .slds-table--column-3-wrap tbody tr > *:nth-child(3) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-4-wrap tbody tr > *:nth-child(4) .slds-truncate,.slds-scope .slds-table--column-4-wrap tbody tr > *:nth-child(4) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-5-wrap tbody tr > *:nth-child(5) .slds-truncate,.slds-scope .slds-table--column-5-wrap tbody tr > *:nth-child(5) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-6-wrap tbody tr > *:nth-child(6) .slds-truncate,.slds-scope .slds-table--column-6-wrap tbody tr > *:nth-child(6) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-7-wrap tbody tr > *:nth-child(7) .slds-truncate,.slds-scope .slds-table--column-7-wrap tbody tr > *:nth-child(7) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-8-wrap tbody tr > *:nth-child(8) .slds-truncate,.slds-scope .slds-table--column-8-wrap tbody tr > *:nth-child(8) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-9-wrap tbody tr > *:nth-child(9) .slds-truncate,.slds-scope .slds-table--column-9-wrap tbody tr > *:nth-child(9) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-10-wrap tbody tr > *:nth-child(10) .slds-truncate,.slds-scope .slds-table--column-10-wrap tbody tr > *:nth-child(10) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-11-wrap tbody tr > *:nth-child(11) .slds-truncate,.slds-scope .slds-table--column-11-wrap tbody tr > *:nth-child(11) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-12-wrap tbody tr > *:nth-child(12) .slds-truncate,.slds-scope .slds-table--column-12-wrap tbody tr > *:nth-child(12) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-13-wrap tbody tr > *:nth-child(13) .slds-truncate,.slds-scope .slds-table--column-13-wrap tbody tr > *:nth-child(13) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-14-wrap tbody tr > *:nth-child(14) .slds-truncate,.slds-scope .slds-table--column-14-wrap tbody tr > *:nth-child(14) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope .slds-table_column-15-wrap tbody tr > *:nth-child(15) .slds-truncate,.slds-scope .slds-table--column-15-wrap tbody tr > *:nth-child(15) .slds-truncate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:none;
white-space:normal;
}
.slds-scope [class*='slds-table_column-'] tr td .slds-truncate,.slds-scope [class*='slds-table--column-'] tr td .slds-truncate{
overflow:hidden;
position:relative;
max-height:3.25rem;
}
.slds-scope [class*='slds-table_column-'] tr td .slds-truncate::after,.slds-scope [class*='slds-table--column-'] tr td .slds-truncate::after{
content:'';
position:absolute;
top:2.25rem;
bottom:0;
right:0;
width:50%;
background:linear-gradient(
to right,
transparent 0%,
var(--slds-g-color-neutral-base-100, rgb(255, 255, 255, 1)) 69%
);
}
.slds-scope [class*='slds-table_column-'] tr:hover td .slds-truncate::after,.slds-scope [class*='slds-table--column-'] tr:hover td .slds-truncate::after{
background:linear-gradient(to right, rgb(250, 250, 249, 0) 0%, rgb(250, 250, 249, 1) 69%);
}
.slds-scope .slds-table_resizable-cols thead th,.slds-scope .slds-table--resizable-cols thead th{
padding:0;
}
.slds-scope .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle,.slds-scope .slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle{
width:var(--slds-g-sizing-2);
inset-inline-end:0;
}
.slds-scope .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::before,.slds-scope .slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::before,
.slds-scope .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::after,
.slds-scope .slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::after{
inset-inline-end:0;
width:0;
}
.slds-scope .slds-resizable{
max-width:100%;
}
.slds-scope .slds-resizable__handle{
width:var(--slds-g-sizing-7);
height:100%;
position:absolute;
top:0;
inset-inline-end:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-resizable__divider{
position:absolute;
right:0;
top:0;
width:100%;
height:100%;
display:block;
cursor:col-resize;
z-index:5000;
}
.slds-scope .slds-resizable__divider::before,
.slds-scope .slds-resizable__divider::after{
height:100%;
content:' ';
display:block;
position:absolute;
top:0;
inset-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-resizable__divider::before{
background-color:var(--slds-s-table-resize-color);
height:100%;
width:1px;
}
.slds-scope .slds-resizable__divider::after{
background-color:var(--slds-s-table-resize-color-active);
width:1px;
height:100vh;
opacity:0;
}
.slds-scope .slds-resizable__divider:hover::before, .slds-scope .slds-resizable__divider:focus::before, .slds-scope .slds-resizable__divider:active::before{
background-color:var(--slds-s-table-resize-color-active);
width:var(--slds-g-sizing-2);
}
.slds-scope .slds-resizable__divider:hover::after, .slds-scope .slds-resizable__divider:focus::after, .slds-scope .slds-resizable__divider:active::after{
opacity:1;
}
.slds-scope .slds-resizable__input:focus ~ .slds-resizable__handle .slds-resizable__divider::before{
background-color:var(--slds-s-table-resize-color-active);
width:var(--slds-g-sizing-2);
}
.slds-scope .slds-resizable__input:focus ~ .slds-resizable__handle .slds-resizable__divider::after{
opacity:1;
}
.slds-scope .slds-table_header-fixed_container,.slds-scope .slds-table--header-fixed_container{
position:relative;
padding-block-start:2rem;
background-color:var(--slds-s-table-header-color-background);
overflow:hidden;
border:var(--slds-g-sizing-border-1) solid var(--_slds-c-datatable-color-border);
border-radius:var(--_slds-c-datatable-radius-border);
}
.slds-scope .slds-table_header-fixed_container::before,.slds-scope .slds-table--header-fixed_container::before{
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
content:'';
display:block;
position:relative;
width:100%;
}
.slds-scope .slds-cell-fixed{
background-color:var(--slds-s-table-header-color-background);
position:absolute;
inset-block-start:0;
height:2rem;
}
.slds-scope .slds-table_header-fixed,.slds-scope .slds-table--header-fixed{
border-block-start:0;
border-inline:0;
border-radius:0;
}
.slds-scope .slds-table_header-fixed thead th,.slds-scope .slds-table--header-fixed thead th{
position:static;
padding:0;
border-block-start:0;
text-align:start;
}
.slds-scope .slds-table_header-fixed tbody tr:first-child td,.slds-scope .slds-table--header-fixed tbody tr:first-child td,
.slds-scope .slds-table_header-fixed tbody tr:first-child th,
.slds-scope .slds-table--header-fixed tbody tr:first-child th{
border-block-start:0;
}
.slds-scope .slds-table_edit_container:focus,.slds-scope .slds-table--edit_container:focus{
outline:none;
}
.slds-scope .slds-table_edit_container:focus::before,.slds-scope .slds-table--edit_container:focus::before{
content:' ';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background-color:var(--slds-g-color-surface-container-2);
box-shadow:0 0 0 4px var(--slds-g-color-accent-2) inset;
}
.slds-scope .slds-table_edit_container:focus .slds-table_edit_container-message,.slds-scope .slds-table--edit_container:focus .slds-table--edit--container-message{
display:block;
position:absolute;
top:50%;
left:50%;
width:var(--slds-g-sizing-15);
margin-top:-2.25rem;
margin-inline-start:calc((var(--slds-g-sizing-15) * 0.5) * -1);
background-color:var(--slds-g-color-surface-container-1);
text-align:center;
z-index:1;
}
.slds-scope .slds-table_edit_container-message,.slds-scope .slds-table--edit_container-message{
display:none;
}
.slds-scope .slds-table_edit thead th,.slds-scope .slds-table--edit thead th{
padding:0;
}
.slds-scope .slds-table_edit .slds-cell-error,.slds-scope .slds-table--edit .slds-cell-error{
padding-inline-start:0;
}
.slds-scope .slds-table_edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus,.slds-scope .slds-table--edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus{
background-color:var(--slds-g-color-surface-container-1);
box-shadow:var(--slds-g-color-accent-2) 0 0 0 1px inset;
}
.slds-scope .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit:hover,.slds-scope .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit:hover{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited,.slds-scope .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited{
background-color:var(--_slds-c-datatable-color-background-edit);
}
.slds-scope .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error,.slds-scope .slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error{
background-color:var(--_slds-c-datatable-color-background-error);
box-shadow:var(--slds-g-color-error-1) 0 0 0 var(--slds-g-sizing-border-2) inset;
}
.slds-scope .slds-table_edit .slds-button__icon_edit:focus,.slds-scope .slds-table--edit .slds-button__icon--edit:focus{
fill:var(--slds-g-color-accent-2);
}
.slds-scope .slds-has-focus .slds-th__action{
background-color:var(--slds-g-color-surface-container-1);
box-shadow:var(--slds-g-shadow-insetinverse-focus-1);
}
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action,
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus,
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:hover,
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus:hover,
.slds-scope .slds-is-resizable .slds-th__action:focus,
.slds-scope .slds-is-resizable .slds-th__action:focus:hover{
background-color:var(--slds-g-color-surface-container-1);
box-shadow:var(--slds-g-shadow-insetinverse-focus-1), var(--slds-g-color-accent-2) -0.25rem 0 0 inset;
}
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:has(.slds-button_icon-bare:focus-visible),.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:has(.slds-button--icon-bare:focus-visible), .slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus:has(.slds-button_icon-bare:focus-visible), .slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus:has(.slds-button--icon-bare:focus-visible), .slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:hover:has(.slds-button_icon-bare:focus-visible), .slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:hover:has(.slds-button--icon-bare:focus-visible), .slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus:hover:has(.slds-button_icon-bare:focus-visible), .slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus:hover:has(.slds-button--icon-bare:focus-visible), .slds-scope .slds-is-resizable .slds-th__action:focus:has(.slds-button_icon-bare:focus-visible), .slds-scope .slds-is-resizable .slds-th__action:focus:has(.slds-button--icon-bare:focus-visible), .slds-scope .slds-is-resizable .slds-th__action:focus:hover:has(.slds-button_icon-bare:focus-visible), .slds-scope .slds-is-resizable .slds-th__action:focus:hover:has(.slds-button--icon-bare:focus-visible){
box-shadow:none;
}
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:hover,
.slds-scope .slds-has-focus.slds-is-resizable .slds-th__action:focus:hover,
.slds-scope .slds-is-resizable .slds-th__action:focus:hover{
box-shadow:none;
}
.slds-scope .slds-table .slds-cell-edit{
outline:0;
}
.slds-scope .slds-table .slds-cell-edit.slds-has-focus{
background-color:var(--slds-g-color-surface-container-1);
box-shadow:var(--slds-g-shadow-inset-focus-1);
}
.slds-scope .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_edit,.slds-scope .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--edit,
.slds-scope .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_lock,
.slds-scope .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--lock{
opacity:1;
}
.slds-scope .slds-table .slds-cell-edit.slds-has-focus:hover{
box-shadow:var(--slds-g-color-accent-2) 0 0 0 1px inset;
}
.slds-scope .slds-table .slds-cell-edit.slds-has-focus a:focus{
text-decoration:underline;
outline:none;
}
.slds-scope .slds-table .slds-cell-edit.slds-is-edited,
.slds-scope .slds-table .slds-cell-edit.slds-is-edited:hover{
font-weight:600;
background-color:var(--_slds-c-datatable-color-background-edit);
}
.slds-scope .slds-table .slds-cell-edit.slds-has-error,
.slds-scope .slds-table .slds-cell-edit.slds-has-error:hover{
font-weight:600;
background-color:var(--_slds-c-datatable-color-background-error);
box-shadow:var(--slds-g-color-error-1) 0 0 0 var(--slds-g-sizing-border-2) inset;
}
.slds-scope .slds-table .slds-cell-edit.slds-has-error a{
color:currentColor;
}
.slds-scope .slds-cell-edit__button{
width:1.25rem;
height:1.25rem;
flex-shrink:0;
}
.slds-scope .slds-cell-edit__button:focus .slds-button__icon_edit,.slds-scope .slds-cell-edit__button:focus .slds-button__icon--edit{
opacity:1;
}
.slds-scope .slds-cell-edit__button[disabled],
.slds-scope .slds-cell-edit__button:disabled{
color:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-no-cell-focus .slds-has-focus{
background:var(--slds-g-color-surface-container-2);
box-shadow:none;
}
.slds-scope .slds-no-cell-focus .slds-has-focus .slds-th__action,
.slds-scope .slds-no-cell-focus .slds-has-focus .slds-th__action:hover,
.slds-scope .slds-no-cell-focus .slds-has-focus .slds-th__action:focus,
.slds-scope .slds-no-cell-focus .slds-has-focus .slds-th__action:focus:hover{
color:inherit;
background-color:var(--slds-g-color-surface-container-1);
box-shadow:none;
}
.slds-scope .slds-no-cell-focus .slds-has-focus .slds-button__icon_edit,.slds-scope .slds-no-cell-focus .slds-has-focus .slds-button__icon--edit{
opacity:1;
}
.slds-scope .slds-no-cell-focus .slds-has-focus.slds-is-resizable:hover .slds-th__action{
background-color:var(--slds-g-color-surface-container-1);
box-shadow:var(--slds-g-color-border-1) -0.25rem 0 0 inset;
}
.slds-scope .slds-no-cell-focus .slds-is-sortable.slds-has-focus .slds-is-sortable__icon{
display:none;
}
.slds-scope .slds-no-cell-focus .slds-is-sorted.slds-has-focus .slds-is-sortable__icon{
display:inline-block;
fill:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-no-cell-focus .slds-is-edited,
.slds-scope .slds-no-cell-focus .slds-is-edited:hover{
background-color:var(--_slds-c-datatable-color-background-edit);
color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-no-cell-focus .slds-has-error,
.slds-scope .slds-no-cell-focus .slds-has-error:hover{
background-color:var(--slds-g-color-palette-yellow-90);
box-shadow:var(--slds-g-color-error-1) 0 0 0 var(--slds-g-sizing-border-2) inset;
}
.slds-scope .slds-no-cell-focus thead .slds-has-focus:hover{
color:var(--slds-s-link-color);
}
.slds-scope .slds-no-cell-focus thead .slds-has-focus:hover .slds-is-sortable__icon{
display:inline-block;
fill:var(--slds-s-link-color);
}
.slds-scope .slds-hint-parent .slds-cell-edit .slds-button__icon_edit,.slds-scope .slds-hint-parent .slds-cell-edit .slds-button__icon--edit,
.slds-scope .slds-hint-parent .slds-cell-edit .slds-button__icon_lock,
.slds-scope .slds-hint-parent .slds-cell-edit .slds-button__icon--lock{
opacity:0;
}
.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit,.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit, .slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit, .slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit{
opacity:1;
fill:var(--slds-g-color-accent-2);
}
.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit:hover,.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit:hover,
.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit:focus,
.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit:focus,
.slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit:hover,
.slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit:hover,
.slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit:focus,
.slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit:focus{
fill:var(--slds-g-color-accent-2);
opacity:1;
}
.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_lock,.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button__icon--lock, .slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button__icon_lock, .slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button__icon--lock{
opacity:1;
}
.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button_icon:hover .slds-button__icon_edit,.slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button--icon:hover .slds-button__icon--edit, .slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button_icon:focus .slds-button__icon_edit, .slds-scope .slds-hint-parent .slds-cell-edit:hover .slds-button--icon:focus .slds-button__icon--edit, .slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button_icon:hover .slds-button__icon_edit, .slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button--icon:hover .slds-button__icon--edit, .slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button_icon:focus .slds-button__icon_edit, .slds-scope .slds-hint-parent .slds-cell-edit:focus .slds-button--icon:focus .slds-button__icon--edit{
fill:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-hint-parent .slds-cell-edit.slds-has-focus .slds-button__icon_edit,.slds-scope .slds-hint-parent .slds-cell-edit.slds-has-focus .slds-button__icon--edit{
fill:var(--slds-g-color-on-surface-3);
opacity:1;
}
.slds-scope .slds-form-element__label_edit,.slds-scope .slds-form-element__label--edit{
margin-block:0;
margin-inline:0.125rem;
}
.slds-scope .slds-popover_edit,.slds-scope .slds-popover--edit{
border-block-start:0;
border-start-start-radius:0;
border-start-end-radius:0;
box-shadow:var(--slds-g-shadow-2);
}
.slds-scope .slds-popover_edit .slds-popover__body,.slds-scope .slds-popover--edit .slds-popover__body{
padding:var(--slds-g-spacing-1);
padding-inline-start:0;
}
.slds-scope .slds-popover_edit .slds-form-element__help,.slds-scope .slds-popover--edit .slds-form-element__help{
width:100%;
padding-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-table_joined table,.slds-scope .slds-table--joined table,
.slds-scope .slds-table.slds-has-top-magnet table{
border-radius:0 0 var(--slds-g-radius-border-2) var(--slds-g-radius-border-2);
box-shadow:var(--slds-s-container-shadow, var(--slds-g-shadow-1));
}
.slds-scope .slds-table_joined-wrapper,.slds-scope .slds-table--joined-wrapper{
padding:var(--slds-g-spacing-4) var(--slds-g-spacing-4) 0 var(--slds-g-spacing-4);
border-radius:var(--slds-g-radius-border-2);
background-clip:padding-box;
}
.slds-scope .slds-table_joined-wrapper .slds-table,.slds-scope .slds-table--joined-wrapper .slds-table{
border-radius:0 0 var(--slds-g-radius-border-2) var(--slds-g-radius-border-2);
box-shadow:var(--slds-s-container-shadow, var(--slds-g-shadow-1));
}
.slds-scope .slds-tree-container,
.slds-scope .slds-tree_container,
.slds-scope .slds-tree--container{
min-width:calc(var(--slds-g-sizing-base) * 7.5);
max-width:var(--slds-c-tree-sizing-max-width, 25rem);
}
.slds-scope .slds-tree-container > .slds-text-heading_label,.slds-scope .slds-tree-container > .slds-text-heading--label,
.slds-scope .slds-tree_container > .slds-text-heading_label,
.slds-scope .slds-tree--container > .slds-text-heading--label{
margin-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-tree__item{
display:flex;
padding-block-start:calc(var(--slds-g-spacing-1) + 2px);
padding-block-end:calc(var(--slds-g-spacing-1) + 2px);
padding-inline-start:var(--slds-g-spacing-4);
padding-inline-end:0;
}
.slds-scope .slds-tree__item.slds-is-hovered,
.slds-scope .slds-tree__item:hover{
background:var(--slds-s-table-row-color-background-selected, var(--slds-g-color-surface-container-2));
cursor:pointer;
}
.slds-scope .slds-tree [role='treeitem']:focus{
outline:0;
}
.slds-scope .slds-tree [role='treeitem']:focus > .slds-tree__item{
background:var(--slds-g-color-surface-container-2);
cursor:pointer;
text-decoration:underline;
}
.slds-scope .slds-tree [role='treeitem']:focus-visible > .slds-tree__item{
box-shadow:var(--slds-g-shadow-inset-focus-1);
}
.slds-scope .slds-tree [role='treeitem'][aria-selected='true'] > .slds-tree__item{
background:var(--slds-g-color-brand-base-90);
box-shadow:var(--slds-g-color-accent-1) 4px 0 0 inset;
}
.slds-scope .slds-tree [role='treeitem'][aria-selected='true'] > .slds-tree__item [dir='rtl']{
box-shadow:var(--slds-g-color-accent-1) -4px 0 0 inset;
}
.slds-scope .slds-tree [role='treeitem'][aria-selected='true']:focus-visible > .slds-tree__item{
box-shadow:var(--slds-g-color-accent-1) 4px 0 0 inset, var(--slds-g-shadow-inset-focus-1);
}
.slds-scope .slds-tree [role='treeitem'][aria-selected='true']:focus-visible > .slds-tree__item [dir='rtl']{
box-shadow:var(--slds-g-color-accent-1) -4px 0 0 inset, var(--slds-g-shadow-inset-focus-1);
}
.slds-scope .slds-tree [aria-disabled='true']{
color:var(--slds-g-color-disabled-1);
}
.slds-scope .slds-tree [aria-disabled='true'] .slds-tree__item.slds-is-hovered,
.slds-scope .slds-tree [aria-disabled='true'] .slds-tree__item:hover{
background-color:transparent;
cursor:default;
}
.slds-scope .slds-tree [aria-disabled='true'] .slds-tree__item-meta{
color:inherit;
}
.slds-scope .slds-tree [role='treeitem'] > [role='group']{
display:none;
}
.slds-scope .slds-tree [role='treeitem'][aria-expanded='true'] > [role='group']{
display:block;
}
.slds-scope [aria-expanded='false'] > .slds-tree__item .slds-button__icon{
transition:0.2s transform ease-in-out;
transform:rotate(0deg);
}
.slds-scope [aria-expanded='true'] > .slds-tree__item .slds-button__icon{
transition:0.2s transform ease-in-out;
transform:rotate(90deg);
}
.slds-scope [aria-expanded='true'] > .slds-tree__item .slds-button__icon [dir='rtl']{
transform:rotate(-90deg);
}
.slds-scope .slds-tree [aria-level='1'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 1);
}
.slds-scope .slds-tree [aria-level='2'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 2);
}
.slds-scope .slds-tree [aria-level='3'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 3);
}
.slds-scope .slds-tree [aria-level='4'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 4);
}
.slds-scope .slds-tree [aria-level='5'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 5);
}
.slds-scope .slds-tree [aria-level='6'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 6);
}
.slds-scope .slds-tree [aria-level='7'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 7);
}
.slds-scope .slds-tree [aria-level='8'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 8);
}
.slds-scope .slds-tree [aria-level='9'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 9);
}
.slds-scope .slds-tree [aria-level='10'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 10);
}
.slds-scope .slds-tree [aria-level='11'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 11);
}
.slds-scope .slds-tree [aria-level='12'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 12);
}
.slds-scope .slds-tree [aria-level='13'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 13);
}
.slds-scope .slds-tree [aria-level='14'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 14);
}
.slds-scope .slds-tree [aria-level='15'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 15);
}
.slds-scope .slds-tree [aria-level='16'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 16);
}
.slds-scope .slds-tree [aria-level='17'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 17);
}
.slds-scope .slds-tree [aria-level='18'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 18);
}
.slds-scope .slds-tree [aria-level='19'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 19);
}
.slds-scope .slds-tree [aria-level='20'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 20);
}
.slds-scope .slds-tree__item-label{
display:block;
}
.slds-scope .slds-tree__item-label:not(a > .slds-tree__item-label){
color:var(--slds-g-color-on-surface-2);
}
.slds-scope .slds-tree__item-meta{
display:block;
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-tree__item .slds-button{
align-self:flex-start;
margin-block-start:2px;
}
.slds-scope .slds-tree__item .slds-pill{
margin-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-tree__group-header{
font-size:var(--slds-g-font-size-base);
font-weight:var(--slds-g-font-weight-6);
}
.slds-scope .slds-table_tree[role='treegrid'],.slds-scope .slds-table--tree[role='treegrid']{
border-collapse:separate;
}
.slds-scope .slds-table_tree[role='treegrid'] .slds-tree__item,.slds-scope .slds-table--tree[role='treegrid'] .slds-tree__item,
.slds-scope .slds-table_tree[role='treegrid'] tbody [role='gridcell'],
.slds-scope .slds-table--tree[role='treegrid'] tbody [role='gridcell']{
padding:var(--slds-g-spacing-1) var(--slds-g-spacing-2);
}
.slds-scope .slds-table_tree .slds-tree__item,.slds-scope .slds-table--tree .slds-tree__item{
line-height:var(--slds-g-font-lineheight-5);
}
.slds-scope .slds-table_tree .slds-tree__item a,.slds-scope .slds-table--tree .slds-tree__item a{
color:var(--slds-s-link-color);
}
.slds-scope .slds-table_tree .slds-tree__item a:hover,.slds-scope .slds-table--tree .slds-tree__item a:hover{
text-decoration:underline;
}
.slds-scope .slds-table_tree tr:has(.slds-cell-wrap) .slds-tree__item,.slds-scope .slds-table--tree tr:has(.slds-cell-wrap) .slds-tree__item{
display:table-cell;
vertical-align:top;
}
.slds-scope .slds-table_tree tr:has(.slds-cell-wrap) .slds-tree__item > .slds-button,.slds-scope .slds-table--tree tr:has(.slds-cell-wrap) .slds-tree__item > .slds-button{
float:left;
height:1.5rem;
}
.slds-scope .slds-table_tree .slds-button,.slds-scope .slds-table--tree .slds-button,
.slds-scope .slds-table--tree .slds-button{
align-self:center;
}
.slds-scope .slds-table_tree .slds-button:not(.slds-th__action-button),.slds-scope .slds-table--tree .slds-button:not(.slds-th__action-button){
margin-block-start:0;
}
.slds-scope .slds-table_tree,.slds-scope .slds-table--tree{
}
.slds-scope .slds-table_tree [aria-level='1'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='1'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 1);
}
.slds-scope .slds-table_tree [aria-level='2'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='2'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 2);
}
.slds-scope .slds-table_tree [aria-level='3'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='3'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 3);
}
.slds-scope .slds-table_tree [aria-level='4'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='4'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 4);
}
.slds-scope .slds-table_tree [aria-level='5'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='5'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 5);
}
.slds-scope .slds-table_tree [aria-level='6'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='6'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 6);
}
.slds-scope .slds-table_tree [aria-level='7'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='7'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 7);
}
.slds-scope .slds-table_tree [aria-level='8'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='8'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 8);
}
.slds-scope .slds-table_tree [aria-level='9'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='9'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 9);
}
.slds-scope .slds-table_tree [aria-level='10'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='10'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 10);
}
.slds-scope .slds-table_tree [aria-level='11'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='11'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 11);
}
.slds-scope .slds-table_tree [aria-level='12'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='12'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 12);
}
.slds-scope .slds-table_tree [aria-level='13'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='13'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 13);
}
.slds-scope .slds-table_tree [aria-level='14'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='14'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 14);
}
.slds-scope .slds-table_tree [aria-level='15'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='15'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 15);
}
.slds-scope .slds-table_tree [aria-level='16'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='16'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 16);
}
.slds-scope .slds-table_tree [aria-level='17'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='17'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 17);
}
.slds-scope .slds-table_tree [aria-level='18'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='18'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 18);
}
.slds-scope .slds-table_tree [aria-level='19'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='19'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 19);
}
.slds-scope .slds-table_tree [aria-level='20'] > .slds-tree__item,.slds-scope .slds-table--tree [aria-level='20'] > .slds-tree__item{
padding-inline-start:calc(var(--slds-g-spacing-4) * 20);
}
.slds-scope .slds-section{
margin-block:var(--slds-g-spacing-2);
}
.slds-scope .slds-section.slds-is-open .slds-section__title-action-icon{
transform:rotate(0deg);
transform-origin:45%;
}
.slds-scope .slds-section.slds-is-open .slds-section__content{
padding-top:var(--slds-g-spacing-2);
overflow:visible;
visibility:visible;
opacity:1;
height:auto;
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-section__title{
display:flex;
align-items:center;
font-size:var(--slds-s-container-heading-var-font-size, var(--slds-g-font-scale-2));
line-height:1.875rem;
border:var(--slds-g-sizing-border-1) solid transparent;
border-radius:var(--slds-g-radius-border-2);
}
.slds-scope .slds-section__title .slds-button{
--slds-c-button-radius-border:var(--slds-g-radius-border-2);
}
.slds-scope .slds-section__title-action{
display:flex;
align-items:center;
background-color:var(--slds-g-color-surface-container-2);
cursor:pointer;
width:100%;
text-align:left;
color:var(--slds-g-color-on-surface-3);
font-size:inherit;
font-weight:var(--slds-s-container-heading-font-weight);
padding:0 var(--slds-g-spacing-2);
}
.slds-scope .slds-section__title-action:hover,
.slds-scope .slds-section__title-action:focus,
.slds-scope .slds-section__title-action:active{
background-color:var(--slds-g-color-surface-container-2);
color:inherit;
}
.slds-scope .slds-section__content{
overflow:hidden;
visibility:hidden;
opacity:0;
height:0;
}
.slds-scope .slds-section__title-action-icon{
transform:rotate(-90deg);
}
.slds-scope .slds-section-title_divider,.slds-scope .slds-section-title--divider{
font-size:var(--slds-g-font-scale-neg-1);
line-height:var(--slds-g-font-lineheight-2);
color:var(--slds-g-color-neutral-base-30);
text-transform:uppercase;
letter-spacing:0.0625rem;
padding:var(--slds-g-spacing-2) var(--slds-g-spacing-4);
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-illustration{
text-align:center;
}
.slds-scope .slds-illustration.slds-illustration_small .slds-illustration__svg,.slds-scope .slds-illustration.slds-illustration--small .slds-illustration__svg{
width:100%;
max-width:300px;
max-height:200px;
margin-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-illustration.slds-illustration_large .slds-illustration__svg,.slds-scope .slds-illustration.slds-illustration--large .slds-illustration__svg{
width:100%;
max-width:600px;
max-height:400px;
margin-block-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-illustration.slds-illustration_large .slds-illustration__header,.slds-scope .slds-illustration.slds-illustration--large .slds-illustration__header{
margin-block-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-illustration.slds-illustration_large p,.slds-scope .slds-illustration.slds-illustration--large p{
margin-block-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-illustration .slds-illustration__stroke-primary{
stroke:var(--slds-g-color-palette-cloud-blue-80);
}
.slds-scope .slds-illustration .slds-illustration__stroke-secondary{
stroke:var(--slds-g-color-palette-cloud-blue-90);
}
.slds-scope .slds-illustration .slds-illustration__fill-primary{
fill:var(--slds-g-color-palette-cloud-blue-80);
}
.slds-scope .slds-illustration .slds-illustration__fill-secondary{
fill:var(--slds-g-color-palette-cloud-blue-90);
}
.slds-scope .slds-region{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-region__pinned-top{
background-color:var(--slds-g-color-surface-container-1);
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-region__pinned-left{
background-color:var(--slds-g-color-surface-container-1);
border-inline-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-region__pinned-right{
background-color:var(--slds-g-color-surface-container-1);
border-inline-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-welcome-mat{
--_slds-c-welcomemat-image-background:var(
--lwc-welcomeMatBackgroundImageInfo,
url('../images/bg-info@2x.png')
);
position:relative;
}
.slds-scope .slds-welcome-mat__content{
min-height:25rem;
max-height:37.5rem;
}
.slds-scope .slds-welcome-mat__content .slds-progress-bar{
display:inline-block;
width:12.5rem;
background:var(--slds-g-color-surface-1);
}
.slds-scope .slds-welcome-mat__content .slds-progress-bar__value{
background:var(--slds-g-color-success-1);
}
.slds-scope .slds-welcome-mat__info{
display:flex;
overflow:auto;
padding-block:var(--slds-g-spacing-4) 7.75rem;
padding-inline:var(--slds-g-spacing-8);
color:var(--slds-g-color-brand-base-20);
background-image:var(--_slds-c-welcomemat-image-background);
background-position:bottom center;
background-repeat:no-repeat;
background-size:contain;
background-color:var(--slds-g-color-palette-cloud-blue-90);
align-items:center;
border-start-start-radius:var(--slds-s-container-radius-border, var(--slds-g-radius-border-2));
border-end-start-radius:var(--slds-s-container-radius-border, var(--slds-g-radius-border-2));
}
.slds-scope .slds-welcome-mat__info:focus-visible{
outline:0;
box-shadow:var(--slds-g-shadow-inset-focus-1);
}
.slds-scope .slds-welcome-mat__info-content{
margin:auto;
text-align:center;
}
.slds-scope .slds-welcome-mat__info-title{
margin-block-end:var(--slds-g-spacing-5);
font-size:var(--slds-g-font-scale-7);
font-weight:var(--slds-g-font-weight-7);
line-height:var(--slds-g-font-lineheight-2);
}
.slds-scope .slds-welcome-mat__info-description{
margin-block-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-welcome-mat__info-progress{
margin-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-welcome-mat__tiles{
background:var(--slds-g-color-surface-container-2);
overflow:auto;
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-welcome-mat__tile{
margin-block:var(--slds-g-spacing-4);
margin-inline:0;
box-shadow:var(--slds-g-shadow-2);
border-radius:var(--slds-g-radius-border-2);
background:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-welcome-mat__tile:hover{
box-shadow:0 0 0 1px var(--slds-g-color-border-accent-1) inset, var(--slds-g-shadow-2);
}
.slds-scope .slds-welcome-mat__tile .slds-media{
padding:var(--slds-g-spacing-3);
}
.slds-scope .slds-welcome-mat__tile .slds-icon-action-check{
display:none;
}
.slds-scope .slds-welcome-mat__tile:first-child{
margin-block-start:0;
}
.slds-scope .slds-welcome-mat__tile:last-child{
margin-block-end:0;
}
.slds-scope .slds-welcome-mat__tile.slds-welcome-mat__tile_complete,.slds-scope .slds-welcome-mat__tile.slds-welcome-mat__tile--complete,
.slds-scope .slds-welcome-mat__tile.slds-welcome-mat__tile_info-only,
.slds-scope .slds-welcome-mat__tile.slds-welcome-mat__tile--info-only{
box-shadow:none;
}
.slds-scope .slds-welcome-mat__tile .slds-box_link:focus-visible,.slds-scope .slds-welcome-mat__tile .slds-box--link:focus-visible{
box-shadow:var(--slds-g-shadow-outline-focus-1);
outline:0;
border-color:transparent;
}
.slds-scope .slds-welcome-mat__tile-figure{
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-welcome-mat__tile-title{
font-weight:var(--slds-g-font-weight-7);
}
.slds-scope .slds-welcome-mat__tile-body{
padding:var(--slds-g-spacing-3);
border-inline-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-welcome-mat__tile-description{
color:var(--slds-g-color-on-surface-3);
font-size:var(--slds-g-font-scale-neg-1);
line-height:var(--slds-g-font-lineheight-3);
}
.slds-scope .slds-welcome-mat__tile-icon-container{
position:relative;
}
.slds-scope .slds-welcome-mat__tile_complete,.slds-scope .slds-welcome-mat__tile--complete{
background:transparent;
}
.slds-scope .slds-welcome-mat__tile_complete .slds-icon,.slds-scope .slds-welcome-mat__tile--complete .slds-icon{
fill:var(--slds-g-color-neutral-base-80);
}
.slds-scope .slds-welcome-mat__tile_complete .slds-icon-action-check,.slds-scope .slds-welcome-mat__tile--complete .slds-icon-action-check{
position:absolute;
inset-block-end:calc(var(--slds-g-sizing-6) * 0.5 * -1);
inset-inline-end:calc(var(--slds-g-sizing-6) * 0.5 * -1);
height:var(--slds-g-sizing-6);
width:var(--slds-g-sizing-6);
display:flex;
align-items:center;
justify-content:center;
padding:0.25rem;
border:var(--slds-g-sizing-borde-2) solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-sizing-6);
line-height:0;
background:var(--slds-g-color-success-1);
}
.slds-scope .slds-welcome-mat__tile_complete .slds-icon-action-check .slds-icon,.slds-scope .slds-welcome-mat__tile--complete .slds-icon-action-check .slds-icon{
fill:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-welcome-mat_info-only .slds-welcome-mat__content,.slds-scope .slds-welcome-mat--info-only .slds-welcome-mat__content{
height:37.5rem;
}
.slds-scope .slds-welcome-mat_info-only .slds-welcome-mat__info-title,.slds-scope .slds-welcome-mat--info-only .slds-welcome-mat__info-title{
font-size:var(--slds-g-font-scale-7);
}
.slds-scope .slds-welcome-mat__tiles_info-only,.slds-scope .slds-welcome-mat__tiles--info-only{
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-welcome-mat__tile_info-only .slds-welcome-mat__tile-body,.slds-scope .slds-welcome-mat__tile--info-only .slds-welcome-mat__tile-body{
border-inline-start:0;
}
.slds-scope .slds-welcome-mat_splash .slds-welcome-mat__content,.slds-scope .slds-welcome-mat--splash .slds-welcome-mat__content{
height:37.5rem;
}
.slds-scope .slds-welcome-mat_splash .slds-welcome-mat__info-content,.slds-scope .slds-welcome-mat--splash .slds-welcome-mat__info-content{
max-width:37.5rem;
}
.slds-scope .slds-welcome-mat_splash .slds-welcome-mat__info-title,.slds-scope .slds-welcome-mat--splash .slds-welcome-mat__info-title{
font-size:var(--slds-g-font-scale-7);
}
.slds-scope .slds-welcome-mat__info-badge-container{
display:inline-block;
position:relative;
}
.slds-scope .slds-welcome-mat__info-badge-container .slds-icon-action-check{
border-width:0;
top:50%;
right:0%;
transform:translate3d(50%, -50%, 0);
display:none;
}
.slds-scope .slds-welcome-mat__info-badge{
margin-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-welcome-mat__info-progress_complete .slds-icon-action-check,.slds-scope .slds-welcome-mat__info-progress--complete .slds-icon-action-check{
display:flex;
}
.slds-scope .slds-summary-detail{
display:flex;
align-items:flex-start;
}
.slds-scope .slds-summary-detail .slds-summary-detail__action-icon{
transform:rotate(-90deg);
}
.slds-scope .slds-summary-detail .slds-summary-detail__content{
overflow:hidden;
visibility:hidden;
opacity:0;
height:0;
}
[dir='rtl'] .slds-scope .slds-summary-detail .slds-summary-detail__action-icon{
transform:rotate(90deg);
}
.slds-scope .slds-summary-detail.slds-is-open .slds-summary-detail__action-icon{
transform:rotate(0deg);
transform-origin:45%;
}
.slds-scope .slds-summary-detail.slds-is-open .slds-summary-detail__content{
padding-block-start:var(--slds-g-spacing-3);
overflow:visible;
visibility:visible;
opacity:1;
height:auto;
}
.slds-scope .slds-setup-assistant{
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-setup-assistant__item{
border-block-end:1px var(--slds-g-color-disabled-1) solid;
padding-block:var(--slds-g-spacing-6);
padding-inline:0;
}
.slds-scope .slds-setup-assistant__item:first-child{
padding-block-start:0;
}
.slds-scope .slds-setup-assistant__item:last-child{
padding-block-end:0;
border-bottom:0;
}
.slds-scope .slds-setup-assistant__step-summary .slds-progress-ring_large,.slds-scope .slds-setup-assistant__step-summary .slds-progress-ring--large{
top:1px;
}
[dir='rtl'] .slds-scope .slds-setup-assistant__step-summary .slds-media__figure{
margin-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-setup-assistant__step-summary-content{
margin-inline-end:var(--slds-g-spacing-8);
}
[dir='rtl'] .slds-scope .slds-setup-assistant__step-summary-content{
margin-inline-end:0;
}
.slds-scope .slds-setup-assistant__step-summary-title{
padding-block-end:var(--slds-g-spacing-2);
font-weight:var(--slds-g-font-weight-7);
}
.slds-scope .slds-setup-assistant__step-detail{
padding-inline-start:2.75rem;
}
[dir='rtl'] .slds-scope .slds-setup-assistant__step-detail{
padding-inline-end:var(--slds-g-spacing-5);
padding-inline-start:var(--slds-g-spacing-4);
}
[dir='rtl'] .slds-scope .slds-setup-assistant__step-detail .slds-media_center,[dir='rtl'] .slds-scope .slds-setup-assistant__step-detail .slds-media--center{
margin-inline-end:var(--slds-g-spacing-4);
}
[dir='rtl'] .slds-scope .slds-setup-assistant__step-detail .slds-media__figure{
margin-inline-start:var(--slds-g-spacing-3);
}
.slds-scope [class*='slds-template_'],.slds-scope [class*='slds-template--']{
--_slds-c-template-sizing-gap:1rem;
--_slds-c-template-profile-sizing-gap:8rem 0.75rem 0.75rem;
}
.slds-scope .slds-template__container{
position:relative;
height:100%;
width:100%;
}
.slds-scope .slds-template_default,.slds-scope .slds-template--default{
padding:var(--_slds-c-template-sizing-gap);
}
.slds-scope .slds-template_default.slds-brand-band::before,.slds-scope .slds-template--default.slds-brand-band::before{
position:fixed;
top:5.625rem;
}
.slds-scope .slds-template_default.slds-brand-band.slds-brand-band_medium::after,.slds-scope .slds-template--default.slds-brand-band.slds-brand-band--medium::after{
position:fixed;
top:15rem;
}
.slds-scope .slds-template_bottom-magnet,.slds-scope .slds-template--bottom-magnet{
padding:var(--_slds-c-template-sizing-gap) var(--_slds-c-template-sizing-gap) 0 var(--_slds-c-template-sizing-gap);
}
.slds-scope .slds-template_profile,.slds-scope .slds-template--profile{
padding:var(--_slds-c-template-profile-sizing-gap);
}
.slds-scope .slds-template__content{
padding:var(--_slds-c-template-sizing-gap) var(--_slds-c-template-sizing-gap) 0 var(--_slds-c-template-sizing-gap);
}
.slds-scope .slds-template_app,.slds-scope .slds-template--app{
padding:var(--_slds-c-template-sizing-gap) 0 0 var(--_slds-c-template-sizing-gap);
}
.slds-scope .slds-template_iframe,.slds-scope .slds-template--iframe{
width:calc(100% + (var(--_slds-c-template-sizing-gap) * 2));
height:calc(100% + (var(--_slds-c-template-sizing-gap) * 2));
margin:calc(var(--_slds-c-template-sizing-gap) * -1);
background-color:var(--slds-g-color-surface-container-1);
}
.slds-scope .slds-align-content-center{
flex:1;
align-self:center;
justify-content:center;
}
.slds-scope .slds-box_border,.slds-scope .slds-box--border{
padding:0;
border-radius:var(--slds-g-radius-border-2);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-collapsed{
height:0;
overflow:hidden;
}
.slds-scope .slds-expanded{
height:auto;
overflow:visible;
}
.slds-scope .slds-media_reverse > .slds-media__figure,.slds-scope .slds-media--reverse > .slds-media__figure{
order:1;
}
.slds-scope .slds-media_reverse.slds-media_small .slds-media__figure,.slds-scope .slds-media--reverse.slds-media--small .slds-media__figure{
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-media_double > .slds-media__figure,.slds-scope .slds-media--double > .slds-media__figure{
order:1;
}
.slds-scope .slds-media_double .slds-media__figure_reverse,.slds-scope .slds-media--double .slds-media__figure--reverse{
order:3;
margin:0 0 0 var(--slds-g-spacing-4);
}
.slds-scope .slds-media_double .slds-media__body,.slds-scope .slds-media--double .slds-media__body{
order:2;
}
.slds-scope .slds-grid{
display:flex;
}
.slds-scope .slds-grid_frame,.slds-scope .slds-grid--frame{
min-width:100vw;
min-height:100vh;
overflow:hidden;
}
.slds-scope .slds-grid_vertical,.slds-scope .slds-grid--vertical{
flex-direction:column;
}
.slds-scope .slds-grid_vertical-reverse,.slds-scope .slds-grid--vertical-reverse{
flex-direction:column-reverse;
}
.slds-scope .slds-grid_reverse,.slds-scope .slds-grid--reverse{
flex-direction:row-reverse;
}
.slds-scope .slds-wrap{
flex-wrap:wrap;
align-items:flex-start;
}
.slds-scope .slds-nowrap{
flex:1 1 auto;
flex-wrap:nowrap;
align-items:stretch;
}
@media (min-width: 30em){
.slds-scope .slds-nowrap_small,.slds-scope .slds-nowrap--small{
flex:1 1 auto;
flex-wrap:nowrap;
align-items:stretch;
}
}
@media (min-width: 48em){
.slds-scope .slds-nowrap_medium,.slds-scope .slds-nowrap--medium{
flex:1 1 auto;
flex-wrap:nowrap;
align-items:stretch;
}
}
@media (min-width: 64em){
.slds-scope .slds-nowrap_large,.slds-scope .slds-nowrap--large{
flex:1 1 auto;
flex-wrap:nowrap;
align-items:stretch;
}
}
.slds-scope .slds-gutters{
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-gutters .slds-col{
padding-inline-end:var(--slds-g-spacing-3);
padding-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-gutters_xxx-small,.slds-scope .slds-gutters--xxx-small{
margin-inline-end:calc(0.125rem * -1);
margin-inline-start:calc(0.125rem * -1);
}
.slds-scope .slds-gutters_xxx-small .slds-col,.slds-scope .slds-gutters--xxx-small .slds-col{
padding-inline-end:0.125rem;
padding-inline-start:0.125rem;
}
.slds-scope .slds-gutters_xx-small,.slds-scope .slds-gutters--xx-small{
margin-inline-end:calc(var(--slds-g-spacing-1) * -1);
margin-inline-start:calc(var(--slds-g-spacing-1) * -1);
}
.slds-scope .slds-gutters_xx-small .slds-col,.slds-scope .slds-gutters--xx-small .slds-col{
padding-inline-end:var(--slds-g-spacing-1);
padding-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-gutters_x-small,.slds-scope .slds-gutters--x-small{
margin-inline-end:calc(var(--slds-g-spacing-2) * -1);
margin-inline-start:calc(var(--slds-g-spacing-2) * -1);
}
.slds-scope .slds-gutters_x-small .slds-col,.slds-scope .slds-gutters--x-small .slds-col{
padding-inline-end:var(--slds-g-spacing-2);
padding-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-gutters_small,.slds-scope .slds-gutters--small{
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-gutters_small .slds-col,.slds-scope .slds-gutters--small .slds-col{
padding-inline-end:var(--slds-g-spacing-3);
padding-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-gutters_medium,.slds-scope .slds-gutters--medium{
margin-inline-end:calc(var(--slds-g-spacing-4) * -1);
margin-inline-start:calc(var(--slds-g-spacing-4) * -1);
}
.slds-scope .slds-gutters_medium .slds-col,.slds-scope .slds-gutters--medium .slds-col{
padding-inline-end:var(--slds-g-spacing-4);
padding-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-gutters_large,.slds-scope .slds-gutters--large{
margin-inline-end:calc(var(--slds-g-spacing-5) * -1);
margin-inline-start:calc(var(--slds-g-spacing-5) * -1);
}
.slds-scope .slds-gutters_large .slds-col,.slds-scope .slds-gutters--large .slds-col{
padding-inline-end:var(--slds-g-spacing-5);
padding-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-gutters_x-large,.slds-scope .slds-gutters--x-large{
margin-inline-end:calc(var(--slds-g-spacing-6) * -1);
margin-inline-start:calc(var(--slds-g-spacing-6) * -1);
}
.slds-scope .slds-gutters_x-large .slds-col,.slds-scope .slds-gutters--x-large .slds-col{
padding-inline-end:var(--slds-g-spacing-6);
padding-inline-start:var(--slds-g-spacing-6);
}
.slds-scope .slds-gutters_xx-large,.slds-scope .slds-gutters--xx-large{
margin-inline-end:calc(var(--slds-g-spacing-8) * -1);
margin-inline-start:calc(var(--slds-g-spacing-8) * -1);
}
.slds-scope .slds-gutters_xx-large .slds-col,.slds-scope .slds-gutters--xx-large .slds-col{
padding-inline-end:var(--slds-g-spacing-8);
padding-inline-start:var(--slds-g-spacing-8);
}
.slds-scope .slds-gutters_direct,.slds-scope .slds-gutters--direct{
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-gutters_direct > .slds-col,.slds-scope .slds-gutters--direct > .slds-col{
padding-inline-end:var(--slds-g-spacing-3);
padding-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-gutters_direct-xxx-small,.slds-scope .slds-gutters--direct-xxx-small{
margin-inline-end:calc(0.125rem * -1);
margin-inline-start:calc(0.125rem * -1);
}
.slds-scope .slds-gutters_direct-xxx-small > .slds-col,.slds-scope .slds-gutters--direct-xxx-small > .slds-col{
padding-inline-end:0.125rem;
padding-inline-start:0.125rem;
}
.slds-scope .slds-gutters_direct-xx-small,.slds-scope .slds-gutters--direct-xx-small{
margin-inline-end:calc(var(--slds-g-spacing-1) * -1);
margin-inline-start:calc(var(--slds-g-spacing-1) * -1);
}
.slds-scope .slds-gutters_direct-xx-small > .slds-col,.slds-scope .slds-gutters--direct-xx-small > .slds-col{
padding-inline-end:var(--slds-g-spacing-1);
padding-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-gutters_direct-x-small,.slds-scope .slds-gutters--direct-x-small{
margin-inline-end:calc(var(--slds-g-spacing-2) * -1);
margin-inline-start:calc(var(--slds-g-spacing-2) * -1);
}
.slds-scope .slds-gutters_direct-x-small > .slds-col,.slds-scope .slds-gutters--direct-x-small > .slds-col{
padding-inline-end:var(--slds-g-spacing-2);
padding-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-gutters_direct-small,.slds-scope .slds-gutters--direct-small{
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-gutters_direct-small > .slds-col,.slds-scope .slds-gutters--direct-small > .slds-col{
padding-inline-end:var(--slds-g-spacing-3);
padding-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-gutters_direct-medium,.slds-scope .slds-gutters--direct-medium{
margin-inline-end:calc(var(--slds-g-spacing-4) * -1);
margin-inline-start:calc(var(--slds-g-spacing-4) * -1);
}
.slds-scope .slds-gutters_direct-medium > .slds-col,.slds-scope .slds-gutters--direct-medium > .slds-col{
padding-inline-end:var(--slds-g-spacing-4);
padding-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-gutters_direct-large,.slds-scope .slds-gutters--direct-large{
margin-inline-end:calc(var(--slds-g-spacing-5) * -1);
margin-inline-start:calc(var(--slds-g-spacing-5) * -1);
}
.slds-scope .slds-gutters_direct-large > .slds-col,.slds-scope .slds-gutters--direct-large > .slds-col{
padding-inline-end:var(--slds-g-spacing-5);
padding-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-gutters_direct-x-large,.slds-scope .slds-gutters--direct-x-large{
margin-inline-end:calc(var(--slds-g-spacing-6) * -1);
margin-inline-start:calc(var(--slds-g-spacing-6) * -1);
}
.slds-scope .slds-gutters_direct-x-large > .slds-col,.slds-scope .slds-gutters--direct-x-large > .slds-col{
padding-inline-end:var(--slds-g-spacing-6);
padding-inline-start:var(--slds-g-spacing-6);
}
.slds-scope .slds-gutters_direct-xx-large,.slds-scope .slds-gutters--direct-xx-large{
margin-inline-end:calc(var(--slds-g-spacing-8) * -1);
margin-inline-start:calc(var(--slds-g-spacing-8) * -1);
}
.slds-scope .slds-gutters_direct-xx-large > .slds-col,.slds-scope .slds-gutters--direct-xx-large > .slds-col{
padding-inline-end:var(--slds-g-spacing-8);
padding-inline-start:var(--slds-g-spacing-8);
}
.slds-scope .slds-grid_pull-padded,.slds-scope .slds-grid--pull-padded{
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-grid_pull-padded-xxx-small,.slds-scope .slds-grid--pull-padded-xxx-small{
margin-inline-end:calc(0.125rem * -1);
margin-inline-start:calc(0.125rem * -1);
}
.slds-scope .slds-grid_pull-padded-xx-small,.slds-scope .slds-grid--pull-padded-xx-small{
margin-inline-end:calc(var(--slds-g-spacing-1) * -1);
margin-inline-start:calc(var(--slds-g-spacing-1) * -1);
}
.slds-scope .slds-grid_pull-padded-x-small,.slds-scope .slds-grid--pull-padded-x-small{
margin-inline-end:calc(var(--slds-g-spacing-2) * -1);
margin-inline-start:calc(var(--slds-g-spacing-2) * -1);
}
.slds-scope .slds-grid_pull-padded-small,.slds-scope .slds-grid--pull-padded-small{
margin-inline-end:calc(var(--slds-g-spacing-3) * -1);
margin-inline-start:calc(var(--slds-g-spacing-3) * -1);
}
.slds-scope .slds-grid_pull-padded-medium,.slds-scope .slds-grid--pull-padded-medium{
margin-inline-end:calc(var(--slds-g-spacing-4) * -1);
margin-inline-start:calc(var(--slds-g-spacing-4) * -1);
}
.slds-scope .slds-grid_pull-padded-large,.slds-scope .slds-grid--pull-padded-large{
margin-inline-end:calc(var(--slds-g-spacing-5) * -1);
margin-inline-start:calc(var(--slds-g-spacing-5) * -1);
}
.slds-scope .slds-grid_pull-padded-x-large,.slds-scope .slds-grid--pull-padded-x-large{
margin-inline-end:calc(var(--slds-g-spacing-6) * -1);
margin-inline-start:calc(var(--slds-g-spacing-6) * -1);
}
.slds-scope .slds-grid_pull-padded-xx-large,.slds-scope .slds-grid--pull-padded-xx-large{
margin-inline-end:calc(var(--slds-g-spacing-8) * -1);
margin-inline-start:calc(var(--slds-g-spacing-8) * -1);
}
.slds-scope .slds-col,
.slds-scope .slds-col_padded-around-medium,
.slds-scope .slds-col--padded-around-medium,
.slds-scope .slds-col_padded-medium,
.slds-scope .slds-col--padded-medium,
.slds-scope .slds-col_padded-around-large,
.slds-scope .slds-col--padded-around-large,
.slds-scope .slds-col_padded-large,
.slds-scope .slds-col--padded-large,
.slds-scope .slds-col_padded-around,
.slds-scope .slds-col--padded-around,
.slds-scope .slds-col_padded,
.slds-scope .slds-col--padded{
flex:1 1 auto;
}
.slds-scope .slds-col{
flex:1 1 auto;
}
@media (min-width: 64em){
.slds-scope .slds-col_rule-top,.slds-scope .slds-col--rule-top{
border-inline-start:1px solid var(--slds-g-color-border-1);
}
}
@media (min-width: 64em){
.slds-scope .slds-col_rule-right,.slds-scope .slds-col--rule-right{
border-inline-end:1px solid var(--slds-g-color-border-1);
}
}
@media (min-width: 64em){
.slds-scope .slds-col_rule-bottom,.slds-scope .slds-col--rule-bottom{
border-block-end:1px solid var(--slds-g-color-border-1);
}
}
@media (min-width: 64em){
.slds-scope .slds-col_rule-left,.slds-scope .slds-col--rule-left{
border-inline-start:1px solid var(--slds-g-color-border-1);
}
}
.slds-scope .slds-has-flexi-truncate{
flex:1 1 0%;
min-width:0;
}
.slds-scope .slds-no-flex{
flex:none;
}
.slds-scope .slds-no-space{
min-width:0;
}
.slds-scope .slds-grow{
flex-grow:1;
}
.slds-scope .slds-grow-none{
flex-grow:0;
}
.slds-scope .slds-shrink{
flex-shrink:1;
}
.slds-scope .slds-shrink-none{
flex-shrink:0;
}
.slds-scope .slds-text-longform ul.slds-grid{
margin-inline-start:0;
list-style:none;
}
.slds-scope .slds-grid_align-center,.slds-scope .slds-grid--align-center{
justify-content:center;
}
.slds-scope .slds-grid_align-center .slds-col,.slds-scope .slds-grid--align-center .slds-col,
.slds-scope .slds-grid_align-center .slds-col_padded-around-medium,
.slds-scope .slds-grid--align-center .slds-col--padded-around-medium,
.slds-scope .slds-grid_align-center .slds-col_padded-medium,
.slds-scope .slds-grid--align-center .slds-col--padded-medium,
.slds-scope .slds-grid_align-center .slds-col_padded-around-large,
.slds-scope .slds-grid--align-center .slds-col--padded-around-large,
.slds-scope .slds-grid_align-center .slds-col_padded-large,
.slds-scope .slds-grid--align-center .slds-col--padded-large,
.slds-scope .slds-grid_align-center .slds-col_padded-around,
.slds-scope .slds-grid--align-center .slds-col--padded-around,
.slds-scope .slds-grid_align-center .slds-col_padded,
.slds-scope .slds-grid--align-center .slds-col--padded{
flex-grow:0;
}
.slds-scope .slds-grid_align-space,.slds-scope .slds-grid--align-space{
justify-content:space-around;
}
.slds-scope .slds-grid_align-space .slds-col,.slds-scope .slds-grid--align-space .slds-col,
.slds-scope .slds-grid_align-space .slds-col_padded-around-medium,
.slds-scope .slds-grid--align-space .slds-col--padded-around-medium,
.slds-scope .slds-grid_align-space .slds-col_padded-medium,
.slds-scope .slds-grid--align-space .slds-col--padded-medium,
.slds-scope .slds-grid_align-space .slds-col_padded-around-large,
.slds-scope .slds-grid--align-space .slds-col--padded-around-large,
.slds-scope .slds-grid_align-space .slds-col_padded-large,
.slds-scope .slds-grid--align-space .slds-col--padded-large,
.slds-scope .slds-grid_align-space .slds-col_padded-around,
.slds-scope .slds-grid--align-space .slds-col--padded-around,
.slds-scope .slds-grid_align-space .slds-col_padded,
.slds-scope .slds-grid--align-space .slds-col--padded{
flex-grow:0;
}
.slds-scope .slds-grid_align-spread,.slds-scope .slds-grid--align-spread{
justify-content:space-between;
}
.slds-scope .slds-grid_align-spread .slds-col,.slds-scope .slds-grid--align-spread .slds-col,
.slds-scope .slds-grid_align-spread .slds-col_padded-around-medium,
.slds-scope .slds-grid--align-spread .slds-col--padded-around-medium,
.slds-scope .slds-grid_align-spread .slds-col_padded-medium,
.slds-scope .slds-grid--align-spread .slds-col--padded-medium,
.slds-scope .slds-grid_align-spread .slds-col_padded-around-large,
.slds-scope .slds-grid--align-spread .slds-col--padded-around-large,
.slds-scope .slds-grid_align-spread .slds-col_padded-large,
.slds-scope .slds-grid--align-spread .slds-col--padded-large,
.slds-scope .slds-grid_align-spread .slds-col_padded-around,
.slds-scope .slds-grid--align-spread .slds-col--padded-around,
.slds-scope .slds-grid_align-spread .slds-col_padded,
.slds-scope .slds-grid--align-spread .slds-col--padded{
flex-grow:0;
}
.slds-scope .slds-grid_align-end,.slds-scope .slds-grid--align-end{
justify-content:flex-end;
}
.slds-scope .slds-grid_align-end .slds-col,.slds-scope .slds-grid--align-end .slds-col,
.slds-scope .slds-grid_align-end .slds-col_padded-around-medium,
.slds-scope .slds-grid--align-end .slds-col--padded-around-medium,
.slds-scope .slds-grid_align-end .slds-col_padded-medium,
.slds-scope .slds-grid--align-end .slds-col--padded-medium,
.slds-scope .slds-grid_align-end .slds-col_padded-around-large,
.slds-scope .slds-grid--align-end .slds-col--padded-around-large,
.slds-scope .slds-grid_align-end .slds-col_padded-large,
.slds-scope .slds-grid--align-end .slds-col--padded-large,
.slds-scope .slds-grid_align-end .slds-col_padded-around,
.slds-scope .slds-grid--align-end .slds-col--padded-around,
.slds-scope .slds-grid_align-end .slds-col_padded,
.slds-scope .slds-grid--align-end .slds-col--padded{
flex-grow:0;
}
.slds-scope .slds-grid_vertical-align-start,.slds-scope .slds-grid--vertical-align-start{
align-items:flex-start;
align-content:flex-start;
}
.slds-scope .slds-grid_vertical-align-center,.slds-scope .slds-grid--vertical-align-center{
align-items:center;
align-content:center;
}
.slds-scope .slds-grid_vertical-align-end,.slds-scope .slds-grid--vertical-align-end{
align-items:flex-end;
align-content:flex-end;
}
.slds-scope .slds-align-top{
vertical-align:top;
align-self:flex-start;
}
.slds-scope .slds-align-middle{
vertical-align:middle;
align-self:center;
}
.slds-scope .slds-align-bottom{
vertical-align:bottom;
align-self:flex-end;
}
.slds-scope .slds-col_bump-top,.slds-scope .slds-col--bump-top{
margin-block-start:auto;
}
.slds-scope .slds-col_bump-right,.slds-scope .slds-col--bump-right{
margin-inline-end:auto;
}
.slds-scope .slds-col_bump-bottom,.slds-scope .slds-col--bump-bottom{
margin-block-end:auto;
}
.slds-scope .slds-col_bump-left,.slds-scope .slds-col--bump-left{
margin-inline-start:auto;
}
.slds-scope .slds-grid_vertical-stretch,.slds-scope .slds-grid--vertical-stretch{
align-items:stretch;
align-content:stretch;
}
.slds-scope .slds-container_small,.slds-scope .slds-container--small{
max-width:30rem;
}
.slds-scope .slds-container_medium,.slds-scope .slds-container--medium{
max-width:48rem;
}
.slds-scope .slds-container_large,.slds-scope .slds-container--large{
max-width:64rem;
}
.slds-scope .slds-container_x-large,.slds-scope .slds-container--x-large{
max-width:80rem;
}
.slds-scope .slds-container_fluid,.slds-scope .slds-container--fluid{
width:100%;
}
.slds-scope .slds-container_center,.slds-scope .slds-container--center{
margin-inline-start:auto;
margin-inline-end:auto;
}
.slds-scope .slds-container_left,.slds-scope .slds-container--left{
margin-inline-end:auto;
}
.slds-scope .slds-container_right,.slds-scope .slds-container--right{
margin-inline-start:auto;
}
.slds-scope .slds-grid_overflow,.slds-scope .slds-grid--overflow{
flex-flow:row nowrap;
}
.slds-scope .slds-grid_overflow .slds-col,.slds-scope .slds-grid--overflow .slds-col{
min-width:11.25em;
max-width:22.5em;
}
.slds-scope .slds-col_padded,.slds-scope .slds-col--padded{
padding-inline:var(--slds-g-spacing-3);
}
.slds-scope .slds-col_padded-medium,.slds-scope .slds-col--padded-medium{
padding-inline:var(--slds-g-spacing-4);
}
.slds-scope .slds-col_padded-large,.slds-scope .slds-col--padded-large{
padding-inline:var(--slds-g-spacing-5);
}
.slds-scope .slds-col_padded-around,.slds-scope .slds-col--padded-around{
padding:var(--slds-g-spacing-3);
}
.slds-scope .slds-col_padded-around-medium,.slds-scope .slds-col--padded-around-medium{
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-col_padded-around-large,.slds-scope .slds-col--padded-around-large{
padding:var(--slds-g-spacing-5);
}
.slds-scope .slds-align_absolute-center,.slds-scope .slds-align--absolute-center{
display:flex;
justify-content:center;
align-content:center;
align-items:center;
margin:auto;
}
.slds-scope .slds-media{
display:flex;
align-items:flex-start;
}
.slds-scope .slds-media__figure{
flex-shrink:0;
margin-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-media__figure_fixed-width,.slds-scope .slds-media__figure--fixed-width{
min-width:var(--slds-g-sizing-10);
}
.slds-scope .slds-media__body{
flex:1;
min-width:0;
}
.slds-scope .slds-media__body,
.slds-scope .slds-media__body > :last-child{
margin-block-end:0;
}
.slds-scope .slds-media-body-iefix{
flex-shrink:0;
flex-basis:auto;
}
.slds-scope .slds-media_small .slds-media__figure,.slds-scope .slds-media--small .slds-media__figure,
.slds-scope .slds-media--small .slds-media__figure{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-media_small .slds-media__figure_reverse,.slds-scope .slds-media--small .slds-media__figure--reverse,
.slds-scope .slds-media--small .slds-media__figure--reverse{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-media_large .slds-media__figure,.slds-scope .slds-media--large .slds-media__figure,
.slds-scope .slds-media--large .slds-media__figure{
margin-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-media_large .slds-media__figure_reverse,.slds-scope .slds-media--large .slds-media__figure--reverse,
.slds-scope .slds-media--large .slds-media__figure--reverse{
margin-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-media_inline .slds-media__body,.slds-scope .slds-media--inline .slds-media__body{
flex:0 1 auto;
}
.slds-scope .slds-media_center,.slds-scope .slds-media--center,
.slds-scope .slds-media--center{
align-items:center;
}
.slds-scope .slds-media__figure_reverse,.slds-scope .slds-media__figure--reverse,
.slds-scope .slds-media__figure--reverse{
margin:0;
margin-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-m-top_none,.slds-scope .slds-m-top--none{
margin-block-start:0 !important;
}
.slds-scope .slds-m-top_xxx-small,.slds-scope .slds-m-top--xxx-small{
margin-block-start:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-m-top_xx-small,.slds-scope .slds-m-top--xx-small{
margin-block-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-m-top_x-small,.slds-scope .slds-m-top--x-small{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-m-top_small,.slds-scope .slds-m-top--small{
margin-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-m-top_medium,.slds-scope .slds-m-top--medium{
margin-block-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-m-top_large,.slds-scope .slds-m-top--large{
margin-block-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-m-top_x-large,.slds-scope .slds-m-top--x-large{
margin-block-start:var(--slds-g-spacing-6);
}
.slds-scope .slds-m-top_xx-large,.slds-scope .slds-m-top--xx-large{
margin-block-start:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-m-top_xxx-small,.slds-scope .slds-var-m-top--xxx-small{
margin-block-start:calc(var(--slds-g-spacing-var-block-1) / 2);
}
.slds-scope .slds-var-m-top_xx-small,.slds-scope .slds-var-m-top--xx-small{
margin-block-start:var(--slds-g-spacing-var-block-1);
}
.slds-scope .slds-var-m-top_x-small,.slds-scope .slds-var-m-top--x-small{
margin-block-start:var(--slds-g-spacing-var-block-2);
}
.slds-scope .slds-var-m-top_small,.slds-scope .slds-var-m-top--small{
margin-block-start:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-var-m-top_medium,.slds-scope .slds-var-m-top--medium{
margin-block-start:var(--slds-g-spacing-var-block-4);
}
.slds-scope .slds-var-m-top_large,.slds-scope .slds-var-m-top--large{
margin-block-start:var(--slds-g-spacing-var-block-5);
}
.slds-scope .slds-var-m-top_x-large,.slds-scope .slds-var-m-top--x-large{
margin-block-start:var(--slds-g-spacing-var-block-6);
}
.slds-scope .slds-var-m-top_xx-large,.slds-scope .slds-var-m-top--xx-large{
margin-block-start:var(--slds-g-spacing-var-block-8);
}
.slds-scope .slds-m-right_none,.slds-scope .slds-m-right--none{
margin-inline-end:0 !important;
}
.slds-scope .slds-m-right_xxx-small,.slds-scope .slds-m-right--xxx-small{
margin-inline-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-m-right_xx-small,.slds-scope .slds-m-right--xx-small{
margin-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-m-right_x-small,.slds-scope .slds-m-right--x-small{
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-m-right_small,.slds-scope .slds-m-right--small{
margin-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-m-right_medium,.slds-scope .slds-m-right--medium{
margin-inline-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-m-right_large,.slds-scope .slds-m-right--large{
margin-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-m-right_x-large,.slds-scope .slds-m-right--x-large{
margin-inline-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-m-right_xx-large,.slds-scope .slds-m-right--xx-large{
margin-inline-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-m-right_xxx-small,.slds-scope .slds-var-m-right--xxx-small{
margin-inline-end:calc(var(--slds-g-spacing-var-inline-1) / 2);
}
.slds-scope .slds-var-m-right_xx-small,.slds-scope .slds-var-m-right--xx-small{
margin-inline-end:var(--slds-g-spacing-var-inline-1);
}
.slds-scope .slds-var-m-right_x-small,.slds-scope .slds-var-m-right--x-small{
margin-inline-end:var(--slds-g-spacing-var-inline-2);
}
.slds-scope .slds-var-m-right_small,.slds-scope .slds-var-m-right--small{
margin-inline-end:var(--slds-g-spacing-var-inline-3);
}
.slds-scope .slds-var-m-right_medium,.slds-scope .slds-var-m-right--medium{
margin-inline-end:var(--slds-g-spacing-var-inline-4);
}
.slds-scope .slds-var-m-right_large,.slds-scope .slds-var-m-right--large{
margin-inline-end:var(--slds-g-spacing-var-inline-5);
}
.slds-scope .slds-var-m-right_x-large,.slds-scope .slds-var-m-right--x-large{
margin-inline-end:var(--slds-g-spacing-var-inline-6);
}
.slds-scope .slds-var-m-right_xx-large,.slds-scope .slds-var-m-right--xx-large{
margin-inline-end:var(--slds-g-spacing-var-inline-8);
}
.slds-scope .slds-m-bottom_none,.slds-scope .slds-m-bottom--none{
margin-block-end:0 !important;
}
.slds-scope .slds-m-bottom_xxx-small,.slds-scope .slds-m-bottom--xxx-small{
margin-block-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-m-bottom_xx-small,.slds-scope .slds-m-bottom--xx-small{
margin-block-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-m-bottom_x-small,.slds-scope .slds-m-bottom--x-small{
margin-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-m-bottom_small,.slds-scope .slds-m-bottom--small{
margin-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-m-bottom_medium,.slds-scope .slds-m-bottom--medium{
margin-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-m-bottom_large,.slds-scope .slds-m-bottom--large{
margin-block-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-m-bottom_x-large,.slds-scope .slds-m-bottom--x-large{
margin-block-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-m-bottom_xx-large,.slds-scope .slds-m-bottom--xx-large{
margin-block-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-m-bottom_xxx-small,.slds-scope .slds-var-m-bottom--xxx-small{
margin-block-end:calc(var(--slds-g-spacing-var-block-1) / 2);
}
.slds-scope .slds-var-m-bottom_xx-small,.slds-scope .slds-var-m-bottom--xx-small{
margin-block-end:var(--slds-g-spacing-var-block-1);
}
.slds-scope .slds-var-m-bottom_x-small,.slds-scope .slds-var-m-bottom--x-small{
margin-block-end:var(--slds-g-spacing-var-block-2);
}
.slds-scope .slds-var-m-bottom_small,.slds-scope .slds-var-m-bottom--small{
margin-block-end:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-var-m-bottom_medium,.slds-scope .slds-var-m-bottom--medium{
margin-block-end:var(--slds-g-spacing-var-block-5);
}
.slds-scope .slds-var-m-bottom_large,.slds-scope .slds-var-m-bottom--large{
margin-block-end:var(--slds-g-spacing-var-block-6);
}
.slds-scope .slds-var-m-bottom_x-large,.slds-scope .slds-var-m-bottom--x-large{
margin-block-end:var(--slds-g-spacing-var-block-6);
}
.slds-scope .slds-var-m-bottom_xx-large,.slds-scope .slds-var-m-bottom--xx-large{
margin-block-end:var(--slds-g-spacing-var-block-8);
}
.slds-scope .slds-m-left_none,.slds-scope .slds-m-left--none{
margin-inline-start:0 !important;
}
.slds-scope .slds-m-left_xxx-small,.slds-scope .slds-m-left--xxx-small{
margin-inline-start:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-m-left_xx-small,.slds-scope .slds-m-left--xx-small{
margin-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-m-left_x-small,.slds-scope .slds-m-left--x-small{
margin-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-m-left_small,.slds-scope .slds-m-left--small{
margin-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-m-left_medium,.slds-scope .slds-m-left--medium{
margin-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-m-left_large,.slds-scope .slds-m-left--large{
margin-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-m-left_x-large,.slds-scope .slds-m-left--x-large{
margin-inline-start:var(--slds-g-spacing-6);
}
.slds-scope .slds-m-left_xx-large,.slds-scope .slds-m-left--xx-large{
margin-inline-start:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-m-left_xxx-small,.slds-scope .slds-var-m-left--xxx-small{
margin-inline-start:calc(var(--slds-g-spacing-var-inline-1) / 2);
}
.slds-scope .slds-var-m-left_xx-small,.slds-scope .slds-var-m-left--xx-small{
margin-inline-start:var(--slds-g-spacing-var-inline-1);
}
.slds-scope .slds-var-m-left_x-small,.slds-scope .slds-var-m-left--x-small{
margin-inline-start:var(--slds-g-spacing-var-inline-2);
}
.slds-scope .slds-var-m-left_small,.slds-scope .slds-var-m-left--small{
margin-inline-start:var(--slds-g-spacing-var-inline-3);
}
.slds-scope .slds-var-m-left_medium,.slds-scope .slds-var-m-left--medium{
margin-inline-start:var(--slds-g-spacing-var-inline-4);
}
.slds-scope .slds-var-m-left_large,.slds-scope .slds-var-m-left--large{
margin-inline-start:var(--slds-g-spacing-var-inline-5);
}
.slds-scope .slds-var-m-left_x-large,.slds-scope .slds-var-m-left--x-large{
margin-inline-start:var(--slds-g-spacing-var-inline-6);
}
.slds-scope .slds-var-m-left_xx-large,.slds-scope .slds-var-m-left--xx-large{
margin-inline-start:var(--slds-g-spacing-var-inline-8);
}
.slds-scope .slds-m-horizontal_none,.slds-scope .slds-m-horizontal--none{
margin-inline-start:0 !important;
margin-inline-end:0 !important;
}
.slds-scope .slds-m-horizontal_xxx-small,.slds-scope .slds-m-horizontal--xxx-small{
margin-inline-start:calc(var(--slds-g-spacing-1) / 2);
margin-inline-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-m-horizontal_xx-small,.slds-scope .slds-m-horizontal--xx-small{
margin-inline-start:var(--slds-g-spacing-1);
margin-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-m-horizontal_x-small,.slds-scope .slds-m-horizontal--x-small{
margin-inline-start:var(--slds-g-spacing-2);
margin-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-m-horizontal_small,.slds-scope .slds-m-horizontal--small{
margin-inline-start:var(--slds-g-spacing-3);
margin-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-m-horizontal_medium,.slds-scope .slds-m-horizontal--medium{
margin-inline-start:var(--slds-g-spacing-4);
margin-inline-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-m-horizontal_large,.slds-scope .slds-m-horizontal--large{
margin-inline-start:var(--slds-g-spacing-5);
margin-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-m-horizontal_x-large,.slds-scope .slds-m-horizontal--x-large{
margin-inline-start:var(--slds-g-spacing-6);
margin-inline-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-m-horizontal_xx-large,.slds-scope .slds-m-horizontal--xx-large{
margin-inline-start:var(--slds-g-spacing-8);
margin-inline-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-m-horizontal_xxx-small,.slds-scope .slds-var-m-horizontal--xxx-small{
margin-inline-start:calc(var(--slds-g-spacing-var-inline-1) / 2);
margin-inline-end:calc(var(--slds-g-spacing-var-inline-1) / 2);
}
.slds-scope .slds-var-m-horizontal_xx-small,.slds-scope .slds-var-m-horizontal--xx-small{
margin-inline-start:var(--slds-g-spacing-var-inline-1);
margin-inline-end:var(--slds-g-spacing-var-inline-1);
}
.slds-scope .slds-var-m-horizontal_x-small,.slds-scope .slds-var-m-horizontal--x-small{
margin-inline-start:var(--slds-g-spacing-var-inline-2);
margin-inline-end:var(--slds-g-spacing-var-inline-2);
}
.slds-scope .slds-var-m-horizontal_small,.slds-scope .slds-var-m-horizontal--small{
margin-inline-start:var(--slds-g-spacing-var-inline-3);
margin-inline-end:var(--slds-g-spacing-var-inline-3);
}
.slds-scope .slds-var-m-horizontal_medium,.slds-scope .slds-var-m-horizontal--medium{
margin-inline-start:var(--slds-g-spacing-var-inline-4);
margin-inline-end:var(--slds-g-spacing-var-inline-4);
}
.slds-scope .slds-var-m-horizontal_large,.slds-scope .slds-var-m-horizontal--large{
margin-inline-start:var(--slds-g-spacing-var-inline-5);
margin-inline-end:var(--slds-g-spacing-var-inline-5);
}
.slds-scope .slds-var-m-horizontal_x-large,.slds-scope .slds-var-m-horizontal--x-large{
margin-inline-start:var(--slds-g-spacing-var-inline-6);
margin-inline-end:var(--slds-g-spacing-var-inline-6);
}
.slds-scope .slds-var-m-horizontal_xx-large,.slds-scope .slds-var-m-horizontal--xx-large{
margin-inline-start:var(--slds-g-spacing-var-inline-8);
margin-inline-end:var(--slds-g-spacing-var-inline-8);
}
.slds-scope .slds-m-vertical_none,.slds-scope .slds-m-vertical--none{
margin-block-start:0 !important;
margin-block-end:0 !important;
}
.slds-scope .slds-m-vertical_xxx-small,.slds-scope .slds-m-vertical--xxx-small{
margin-block-start:calc(var(--slds-g-spacing-1) / 2);
margin-block-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-m-vertical_xx-small,.slds-scope .slds-m-vertical--xx-small{
margin-block-start:var(--slds-g-spacing-1);
margin-block-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-m-vertical_x-small,.slds-scope .slds-m-vertical--x-small{
margin-block-start:var(--slds-g-spacing-2);
margin-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-m-vertical_small,.slds-scope .slds-m-vertical--small{
margin-block-start:var(--slds-g-spacing-3);
margin-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-m-vertical_medium,.slds-scope .slds-m-vertical--medium{
margin-block-start:var(--slds-g-spacing-4);
margin-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-m-vertical_large,.slds-scope .slds-m-vertical--large{
margin-block-start:var(--slds-g-spacing-5);
margin-block-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-m-vertical_x-large,.slds-scope .slds-m-vertical--x-large{
margin-block-start:var(--slds-g-spacing-6);
margin-block-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-m-vertical_xx-large,.slds-scope .slds-m-vertical--xx-large{
margin-block-start:var(--slds-g-spacing-8);
margin-block-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-m-vertical_xxx-small,.slds-scope .slds-var-m-vertical--xxx-small{
margin-block-start:calc(var(--slds-g-spacing-var-block-1) / 2);
margin-block-end:calc(var(--slds-g-spacing-var-block-1) / 2);
}
.slds-scope .slds-var-m-vertical_xx-small,.slds-scope .slds-var-m-vertical--xx-small{
margin-block-start:var(--slds-g-spacing-var-block-1);
margin-block-end:var(--slds-g-spacing-var-block-1);
}
.slds-scope .slds-var-m-vertical_x-small,.slds-scope .slds-var-m-vertical--x-small{
margin-block-start:var(--slds-g-spacing-var-block-2);
margin-block-end:var(--slds-g-spacing-var-block-2);
}
.slds-scope .slds-var-m-vertical_small,.slds-scope .slds-var-m-vertical--small{
margin-block-start:var(--slds-g-spacing-var-block-3);
margin-block-end:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-var-m-vertical_medium,.slds-scope .slds-var-m-vertical--medium{
margin-block-start:var(--slds-g-spacing-var-block-4);
margin-block-end:var(--slds-g-spacing-var-block-4);
}
.slds-scope .slds-var-m-vertical_large,.slds-scope .slds-var-m-vertical--large{
margin-block-start:var(--slds-g-spacing-var-block-5);
margin-block-end:var(--slds-g-spacing-var-block-5);
}
.slds-scope .slds-var-m-vertical_x-large,.slds-scope .slds-var-m-vertical--x-large{
margin-block-start:var(--slds-g-spacing-var-block-6);
margin-block-end:var(--slds-g-spacing-var-block-6);
}
.slds-scope .slds-var-m-vertical_xx-large,.slds-scope .slds-var-m-vertical--xx-large{
margin-block-start:var(--slds-g-spacing-var-block-8);
margin-block-end:var(--slds-g-spacing-var-block-8);
}
.slds-scope .slds-m-around_none,.slds-scope .slds-m-around--none{
margin:0 !important;
}
.slds-scope .slds-m-around_xxx-small,.slds-scope .slds-m-around--xxx-small{
margin:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-m-around_xx-small,.slds-scope .slds-m-around--xx-small{
margin:var(--slds-g-spacing-1);
}
.slds-scope .slds-m-around_x-small,.slds-scope .slds-m-around--x-small{
margin:var(--slds-g-spacing-2);
}
.slds-scope .slds-m-around_small,.slds-scope .slds-m-around--small{
margin:var(--slds-g-spacing-3);
}
.slds-scope .slds-m-around_medium,.slds-scope .slds-m-around--medium{
margin:var(--slds-g-spacing-4);
}
.slds-scope .slds-m-around_large,.slds-scope .slds-m-around--large{
margin:var(--slds-g-spacing-5);
}
.slds-scope .slds-m-around_x-large,.slds-scope .slds-m-around--x-large{
margin:var(--slds-g-spacing-6);
}
.slds-scope .slds-m-around_xx-large,.slds-scope .slds-m-around--xx-large{
margin:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-m-around_xxx-small,.slds-scope .slds-var-m-around--xxx-small{
margin:calc(var(--slds-g-spacing-var-1) / 2);
}
.slds-scope .slds-var-m-around_xx-small,.slds-scope .slds-var-m-around--xx-small{
margin:var(--slds-g-spacing-var-1);
}
.slds-scope .slds-var-m-around_x-small,.slds-scope .slds-var-m-around--x-small{
margin:var(--slds-g-spacing-var-2);
}
.slds-scope .slds-var-m-around_small,.slds-scope .slds-var-m-around--small{
margin:var(--slds-g-spacing-var-3);
}
.slds-scope .slds-var-m-around_medium,.slds-scope .slds-var-m-around--medium{
margin:var(--slds-g-spacing-var-4);
}
.slds-scope .slds-var-m-around_large,.slds-scope .slds-var-m-around--large{
margin:var(--slds-g-spacing-var-5);
}
.slds-scope .slds-var-m-around_x-large,.slds-scope .slds-var-m-around--x-large{
margin:var(--slds-g-spacing-var-6);
}
.slds-scope .slds-var-m-around_xx-large,.slds-scope .slds-var-m-around--xx-large{
margin:var(--slds-g-spacing-var-8);
}
.slds-scope .slds-p-top_none,.slds-scope .slds-p-top--none{
padding-block-start:0 !important;
}
.slds-scope .slds-p-top_xxx-small,.slds-scope .slds-p-top--xxx-small{
padding-block-start:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-p-top_xx-small,.slds-scope .slds-p-top--xx-small{
padding-block-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-p-top_x-small,.slds-scope .slds-p-top--x-small{
padding-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-p-top_small,.slds-scope .slds-p-top--small{
padding-block-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-p-top_medium,.slds-scope .slds-p-top--medium{
padding-block-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-p-top_large,.slds-scope .slds-p-top--large{
padding-block-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-p-top_x-large,.slds-scope .slds-p-top--x-large{
padding-block-start:var(--slds-g-spacing-6);
}
.slds-scope .slds-p-top_xx-large,.slds-scope .slds-p-top--xx-large{
padding-block-start:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-p-top_xxx-small,.slds-scope .slds-var-p-top--xxx-small{
padding-block-start:calc(var(--slds-g-spacing-var-block-1) / 2);
}
.slds-scope .slds-var-p-top_xx-small,.slds-scope .slds-var-p-top--xx-small{
padding-block-start:var(--slds-g-spacing-var-block-1);
}
.slds-scope .slds-var-p-top_x-small,.slds-scope .slds-var-p-top--x-small{
padding-block-start:var(--slds-g-spacing-var-block-2);
}
.slds-scope .slds-var-p-top_small,.slds-scope .slds-var-p-top--small{
padding-block-start:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-var-p-top_medium,.slds-scope .slds-var-p-top--medium{
padding-block-start:var(--slds-g-spacing-var-block-4);
}
.slds-scope .slds-var-p-top_large,.slds-scope .slds-var-p-top--large{
padding-block-start:var(--slds-g-spacing-var-block-5);
}
.slds-scope .slds-var-p-top_x-large,.slds-scope .slds-var-p-top--x-large{
padding-block-start:var(--slds-g-spacing-var-block-6);
}
.slds-scope .slds-var-p-top_xx-large,.slds-scope .slds-var-p-top--xx-large{
padding-block-start:var(--slds-g-spacing-var-block-8);
}
.slds-scope .slds-p-right_none,.slds-scope .slds-p-right--none{
padding-inline-end:0 !important;
}
.slds-scope .slds-p-right_xxx-small,.slds-scope .slds-p-right--xxx-small{
padding-inline-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-p-right_xx-small,.slds-scope .slds-p-right--xx-small{
padding-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-p-right_x-small,.slds-scope .slds-p-right--x-small{
padding-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-p-right_small,.slds-scope .slds-p-right--small{
padding-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-p-right_medium,.slds-scope .slds-p-right--medium{
padding-inline-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-p-right_large,.slds-scope .slds-p-right--large{
padding-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-p-right_x-large,.slds-scope .slds-p-right--x-large{
padding-inline-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-p-right_xx-large,.slds-scope .slds-p-right--xx-large{
padding-inline-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-p-right_xxx-small,.slds-scope .slds-var-p-right--xxx-small{
padding-inline-end:calc(var(--slds-g-spacing-var-inline-1) / 2);
}
.slds-scope .slds-var-p-right_xx-small,.slds-scope .slds-var-p-right--xx-small{
padding-inline-end:var(--slds-g-spacing-var-inline-1);
}
.slds-scope .slds-var-p-right_x-small,.slds-scope .slds-var-p-right--x-small{
padding-inline-end:var(--slds-g-spacing-var-inline-2);
}
.slds-scope .slds-var-p-right_small,.slds-scope .slds-var-p-right--small{
padding-inline-end:var(--slds-g-spacing-var-inline-3);
}
.slds-scope .slds-var-p-right_medium,.slds-scope .slds-var-p-right--medium{
padding-inline-end:var(--slds-g-spacing-var-inline-4);
}
.slds-scope .slds-var-p-right_large,.slds-scope .slds-var-p-right--large{
padding-inline-end:var(--slds-g-spacing-var-inline-5);
}
.slds-scope .slds-var-p-right_x-large,.slds-scope .slds-var-p-right--x-large{
padding-inline-end:var(--slds-g-spacing-var-inline-6);
}
.slds-scope .slds-var-p-right_xx-large,.slds-scope .slds-var-p-right--xx-large{
padding-inline-end:var(--slds-g-spacing-var-inline-8);
}
.slds-scope .slds-p-bottom_none,.slds-scope .slds-p-bottom--none{
padding-block-end:0 !important;
}
.slds-scope .slds-p-bottom_xxx-small,.slds-scope .slds-p-bottom--xxx-small{
padding-block-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-p-bottom_xx-small,.slds-scope .slds-p-bottom--xx-small{
padding-block-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-p-bottom_x-small,.slds-scope .slds-p-bottom--x-small{
padding-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-p-bottom_small,.slds-scope .slds-p-bottom--small{
padding-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-p-bottom_medium,.slds-scope .slds-p-bottom--medium{
padding-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-p-bottom_large,.slds-scope .slds-p-bottom--large{
padding-block-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-p-bottom_x-large,.slds-scope .slds-p-bottom--x-large{
padding-block-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-p-bottom_xx-large,.slds-scope .slds-p-bottom--xx-large{
padding-block-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-p-bottom_xxx-small,.slds-scope .slds-var-p-bottom--xxx-small{
padding-block-end:calc(var(--slds-g-spacing-var-block-1) / 2);
}
.slds-scope .slds-var-p-bottom_xx-small,.slds-scope .slds-var-p-bottom--xx-small{
padding-block-end:var(--slds-g-spacing-var-block-1);
}
.slds-scope .slds-var-p-bottom_x-small,.slds-scope .slds-var-p-bottom--x-small{
padding-block-end:var(--slds-g-spacing-var-block-2);
}
.slds-scope .slds-var-p-bottom_small,.slds-scope .slds-var-p-bottom--small{
padding-block-end:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-var-p-bottom_medium,.slds-scope .slds-var-p-bottom--medium{
padding-block-end:var(--slds-g-spacing-var-block-4);
}
.slds-scope .slds-var-p-bottom_large,.slds-scope .slds-var-p-bottom--large{
padding-block-end:var(--slds-g-spacing-var-block-5);
}
.slds-scope .slds-var-p-bottom_x-large,.slds-scope .slds-var-p-bottom--x-large{
padding-block-end:var(--slds-g-spacing-var-block-6);
}
.slds-scope .slds-var-p-bottom_xx-large,.slds-scope .slds-var-p-bottom--xx-large{
padding-block-end:var(--slds-g-spacing-var-block-8);
}
.slds-scope .slds-p-left_none,.slds-scope .slds-p-left--none{
padding-inline-start:0 !important;
}
.slds-scope .slds-p-left_xxx-small,.slds-scope .slds-p-left--xxx-small{
padding-inline-start:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-p-left_xx-small,.slds-scope .slds-p-left--xx-small{
padding-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-p-left_x-small,.slds-scope .slds-p-left--x-small{
padding-inline-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-p-left_small,.slds-scope .slds-p-left--small{
padding-inline-start:var(--slds-g-spacing-3);
}
.slds-scope .slds-p-left_medium,.slds-scope .slds-p-left--medium{
padding-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-p-left_large,.slds-scope .slds-p-left--large{
padding-inline-start:var(--slds-g-spacing-5);
}
.slds-scope .slds-p-left_x-large,.slds-scope .slds-p-left--x-large{
padding-inline-start:var(--slds-g-spacing-6);
}
.slds-scope .slds-p-left_xx-large,.slds-scope .slds-p-left--xx-large{
padding-inline-start:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-p-left_xxx-small,.slds-scope .slds-var-p-left--xxx-small{
padding-inline-start:calc(var(--slds-g-spacing-var-inline-1) / 2);
}
.slds-scope .slds-var-p-left_xx-small,.slds-scope .slds-var-p-left--xx-small{
padding-inline-start:var(--slds-g-spacing-var-inline-1);
}
.slds-scope .slds-var-p-left_x-small,.slds-scope .slds-var-p-left--x-small{
padding-inline-start:var(--slds-g-spacing-var-inline-2);
}
.slds-scope .slds-var-p-left_small,.slds-scope .slds-var-p-left--small{
padding-inline-start:var(--slds-g-spacing-var-inline-3);
}
.slds-scope .slds-var-p-left_medium,.slds-scope .slds-var-p-left--medium{
padding-inline-start:var(--slds-g-spacing-var-inline-4);
}
.slds-scope .slds-var-p-left_large,.slds-scope .slds-var-p-left--large{
padding-inline-start:var(--slds-g-spacing-var-inline-5);
}
.slds-scope .slds-var-p-left_x-large,.slds-scope .slds-var-p-left--x-large{
padding-inline-start:var(--slds-g-spacing-var-inline-6);
}
.slds-scope .slds-var-p-left_xx-large,.slds-scope .slds-var-p-left--xx-large{
padding-inline-start:var(--slds-g-spacing-var-inline-8);
}
.slds-scope .slds-p-horizontal_none,.slds-scope .slds-p-horizontal--none{
padding-inline-start:0 !important;
padding-inline-end:0 !important;
}
.slds-scope .slds-p-horizontal_xxx-small,.slds-scope .slds-p-horizontal--xxx-small{
padding-inline-start:calc(var(--slds-g-spacing-1) / 2);
padding-inline-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-p-horizontal_xx-small,.slds-scope .slds-p-horizontal--xx-small{
padding-inline-start:var(--slds-g-spacing-1);
padding-inline-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-p-horizontal_x-small,.slds-scope .slds-p-horizontal--x-small{
padding-inline-start:var(--slds-g-spacing-2);
padding-inline-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-p-horizontal_small,.slds-scope .slds-p-horizontal--small{
padding-inline-start:var(--slds-g-spacing-3);
padding-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-p-horizontal_medium,.slds-scope .slds-p-horizontal--medium{
padding-inline-start:var(--slds-g-spacing-4);
padding-inline-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-p-horizontal_large,.slds-scope .slds-p-horizontal--large{
padding-inline-start:var(--slds-g-spacing-5);
padding-inline-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-p-horizontal_x-large,.slds-scope .slds-p-horizontal--x-large{
padding-inline-start:var(--slds-g-spacing-6);
padding-inline-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-p-horizontal_xx-large,.slds-scope .slds-p-horizontal--xx-large{
padding-inline-start:var(--slds-g-spacing-8);
padding-inline-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-p-horizontal_xxx-small,.slds-scope .slds-var-p-horizontal--xxx-small{
padding-inline-start:calc(var(--slds-g-spacing-var-inline-1) / 2);
padding-inline-end:calc(var(--slds-g-spacing-var-inline-1) / 2);
}
.slds-scope .slds-var-p-horizontal_xx-small,.slds-scope .slds-var-p-horizontal--xx-small{
padding-inline-start:var(--slds-g-spacing-var-inline-1);
padding-inline-end:var(--slds-g-spacing-var-inline-1);
}
.slds-scope .slds-var-p-horizontal_x-small,.slds-scope .slds-var-p-horizontal--x-small{
padding-inline-start:var(--slds-g-spacing-var-inline-2);
padding-inline-end:var(--slds-g-spacing-var-inline-2);
}
.slds-scope .slds-var-p-horizontal_small,.slds-scope .slds-var-p-horizontal--small{
padding-inline-start:var(--slds-g-spacing-var-inline-3);
padding-inline-end:var(--slds-g-spacing-var-inline-3);
}
.slds-scope .slds-var-p-horizontal_medium,.slds-scope .slds-var-p-horizontal--medium{
padding-inline-start:var(--slds-g-spacing-var-inline-4);
padding-inline-end:var(--slds-g-spacing-var-inline-4);
}
.slds-scope .slds-var-p-horizontal_large,.slds-scope .slds-var-p-horizontal--large{
padding-inline-start:var(--slds-g-spacing-var-inline-5);
padding-inline-end:var(--slds-g-spacing-var-inline-5);
}
.slds-scope .slds-var-p-horizontal_x-large,.slds-scope .slds-var-p-horizontal--x-large{
padding-inline-start:var(--slds-g-spacing-var-inline-6);
padding-inline-end:var(--slds-g-spacing-var-inline-6);
}
.slds-scope .slds-var-p-horizontal_xx-large,.slds-scope .slds-var-p-horizontal--xx-large{
padding-inline-start:var(--slds-g-spacing-var-inline-8);
padding-inline-end:var(--slds-g-spacing-var-inline-8);
}
.slds-scope .slds-p-vertical_none,.slds-scope .slds-p-vertical--none{
padding-block-start:0 !important;
padding-block-end:0 !important;
}
.slds-scope .slds-p-vertical_xxx-small,.slds-scope .slds-p-vertical--xxx-small{
padding-block-start:calc(var(--slds-g-spacing-1) / 2);
padding-block-end:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-p-vertical_xx-small,.slds-scope .slds-p-vertical--xx-small{
padding-block-start:var(--slds-g-spacing-1);
padding-block-end:var(--slds-g-spacing-1);
}
.slds-scope .slds-p-vertical_x-small,.slds-scope .slds-p-vertical--x-small{
padding-block-start:var(--slds-g-spacing-2);
padding-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-p-vertical_small,.slds-scope .slds-p-vertical--small{
padding-block-start:var(--slds-g-spacing-3);
padding-block-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-p-vertical_medium,.slds-scope .slds-p-vertical--medium{
padding-block-start:var(--slds-g-spacing-4);
padding-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-p-vertical_large,.slds-scope .slds-p-vertical--large{
padding-block-start:var(--slds-g-spacing-5);
padding-block-end:var(--slds-g-spacing-5);
}
.slds-scope .slds-p-vertical_x-large,.slds-scope .slds-p-vertical--x-large{
padding-block-start:var(--slds-g-spacing-6);
padding-block-end:var(--slds-g-spacing-6);
}
.slds-scope .slds-p-vertical_xx-large,.slds-scope .slds-p-vertical--xx-large{
padding-block-start:var(--slds-g-spacing-8);
padding-block-end:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-p-vertical_xxx-small,.slds-scope .slds-var-p-vertical--xxx-small{
padding-block-start:calc(var(--slds-g-spacing-var-block-1) / 2);
padding-block-end:calc(var(--slds-g-spacing-var-block-1) / 2);
}
.slds-scope .slds-var-p-vertical_xx-small,.slds-scope .slds-var-p-vertical--xx-small{
padding-block-start:var(--slds-g-spacing-var-block-1);
padding-block-end:var(--slds-g-spacing-var-block-1);
}
.slds-scope .slds-var-p-vertical_x-small,.slds-scope .slds-var-p-vertical--x-small{
padding-block-start:var(--slds-g-spacing-var-block-2);
padding-block-end:var(--slds-g-spacing-var-block-2);
}
.slds-scope .slds-var-p-vertical_small,.slds-scope .slds-var-p-vertical--small{
padding-block-start:var(--slds-g-spacing-var-block-3);
padding-block-end:var(--slds-g-spacing-var-block-3);
}
.slds-scope .slds-var-p-vertical_medium,.slds-scope .slds-var-p-vertical--medium{
padding-block-start:var(--slds-g-spacing-var-block-4);
padding-block-end:var(--slds-g-spacing-var-block-4);
}
.slds-scope .slds-var-p-vertical_large,.slds-scope .slds-var-p-vertical--large{
padding-block-start:var(--slds-g-spacing-var-block-5);
padding-block-end:var(--slds-g-spacing-var-block-5);
}
.slds-scope .slds-var-p-vertical_x-large,.slds-scope .slds-var-p-vertical--x-large{
padding-block-start:var(--slds-g-spacing-var-block-6);
padding-block-end:var(--slds-g-spacing-var-block-6);
}
.slds-scope .slds-var-p-vertical_xx-large,.slds-scope .slds-var-p-vertical--xx-large{
padding-block-start:var(--slds-g-spacing-var-block-8);
padding-block-end:var(--slds-g-spacing-var-block-8);
}
.slds-scope .slds-p-around_none,.slds-scope .slds-p-around--none{
padding:0 !important;
}
.slds-scope .slds-p-around_xxx-small,.slds-scope .slds-p-around--xxx-small{
padding:calc(var(--slds-g-spacing-1) / 2);
}
.slds-scope .slds-p-around_xx-small,.slds-scope .slds-p-around--xx-small{
padding:var(--slds-g-spacing-1);
}
.slds-scope .slds-p-around_x-small,.slds-scope .slds-p-around--x-small{
padding:var(--slds-g-spacing-2);
}
.slds-scope .slds-p-around_small,.slds-scope .slds-p-around--small{
padding:var(--slds-g-spacing-3);
}
.slds-scope .slds-p-around_medium,.slds-scope .slds-p-around--medium{
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-p-around_large,.slds-scope .slds-p-around--large{
padding:var(--slds-g-spacing-5);
}
.slds-scope .slds-p-around_x-large,.slds-scope .slds-p-around--x-large{
padding:var(--slds-g-spacing-6);
}
.slds-scope .slds-p-around_xx-large,.slds-scope .slds-p-around--xx-large{
padding:var(--slds-g-spacing-8);
}
.slds-scope .slds-var-p-around_xxx-small,.slds-scope .slds-var-p-around--xxx-small{
padding:calc(var(--slds-g-spacing-var-1) / 2);
}
.slds-scope .slds-var-p-around_xx-small,.slds-scope .slds-var-p-around--xx-small{
padding:var(--slds-g-spacing-var-1);
}
.slds-scope .slds-var-p-around_x-small,.slds-scope .slds-var-p-around--x-small{
padding:var(--slds-g-spacing-var-2);
}
.slds-scope .slds-var-p-around_small,.slds-scope .slds-var-p-around--small{
padding:var(--slds-g-spacing-var-3);
}
.slds-scope .slds-var-p-around_medium,.slds-scope .slds-var-p-around--medium{
padding:var(--slds-g-spacing-var-4);
}
.slds-scope .slds-var-p-around_large,.slds-scope .slds-var-p-around--large{
padding:var(--slds-g-spacing-var-5);
}
.slds-scope .slds-var-p-around_x-large,.slds-scope .slds-var-p-around--x-large{
padding:var(--slds-g-spacing-var-6);
}
.slds-scope .slds-var-p-around_xx-large,.slds-scope .slds-var-p-around--xx-large{
padding:var(--slds-g-spacing-var-8);
}
.slds-scope .slds-has-cushion{
padding:var(--slds-g-spacing-4);
}
.slds-scope .slds-clearfix::after{
content:'';
display:table;
clear:both;
}
.slds-scope .slds-clear{
clear:both;
}
.slds-scope .slds-float_left,.slds-scope .slds-float--left{
float:inline-start;
}
.slds-scope .slds-float_none,.slds-scope .slds-float--none{
float:none;
}
.slds-scope .slds-float_right,.slds-scope .slds-float--right{
float:inline-end;
}
.slds-scope .slds-border_bottom,.slds-scope .slds-border--bottom{
border-block-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-border_left,.slds-scope .slds-border--left{
border-inline-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-border_right,.slds-scope .slds-border--right{
border-inline-end:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-border_top,.slds-scope .slds-border--top{
border-block-start:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-text-link_reset,.slds-scope .slds-text-link--reset{
cursor:pointer;
line-height:inherit;
font-size:inherit;
}
.slds-scope .slds-text-link_reset:active,.slds-scope .slds-text-link--reset:active{
outline:none;
}
.slds-scope .slds-text-link_reset,.slds-scope .slds-text-link--reset,
.slds-scope .slds-text-link_reset:active,
.slds-scope .slds-text-link--reset:active,
.slds-scope .slds-text-link_reset:focus,
.slds-scope .slds-text-link--reset:focus,
.slds-scope .slds-text-link_reset:hover,
.slds-scope .slds-text-link--reset:hover{
color:inherit;
text-decoration:inherit;
}
.slds-scope .slds-text-link{
color:var(--slds-g-color-accent-2);
text-decoration:none;
transition:color 0.1s linear;
}
.slds-scope .slds-text-link:hover,
.slds-scope .slds-text-link:focus{
text-decoration:underline;
color:var(--slds-g-color-accent-3);
}
.slds-scope .slds-text-link:active{
color:var(--slds-g-color-accent-3);
}
.slds-scope .slds-text-link_faux,.slds-scope .slds-text-link--faux,
.slds-scope .slds-type-focus{
border-block-end:var(--slds-g-sizing-border-1) solid transparent;
border-radius:0;
color:currentColor;
cursor:pointer;
}
.slds-scope .slds-text-link_faux:hover,.slds-scope .slds-text-link--faux:hover,
.slds-scope .slds-text-link_faux:focus,
.slds-scope .slds-text-link--faux:focus,
.slds-scope .slds-type-focus:hover,
.slds-scope .slds-type-focus:focus{
color:currentColor;
border-block-end-color:currentColor;
}
.slds-scope .slds-has-blur-focus{
color:currentColor;
}
.slds-scope .slds-has-blur-focus:hover,
.slds-scope .slds-has-blur-focus:focus,
.slds-scope .slds-has-blur-focus:active{
color:currentColor;
text-decoration:none;
}
.slds-scope .slds-has-blur-focus:focus{
outline:0;
box-shadow:none;
}
.slds-scope .slds-has-blur-focus:focus-visible{
box-shadow:var(--slds-g-shadow-outline-focus-1);
outline:0;
border-color:transparent;
}
.slds-scope .slds-has-input-focus{
outline:0;
border-color:transparent;
background-color:var(--slds-g-color-surface-container-1);
box-shadow:var(--slds-g-shadow-outline-focus-1);
}
.slds-scope .slds-list_vertical.slds-has-dividers > .slds-list__item,.slds-scope .slds-list--vertical.slds-has-dividers > .slds-list__item{
padding:var(--slds-g-spacing-2);
border-block-end:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-list_vertical.slds-has-dividers > .slds-list__item:hover,.slds-scope .slds-list--vertical.slds-has-dividers > .slds-list__item:hover{
background-color:var(--slds-g-color-surface-container-2);
border-color:var(--slds-g-color-border-1);
cursor:pointer;
}
.slds-scope .slds-list_vertical.slds-has-dividers > .slds-list__item:active,.slds-scope .slds-list--vertical.slds-has-dividers > .slds-list__item:active{
background-color:var(--slds-g-color-surface-container-2);
box-shadow:var(--slds-g-color-border-1) 0 -1px 0 inset;
}
.slds-scope .slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected,.slds-scope .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected{
box-shadow:var(--slds-g-color-accent-2) 0 0 0 1px inset;
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover,.slds-scope .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover,
.slds-scope .slds-list_vertical.slds-has-dividers > .slds-list__item.slds-is-selected:focus,
.slds-scope .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:focus{
box-shadow:var(--slds-g-color-accent-1) 0 -2px 0 inset, var(--slds-g-color-accent-1) 0 0 0 1px inset;
}
.slds-scope .slds-has-cards > .slds-list__item{
border:1px solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
background-clip:padding-box;
}
.slds-scope .slds-has-cards > .slds-list__item + .slds-list__item{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-has-cards_space > .slds-list__item,.slds-scope .slds-has-cards--space > .slds-list__item{
border:1px solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
background-clip:padding-box;
padding:var(--slds-g-spacing-3);
}
@media (min-width: 30em){
.slds-scope .slds-has-cards_space > .slds-list__item,.slds-scope .slds-has-cards--space > .slds-list__item{
padding:var(--slds-g-spacing-2);
}
}
.slds-scope .slds-has-cards_space > .slds-list__item + .slds-list__item,.slds-scope .slds-has-cards--space > .slds-list__item + .slds-list__item{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-has-divider{
margin-block-start:var(--slds-g-spacing-2);
padding-block-start:var(--slds-g-spacing-2);
border-block-start:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-has-block-links a{
display:block;
text-decoration:none;
}
.slds-scope .slds-has-block-links .slds-is-nested{
margin-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-has-block-links_space .slds-list__item,.slds-scope .slds-has-block-links--space .slds-list__item,
.slds-scope .slds-has-block-links_space .slds-item,
.slds-scope .slds-has-block-links--space .slds-item{
padding:0;
}
.slds-scope .slds-has-block-links_space a,.slds-scope .slds-has-block-links--space a{
display:block;
text-decoration:none;
padding:var(--slds-g-spacing-3);
}
@media (min-width: 48em){
.slds-scope .slds-has-block-links_space a,.slds-scope .slds-has-block-links--space a{
padding:var(--slds-g-spacing-2);
}
}
.slds-scope .slds-has-inline-block-links a{
display:inline-block;
text-decoration:none;
}
.slds-scope .slds-has-inline-block-links_space a,.slds-scope .slds-has-inline-block-links--space a{
display:inline-block;
text-decoration:none;
padding:var(--slds-g-spacing-3);
}
@media (min-width: 48em){
.slds-scope .slds-has-inline-block-links_space a,.slds-scope .slds-has-inline-block-links--space a{
padding:var(--slds-g-spacing-2);
}
}
.slds-scope .slds-list_vertical-space .slds-list__item + .slds-list__item,.slds-scope .slds-list--vertical-space .slds-list__item + .slds-list__item,
.slds-scope .slds-list_vertical-space .slds-item + .slds-item,
.slds-scope .slds-list--vertical-space .slds-item + .slds-item{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-list_vertical-space-medium .slds-list__item + .slds-list__item,.slds-scope .slds-list--vertical-space-medium .slds-list__item + .slds-list__item,
.slds-scope .slds-list_vertical-space-medium .slds-item + .slds-item,
.slds-scope .slds-list--vertical-space-medium .slds-item + .slds-item{
margin-block-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-is-nested{
margin-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-list_dotted,.slds-scope .slds-list--dotted{
margin-inline-start:var(--slds-g-spacing-5);
list-style:disc;
}
.slds-scope .slds-list_ordered,.slds-scope .slds-list--ordered{
margin-inline-start:var(--slds-g-spacing-5);
list-style:decimal;
}
.slds-scope .slds-has-dividers_top > .slds-list__item,.slds-scope .slds-has-dividers--top > .slds-list__item,
.slds-scope .slds-has-dividers_top > .slds-item,
.slds-scope .slds-has-dividers--top > .slds-item{
border-block-start:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-has-dividers_top-space > .slds-list__item,.slds-scope .slds-has-dividers--top-space > .slds-list__item,
.slds-scope .slds-has-dividers_top-space > .slds-item,
.slds-scope .slds-has-dividers--top-space > .slds-item{
border-block-start:1px solid var(--slds-g-color-border-1);
padding:var(--slds-g-spacing-3);
}
@media (min-width: 30em){
.slds-scope .slds-has-dividers_top-space > .slds-list__item,.slds-scope .slds-has-dividers--top-space > .slds-list__item,
.slds-scope .slds-has-dividers_top-space > .slds-item,
.slds-scope .slds-has-dividers--top-space > .slds-item{
padding:var(--slds-g-spacing-2);
}
}
.slds-scope .slds-has-dividers_bottom > .slds-list__item,.slds-scope .slds-has-dividers--bottom > .slds-list__item,
.slds-scope .slds-has-dividers_bottom > .slds-item,
.slds-scope .slds-has-dividers--bottom > .slds-item{
border-block-end:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-has-dividers_bottom-space > .slds-list__item,.slds-scope .slds-has-dividers--bottom-space > .slds-list__item,
.slds-scope .slds-has-dividers_bottom-space > .slds-item,
.slds-scope .slds-has-dividers--bottom-space > .slds-item{
border-block-end:1px solid var(--slds-g-color-border-1);
padding:var(--slds-g-spacing-3);
}
@media (min-width: 30em){
.slds-scope .slds-has-dividers_bottom-space > .slds-list__item,.slds-scope .slds-has-dividers--bottom-space > .slds-list__item,
.slds-scope .slds-has-dividers_bottom-space > .slds-item,
.slds-scope .slds-has-dividers--bottom-space > .slds-item{
padding:var(--slds-g-spacing-2);
}
}
.slds-scope .slds-has-dividers_around > .slds-item,.slds-scope .slds-has-dividers--around > .slds-item{
border:1px solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
background-clip:padding-box;
}
.slds-scope .slds-has-dividers_around > .slds-item + .slds-item,.slds-scope .slds-has-dividers--around > .slds-item + .slds-item{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-has-dividers_around-space > .slds-item,.slds-scope .slds-has-dividers--around-space > .slds-item{
border:1px solid var(--slds-g-color-border-1);
border-radius:var(--slds-g-radius-border-2);
background-clip:padding-box;
padding:var(--slds-g-spacing-3);
}
@media (min-width: 30em){
.slds-scope .slds-has-dividers_around-space > .slds-item,.slds-scope .slds-has-dividers--around-space > .slds-item{
padding:var(--slds-g-spacing-2);
}
}
.slds-scope .slds-has-dividers_around-space > .slds-item + .slds-item,.slds-scope .slds-has-dividers--around-space > .slds-item + .slds-item{
margin-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-has-list-interactions > .slds-list__item:hover,
.slds-scope .slds-has-list-interactions > .slds-item:hover{
background-color:var(--slds-g-color-surface-container-2);
border-color:var(--slds-g-color-border-1);
cursor:pointer;
}
.slds-scope .slds-has-list-interactions > .slds-list__item:active,
.slds-scope .slds-has-list-interactions > .slds-item:active{
background-color:var(--slds-g-color-surface-container-2);
box-shadow:var(--slds-g-color-border-1) 0 -1px 0 inset;
}
.slds-scope .slds-has-list-interactions > .slds-list__item.slds-is-selected,
.slds-scope .slds-has-list-interactions > .slds-item.slds-is-selected{
box-shadow:var(--slds-g-color-accent-2) 0 0 0 1px inset;
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-has-list-interactions > .slds-list__item.slds-is-selected:hover,
.slds-scope .slds-has-list-interactions > .slds-list__item.slds-is-selected:focus,
.slds-scope .slds-has-list-interactions > .slds-item.slds-is-selected:hover,
.slds-scope .slds-has-list-interactions > .slds-item.slds-is-selected:focus{
box-shadow:var(--slds-g-color-accent-1) 0 -2px 0 inset, var(--slds-g-color-accent-1) 0 0 0 1px inset;
}
.slds-scope .slds-has-divider_top,.slds-scope .slds-has-divider--top{
border-block-start:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-has-divider_top-space,.slds-scope .slds-has-divider--top-space{
border-block-start:1px solid var(--slds-g-color-border-1);
margin-block-start:var(--slds-g-spacing-2);
padding-block-start:var(--slds-g-spacing-2);
}
.slds-scope .slds-has-divider_right,.slds-scope .slds-has-divider--right{
position:relative;
display:flex;
align-items:center;
}
.slds-scope .slds-has-divider_right::after,.slds-scope .slds-has-divider--right::after{
height:2px;
content:'';
margin-inline-start:var(--slds-g-spacing-2);
margin-inline-end:var(--slds-g-spacing-2);
border-radius:50%;
background-color:currentColor;
}
.slds-scope .slds-has-divider_right:last-child,.slds-scope .slds-has-divider--right:last-child{
margin-inline-end:0;
padding-inline-end:0;
}
.slds-scope .slds-has-divider_right:last-child::after,.slds-scope .slds-has-divider--right:last-child::after{
content:none;
}
.slds-scope .slds-has-divider_bottom,.slds-scope .slds-has-divider--bottom{
border-block-end:1px solid var(--slds-g-color-border-1);
}
.slds-scope .slds-has-divider_bottom-space,.slds-scope .slds-has-divider--bottom-space{
border-block-end:1px solid var(--slds-g-color-border-1);
margin-block-end:var(--slds-g-spacing-2);
padding-block-end:var(--slds-g-spacing-2);
}
.slds-scope .slds-has-divider_left,.slds-scope .slds-has-divider--left{
position:relative;
display:flex;
align-items:center;
}
.slds-scope .slds-has-divider_left::before,.slds-scope .slds-has-divider--left::before{
width:2px;
height:2px;
content:'';
display:inline-block;
vertical-align:middle;
margin-inline-start:var(--slds-g-spacing-2);
margin-inline-end:var(--slds-g-spacing-2);
border-radius:50%;
background-color:currentColor;
}
.slds-scope .slds-has-divider_left:first-child,.slds-scope .slds-has-divider--left:first-child{
margin-inline-end:0;
padding-inline-end:0;
}
.slds-scope .slds-has-divider_left:first-child::before,.slds-scope .slds-has-divider--left:first-child::before{
content:none;
}
.slds-scope .slds-list_horizontal.slds-has-dividers > .slds-list__item,.slds-scope .slds-list--horizontal.slds-has-dividers > .slds-list__item{
position:relative;
display:flex;
align-items:center;
}
.slds-scope .slds-list_horizontal.slds-has-dividers > .slds-list__item::after,.slds-scope .slds-list--horizontal.slds-has-dividers > .slds-list__item::after{
width:2px;
height:2px;
content:'';
margin-inline-start:var(--slds-g-spacing-2);
margin-inline-end:var(--slds-g-spacing-2);
border-radius:50%;
background-color:currentColor;
}
.slds-scope .slds-list_horizontal.slds-has-dividers > .slds-list__item:last-child,.slds-scope .slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child{
margin-inline-end:0;
padding-inline-end:0;
}
.slds-scope .slds-list_horizontal.slds-has-dividers > .slds-list__item:last-child::after,.slds-scope .slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child::after{
content:none;
}
.slds-scope .slds-list_horizontal,.slds-scope .slds-list--horizontal{
display:flex;
}
.slds-scope .slds-list_horizontal > .slds-list__item,.slds-scope .slds-list--horizontal > .slds-list__item{
align-self:center;
}
.slds-scope .slds-list_horizontal-large > .slds-list__item > a,.slds-scope .slds-list--horizontal-large > .slds-list__item > a,
.slds-scope .slds-list_horizontal-large > .slds-item > a,
.slds-scope .slds-list--horizontal-large > .slds-item > a{
padding-block:var(--slds-g-spacing-3);
padding-inline:var(--slds-g-spacing-4);
}
.slds-scope .slds-has-dividers_left > .slds-list__item,.slds-scope .slds-has-dividers--left > .slds-list__item,
.slds-scope .slds-has-dividers_left > .slds-item,
.slds-scope .slds-has-dividers--left > .slds-item{
position:relative;
display:flex;
align-items:center;
}
.slds-scope .slds-has-dividers_left > .slds-list__item::before,.slds-scope .slds-has-dividers--left > .slds-list__item::before,
.slds-scope .slds-has-dividers_left > .slds-item::before,
.slds-scope .slds-has-dividers--left > .slds-item::before{
width:2px;
height:2px;
content:'';
display:inline-block;
vertical-align:middle;
margin-inline-start:var(--slds-g-spacing-2);
margin-inline-end:var(--slds-g-spacing-2);
border-radius:50%;
background-color:currentColor;
}
.slds-scope .slds-has-dividers_left > .slds-list__item:first-child,.slds-scope .slds-has-dividers--left > .slds-list__item:first-child,
.slds-scope .slds-has-dividers_left > .slds-item:first-child,
.slds-scope .slds-has-dividers--left > .slds-item:first-child{
margin-inline-end:0;
padding-inline-end:0;
}
.slds-scope .slds-has-dividers_left > .slds-list__item:first-child::before,.slds-scope .slds-has-dividers--left > .slds-list__item:first-child::before,
.slds-scope .slds-has-dividers_left > .slds-item:first-child::before,
.slds-scope .slds-has-dividers--left > .slds-item:first-child::before{
content:none;
}
.slds-scope .slds-has-dividers_right > .slds-list__item,.slds-scope .slds-has-dividers--right > .slds-list__item,
.slds-scope .slds-has-dividers_right > .slds-item,
.slds-scope .slds-has-dividers--right > .slds-item{
position:relative;
display:flex;
align-items:center;
}
.slds-scope .slds-has-dividers_right > .slds-list__item::after,.slds-scope .slds-has-dividers--right > .slds-list__item::after,
.slds-scope .slds-has-dividers_right > .slds-item::after,
.slds-scope .slds-has-dividers--right > .slds-item::after{
width:2px;
height:2px;
content:'';
margin-inline-start:var(--slds-g-spacing-2);
margin-inline-end:var(--slds-g-spacing-2);
border-radius:50%;
background-color:currentColor;
}
.slds-scope .slds-has-dividers_right > .slds-list__item:last-child,.slds-scope .slds-has-dividers--right > .slds-list__item:last-child,
.slds-scope .slds-has-dividers_right > .slds-item:last-child,
.slds-scope .slds-has-dividers--right > .slds-item:last-child{
margin-inline-end:0;
padding-inline-end:0;
}
.slds-scope .slds-has-dividers_right > .slds-list__item:last-child::after,.slds-scope .slds-has-dividers--right > .slds-list__item:last-child::after,
.slds-scope .slds-has-dividers_right > .slds-item:last-child::after,
.slds-scope .slds-has-dividers--right > .slds-item:last-child::after{
content:none;
}
.slds-scope .slds-dl_inline::after,.slds-scope .slds-dl--inline::after{
content:'';
display:table;
clear:both;
}
@media (min-width: 30em){
.slds-scope .slds-dl_inline__label,.slds-scope .slds-dl--inline__label{
float:inline-start;
clear:inline-start;
}
.slds-scope .slds-dl_inline__detail,.slds-scope .slds-dl--inline__detail{
float:inline-start;
padding-inline-start:var(--slds-g-spacing-1);
}
}
.slds-scope .slds-region_narrow .slds-dl_inline__label,.slds-scope .slds-region--narrow .slds-dl--inline__label,
.slds-scope .slds-region_narrow .slds-dl_inline__detail,
.slds-scope .slds-region--narrow .slds-dl--inline__detail{
float:inline-start;
}
.slds-scope .slds-region_narrow .slds-dl_inline__label,.slds-scope .slds-region--narrow .slds-dl--inline__label{
clear:inline-start;
}
.slds-scope .slds-region_narrow .slds-dl_inline__detail,.slds-scope .slds-region--narrow .slds-dl--inline__detail{
padding-inline-start:var(--slds-g-spacing-1);
}
.slds-scope .slds-region_narrow .slds-dl_horizontal,.slds-scope .slds-region--narrow .slds-dl--horizontal{
display:flex;
flex-wrap:wrap;
}
.slds-scope .slds-region_narrow .slds-dl_horizontal .slds-dl_horizontal__label,.slds-scope .slds-region--narrow .slds-dl--horizontal .slds-dl--horizontal__label{
width:30%;
padding-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-region_narrow .slds-dl_horizontal .slds-dl_horizontal__detail,.slds-scope .slds-region--narrow .slds-dl--horizontal .slds-dl--horizontal__detail{
width:70%;
}
@media (min-width: 30em){
.slds-scope .slds-dl_horizontal,.slds-scope .slds-dl--horizontal{
display:flex;
flex-wrap:wrap;
}
.slds-scope .slds-dl_horizontal__label,.slds-scope .slds-dl--horizontal__label{
width:30%;
padding-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-dl_horizontal__detail,.slds-scope .slds-dl--horizontal__detail{
width:70%;
}
}
.slds-scope .slds-list_horizontal .slds-item_label,.slds-scope .slds-list--horizontal .slds-item--label{
width:30%;
padding-inline-end:var(--slds-g-spacing-3);
}
.slds-scope .slds-list_horizontal .slds-item_detail,.slds-scope .slds-list--horizontal .slds-item--detail{
width:70%;
}
.slds-scope .slds-list_vertical .slds-item_label,.slds-scope .slds-list--vertical .slds-item--label,
.slds-scope .slds-list_vertical .slds-item_detail,
.slds-scope .slds-list--vertical .slds-item--detail{
display:block;
}
.slds-scope .slds-list_inline,.slds-scope .slds-list--inline{
display:inline-flex;
max-width:100%;
}
.slds-scope .slds-list_inline .slds-item_label,.slds-scope .slds-list--inline .slds-item--label{
max-width:180px;
padding-inline-end:var(--slds-g-spacing-3);
flex-shrink:0;
}
.slds-scope .slds-list_inline .slds-item_label ~ .slds-item_label,.slds-scope .slds-list--inline .slds-item--label ~ .slds-item--label{
padding-inline-start:var(--slds-g-spacing-4);
}
.slds-scope .slds-list_inline .slds-item_detail,.slds-scope .slds-list--inline .slds-item--detail{
min-width:0;
}
.slds-scope .slds-truncate{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.slds-scope .slds-truncate a:focus-visible{
outline-offset:0;
}
.slds-scope .slds-truncate_container_25,.slds-scope .slds-truncate_container--25{
max-width:25%;
}
.slds-scope .slds-truncate_container_50,.slds-scope .slds-truncate_container--50{
max-width:50%;
}
.slds-scope .slds-truncate_container_75,.slds-scope .slds-truncate_container--75{
max-width:75%;
}
.slds-scope .slds-truncate_container_33,.slds-scope .slds-truncate_container--33{
max-width:33%;
}
.slds-scope .slds-truncate_container_66,.slds-scope .slds-truncate_container--66{
max-width:66%;
}
.slds-scope .slds-hyphenate{
overflow-wrap:break-word;
word-wrap:break-word;
hyphens:auto;
}
.slds-scope .slds-box{
padding:var(--slds-g-spacing-4);
border-radius:var(--slds-g-radius-border-2);
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
}
.slds-scope .slds-box_xx-small,.slds-scope .slds-box--xx-small{
padding:var(--slds-g-spacing-1);
}
.slds-scope .slds-box_x-small,.slds-scope .slds-box--x-small{
padding:var(--slds-g-spacing-2);
}
.slds-scope .slds-box_small,.slds-scope .slds-box--small{
padding:var(--slds-g-spacing-3);
}
.slds-scope .slds-box_link,.slds-scope .slds-box--link,
.slds-scope .slds-box_link:active,
.slds-scope .slds-box--link:active,
.slds-scope .slds-box_link:focus,
.slds-scope .slds-box--link:focus,
.slds-scope .slds-box_link:hover,
.slds-scope .slds-box--link:hover{
color:inherit;
text-decoration:inherit;
}
.slds-scope .slds-box_link:hover,.slds-scope .slds-box--link:hover,
.slds-scope .slds-box_link:focus,
.slds-scope .slds-box--link:focus{
cursor:pointer;
outline:0;
border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-accent-2);
box-shadow:0 0 0 1px var(--slds-g-color-accent-1) inset;
}
.slds-scope .slds-theme_default,.slds-scope .slds-theme--default{
background-color:var(--slds-g-color-surface-container-1);
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-theme_shade,.slds-scope .slds-theme--shade{
background-color:var(--slds-g-color-surface-container-2);
}
.slds-scope .slds-theme_inverse,.slds-scope .slds-theme--inverse{
color:var(--slds-g-color-neutral-base-100);
background-color:var(--slds-g-color-brand-base-10);
border-color:var(--slds-g-color-brand-base-10);
}
.slds-scope .slds-theme_inverse a:not(.slds-button_neutral),.slds-scope .slds-theme--inverse a:not(.slds-button--neutral){
color:var(--slds-g-color-neutral-base-100);
text-decoration:underline;
}
.slds-scope .slds-theme_inverse a:not(.slds-button_neutral):link,.slds-scope .slds-theme--inverse a:not(.slds-button--neutral):link,
.slds-scope .slds-theme_inverse a:not(.slds-button_neutral):visited,
.slds-scope .slds-theme--inverse a:not(.slds-button--neutral):visited{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-theme_inverse a:not(.slds-button_neutral):hover,.slds-scope .slds-theme--inverse a:not(.slds-button--neutral):hover,
.slds-scope .slds-theme_inverse a:not(.slds-button_neutral):focus,
.slds-scope .slds-theme--inverse a:not(.slds-button--neutral):focus{
text-decoration:none;
}
.slds-scope .slds-theme_inverse a:not(.slds-button_neutral):active,.slds-scope .slds-theme--inverse a:not(.slds-button--neutral):active{
color:rgb(255, 255, 255, 0.5);
}
.slds-scope .slds-theme_inverse a:not(.slds-button_neutral)[disabled],.slds-scope .slds-theme--inverse a:not(.slds-button--neutral)[disabled]{
color:rgb(255, 255, 255, 0.15);
}
.slds-scope .slds-theme_alt-inverse,.slds-scope .slds-theme--alt-inverse{
color:var(--slds-g-color-neutral-base-100);
background-color:var(--slds-g-color-brand-base-20);
border-color:var(--slds-g-color-brand-base-20);
}
.slds-scope .slds-theme_alt-inverse a:not(.slds-button_neutral),.slds-scope .slds-theme--alt-inverse a:not(.slds-button--neutral){
color:var(--slds-g-color-neutral-base-100);
text-decoration:underline;
}
.slds-scope .slds-theme_alt-inverse a:not(.slds-button_neutral):link,.slds-scope .slds-theme--alt-inverse a:not(.slds-button--neutral):link,
.slds-scope .slds-theme_alt-inverse a:not(.slds-button_neutral):visited,
.slds-scope .slds-theme--alt-inverse a:not(.slds-button--neutral):visited{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-theme_alt-inverse a:not(.slds-button_neutral):hover,.slds-scope .slds-theme--alt-inverse a:not(.slds-button--neutral):hover,
.slds-scope .slds-theme_alt-inverse a:not(.slds-button_neutral):focus,
.slds-scope .slds-theme--alt-inverse a:not(.slds-button--neutral):focus{
text-decoration:none;
}
.slds-scope .slds-theme_alt-inverse a:not(.slds-button_neutral):active,.slds-scope .slds-theme--alt-inverse a:not(.slds-button--neutral):active{
color:rgb(255, 255, 255, 0.5);
}
.slds-scope .slds-theme_alt-inverse a:not(.slds-button_neutral)[disabled],.slds-scope .slds-theme--alt-inverse a:not(.slds-button--neutral)[disabled]{
color:rgb(255, 255, 255, 0.15);
}
.slds-scope .slds-theme_success,.slds-scope .slds-theme--success{
color:var(--slds-g-color-on-success-1);
background-color:var(--slds-g-color-success-container-1);
}
.slds-scope .slds-theme_success a:not(.slds-button_neutral),.slds-scope .slds-theme--success a:not(.slds-button--neutral){
color:var(--slds-g-color-on-success-1);
text-decoration:underline;
}
.slds-scope .slds-theme_success a:not(.slds-button_neutral):link,.slds-scope .slds-theme--success a:not(.slds-button--neutral):link,
.slds-scope .slds-theme_success a:not(.slds-button_neutral):visited,
.slds-scope .slds-theme--success a:not(.slds-button--neutral):visited{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-theme_success a:not(.slds-button_neutral):hover,.slds-scope .slds-theme--success a:not(.slds-button--neutral):hover,
.slds-scope .slds-theme_success a:not(.slds-button_neutral):focus,
.slds-scope .slds-theme--success a:not(.slds-button--neutral):focus{
text-decoration:none;
}
.slds-scope .slds-theme_success a:not(.slds-button_neutral):active,.slds-scope .slds-theme--success a:not(.slds-button--neutral):active{
color:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-theme_success a:not(.slds-button_neutral)[disabled],.slds-scope .slds-theme--success a:not(.slds-button--neutral)[disabled]{
color:rgb(255, 255, 255, 0.15);
}
.slds-scope .slds-theme_success .slds-icon,.slds-scope .slds-theme--success .slds-icon,
.slds-scope .slds-theme_success .slds-button__icon,
.slds-scope .slds-theme--success .slds-button__icon{
fill:var(--slds-g-color-on-success-1);
}
.slds-scope .slds-theme_info,.slds-scope .slds-theme--info{
color:var(--slds-g-color-on-info-1);
background-color:var(--slds-g-color-info-container-1);
}
.slds-scope .slds-theme_info a:not(.slds-button_neutral),.slds-scope .slds-theme--info a:not(.slds-button--neutral){
color:var(--slds-g-color-on-info-1);
text-decoration:underline;
}
.slds-scope .slds-theme_info a:not(.slds-button_neutral):link,.slds-scope .slds-theme--info a:not(.slds-button--neutral):link,
.slds-scope .slds-theme_info a:not(.slds-button_neutral):visited,
.slds-scope .slds-theme--info a:not(.slds-button--neutral):visited{
color:var(--slds-g-color-on-info-1);
}
.slds-scope .slds-theme_info a:not(.slds-button_neutral):hover,.slds-scope .slds-theme--info a:not(.slds-button--neutral):hover,
.slds-scope .slds-theme_info a:not(.slds-button_neutral):focus,
.slds-scope .slds-theme--info a:not(.slds-button--neutral):focus{
text-decoration:none;
}
.slds-scope .slds-theme_info a:not(.slds-button_neutral):active,.slds-scope .slds-theme--info a:not(.slds-button--neutral):active{
color:var(--slds-g-color-on-info-1);
}
.slds-scope .slds-theme_info a:not(.slds-button_neutral)[disabled],.slds-scope .slds-theme--info a:not(.slds-button--neutral)[disabled]{
color:rgb(255, 255, 255, 0.15);
}
.slds-scope .slds-theme_info .slds-icon,.slds-scope .slds-theme--info .slds-icon,
.slds-scope .slds-theme_info .slds-button__icon,
.slds-scope .slds-theme--info .slds-button__icon{
fill:var(--slds-g-color-on-info-1);
}
.slds-scope .slds-theme_warning,.slds-scope .slds-theme--warning{
background-color:var(--slds-g-color-warning-container-1);
color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-theme_warning a,.slds-scope .slds-theme--warning a{
color:var(--slds-g-color-on-warning-1);
text-decoration:underline;
}
.slds-scope .slds-theme_warning a:link,.slds-scope .slds-theme--warning a:link,
.slds-scope .slds-theme_warning a:visited,
.slds-scope .slds-theme--warning a:visited{
color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-theme_warning a:hover,.slds-scope .slds-theme--warning a:hover,
.slds-scope .slds-theme_warning a:focus,
.slds-scope .slds-theme--warning a:focus{
text-decoration:none;
}
.slds-scope .slds-theme_warning a:focus-visible,.slds-scope .slds-theme--warning a:focus-visible{
outline-offset:2px;
}
.slds-scope .slds-theme_warning a:active,.slds-scope .slds-theme--warning a:active{
color:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-theme_warning a[disabled],.slds-scope .slds-theme--warning a[disabled]{
color:var(--slds-g-color-neutral-base-30, #514f4d);
}
.slds-scope .slds-theme_warning button,.slds-scope .slds-theme--warning button{
color:var(--slds-g-color-neutral-base-30, #514f4d);
text-decoration:underline;
}
.slds-scope .slds-theme_warning button:hover,.slds-scope .slds-theme--warning button:hover{
color:var(--slds-g-color-neutral-base-50, #706e6b);
}
.slds-scope .slds-theme_warning button:focus,.slds-scope .slds-theme--warning button:focus{
color:var(--slds-g-color-neutral-base-30, #514f4d);
box-shadow:var(--slds-g-shadow-outset-focus-1);
}
.slds-scope .slds-theme_warning button:active,.slds-scope .slds-theme--warning button:active{
color:var(--slds-g-color-neutral-base-50, #706e6b);
}
.slds-scope .slds-theme_warning .slds-icon,.slds-scope .slds-theme--warning .slds-icon,
.slds-scope .slds-theme_warning .slds-button__icon,
.slds-scope .slds-theme--warning .slds-button__icon{
fill:var(--slds-g-color-on-warning-1);
}
.slds-scope .slds-theme_error,.slds-scope .slds-theme--error{
color:var(--slds-g-color-on-error-1);
background-color:var(--slds-g-color-error-container-1);
}
.slds-scope .slds-theme_error a:not(.slds-button_neutral),.slds-scope .slds-theme--error a:not(.slds-button--neutral){
color:var(--slds-g-color-on-error-1);
text-decoration:underline;
}
.slds-scope .slds-theme_error a:not(.slds-button_neutral):link,.slds-scope .slds-theme--error a:not(.slds-button--neutral):link,
.slds-scope .slds-theme_error a:not(.slds-button_neutral):visited,
.slds-scope .slds-theme--error a:not(.slds-button--neutral):visited{
color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-theme_error a:not(.slds-button_neutral):hover,.slds-scope .slds-theme--error a:not(.slds-button--neutral):hover,
.slds-scope .slds-theme_error a:not(.slds-button_neutral):focus,
.slds-scope .slds-theme--error a:not(.slds-button--neutral):focus{
text-decoration:none;
}
.slds-scope .slds-theme_error a:not(.slds-button_neutral):active,.slds-scope .slds-theme--error a:not(.slds-button--neutral):active{
color:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-theme_error a:not(.slds-button_neutral)[disabled],.slds-scope .slds-theme--error a:not(.slds-button--neutral)[disabled]{
color:rgb(255, 255, 255, 0.15);
}
.slds-scope .slds-theme_error .slds-icon,.slds-scope .slds-theme--error .slds-icon,
.slds-scope .slds-theme_error .slds-button__icon,
.slds-scope .slds-theme--error .slds-button__icon{
fill:var(--slds-g-color-on-error-1);
}
.slds-scope .slds-theme_offline,.slds-scope .slds-theme--offline{
color:var(--slds-g-color-neutral-base-100);
background-color:var(--slds-g-color-neutral-base-30);
}
.slds-scope .slds-theme_offline a:not(.slds-button_neutral),.slds-scope .slds-theme--offline a:not(.slds-button--neutral){
color:var(--slds-g-color-neutral-base-100);
text-decoration:underline;
}
.slds-scope .slds-theme_offline a:not(.slds-button_neutral):link,.slds-scope .slds-theme--offline a:not(.slds-button--neutral):link,
.slds-scope .slds-theme_offline a:not(.slds-button_neutral):visited,
.slds-scope .slds-theme--offline a:not(.slds-button--neutral):visited{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-theme_offline a:not(.slds-button_neutral):hover,.slds-scope .slds-theme--offline a:not(.slds-button--neutral):hover,
.slds-scope .slds-theme_offline a:not(.slds-button_neutral):focus,
.slds-scope .slds-theme--offline a:not(.slds-button--neutral):focus{
text-decoration:none;
}
.slds-scope .slds-theme_offline a:not(.slds-button_neutral):active,.slds-scope .slds-theme--offline a:not(.slds-button--neutral):active{
color:color-mix(in oklab, var(--slds-g-color-neutral-base-100), transparent 50%);
}
.slds-scope .slds-theme_offline a:not(.slds-button_neutral)[disabled],.slds-scope .slds-theme--offline a:not(.slds-button--neutral)[disabled]{
color:color-mix(in oklab, var(--slds-g-color-neutral-base-100), transparent 10%);
}
.slds-scope .slds-theme_inverse-text,.slds-scope .slds-theme--inverse-text{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-theme_inverse-text a:not(.slds-button_neutral),.slds-scope .slds-theme--inverse-text a:not(.slds-button--neutral){
color:var(--slds-g-color-neutral-base-100);
text-decoration:underline;
}
.slds-scope .slds-theme_inverse-text a:not(.slds-button_neutral):link,.slds-scope .slds-theme--inverse-text a:not(.slds-button--neutral):link,
.slds-scope .slds-theme_inverse-text a:not(.slds-button_neutral):visited,
.slds-scope .slds-theme--inverse-text a:not(.slds-button--neutral):visited{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-theme_inverse-text a:not(.slds-button_neutral):hover,.slds-scope .slds-theme--inverse-text a:not(.slds-button--neutral):hover,
.slds-scope .slds-theme_inverse-text a:not(.slds-button_neutral):focus,
.slds-scope .slds-theme--inverse-text a:not(.slds-button--neutral):focus{
text-decoration:none;
}
.slds-scope .slds-theme_inverse-text a:not(.slds-button_neutral):active,.slds-scope .slds-theme--inverse-text a:not(.slds-button--neutral):active{
color:color-mix(in oklab, var(--slds-g-color-neutral-base-100), transparent 50%);
}
.slds-scope .slds-theme_inverse-text a:not(.slds-button_neutral)[disabled],.slds-scope .slds-theme--inverse-text a:not(.slds-button--neutral)[disabled]{
color:color-mix(in oklab, var(--slds-g-color-neutral-base-100), transparent 15%);
}
.slds-scope .slds-text-body_regular,.slds-scope .slds-text-body--regular{
font-size:var(--slds-g-font-size-base);
}
.slds-scope .slds-text-body_small,.slds-scope .slds-text-body--small{
font-size:var(--slds-g-font-scale-neg-1);
}
.slds-scope .slds-text-heading_large,.slds-scope .slds-text-heading--large{
font-size:var(--slds-g-font-scale-6);
line-height:var(--slds-g-font-lineheight-2);
}
.slds-scope .slds-text-heading_medium,.slds-scope .slds-text-heading--medium{
font-size:var(--slds-g-font-scale-4);
line-height:var(--slds-g-font-lineheight-2);
}
.slds-scope .slds-text-heading_small,.slds-scope .slds-text-heading--small{
font-size:var(--slds-g-font-scale-2);
line-height:var(--slds-g-font-lineheight-2);
}
.slds-scope .slds-text-title{
font-size:var(--slds-g-font-scale-neg-1);
line-height:var(--slds-g-font-lineheight-2);
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-text-title_caps,.slds-scope .slds-text-title--caps{
font-size:var(--slds-g-font-scale-neg-1);
color:var(--slds-g-color-on-surface-1);
font-weight:var(--slds-g-font-weight-4);
text-transform:uppercase;
letter-spacing:0.0625rem;
}
.slds-scope .slds-text-title_bold,.slds-scope .slds-text-title--bold{
font-size:var(--slds-g-font-scale-neg-1);
font-weight:var(--slds-g-font-weight-7);
}
.slds-scope .slds-line-height_reset,.slds-scope .slds-line-height--reset{
line-height:1;
}
.slds-scope .slds-text-color_default,.slds-scope .slds-text-color--default{
color:var(--slds-g-color-on-surface-3);
}
.slds-scope .slds-text-color_weak,.slds-scope .slds-text-color--weak{
color:var(--slds-g-color-on-surface-1);
}
.slds-scope .slds-text-color_error,.slds-scope .slds-text-color--error{
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-text-color_destructive,.slds-scope .slds-text-color--destructive{
color:var(--slds-g-color-error-1);
}
.slds-scope .slds-text-color_success,.slds-scope .slds-text-color--success{
color:var(--slds-g-color-success-1);
}
.slds-scope .slds-text-color_inverse,.slds-scope .slds-text-color--inverse{
color:var(--slds-g-color-neutral-base-100);
}
.slds-scope .slds-text-color_inverse-weak,.slds-scope .slds-text-color--inverse-weak{
color:var(--slds-g-color-neutral-base-70);
}
.slds-scope .slds-text-align_left,.slds-scope .slds-text-align--left{
text-align:start;
}
.slds-scope .slds-text-align_center,.slds-scope .slds-text-align--center{
text-align:center;
}
.slds-scope .slds-text-align_right,.slds-scope .slds-text-align--right{
text-align:end;
}
.slds-scope .slds-text-longform h1,
.slds-scope .slds-text-longform h2,
.slds-scope .slds-text-longform h3,
.slds-scope .slds-text-longform p,
.slds-scope .slds-text-longform ul,
.slds-scope .slds-text-longform ol,
.slds-scope .slds-text-longform dl,
.slds-scope .slds-text-longform img{
margin-block-end:var(--slds-g-spacing-4);
}
.slds-scope .slds-text-longform ul{
margin-inline-start:var(--slds-g-spacing-5);
list-style:disc;
}
.slds-scope .slds-text-longform ul ul{
list-style:circle;
}
.slds-scope .slds-text-longform ul ul ul{
list-style:square;
}
.slds-scope .slds-text-longform ol{
margin-inline-start:var(--slds-g-spacing-5);
list-style:decimal;
}
.slds-scope .slds-text-longform ol ol{
list-style:lower-alpha;
}
.slds-scope .slds-text-longform ol ol ol{
list-style:lower-roman;
}
.slds-scope .slds-text-longform .slds-video{
display:block;
max-width:100%;
}
.slds-scope .slds-text-longform .slds-video.slds-video_center,.slds-scope .slds-text-longform .slds-video.slds-video--center{
margin:0 auto;
}
.slds-scope .slds-text-longform .slds-video.slds-video_right,.slds-scope .slds-text-longform .slds-video.slds-video--right{
margin:0 0 0 auto;
}
.slds-scope .slds-text-font_monospace,.slds-scope .slds-text-font--monospace{
font-family:var(--slds-g-font-family-monospace);
}
.slds-scope .slds-color__text_gray-1,.slds-scope .slds-color__text--gray-1{
color:var(--slds-g-color-neutral-base-100) !important;
}
.slds-scope .slds-color__text_gray-2,.slds-scope .slds-color__text--gray-2{
color:var(--slds-g-color-neutral-base-95) !important;
}
.slds-scope .slds-color__text_gray-3,.slds-scope .slds-color__text--gray-3{
color:var(--slds-g-color-neutral-base-95) !important;
}
.slds-scope .slds-color__text_gray-4,.slds-scope .slds-color__text--gray-4{
color:var(--slds-g-color-neutral-base-90) !important;
}
.slds-scope .slds-color__text_gray-5,.slds-scope .slds-color__text--gray-5{
color:var(--slds-g-color-neutral-base-90) !important;
}
.slds-scope .slds-color__text_gray-6,.slds-scope .slds-color__text--gray-6{
color:var(--slds-g-color-neutral-base-80) !important;
}
.slds-scope .slds-color__text_gray-7,.slds-scope .slds-color__text--gray-7{
color:var(--slds-g-color-neutral-base-70) !important;
}
.slds-scope .slds-color__text_gray-8,.slds-scope .slds-color__text--gray-8{
color:var(--slds-g-color-neutral-base-60) !important;
}
.slds-scope .slds-color__text_gray-9,.slds-scope .slds-color__text--gray-9{
color:var(--slds-g-color-neutral-base-50) !important;
}
.slds-scope .slds-color__text_gray-10,.slds-scope .slds-color__text--gray-10{
color:var(--slds-g-color-neutral-base-30) !important;
}
.slds-scope .slds-color__text_gray-11,.slds-scope .slds-color__text--gray-11{
color:var(--slds-g-color-neutral-base-30) !important;
}
.slds-scope .slds-color__text_gray-12,.slds-scope .slds-color__text--gray-12{
color:var(--slds-g-color-neutral-base-20) !important;
}
.slds-scope .slds-color__background_gray-1,.slds-scope .slds-color__background--gray-1{
background-color:var(--slds-g-color-neutral-base-100) !important;
}
.slds-scope .slds-color__background_gray-2,.slds-scope .slds-color__background--gray-2{
background-color:var(--slds-g-color-neutral-base-95) !important;
}
.slds-scope .slds-color__background_gray-3,.slds-scope .slds-color__background--gray-3{
background-color:var(--slds-g-color-neutral-base-95) !important;
}
.slds-scope .slds-color__background_gray-4,.slds-scope .slds-color__background--gray-4{
background-color:var(--slds-g-color-neutral-base-90) !important;
}
.slds-scope .slds-color__background_gray-5,.slds-scope .slds-color__background--gray-5{
background-color:var(--slds-g-color-neutral-base-90) !important;
}
.slds-scope .slds-color__background_gray-6,.slds-scope .slds-color__background--gray-6{
background-color:var(--slds-g-color-neutral-base-80) !important;
}
.slds-scope .slds-color__background_gray-7,.slds-scope .slds-color__background--gray-7{
background-color:var(--slds-g-color-neutral-base-70) !important;
}
.slds-scope .slds-color__background_gray-8,.slds-scope .slds-color__background--gray-8{
background-color:var(--slds-g-color-neutral-base-60) !important;
}
.slds-scope .slds-color__background_gray-9,.slds-scope .slds-color__background--gray-9{
background-color:var(--slds-g-color-neutral-base-50) !important;
}
.slds-scope .slds-color__background_gray-10,.slds-scope .slds-color__background--gray-10{
background-color:var(--slds-g-color-neutral-base-30) !important;
}
.slds-scope .slds-color__background_gray-11,.slds-scope .slds-color__background--gray-11{
background-color:var(--slds-g-color-neutral-base-30) !important;
}
.slds-scope .slds-color__background_gray-12,.slds-scope .slds-color__background--gray-12{
background-color:var(--slds-g-color-neutral-base-20) !important;
}
.slds-scope .slds-color__border_gray-1,.slds-scope .slds-color__border--gray-1{
border-color:var(--slds-g-color-neutral-base-100) !important;
}
.slds-scope .slds-color__border_gray-2,.slds-scope .slds-color__border--gray-2{
border-color:var(--slds-g-color-neutral-base-95) !important;
}
.slds-scope .slds-color__border_gray-3,.slds-scope .slds-color__border--gray-3{
border-color:var(--slds-g-color-neutral-base-95) !important;
}
.slds-scope .slds-color__border_gray-4,.slds-scope .slds-color__border--gray-4{
border-color:var(--slds-g-color-neutral-base-90) !important;
}
.slds-scope .slds-color__border_gray-5,.slds-scope .slds-color__border--gray-5{
border-color:var(--slds-g-color-neutral-base-90) !important;
}
.slds-scope .slds-color__border_gray-6,.slds-scope .slds-color__border--gray-6{
border-color:var(--slds-g-color-neutral-base-80) !important;
}
.slds-scope .slds-color__border_gray-7,.slds-scope .slds-color__border--gray-7{
border-color:var(--slds-g-color-neutral-base-70) !important;
}
.slds-scope .slds-color__border_gray-8,.slds-scope .slds-color__border--gray-8{
border-color:var(--slds-g-color-neutral-base-60) !important;
}
.slds-scope .slds-color__border_gray-9,.slds-scope .slds-color__border--gray-9{
border-color:var(--slds-g-color-neutral-base-50) !important;
}
.slds-scope .slds-color__border_gray-10,.slds-scope .slds-color__border--gray-10{
border-color:var(--slds-g-color-neutral-base-30) !important;
}
.slds-scope .slds-color__border_gray-11,.slds-scope .slds-color__border--gray-11{
border-color:var(--slds-g-color-neutral-base-30) !important;
}
.slds-scope .slds-color__border_gray-12,.slds-scope .slds-color__border--gray-12{
border-color:var(--slds-g-color-neutral-base-20) !important;
}
.slds-scope .slds-color__fill_gray-1,.slds-scope .slds-color__fill--gray-1{
fill:var(--slds-g-color-neutral-base-100) !important;
}
.slds-scope .slds-color__fill_gray-2,.slds-scope .slds-color__fill--gray-2{
fill:var(--slds-g-color-neutral-base-95) !important;
}
.slds-scope .slds-color__fill_gray-3,.slds-scope .slds-color__fill--gray-3{
fill:var(--slds-g-color-neutral-base-95) !important;
}
.slds-scope .slds-color__fill_gray-4,.slds-scope .slds-color__fill--gray-4{
fill:var(--slds-g-color-neutral-base-90) !important;
}
.slds-scope .slds-color__fill_gray-5,.slds-scope .slds-color__fill--gray-5{
fill:var(--slds-g-color-neutral-base-90) !important;
}
.slds-scope .slds-color__fill_gray-6,.slds-scope .slds-color__fill--gray-6{
fill:var(--slds-g-color-neutral-base-80) !important;
}
.slds-scope .slds-color__fill_gray-7,.slds-scope .slds-color__fill--gray-7{
fill:var(--slds-g-color-neutral-base-70) !important;
}
.slds-scope .slds-color__fill_gray-8,.slds-scope .slds-color__fill--gray-8{
fill:var(--slds-g-color-neutral-base-60) !important;
}
.slds-scope .slds-color__fill_gray-9,.slds-scope .slds-color__fill--gray-9{
fill:var(--slds-g-color-neutral-base-50) !important;
}
.slds-scope .slds-color__fill_gray-10,.slds-scope .slds-color__fill--gray-10{
fill:var(--slds-g-color-neutral-base-30) !important;
}
.slds-scope .slds-color__fill_gray-11,.slds-scope .slds-color__fill--gray-11{
fill:var(--slds-g-color-neutral-base-30) !important;
}
.slds-scope .slds-color__fill_gray-12,.slds-scope .slds-color__fill--gray-12{
fill:var(--slds-g-color-neutral-base-20) !important;
}
.slds-scope .slds-scrollable{
-webkit-overflow-scrolling:touch;
overflow:auto;
}
.slds-scope .slds-scrollable_none,.slds-scope .slds-scrollable--none{
overflow:hidden;
}
.slds-scope .slds-scrollable_y,.slds-scope .slds-scrollable--y{
-webkit-overflow-scrolling:touch;
max-height:100%;
overflow:hidden;
overflow-y:auto;
}
.slds-scope .slds-scrollable_x,.slds-scope .slds-scrollable--x{
-webkit-overflow-scrolling:touch;
max-width:100%;
overflow:hidden;
overflow-x:auto;
}
.slds-scope .slds-size_xxx-small,.slds-scope .slds-size--xxx-small{
width:3rem;
}
.slds-scope .slds-size_xx-small,.slds-scope .slds-size--xx-small{
width:6rem;
}
.slds-scope .slds-size_x-small,.slds-scope .slds-size--x-small{
width:12rem;
}
.slds-scope .slds-size_small,.slds-scope .slds-size--small{
width:15rem;
}
.slds-scope .slds-size_medium,.slds-scope .slds-size--medium{
width:20rem;
}
.slds-scope .slds-size_large,.slds-scope .slds-size--large{
width:25rem;
}
.slds-scope .slds-size_x-large,.slds-scope .slds-size--x-large{
width:40rem;
}
.slds-scope .slds-size_xx-large,.slds-scope .slds-size--xx-large{
width:60rem;
}
.slds-scope .slds-size_full,.slds-scope .slds-size--full{
width:100%;
}
.slds-scope .slds-size_1-of-1,.slds-scope .slds-size--1-of-1{
width:100%;
}
.slds-scope .slds-size_1-of-2,.slds-scope .slds-size--1-of-2{
width:50%;
}
.slds-scope .slds-size_2-of-2,.slds-scope .slds-size--2-of-2{
width:100%;
}
.slds-scope .slds-size_1-of-3,.slds-scope .slds-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-size_2-of-3,.slds-scope .slds-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-size_3-of-3,.slds-scope .slds-size--3-of-3{
width:100%;
}
.slds-scope .slds-size_1-of-4,.slds-scope .slds-size--1-of-4{
width:25%;
}
.slds-scope .slds-size_2-of-4,.slds-scope .slds-size--2-of-4{
width:50%;
}
.slds-scope .slds-size_3-of-4,.slds-scope .slds-size--3-of-4{
width:75%;
}
.slds-scope .slds-size_4-of-4,.slds-scope .slds-size--4-of-4{
width:100%;
}
.slds-scope .slds-size_1-of-5,.slds-scope .slds-size--1-of-5{
width:20%;
}
.slds-scope .slds-size_2-of-5,.slds-scope .slds-size--2-of-5{
width:40%;
}
.slds-scope .slds-size_3-of-5,.slds-scope .slds-size--3-of-5{
width:60%;
}
.slds-scope .slds-size_4-of-5,.slds-scope .slds-size--4-of-5{
width:80%;
}
.slds-scope .slds-size_5-of-5,.slds-scope .slds-size--5-of-5{
width:100%;
}
.slds-scope .slds-size_1-of-6,.slds-scope .slds-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-size_2-of-6,.slds-scope .slds-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-size_3-of-6,.slds-scope .slds-size--3-of-6{
width:50%;
}
.slds-scope .slds-size_4-of-6,.slds-scope .slds-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-size_5-of-6,.slds-scope .slds-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-size_6-of-6,.slds-scope .slds-size--6-of-6{
width:100%;
}
.slds-scope .slds-size_1-of-7,.slds-scope .slds-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-size_2-of-7,.slds-scope .slds-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-size_3-of-7,.slds-scope .slds-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-size_4-of-7,.slds-scope .slds-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-size_5-of-7,.slds-scope .slds-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-size_6-of-7,.slds-scope .slds-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-size_7-of-7,.slds-scope .slds-size--7-of-7{
width:100%;
}
.slds-scope .slds-size_1-of-8,.slds-scope .slds-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-size_2-of-8,.slds-scope .slds-size--2-of-8{
width:25%;
}
.slds-scope .slds-size_3-of-8,.slds-scope .slds-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-size_4-of-8,.slds-scope .slds-size--4-of-8{
width:50%;
}
.slds-scope .slds-size_5-of-8,.slds-scope .slds-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-size_6-of-8,.slds-scope .slds-size--6-of-8{
width:75%;
}
.slds-scope .slds-size_7-of-8,.slds-scope .slds-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-size_8-of-8,.slds-scope .slds-size--8-of-8{
width:100%;
}
.slds-scope .slds-size_1-of-12,.slds-scope .slds-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-size_2-of-12,.slds-scope .slds-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-size_3-of-12,.slds-scope .slds-size--3-of-12{
width:25%;
}
.slds-scope .slds-size_4-of-12,.slds-scope .slds-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-size_5-of-12,.slds-scope .slds-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-size_6-of-12,.slds-scope .slds-size--6-of-12{
width:50%;
}
.slds-scope .slds-size_7-of-12,.slds-scope .slds-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-size_8-of-12,.slds-scope .slds-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-size_9-of-12,.slds-scope .slds-size--9-of-12{
width:75%;
}
.slds-scope .slds-size_10-of-12,.slds-scope .slds-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-size_11-of-12,.slds-scope .slds-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-size_12-of-12,.slds-scope .slds-size--12-of-12{
width:100%;
}
.slds-scope .slds-order_1,.slds-scope .slds-order--1{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
}
.slds-scope .slds-order_2,.slds-scope .slds-order--2{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
}
.slds-scope .slds-order_3,.slds-scope .slds-order--3{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
}
.slds-scope .slds-order_4,.slds-scope .slds-order--4{
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4;
}
.slds-scope .slds-order_5,.slds-scope .slds-order--5{
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5;
}
.slds-scope .slds-order_6,.slds-scope .slds-order--6{
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6;
}
.slds-scope .slds-order_7,.slds-scope .slds-order--7{
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7;
}
.slds-scope .slds-order_8,.slds-scope .slds-order--8{
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8;
}
.slds-scope .slds-order_9,.slds-scope .slds-order--9{
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9;
}
.slds-scope .slds-order_10,.slds-scope .slds-order--10{
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10;
}
.slds-scope .slds-order_11,.slds-scope .slds-order--11{
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11;
}
.slds-scope .slds-order_12,.slds-scope .slds-order--12{
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12;
}
@media (min-width: 20em){
.slds-scope .slds-x-small-size_xxx-small,.slds-scope .slds-x-small-size--xxx-small,
.slds-scope .slds-x-small-size_xx-small,
.slds-scope .slds-x-small-size--xx-small,
.slds-scope .slds-x-small-size_x-small,
.slds-scope .slds-x-small-size--x-small,
.slds-scope .slds-x-small-size_small,
.slds-scope .slds-x-small-size--small,
.slds-scope .slds-x-small-size_medium,
.slds-scope .slds-x-small-size--medium,
.slds-scope .slds-x-small-size_large,
.slds-scope .slds-x-small-size--large,
.slds-scope .slds-x-small-size_x-large,
.slds-scope .slds-x-small-size--x-large,
.slds-scope .slds-x-small-size_xx-large,
.slds-scope .slds-x-small-size--xx-large,
.slds-scope .slds-x-small-size_1-of-1,
.slds-scope .slds-x-small-size--1-of-1,
.slds-scope .slds-x-small-size_1-of-2,
.slds-scope .slds-x-small-size--1-of-2,
.slds-scope .slds-x-small-size_2-of-2,
.slds-scope .slds-x-small-size--2-of-2,
.slds-scope .slds-x-small-size_1-of-3,
.slds-scope .slds-x-small-size--1-of-3,
.slds-scope .slds-x-small-size_2-of-3,
.slds-scope .slds-x-small-size--2-of-3,
.slds-scope .slds-x-small-size_3-of-3,
.slds-scope .slds-x-small-size--3-of-3,
.slds-scope .slds-x-small-size_1-of-4,
.slds-scope .slds-x-small-size--1-of-4,
.slds-scope .slds-x-small-size_2-of-4,
.slds-scope .slds-x-small-size--2-of-4,
.slds-scope .slds-x-small-size_3-of-4,
.slds-scope .slds-x-small-size--3-of-4,
.slds-scope .slds-x-small-size_4-of-4,
.slds-scope .slds-x-small-size--4-of-4,
.slds-scope .slds-x-small-size_1-of-5,
.slds-scope .slds-x-small-size--1-of-5,
.slds-scope .slds-x-small-size_2-of-5,
.slds-scope .slds-x-small-size--2-of-5,
.slds-scope .slds-x-small-size_3-of-5,
.slds-scope .slds-x-small-size--3-of-5,
.slds-scope .slds-x-small-size_4-of-5,
.slds-scope .slds-x-small-size--4-of-5,
.slds-scope .slds-x-small-size_5-of-5,
.slds-scope .slds-x-small-size--5-of-5,
.slds-scope .slds-x-small-size_1-of-6,
.slds-scope .slds-x-small-size--1-of-6,
.slds-scope .slds-x-small-size_2-of-6,
.slds-scope .slds-x-small-size--2-of-6,
.slds-scope .slds-x-small-size_3-of-6,
.slds-scope .slds-x-small-size--3-of-6,
.slds-scope .slds-x-small-size_4-of-6,
.slds-scope .slds-x-small-size--4-of-6,
.slds-scope .slds-x-small-size_5-of-6,
.slds-scope .slds-x-small-size--5-of-6,
.slds-scope .slds-x-small-size_6-of-6,
.slds-scope .slds-x-small-size--6-of-6,
.slds-scope .slds-x-small-size_1-of-7,
.slds-scope .slds-x-small-size--1-of-7,
.slds-scope .slds-x-small-size_2-of-7,
.slds-scope .slds-x-small-size--2-of-7,
.slds-scope .slds-x-small-size_3-of-7,
.slds-scope .slds-x-small-size--3-of-7,
.slds-scope .slds-x-small-size_4-of-7,
.slds-scope .slds-x-small-size--4-of-7,
.slds-scope .slds-x-small-size_5-of-7,
.slds-scope .slds-x-small-size--5-of-7,
.slds-scope .slds-x-small-size_6-of-7,
.slds-scope .slds-x-small-size--6-of-7,
.slds-scope .slds-x-small-size_7-of-7,
.slds-scope .slds-x-small-size--7-of-7,
.slds-scope .slds-x-small-size_1-of-8,
.slds-scope .slds-x-small-size--1-of-8,
.slds-scope .slds-x-small-size_2-of-8,
.slds-scope .slds-x-small-size--2-of-8,
.slds-scope .slds-x-small-size_3-of-8,
.slds-scope .slds-x-small-size--3-of-8,
.slds-scope .slds-x-small-size_4-of-8,
.slds-scope .slds-x-small-size--4-of-8,
.slds-scope .slds-x-small-size_5-of-8,
.slds-scope .slds-x-small-size--5-of-8,
.slds-scope .slds-x-small-size_6-of-8,
.slds-scope .slds-x-small-size--6-of-8,
.slds-scope .slds-x-small-size_7-of-8,
.slds-scope .slds-x-small-size--7-of-8,
.slds-scope .slds-x-small-size_8-of-8,
.slds-scope .slds-x-small-size--8-of-8,
.slds-scope .slds-x-small-size_1-of-12,
.slds-scope .slds-x-small-size--1-of-12,
.slds-scope .slds-x-small-size_2-of-12,
.slds-scope .slds-x-small-size--2-of-12,
.slds-scope .slds-x-small-size_3-of-12,
.slds-scope .slds-x-small-size--3-of-12,
.slds-scope .slds-x-small-size_4-of-12,
.slds-scope .slds-x-small-size--4-of-12,
.slds-scope .slds-x-small-size_5-of-12,
.slds-scope .slds-x-small-size--5-of-12,
.slds-scope .slds-x-small-size_6-of-12,
.slds-scope .slds-x-small-size--6-of-12,
.slds-scope .slds-x-small-size_7-of-12,
.slds-scope .slds-x-small-size--7-of-12,
.slds-scope .slds-x-small-size_8-of-12,
.slds-scope .slds-x-small-size--8-of-12,
.slds-scope .slds-x-small-size_9-of-12,
.slds-scope .slds-x-small-size--9-of-12,
.slds-scope .slds-x-small-size_10-of-12,
.slds-scope .slds-x-small-size--10-of-12,
.slds-scope .slds-x-small-size_11-of-12,
.slds-scope .slds-x-small-size--11-of-12,
.slds-scope .slds-x-small-size_12-of-12,
.slds-scope .slds-x-small-size--12-of-12{
flex:none;
}
.slds-scope .slds-x-small-size_xxx-small,.slds-scope .slds-x-small-size--xxx-small{
width:3rem;
}
.slds-scope .slds-x-small-size_xx-small,.slds-scope .slds-x-small-size--xx-small{
width:6rem;
}
.slds-scope .slds-x-small-size_x-small,.slds-scope .slds-x-small-size--x-small{
width:12rem;
}
.slds-scope .slds-x-small-size_small,.slds-scope .slds-x-small-size--small{
width:15rem;
}
.slds-scope .slds-x-small-size_medium,.slds-scope .slds-x-small-size--medium{
width:20rem;
}
.slds-scope .slds-x-small-size_large,.slds-scope .slds-x-small-size--large{
width:25rem;
}
.slds-scope .slds-x-small-size_x-large,.slds-scope .slds-x-small-size--x-large{
width:40rem;
}
.slds-scope .slds-x-small-size_xx-large,.slds-scope .slds-x-small-size--xx-large{
width:60rem;
}
.slds-scope .slds-x-small-size_1-of-1,.slds-scope .slds-x-small-size--1-of-1{
width:100%;
}
.slds-scope .slds-x-small-size_1-of-2,.slds-scope .slds-x-small-size--1-of-2{
width:50%;
}
.slds-scope .slds-x-small-size_2-of-2,.slds-scope .slds-x-small-size--2-of-2{
width:100%;
}
.slds-scope .slds-x-small-size_1-of-3,.slds-scope .slds-x-small-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-x-small-size_2-of-3,.slds-scope .slds-x-small-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-x-small-size_3-of-3,.slds-scope .slds-x-small-size--3-of-3{
width:100%;
}
.slds-scope .slds-x-small-size_1-of-4,.slds-scope .slds-x-small-size--1-of-4{
width:25%;
}
.slds-scope .slds-x-small-size_2-of-4,.slds-scope .slds-x-small-size--2-of-4{
width:50%;
}
.slds-scope .slds-x-small-size_3-of-4,.slds-scope .slds-x-small-size--3-of-4{
width:75%;
}
.slds-scope .slds-x-small-size_4-of-4,.slds-scope .slds-x-small-size--4-of-4{
width:100%;
}
.slds-scope .slds-x-small-size_1-of-5,.slds-scope .slds-x-small-size--1-of-5{
width:20%;
}
.slds-scope .slds-x-small-size_2-of-5,.slds-scope .slds-x-small-size--2-of-5{
width:40%;
}
.slds-scope .slds-x-small-size_3-of-5,.slds-scope .slds-x-small-size--3-of-5{
width:60%;
}
.slds-scope .slds-x-small-size_4-of-5,.slds-scope .slds-x-small-size--4-of-5{
width:80%;
}
.slds-scope .slds-x-small-size_5-of-5,.slds-scope .slds-x-small-size--5-of-5{
width:100%;
}
.slds-scope .slds-x-small-size_1-of-6,.slds-scope .slds-x-small-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-x-small-size_2-of-6,.slds-scope .slds-x-small-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-x-small-size_3-of-6,.slds-scope .slds-x-small-size--3-of-6{
width:50%;
}
.slds-scope .slds-x-small-size_4-of-6,.slds-scope .slds-x-small-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-x-small-size_5-of-6,.slds-scope .slds-x-small-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-x-small-size_6-of-6,.slds-scope .slds-x-small-size--6-of-6{
width:100%;
}
.slds-scope .slds-x-small-size_1-of-7,.slds-scope .slds-x-small-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-x-small-size_2-of-7,.slds-scope .slds-x-small-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-x-small-size_3-of-7,.slds-scope .slds-x-small-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-x-small-size_4-of-7,.slds-scope .slds-x-small-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-x-small-size_5-of-7,.slds-scope .slds-x-small-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-x-small-size_6-of-7,.slds-scope .slds-x-small-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-x-small-size_7-of-7,.slds-scope .slds-x-small-size--7-of-7{
width:100%;
}
.slds-scope .slds-x-small-size_1-of-8,.slds-scope .slds-x-small-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-x-small-size_2-of-8,.slds-scope .slds-x-small-size--2-of-8{
width:25%;
}
.slds-scope .slds-x-small-size_3-of-8,.slds-scope .slds-x-small-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-x-small-size_4-of-8,.slds-scope .slds-x-small-size--4-of-8{
width:50%;
}
.slds-scope .slds-x-small-size_5-of-8,.slds-scope .slds-x-small-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-x-small-size_6-of-8,.slds-scope .slds-x-small-size--6-of-8{
width:75%;
}
.slds-scope .slds-x-small-size_7-of-8,.slds-scope .slds-x-small-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-x-small-size_8-of-8,.slds-scope .slds-x-small-size--8-of-8{
width:100%;
}
.slds-scope .slds-x-small-size_1-of-12,.slds-scope .slds-x-small-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-x-small-size_2-of-12,.slds-scope .slds-x-small-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-x-small-size_3-of-12,.slds-scope .slds-x-small-size--3-of-12{
width:25%;
}
.slds-scope .slds-x-small-size_4-of-12,.slds-scope .slds-x-small-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-x-small-size_5-of-12,.slds-scope .slds-x-small-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-x-small-size_6-of-12,.slds-scope .slds-x-small-size--6-of-12{
width:50%;
}
.slds-scope .slds-x-small-size_7-of-12,.slds-scope .slds-x-small-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-x-small-size_8-of-12,.slds-scope .slds-x-small-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-x-small-size_9-of-12,.slds-scope .slds-x-small-size--9-of-12{
width:75%;
}
.slds-scope .slds-x-small-size_10-of-12,.slds-scope .slds-x-small-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-x-small-size_11-of-12,.slds-scope .slds-x-small-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-x-small-size_12-of-12,.slds-scope .slds-x-small-size--12-of-12{
width:100%;
}
.slds-scope .slds-x-small-order_1,.slds-scope .slds-x-small-order--1{
order:1;
}
.slds-scope .slds-x-small-order_2,.slds-scope .slds-x-small-order--2{
order:2;
}
.slds-scope .slds-x-small-order_3,.slds-scope .slds-x-small-order--3{
order:3;
}
.slds-scope .slds-x-small-order_4,.slds-scope .slds-x-small-order--4{
order:4;
}
.slds-scope .slds-x-small-order_5,.slds-scope .slds-x-small-order--5{
order:5;
}
.slds-scope .slds-x-small-order_6,.slds-scope .slds-x-small-order--6{
order:6;
}
.slds-scope .slds-x-small-order_7,.slds-scope .slds-x-small-order--7{
order:7;
}
.slds-scope .slds-x-small-order_8,.slds-scope .slds-x-small-order--8{
order:8;
}
.slds-scope .slds-x-small-order_9,.slds-scope .slds-x-small-order--9{
order:9;
}
.slds-scope .slds-x-small-order_10,.slds-scope .slds-x-small-order--10{
order:10;
}
.slds-scope .slds-x-small-order_11,.slds-scope .slds-x-small-order--11{
order:11;
}
.slds-scope .slds-x-small-order_12,.slds-scope .slds-x-small-order--12{
order:12;
}
}
@media (max-width: 20em){
.slds-scope .slds-max-x-small-size_xxx-small,.slds-scope .slds-max-x-small-size--xxx-small,
.slds-scope .slds-max-x-small-size_xx-small,
.slds-scope .slds-max-x-small-size--xx-small,
.slds-scope .slds-max-x-small-size_x-small,
.slds-scope .slds-max-x-small-size--x-small,
.slds-scope .slds-max-x-small-size_small,
.slds-scope .slds-max-x-small-size--small,
.slds-scope .slds-max-x-small-size_medium,
.slds-scope .slds-max-x-small-size--medium,
.slds-scope .slds-max-x-small-size_large,
.slds-scope .slds-max-x-small-size--large,
.slds-scope .slds-max-x-small-size_x-large,
.slds-scope .slds-max-x-small-size--x-large,
.slds-scope .slds-max-x-small-size_xx-large,
.slds-scope .slds-max-x-small-size--xx-large{
flex:none;
}
.slds-scope .slds-max-x-small-size_xxx-small,.slds-scope .slds-max-x-small-size--xxx-small{
width:3rem;
}
.slds-scope .slds-max-x-small-size_xx-small,.slds-scope .slds-max-x-small-size--xx-small{
width:6rem;
}
.slds-scope .slds-max-x-small-size_x-small,.slds-scope .slds-max-x-small-size--x-small{
width:12rem;
}
.slds-scope .slds-max-x-small-size_small,.slds-scope .slds-max-x-small-size--small{
width:15rem;
}
.slds-scope .slds-max-x-small-size_medium,.slds-scope .slds-max-x-small-size--medium{
width:20rem;
}
.slds-scope .slds-max-x-small-size_large,.slds-scope .slds-max-x-small-size--large{
width:25rem;
}
.slds-scope .slds-max-x-small-size_x-large,.slds-scope .slds-max-x-small-size--x-large{
width:40rem;
}
.slds-scope .slds-max-x-small-size_xx-large,.slds-scope .slds-max-x-small-size--xx-large{
width:60rem;
}
.slds-scope .slds-max-x-small-size_1-of-1,.slds-scope .slds-max-x-small-size--1-of-1{
width:100%;
}
.slds-scope .slds-max-x-small-size_1-of-2,.slds-scope .slds-max-x-small-size--1-of-2{
width:50%;
}
.slds-scope .slds-max-x-small-size_2-of-2,.slds-scope .slds-max-x-small-size--2-of-2{
width:100%;
}
.slds-scope .slds-max-x-small-size_1-of-3,.slds-scope .slds-max-x-small-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-max-x-small-size_2-of-3,.slds-scope .slds-max-x-small-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-max-x-small-size_3-of-3,.slds-scope .slds-max-x-small-size--3-of-3{
width:100%;
}
.slds-scope .slds-max-x-small-size_1-of-4,.slds-scope .slds-max-x-small-size--1-of-4{
width:25%;
}
.slds-scope .slds-max-x-small-size_2-of-4,.slds-scope .slds-max-x-small-size--2-of-4{
width:50%;
}
.slds-scope .slds-max-x-small-size_3-of-4,.slds-scope .slds-max-x-small-size--3-of-4{
width:75%;
}
.slds-scope .slds-max-x-small-size_4-of-4,.slds-scope .slds-max-x-small-size--4-of-4{
width:100%;
}
.slds-scope .slds-max-x-small-size_1-of-5,.slds-scope .slds-max-x-small-size--1-of-5{
width:20%;
}
.slds-scope .slds-max-x-small-size_2-of-5,.slds-scope .slds-max-x-small-size--2-of-5{
width:40%;
}
.slds-scope .slds-max-x-small-size_3-of-5,.slds-scope .slds-max-x-small-size--3-of-5{
width:60%;
}
.slds-scope .slds-max-x-small-size_4-of-5,.slds-scope .slds-max-x-small-size--4-of-5{
width:80%;
}
.slds-scope .slds-max-x-small-size_5-of-5,.slds-scope .slds-max-x-small-size--5-of-5{
width:100%;
}
.slds-scope .slds-max-x-small-size_1-of-6,.slds-scope .slds-max-x-small-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-max-x-small-size_2-of-6,.slds-scope .slds-max-x-small-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-max-x-small-size_3-of-6,.slds-scope .slds-max-x-small-size--3-of-6{
width:50%;
}
.slds-scope .slds-max-x-small-size_4-of-6,.slds-scope .slds-max-x-small-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-max-x-small-size_5-of-6,.slds-scope .slds-max-x-small-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-max-x-small-size_6-of-6,.slds-scope .slds-max-x-small-size--6-of-6{
width:100%;
}
.slds-scope .slds-max-x-small-size_1-of-7,.slds-scope .slds-max-x-small-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-max-x-small-size_2-of-7,.slds-scope .slds-max-x-small-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-max-x-small-size_3-of-7,.slds-scope .slds-max-x-small-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-max-x-small-size_4-of-7,.slds-scope .slds-max-x-small-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-max-x-small-size_5-of-7,.slds-scope .slds-max-x-small-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-max-x-small-size_6-of-7,.slds-scope .slds-max-x-small-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-max-x-small-size_7-of-7,.slds-scope .slds-max-x-small-size--7-of-7{
width:100%;
}
.slds-scope .slds-max-x-small-size_1-of-8,.slds-scope .slds-max-x-small-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-max-x-small-size_2-of-8,.slds-scope .slds-max-x-small-size--2-of-8{
width:25%;
}
.slds-scope .slds-max-x-small-size_3-of-8,.slds-scope .slds-max-x-small-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-max-x-small-size_4-of-8,.slds-scope .slds-max-x-small-size--4-of-8{
width:50%;
}
.slds-scope .slds-max-x-small-size_5-of-8,.slds-scope .slds-max-x-small-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-max-x-small-size_6-of-8,.slds-scope .slds-max-x-small-size--6-of-8{
width:75%;
}
.slds-scope .slds-max-x-small-size_7-of-8,.slds-scope .slds-max-x-small-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-max-x-small-size_8-of-8,.slds-scope .slds-max-x-small-size--8-of-8{
width:100%;
}
.slds-scope .slds-max-x-small-size_1-of-12,.slds-scope .slds-max-x-small-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-max-x-small-size_2-of-12,.slds-scope .slds-max-x-small-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-max-x-small-size_3-of-12,.slds-scope .slds-max-x-small-size--3-of-12{
width:25%;
}
.slds-scope .slds-max-x-small-size_4-of-12,.slds-scope .slds-max-x-small-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-max-x-small-size_5-of-12,.slds-scope .slds-max-x-small-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-max-x-small-size_6-of-12,.slds-scope .slds-max-x-small-size--6-of-12{
width:50%;
}
.slds-scope .slds-max-x-small-size_7-of-12,.slds-scope .slds-max-x-small-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-max-x-small-size_8-of-12,.slds-scope .slds-max-x-small-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-max-x-small-size_9-of-12,.slds-scope .slds-max-x-small-size--9-of-12{
width:75%;
}
.slds-scope .slds-max-x-small-size_10-of-12,.slds-scope .slds-max-x-small-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-max-x-small-size_11-of-12,.slds-scope .slds-max-x-small-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-max-x-small-size_12-of-12,.slds-scope .slds-max-x-small-size--12-of-12{
width:100%;
}
.slds-scope .slds-max-x-small-order_1,.slds-scope .slds-max-x-small-order--1{
order:1;
}
.slds-scope .slds-max-x-small-order_2,.slds-scope .slds-max-x-small-order--2{
order:2;
}
.slds-scope .slds-max-x-small-order_3,.slds-scope .slds-max-x-small-order--3{
order:3;
}
.slds-scope .slds-max-x-small-order_4,.slds-scope .slds-max-x-small-order--4{
order:4;
}
.slds-scope .slds-max-x-small-order_5,.slds-scope .slds-max-x-small-order--5{
order:5;
}
.slds-scope .slds-max-x-small-order_6,.slds-scope .slds-max-x-small-order--6{
order:6;
}
.slds-scope .slds-max-x-small-order_7,.slds-scope .slds-max-x-small-order--7{
order:7;
}
.slds-scope .slds-max-x-small-order_8,.slds-scope .slds-max-x-small-order--8{
order:8;
}
.slds-scope .slds-max-x-small-order_9,.slds-scope .slds-max-x-small-order--9{
order:9;
}
.slds-scope .slds-max-x-small-order_10,.slds-scope .slds-max-x-small-order--10{
order:10;
}
.slds-scope .slds-max-x-small-order_11,.slds-scope .slds-max-x-small-order--11{
order:11;
}
.slds-scope .slds-max-x-small-order_12,.slds-scope .slds-max-x-small-order--12{
order:12;
}
}
@media (min-width: 30em){
.slds-scope .slds-small-size_xxx-small,.slds-scope .slds-small-size--xxx-small,
.slds-scope .slds-small-size_xx-small,
.slds-scope .slds-small-size--xx-small,
.slds-scope .slds-small-size_x-small,
.slds-scope .slds-small-size--x-small,
.slds-scope .slds-small-size_small,
.slds-scope .slds-small-size--small,
.slds-scope .slds-small-size_medium,
.slds-scope .slds-small-size--medium,
.slds-scope .slds-small-size_large,
.slds-scope .slds-small-size--large,
.slds-scope .slds-small-size_x-large,
.slds-scope .slds-small-size--x-large,
.slds-scope .slds-small-size_xx-large,
.slds-scope .slds-small-size--xx-large,
.slds-scope .slds-small-size_1-of-1,
.slds-scope .slds-small-size--1-of-1,
.slds-scope .slds-small-size_1-of-2,
.slds-scope .slds-small-size--1-of-2,
.slds-scope .slds-small-size_2-of-2,
.slds-scope .slds-small-size--2-of-2,
.slds-scope .slds-small-size_1-of-3,
.slds-scope .slds-small-size--1-of-3,
.slds-scope .slds-small-size_2-of-3,
.slds-scope .slds-small-size--2-of-3,
.slds-scope .slds-small-size_3-of-3,
.slds-scope .slds-small-size--3-of-3,
.slds-scope .slds-small-size_1-of-4,
.slds-scope .slds-small-size--1-of-4,
.slds-scope .slds-small-size_2-of-4,
.slds-scope .slds-small-size--2-of-4,
.slds-scope .slds-small-size_3-of-4,
.slds-scope .slds-small-size--3-of-4,
.slds-scope .slds-small-size_4-of-4,
.slds-scope .slds-small-size--4-of-4,
.slds-scope .slds-small-size_1-of-5,
.slds-scope .slds-small-size--1-of-5,
.slds-scope .slds-small-size_2-of-5,
.slds-scope .slds-small-size--2-of-5,
.slds-scope .slds-small-size_3-of-5,
.slds-scope .slds-small-size--3-of-5,
.slds-scope .slds-small-size_4-of-5,
.slds-scope .slds-small-size--4-of-5,
.slds-scope .slds-small-size_5-of-5,
.slds-scope .slds-small-size--5-of-5,
.slds-scope .slds-small-size_1-of-6,
.slds-scope .slds-small-size--1-of-6,
.slds-scope .slds-small-size_2-of-6,
.slds-scope .slds-small-size--2-of-6,
.slds-scope .slds-small-size_3-of-6,
.slds-scope .slds-small-size--3-of-6,
.slds-scope .slds-small-size_4-of-6,
.slds-scope .slds-small-size--4-of-6,
.slds-scope .slds-small-size_5-of-6,
.slds-scope .slds-small-size--5-of-6,
.slds-scope .slds-small-size_6-of-6,
.slds-scope .slds-small-size--6-of-6,
.slds-scope .slds-small-size_1-of-7,
.slds-scope .slds-small-size--1-of-7,
.slds-scope .slds-small-size_2-of-7,
.slds-scope .slds-small-size--2-of-7,
.slds-scope .slds-small-size_3-of-7,
.slds-scope .slds-small-size--3-of-7,
.slds-scope .slds-small-size_4-of-7,
.slds-scope .slds-small-size--4-of-7,
.slds-scope .slds-small-size_5-of-7,
.slds-scope .slds-small-size--5-of-7,
.slds-scope .slds-small-size_6-of-7,
.slds-scope .slds-small-size--6-of-7,
.slds-scope .slds-small-size_7-of-7,
.slds-scope .slds-small-size--7-of-7,
.slds-scope .slds-small-size_1-of-8,
.slds-scope .slds-small-size--1-of-8,
.slds-scope .slds-small-size_2-of-8,
.slds-scope .slds-small-size--2-of-8,
.slds-scope .slds-small-size_3-of-8,
.slds-scope .slds-small-size--3-of-8,
.slds-scope .slds-small-size_4-of-8,
.slds-scope .slds-small-size--4-of-8,
.slds-scope .slds-small-size_5-of-8,
.slds-scope .slds-small-size--5-of-8,
.slds-scope .slds-small-size_6-of-8,
.slds-scope .slds-small-size--6-of-8,
.slds-scope .slds-small-size_7-of-8,
.slds-scope .slds-small-size--7-of-8,
.slds-scope .slds-small-size_8-of-8,
.slds-scope .slds-small-size--8-of-8,
.slds-scope .slds-small-size_1-of-12,
.slds-scope .slds-small-size--1-of-12,
.slds-scope .slds-small-size_2-of-12,
.slds-scope .slds-small-size--2-of-12,
.slds-scope .slds-small-size_3-of-12,
.slds-scope .slds-small-size--3-of-12,
.slds-scope .slds-small-size_4-of-12,
.slds-scope .slds-small-size--4-of-12,
.slds-scope .slds-small-size_5-of-12,
.slds-scope .slds-small-size--5-of-12,
.slds-scope .slds-small-size_6-of-12,
.slds-scope .slds-small-size--6-of-12,
.slds-scope .slds-small-size_7-of-12,
.slds-scope .slds-small-size--7-of-12,
.slds-scope .slds-small-size_8-of-12,
.slds-scope .slds-small-size--8-of-12,
.slds-scope .slds-small-size_9-of-12,
.slds-scope .slds-small-size--9-of-12,
.slds-scope .slds-small-size_10-of-12,
.slds-scope .slds-small-size--10-of-12,
.slds-scope .slds-small-size_11-of-12,
.slds-scope .slds-small-size--11-of-12,
.slds-scope .slds-small-size_12-of-12,
.slds-scope .slds-small-size--12-of-12{
flex:none;
}
.slds-scope .slds-small-size_xxx-small,.slds-scope .slds-small-size--xxx-small{
width:3rem;
}
.slds-scope .slds-small-size_xx-small,.slds-scope .slds-small-size--xx-small{
width:6rem;
}
.slds-scope .slds-small-size_x-small,.slds-scope .slds-small-size--x-small{
width:12rem;
}
.slds-scope .slds-small-size_small,.slds-scope .slds-small-size--small{
width:15rem;
}
.slds-scope .slds-small-size_medium,.slds-scope .slds-small-size--medium{
width:20rem;
}
.slds-scope .slds-small-size_large,.slds-scope .slds-small-size--large{
width:25rem;
}
.slds-scope .slds-small-size_x-large,.slds-scope .slds-small-size--x-large{
width:40rem;
}
.slds-scope .slds-small-size_xx-large,.slds-scope .slds-small-size--xx-large{
width:60rem;
}
.slds-scope .slds-small-size_1-of-1,.slds-scope .slds-small-size--1-of-1{
width:100%;
}
.slds-scope .slds-small-size_1-of-2,.slds-scope .slds-small-size--1-of-2{
width:50%;
}
.slds-scope .slds-small-size_2-of-2,.slds-scope .slds-small-size--2-of-2{
width:100%;
}
.slds-scope .slds-small-size_1-of-3,.slds-scope .slds-small-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-small-size_2-of-3,.slds-scope .slds-small-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-small-size_3-of-3,.slds-scope .slds-small-size--3-of-3{
width:100%;
}
.slds-scope .slds-small-size_1-of-4,.slds-scope .slds-small-size--1-of-4{
width:25%;
}
.slds-scope .slds-small-size_2-of-4,.slds-scope .slds-small-size--2-of-4{
width:50%;
}
.slds-scope .slds-small-size_3-of-4,.slds-scope .slds-small-size--3-of-4{
width:75%;
}
.slds-scope .slds-small-size_4-of-4,.slds-scope .slds-small-size--4-of-4{
width:100%;
}
.slds-scope .slds-small-size_1-of-5,.slds-scope .slds-small-size--1-of-5{
width:20%;
}
.slds-scope .slds-small-size_2-of-5,.slds-scope .slds-small-size--2-of-5{
width:40%;
}
.slds-scope .slds-small-size_3-of-5,.slds-scope .slds-small-size--3-of-5{
width:60%;
}
.slds-scope .slds-small-size_4-of-5,.slds-scope .slds-small-size--4-of-5{
width:80%;
}
.slds-scope .slds-small-size_5-of-5,.slds-scope .slds-small-size--5-of-5{
width:100%;
}
.slds-scope .slds-small-size_1-of-6,.slds-scope .slds-small-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-small-size_2-of-6,.slds-scope .slds-small-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-small-size_3-of-6,.slds-scope .slds-small-size--3-of-6{
width:50%;
}
.slds-scope .slds-small-size_4-of-6,.slds-scope .slds-small-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-small-size_5-of-6,.slds-scope .slds-small-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-small-size_6-of-6,.slds-scope .slds-small-size--6-of-6{
width:100%;
}
.slds-scope .slds-small-size_1-of-7,.slds-scope .slds-small-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-small-size_2-of-7,.slds-scope .slds-small-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-small-size_3-of-7,.slds-scope .slds-small-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-small-size_4-of-7,.slds-scope .slds-small-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-small-size_5-of-7,.slds-scope .slds-small-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-small-size_6-of-7,.slds-scope .slds-small-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-small-size_7-of-7,.slds-scope .slds-small-size--7-of-7{
width:100%;
}
.slds-scope .slds-small-size_1-of-8,.slds-scope .slds-small-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-small-size_2-of-8,.slds-scope .slds-small-size--2-of-8{
width:25%;
}
.slds-scope .slds-small-size_3-of-8,.slds-scope .slds-small-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-small-size_4-of-8,.slds-scope .slds-small-size--4-of-8{
width:50%;
}
.slds-scope .slds-small-size_5-of-8,.slds-scope .slds-small-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-small-size_6-of-8,.slds-scope .slds-small-size--6-of-8{
width:75%;
}
.slds-scope .slds-small-size_7-of-8,.slds-scope .slds-small-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-small-size_8-of-8,.slds-scope .slds-small-size--8-of-8{
width:100%;
}
.slds-scope .slds-small-size_1-of-12,.slds-scope .slds-small-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-small-size_2-of-12,.slds-scope .slds-small-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-small-size_3-of-12,.slds-scope .slds-small-size--3-of-12{
width:25%;
}
.slds-scope .slds-small-size_4-of-12,.slds-scope .slds-small-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-small-size_5-of-12,.slds-scope .slds-small-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-small-size_6-of-12,.slds-scope .slds-small-size--6-of-12{
width:50%;
}
.slds-scope .slds-small-size_7-of-12,.slds-scope .slds-small-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-small-size_8-of-12,.slds-scope .slds-small-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-small-size_9-of-12,.slds-scope .slds-small-size--9-of-12{
width:75%;
}
.slds-scope .slds-small-size_10-of-12,.slds-scope .slds-small-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-small-size_11-of-12,.slds-scope .slds-small-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-small-size_12-of-12,.slds-scope .slds-small-size--12-of-12{
width:100%;
}
.slds-scope .slds-small-order_1,.slds-scope .slds-small-order--1{
order:1;
}
.slds-scope .slds-small-order_2,.slds-scope .slds-small-order--2{
order:2;
}
.slds-scope .slds-small-order_3,.slds-scope .slds-small-order--3{
order:3;
}
.slds-scope .slds-small-order_4,.slds-scope .slds-small-order--4{
order:4;
}
.slds-scope .slds-small-order_5,.slds-scope .slds-small-order--5{
order:5;
}
.slds-scope .slds-small-order_6,.slds-scope .slds-small-order--6{
order:6;
}
.slds-scope .slds-small-order_7,.slds-scope .slds-small-order--7{
order:7;
}
.slds-scope .slds-small-order_8,.slds-scope .slds-small-order--8{
order:8;
}
.slds-scope .slds-small-order_9,.slds-scope .slds-small-order--9{
order:9;
}
.slds-scope .slds-small-order_10,.slds-scope .slds-small-order--10{
order:10;
}
.slds-scope .slds-small-order_11,.slds-scope .slds-small-order--11{
order:11;
}
.slds-scope .slds-small-order_12,.slds-scope .slds-small-order--12{
order:12;
}
}
@media (max-width: 30em){
.slds-scope .slds-max-small-size_xxx-small,.slds-scope .slds-max-small-size--xxx-small,
.slds-scope .slds-max-small-size_xx-small,
.slds-scope .slds-max-small-size--xx-small,
.slds-scope .slds-max-small-size_x-small,
.slds-scope .slds-max-small-size--x-small,
.slds-scope .slds-max-small-size_small,
.slds-scope .slds-max-small-size--small,
.slds-scope .slds-max-small-size_medium,
.slds-scope .slds-max-small-size--medium,
.slds-scope .slds-max-small-size_large,
.slds-scope .slds-max-small-size--large,
.slds-scope .slds-max-small-size_x-large,
.slds-scope .slds-max-small-size--x-large,
.slds-scope .slds-max-small-size_xx-large,
.slds-scope .slds-max-small-size--xx-large{
flex:none;
}
.slds-scope .slds-max-small-size_xxx-small,.slds-scope .slds-max-small-size--xxx-small{
width:3rem;
}
.slds-scope .slds-max-small-size_xx-small,.slds-scope .slds-max-small-size--xx-small{
width:6rem;
}
.slds-scope .slds-max-small-size_x-small,.slds-scope .slds-max-small-size--x-small{
width:12rem;
}
.slds-scope .slds-max-small-size_small,.slds-scope .slds-max-small-size--small{
width:15rem;
}
.slds-scope .slds-max-small-size_medium,.slds-scope .slds-max-small-size--medium{
width:20rem;
}
.slds-scope .slds-max-small-size_large,.slds-scope .slds-max-small-size--large{
width:25rem;
}
.slds-scope .slds-max-small-size_x-large,.slds-scope .slds-max-small-size--x-large{
width:40rem;
}
.slds-scope .slds-max-small-size_xx-large,.slds-scope .slds-max-small-size--xx-large{
width:60rem;
}
.slds-scope .slds-max-small-size_1-of-1,.slds-scope .slds-max-small-size--1-of-1{
width:100%;
}
.slds-scope .slds-max-small-size_1-of-2,.slds-scope .slds-max-small-size--1-of-2{
width:50%;
}
.slds-scope .slds-max-small-size_2-of-2,.slds-scope .slds-max-small-size--2-of-2{
width:100%;
}
.slds-scope .slds-max-small-size_1-of-3,.slds-scope .slds-max-small-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-max-small-size_2-of-3,.slds-scope .slds-max-small-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-max-small-size_3-of-3,.slds-scope .slds-max-small-size--3-of-3{
width:100%;
}
.slds-scope .slds-max-small-size_1-of-4,.slds-scope .slds-max-small-size--1-of-4{
width:25%;
}
.slds-scope .slds-max-small-size_2-of-4,.slds-scope .slds-max-small-size--2-of-4{
width:50%;
}
.slds-scope .slds-max-small-size_3-of-4,.slds-scope .slds-max-small-size--3-of-4{
width:75%;
}
.slds-scope .slds-max-small-size_4-of-4,.slds-scope .slds-max-small-size--4-of-4{
width:100%;
}
.slds-scope .slds-max-small-size_1-of-5,.slds-scope .slds-max-small-size--1-of-5{
width:20%;
}
.slds-scope .slds-max-small-size_2-of-5,.slds-scope .slds-max-small-size--2-of-5{
width:40%;
}
.slds-scope .slds-max-small-size_3-of-5,.slds-scope .slds-max-small-size--3-of-5{
width:60%;
}
.slds-scope .slds-max-small-size_4-of-5,.slds-scope .slds-max-small-size--4-of-5{
width:80%;
}
.slds-scope .slds-max-small-size_5-of-5,.slds-scope .slds-max-small-size--5-of-5{
width:100%;
}
.slds-scope .slds-max-small-size_1-of-6,.slds-scope .slds-max-small-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-max-small-size_2-of-6,.slds-scope .slds-max-small-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-max-small-size_3-of-6,.slds-scope .slds-max-small-size--3-of-6{
width:50%;
}
.slds-scope .slds-max-small-size_4-of-6,.slds-scope .slds-max-small-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-max-small-size_5-of-6,.slds-scope .slds-max-small-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-max-small-size_6-of-6,.slds-scope .slds-max-small-size--6-of-6{
width:100%;
}
.slds-scope .slds-max-small-size_1-of-7,.slds-scope .slds-max-small-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-max-small-size_2-of-7,.slds-scope .slds-max-small-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-max-small-size_3-of-7,.slds-scope .slds-max-small-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-max-small-size_4-of-7,.slds-scope .slds-max-small-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-max-small-size_5-of-7,.slds-scope .slds-max-small-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-max-small-size_6-of-7,.slds-scope .slds-max-small-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-max-small-size_7-of-7,.slds-scope .slds-max-small-size--7-of-7{
width:100%;
}
.slds-scope .slds-max-small-size_1-of-8,.slds-scope .slds-max-small-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-max-small-size_2-of-8,.slds-scope .slds-max-small-size--2-of-8{
width:25%;
}
.slds-scope .slds-max-small-size_3-of-8,.slds-scope .slds-max-small-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-max-small-size_4-of-8,.slds-scope .slds-max-small-size--4-of-8{
width:50%;
}
.slds-scope .slds-max-small-size_5-of-8,.slds-scope .slds-max-small-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-max-small-size_6-of-8,.slds-scope .slds-max-small-size--6-of-8{
width:75%;
}
.slds-scope .slds-max-small-size_7-of-8,.slds-scope .slds-max-small-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-max-small-size_8-of-8,.slds-scope .slds-max-small-size--8-of-8{
width:100%;
}
.slds-scope .slds-max-small-size_1-of-12,.slds-scope .slds-max-small-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-max-small-size_2-of-12,.slds-scope .slds-max-small-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-max-small-size_3-of-12,.slds-scope .slds-max-small-size--3-of-12{
width:25%;
}
.slds-scope .slds-max-small-size_4-of-12,.slds-scope .slds-max-small-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-max-small-size_5-of-12,.slds-scope .slds-max-small-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-max-small-size_6-of-12,.slds-scope .slds-max-small-size--6-of-12{
width:50%;
}
.slds-scope .slds-max-small-size_7-of-12,.slds-scope .slds-max-small-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-max-small-size_8-of-12,.slds-scope .slds-max-small-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-max-small-size_9-of-12,.slds-scope .slds-max-small-size--9-of-12{
width:75%;
}
.slds-scope .slds-max-small-size_10-of-12,.slds-scope .slds-max-small-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-max-small-size_11-of-12,.slds-scope .slds-max-small-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-max-small-size_12-of-12,.slds-scope .slds-max-small-size--12-of-12{
width:100%;
}
.slds-scope .slds-max-small-order_1,.slds-scope .slds-max-small-order--1{
order:1;
}
.slds-scope .slds-max-small-order_2,.slds-scope .slds-max-small-order--2{
order:2;
}
.slds-scope .slds-max-small-order_3,.slds-scope .slds-max-small-order--3{
order:3;
}
.slds-scope .slds-max-small-order_4,.slds-scope .slds-max-small-order--4{
order:4;
}
.slds-scope .slds-max-small-order_5,.slds-scope .slds-max-small-order--5{
order:5;
}
.slds-scope .slds-max-small-order_6,.slds-scope .slds-max-small-order--6{
order:6;
}
.slds-scope .slds-max-small-order_7,.slds-scope .slds-max-small-order--7{
order:7;
}
.slds-scope .slds-max-small-order_8,.slds-scope .slds-max-small-order--8{
order:8;
}
.slds-scope .slds-max-small-order_9,.slds-scope .slds-max-small-order--9{
order:9;
}
.slds-scope .slds-max-small-order_10,.slds-scope .slds-max-small-order--10{
order:10;
}
.slds-scope .slds-max-small-order_11,.slds-scope .slds-max-small-order--11{
order:11;
}
.slds-scope .slds-max-small-order_12,.slds-scope .slds-max-small-order--12{
order:12;
}
}
@media (min-width: 48em){
.slds-scope .slds-medium-size_xxx-small,.slds-scope .slds-medium-size--xxx-small,
.slds-scope .slds-medium-size_xx-small,
.slds-scope .slds-medium-size--xx-small,
.slds-scope .slds-medium-size_x-small,
.slds-scope .slds-medium-size--x-small,
.slds-scope .slds-medium-size_small,
.slds-scope .slds-medium-size--small,
.slds-scope .slds-medium-size_medium,
.slds-scope .slds-medium-size--medium,
.slds-scope .slds-medium-size_large,
.slds-scope .slds-medium-size--large,
.slds-scope .slds-medium-size_x-large,
.slds-scope .slds-medium-size--x-large,
.slds-scope .slds-medium-size_xx-large,
.slds-scope .slds-medium-size--xx-large,
.slds-scope .slds-medium-size_1-of-1,
.slds-scope .slds-medium-size--1-of-1,
.slds-scope .slds-medium-size_1-of-2,
.slds-scope .slds-medium-size--1-of-2,
.slds-scope .slds-medium-size_2-of-2,
.slds-scope .slds-medium-size--2-of-2,
.slds-scope .slds-medium-size_1-of-3,
.slds-scope .slds-medium-size--1-of-3,
.slds-scope .slds-medium-size_2-of-3,
.slds-scope .slds-medium-size--2-of-3,
.slds-scope .slds-medium-size_3-of-3,
.slds-scope .slds-medium-size--3-of-3,
.slds-scope .slds-medium-size_1-of-4,
.slds-scope .slds-medium-size--1-of-4,
.slds-scope .slds-medium-size_2-of-4,
.slds-scope .slds-medium-size--2-of-4,
.slds-scope .slds-medium-size_3-of-4,
.slds-scope .slds-medium-size--3-of-4,
.slds-scope .slds-medium-size_4-of-4,
.slds-scope .slds-medium-size--4-of-4,
.slds-scope .slds-medium-size_1-of-5,
.slds-scope .slds-medium-size--1-of-5,
.slds-scope .slds-medium-size_2-of-5,
.slds-scope .slds-medium-size--2-of-5,
.slds-scope .slds-medium-size_3-of-5,
.slds-scope .slds-medium-size--3-of-5,
.slds-scope .slds-medium-size_4-of-5,
.slds-scope .slds-medium-size--4-of-5,
.slds-scope .slds-medium-size_5-of-5,
.slds-scope .slds-medium-size--5-of-5,
.slds-scope .slds-medium-size_1-of-6,
.slds-scope .slds-medium-size--1-of-6,
.slds-scope .slds-medium-size_2-of-6,
.slds-scope .slds-medium-size--2-of-6,
.slds-scope .slds-medium-size_3-of-6,
.slds-scope .slds-medium-size--3-of-6,
.slds-scope .slds-medium-size_4-of-6,
.slds-scope .slds-medium-size--4-of-6,
.slds-scope .slds-medium-size_5-of-6,
.slds-scope .slds-medium-size--5-of-6,
.slds-scope .slds-medium-size_6-of-6,
.slds-scope .slds-medium-size--6-of-6,
.slds-scope .slds-medium-size_1-of-7,
.slds-scope .slds-medium-size--1-of-7,
.slds-scope .slds-medium-size_2-of-7,
.slds-scope .slds-medium-size--2-of-7,
.slds-scope .slds-medium-size_3-of-7,
.slds-scope .slds-medium-size--3-of-7,
.slds-scope .slds-medium-size_4-of-7,
.slds-scope .slds-medium-size--4-of-7,
.slds-scope .slds-medium-size_5-of-7,
.slds-scope .slds-medium-size--5-of-7,
.slds-scope .slds-medium-size_6-of-7,
.slds-scope .slds-medium-size--6-of-7,
.slds-scope .slds-medium-size_7-of-7,
.slds-scope .slds-medium-size--7-of-7,
.slds-scope .slds-medium-size_1-of-8,
.slds-scope .slds-medium-size--1-of-8,
.slds-scope .slds-medium-size_2-of-8,
.slds-scope .slds-medium-size--2-of-8,
.slds-scope .slds-medium-size_3-of-8,
.slds-scope .slds-medium-size--3-of-8,
.slds-scope .slds-medium-size_4-of-8,
.slds-scope .slds-medium-size--4-of-8,
.slds-scope .slds-medium-size_5-of-8,
.slds-scope .slds-medium-size--5-of-8,
.slds-scope .slds-medium-size_6-of-8,
.slds-scope .slds-medium-size--6-of-8,
.slds-scope .slds-medium-size_7-of-8,
.slds-scope .slds-medium-size--7-of-8,
.slds-scope .slds-medium-size_8-of-8,
.slds-scope .slds-medium-size--8-of-8,
.slds-scope .slds-medium-size_1-of-12,
.slds-scope .slds-medium-size--1-of-12,
.slds-scope .slds-medium-size_2-of-12,
.slds-scope .slds-medium-size--2-of-12,
.slds-scope .slds-medium-size_3-of-12,
.slds-scope .slds-medium-size--3-of-12,
.slds-scope .slds-medium-size_4-of-12,
.slds-scope .slds-medium-size--4-of-12,
.slds-scope .slds-medium-size_5-of-12,
.slds-scope .slds-medium-size--5-of-12,
.slds-scope .slds-medium-size_6-of-12,
.slds-scope .slds-medium-size--6-of-12,
.slds-scope .slds-medium-size_7-of-12,
.slds-scope .slds-medium-size--7-of-12,
.slds-scope .slds-medium-size_8-of-12,
.slds-scope .slds-medium-size--8-of-12,
.slds-scope .slds-medium-size_9-of-12,
.slds-scope .slds-medium-size--9-of-12,
.slds-scope .slds-medium-size_10-of-12,
.slds-scope .slds-medium-size--10-of-12,
.slds-scope .slds-medium-size_11-of-12,
.slds-scope .slds-medium-size--11-of-12,
.slds-scope .slds-medium-size_12-of-12,
.slds-scope .slds-medium-size--12-of-12{
flex:none;
}
.slds-scope .slds-medium-size_xxx-small,.slds-scope .slds-medium-size--xxx-small{
width:3rem;
}
.slds-scope .slds-medium-size_xx-small,.slds-scope .slds-medium-size--xx-small{
width:6rem;
}
.slds-scope .slds-medium-size_x-small,.slds-scope .slds-medium-size--x-small{
width:12rem;
}
.slds-scope .slds-medium-size_small,.slds-scope .slds-medium-size--small{
width:15rem;
}
.slds-scope .slds-medium-size_medium,.slds-scope .slds-medium-size--medium{
width:20rem;
}
.slds-scope .slds-medium-size_large,.slds-scope .slds-medium-size--large{
width:25rem;
}
.slds-scope .slds-medium-size_x-large,.slds-scope .slds-medium-size--x-large{
width:40rem;
}
.slds-scope .slds-medium-size_xx-large,.slds-scope .slds-medium-size--xx-large{
width:60rem;
}
.slds-scope .slds-medium-size_1-of-1,.slds-scope .slds-medium-size--1-of-1{
width:100%;
}
.slds-scope .slds-medium-size_1-of-2,.slds-scope .slds-medium-size--1-of-2{
width:50%;
}
.slds-scope .slds-medium-size_2-of-2,.slds-scope .slds-medium-size--2-of-2{
width:100%;
}
.slds-scope .slds-medium-size_1-of-3,.slds-scope .slds-medium-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-medium-size_2-of-3,.slds-scope .slds-medium-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-medium-size_3-of-3,.slds-scope .slds-medium-size--3-of-3{
width:100%;
}
.slds-scope .slds-medium-size_1-of-4,.slds-scope .slds-medium-size--1-of-4{
width:25%;
}
.slds-scope .slds-medium-size_2-of-4,.slds-scope .slds-medium-size--2-of-4{
width:50%;
}
.slds-scope .slds-medium-size_3-of-4,.slds-scope .slds-medium-size--3-of-4{
width:75%;
}
.slds-scope .slds-medium-size_4-of-4,.slds-scope .slds-medium-size--4-of-4{
width:100%;
}
.slds-scope .slds-medium-size_1-of-5,.slds-scope .slds-medium-size--1-of-5{
width:20%;
}
.slds-scope .slds-medium-size_2-of-5,.slds-scope .slds-medium-size--2-of-5{
width:40%;
}
.slds-scope .slds-medium-size_3-of-5,.slds-scope .slds-medium-size--3-of-5{
width:60%;
}
.slds-scope .slds-medium-size_4-of-5,.slds-scope .slds-medium-size--4-of-5{
width:80%;
}
.slds-scope .slds-medium-size_5-of-5,.slds-scope .slds-medium-size--5-of-5{
width:100%;
}
.slds-scope .slds-medium-size_1-of-6,.slds-scope .slds-medium-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-medium-size_2-of-6,.slds-scope .slds-medium-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-medium-size_3-of-6,.slds-scope .slds-medium-size--3-of-6{
width:50%;
}
.slds-scope .slds-medium-size_4-of-6,.slds-scope .slds-medium-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-medium-size_5-of-6,.slds-scope .slds-medium-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-medium-size_6-of-6,.slds-scope .slds-medium-size--6-of-6{
width:100%;
}
.slds-scope .slds-medium-size_1-of-7,.slds-scope .slds-medium-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-medium-size_2-of-7,.slds-scope .slds-medium-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-medium-size_3-of-7,.slds-scope .slds-medium-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-medium-size_4-of-7,.slds-scope .slds-medium-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-medium-size_5-of-7,.slds-scope .slds-medium-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-medium-size_6-of-7,.slds-scope .slds-medium-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-medium-size_7-of-7,.slds-scope .slds-medium-size--7-of-7{
width:100%;
}
.slds-scope .slds-medium-size_1-of-8,.slds-scope .slds-medium-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-medium-size_2-of-8,.slds-scope .slds-medium-size--2-of-8{
width:25%;
}
.slds-scope .slds-medium-size_3-of-8,.slds-scope .slds-medium-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-medium-size_4-of-8,.slds-scope .slds-medium-size--4-of-8{
width:50%;
}
.slds-scope .slds-medium-size_5-of-8,.slds-scope .slds-medium-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-medium-size_6-of-8,.slds-scope .slds-medium-size--6-of-8{
width:75%;
}
.slds-scope .slds-medium-size_7-of-8,.slds-scope .slds-medium-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-medium-size_8-of-8,.slds-scope .slds-medium-size--8-of-8{
width:100%;
}
.slds-scope .slds-medium-size_1-of-12,.slds-scope .slds-medium-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-medium-size_2-of-12,.slds-scope .slds-medium-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-medium-size_3-of-12,.slds-scope .slds-medium-size--3-of-12{
width:25%;
}
.slds-scope .slds-medium-size_4-of-12,.slds-scope .slds-medium-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-medium-size_5-of-12,.slds-scope .slds-medium-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-medium-size_6-of-12,.slds-scope .slds-medium-size--6-of-12{
width:50%;
}
.slds-scope .slds-medium-size_7-of-12,.slds-scope .slds-medium-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-medium-size_8-of-12,.slds-scope .slds-medium-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-medium-size_9-of-12,.slds-scope .slds-medium-size--9-of-12{
width:75%;
}
.slds-scope .slds-medium-size_10-of-12,.slds-scope .slds-medium-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-medium-size_11-of-12,.slds-scope .slds-medium-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-medium-size_12-of-12,.slds-scope .slds-medium-size--12-of-12{
width:100%;
}
.slds-scope .slds-medium-order_1,.slds-scope .slds-medium-order--1{
order:1;
}
.slds-scope .slds-medium-order_2,.slds-scope .slds-medium-order--2{
order:2;
}
.slds-scope .slds-medium-order_3,.slds-scope .slds-medium-order--3{
order:3;
}
.slds-scope .slds-medium-order_4,.slds-scope .slds-medium-order--4{
order:4;
}
.slds-scope .slds-medium-order_5,.slds-scope .slds-medium-order--5{
order:5;
}
.slds-scope .slds-medium-order_6,.slds-scope .slds-medium-order--6{
order:6;
}
.slds-scope .slds-medium-order_7,.slds-scope .slds-medium-order--7{
order:7;
}
.slds-scope .slds-medium-order_8,.slds-scope .slds-medium-order--8{
order:8;
}
.slds-scope .slds-medium-order_9,.slds-scope .slds-medium-order--9{
order:9;
}
.slds-scope .slds-medium-order_10,.slds-scope .slds-medium-order--10{
order:10;
}
.slds-scope .slds-medium-order_11,.slds-scope .slds-medium-order--11{
order:11;
}
.slds-scope .slds-medium-order_12,.slds-scope .slds-medium-order--12{
order:12;
}
}
@media (max-width: 48em){
.slds-scope .slds-max-medium-size_xxx-small,.slds-scope .slds-max-medium-size--xxx-small,
.slds-scope .slds-max-medium-size_xx-small,
.slds-scope .slds-max-medium-size--xx-small,
.slds-scope .slds-max-medium-size_x-small,
.slds-scope .slds-max-medium-size--x-small,
.slds-scope .slds-max-medium-size_small,
.slds-scope .slds-max-medium-size--small,
.slds-scope .slds-max-medium-size_medium,
.slds-scope .slds-max-medium-size--medium,
.slds-scope .slds-max-medium-size_large,
.slds-scope .slds-max-medium-size--large,
.slds-scope .slds-max-medium-size_x-large,
.slds-scope .slds-max-medium-size--x-large,
.slds-scope .slds-max-medium-size_xx-large,
.slds-scope .slds-max-medium-size--xx-large{
flex:none;
}
.slds-scope .slds-max-medium-size_xxx-small,.slds-scope .slds-max-medium-size--xxx-small{
width:3rem;
}
.slds-scope .slds-max-medium-size_xx-small,.slds-scope .slds-max-medium-size--xx-small{
width:6rem;
}
.slds-scope .slds-max-medium-size_x-small,.slds-scope .slds-max-medium-size--x-small{
width:12rem;
}
.slds-scope .slds-max-medium-size_small,.slds-scope .slds-max-medium-size--small{
width:15rem;
}
.slds-scope .slds-max-medium-size_medium,.slds-scope .slds-max-medium-size--medium{
width:20rem;
}
.slds-scope .slds-max-medium-size_large,.slds-scope .slds-max-medium-size--large{
width:25rem;
}
.slds-scope .slds-max-medium-size_x-large,.slds-scope .slds-max-medium-size--x-large{
width:40rem;
}
.slds-scope .slds-max-medium-size_xx-large,.slds-scope .slds-max-medium-size--xx-large{
width:60rem;
}
.slds-scope .slds-max-medium-size_1-of-1,.slds-scope .slds-max-medium-size--1-of-1{
width:100%;
}
.slds-scope .slds-max-medium-size_1-of-2,.slds-scope .slds-max-medium-size--1-of-2{
width:50%;
}
.slds-scope .slds-max-medium-size_2-of-2,.slds-scope .slds-max-medium-size--2-of-2{
width:100%;
}
.slds-scope .slds-max-medium-size_1-of-3,.slds-scope .slds-max-medium-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-max-medium-size_2-of-3,.slds-scope .slds-max-medium-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-max-medium-size_3-of-3,.slds-scope .slds-max-medium-size--3-of-3{
width:100%;
}
.slds-scope .slds-max-medium-size_1-of-4,.slds-scope .slds-max-medium-size--1-of-4{
width:25%;
}
.slds-scope .slds-max-medium-size_2-of-4,.slds-scope .slds-max-medium-size--2-of-4{
width:50%;
}
.slds-scope .slds-max-medium-size_3-of-4,.slds-scope .slds-max-medium-size--3-of-4{
width:75%;
}
.slds-scope .slds-max-medium-size_4-of-4,.slds-scope .slds-max-medium-size--4-of-4{
width:100%;
}
.slds-scope .slds-max-medium-size_1-of-5,.slds-scope .slds-max-medium-size--1-of-5{
width:20%;
}
.slds-scope .slds-max-medium-size_2-of-5,.slds-scope .slds-max-medium-size--2-of-5{
width:40%;
}
.slds-scope .slds-max-medium-size_3-of-5,.slds-scope .slds-max-medium-size--3-of-5{
width:60%;
}
.slds-scope .slds-max-medium-size_4-of-5,.slds-scope .slds-max-medium-size--4-of-5{
width:80%;
}
.slds-scope .slds-max-medium-size_5-of-5,.slds-scope .slds-max-medium-size--5-of-5{
width:100%;
}
.slds-scope .slds-max-medium-size_1-of-6,.slds-scope .slds-max-medium-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-max-medium-size_2-of-6,.slds-scope .slds-max-medium-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-max-medium-size_3-of-6,.slds-scope .slds-max-medium-size--3-of-6{
width:50%;
}
.slds-scope .slds-max-medium-size_4-of-6,.slds-scope .slds-max-medium-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-max-medium-size_5-of-6,.slds-scope .slds-max-medium-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-max-medium-size_6-of-6,.slds-scope .slds-max-medium-size--6-of-6{
width:100%;
}
.slds-scope .slds-max-medium-size_1-of-7,.slds-scope .slds-max-medium-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-max-medium-size_2-of-7,.slds-scope .slds-max-medium-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-max-medium-size_3-of-7,.slds-scope .slds-max-medium-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-max-medium-size_4-of-7,.slds-scope .slds-max-medium-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-max-medium-size_5-of-7,.slds-scope .slds-max-medium-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-max-medium-size_6-of-7,.slds-scope .slds-max-medium-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-max-medium-size_7-of-7,.slds-scope .slds-max-medium-size--7-of-7{
width:100%;
}
.slds-scope .slds-max-medium-size_1-of-8,.slds-scope .slds-max-medium-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-max-medium-size_2-of-8,.slds-scope .slds-max-medium-size--2-of-8{
width:25%;
}
.slds-scope .slds-max-medium-size_3-of-8,.slds-scope .slds-max-medium-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-max-medium-size_4-of-8,.slds-scope .slds-max-medium-size--4-of-8{
width:50%;
}
.slds-scope .slds-max-medium-size_5-of-8,.slds-scope .slds-max-medium-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-max-medium-size_6-of-8,.slds-scope .slds-max-medium-size--6-of-8{
width:75%;
}
.slds-scope .slds-max-medium-size_7-of-8,.slds-scope .slds-max-medium-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-max-medium-size_8-of-8,.slds-scope .slds-max-medium-size--8-of-8{
width:100%;
}
.slds-scope .slds-max-medium-size_1-of-12,.slds-scope .slds-max-medium-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-max-medium-size_2-of-12,.slds-scope .slds-max-medium-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-max-medium-size_3-of-12,.slds-scope .slds-max-medium-size--3-of-12{
width:25%;
}
.slds-scope .slds-max-medium-size_4-of-12,.slds-scope .slds-max-medium-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-max-medium-size_5-of-12,.slds-scope .slds-max-medium-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-max-medium-size_6-of-12,.slds-scope .slds-max-medium-size--6-of-12{
width:50%;
}
.slds-scope .slds-max-medium-size_7-of-12,.slds-scope .slds-max-medium-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-max-medium-size_8-of-12,.slds-scope .slds-max-medium-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-max-medium-size_9-of-12,.slds-scope .slds-max-medium-size--9-of-12{
width:75%;
}
.slds-scope .slds-max-medium-size_10-of-12,.slds-scope .slds-max-medium-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-max-medium-size_11-of-12,.slds-scope .slds-max-medium-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-max-medium-size_12-of-12,.slds-scope .slds-max-medium-size--12-of-12{
width:100%;
}
.slds-scope .slds-max-medium-order_1,.slds-scope .slds-max-medium-order--1{
order:1;
}
.slds-scope .slds-max-medium-order_2,.slds-scope .slds-max-medium-order--2{
order:2;
}
.slds-scope .slds-max-medium-order_3,.slds-scope .slds-max-medium-order--3{
order:3;
}
.slds-scope .slds-max-medium-order_4,.slds-scope .slds-max-medium-order--4{
order:4;
}
.slds-scope .slds-max-medium-order_5,.slds-scope .slds-max-medium-order--5{
order:5;
}
.slds-scope .slds-max-medium-order_6,.slds-scope .slds-max-medium-order--6{
order:6;
}
.slds-scope .slds-max-medium-order_7,.slds-scope .slds-max-medium-order--7{
order:7;
}
.slds-scope .slds-max-medium-order_8,.slds-scope .slds-max-medium-order--8{
order:8;
}
.slds-scope .slds-max-medium-order_9,.slds-scope .slds-max-medium-order--9{
order:9;
}
.slds-scope .slds-max-medium-order_10,.slds-scope .slds-max-medium-order--10{
order:10;
}
.slds-scope .slds-max-medium-order_11,.slds-scope .slds-max-medium-order--11{
order:11;
}
.slds-scope .slds-max-medium-order_12,.slds-scope .slds-max-medium-order--12{
order:12;
}
}
@media (min-width: 64em){
.slds-scope .slds-large-size_xxx-small,.slds-scope .slds-large-size--xxx-small,
.slds-scope .slds-large-size_xx-small,
.slds-scope .slds-large-size--xx-small,
.slds-scope .slds-large-size_x-small,
.slds-scope .slds-large-size--x-small,
.slds-scope .slds-large-size_small,
.slds-scope .slds-large-size--small,
.slds-scope .slds-large-size_medium,
.slds-scope .slds-large-size--medium,
.slds-scope .slds-large-size_large,
.slds-scope .slds-large-size--large,
.slds-scope .slds-large-size_x-large,
.slds-scope .slds-large-size--x-large,
.slds-scope .slds-large-size_xx-large,
.slds-scope .slds-large-size--xx-large,
.slds-scope .slds-large-size_1-of-1,
.slds-scope .slds-large-size--1-of-1,
.slds-scope .slds-large-size_1-of-2,
.slds-scope .slds-large-size--1-of-2,
.slds-scope .slds-large-size_2-of-2,
.slds-scope .slds-large-size--2-of-2,
.slds-scope .slds-large-size_1-of-3,
.slds-scope .slds-large-size--1-of-3,
.slds-scope .slds-large-size_2-of-3,
.slds-scope .slds-large-size--2-of-3,
.slds-scope .slds-large-size_3-of-3,
.slds-scope .slds-large-size--3-of-3,
.slds-scope .slds-large-size_1-of-4,
.slds-scope .slds-large-size--1-of-4,
.slds-scope .slds-large-size_2-of-4,
.slds-scope .slds-large-size--2-of-4,
.slds-scope .slds-large-size_3-of-4,
.slds-scope .slds-large-size--3-of-4,
.slds-scope .slds-large-size_4-of-4,
.slds-scope .slds-large-size--4-of-4,
.slds-scope .slds-large-size_1-of-5,
.slds-scope .slds-large-size--1-of-5,
.slds-scope .slds-large-size_2-of-5,
.slds-scope .slds-large-size--2-of-5,
.slds-scope .slds-large-size_3-of-5,
.slds-scope .slds-large-size--3-of-5,
.slds-scope .slds-large-size_4-of-5,
.slds-scope .slds-large-size--4-of-5,
.slds-scope .slds-large-size_5-of-5,
.slds-scope .slds-large-size--5-of-5,
.slds-scope .slds-large-size_1-of-6,
.slds-scope .slds-large-size--1-of-6,
.slds-scope .slds-large-size_2-of-6,
.slds-scope .slds-large-size--2-of-6,
.slds-scope .slds-large-size_3-of-6,
.slds-scope .slds-large-size--3-of-6,
.slds-scope .slds-large-size_4-of-6,
.slds-scope .slds-large-size--4-of-6,
.slds-scope .slds-large-size_5-of-6,
.slds-scope .slds-large-size--5-of-6,
.slds-scope .slds-large-size_6-of-6,
.slds-scope .slds-large-size--6-of-6,
.slds-scope .slds-large-size_1-of-7,
.slds-scope .slds-large-size--1-of-7,
.slds-scope .slds-large-size_2-of-7,
.slds-scope .slds-large-size--2-of-7,
.slds-scope .slds-large-size_3-of-7,
.slds-scope .slds-large-size--3-of-7,
.slds-scope .slds-large-size_4-of-7,
.slds-scope .slds-large-size--4-of-7,
.slds-scope .slds-large-size_5-of-7,
.slds-scope .slds-large-size--5-of-7,
.slds-scope .slds-large-size_6-of-7,
.slds-scope .slds-large-size--6-of-7,
.slds-scope .slds-large-size_7-of-7,
.slds-scope .slds-large-size--7-of-7,
.slds-scope .slds-large-size_1-of-8,
.slds-scope .slds-large-size--1-of-8,
.slds-scope .slds-large-size_2-of-8,
.slds-scope .slds-large-size--2-of-8,
.slds-scope .slds-large-size_3-of-8,
.slds-scope .slds-large-size--3-of-8,
.slds-scope .slds-large-size_4-of-8,
.slds-scope .slds-large-size--4-of-8,
.slds-scope .slds-large-size_5-of-8,
.slds-scope .slds-large-size--5-of-8,
.slds-scope .slds-large-size_6-of-8,
.slds-scope .slds-large-size--6-of-8,
.slds-scope .slds-large-size_7-of-8,
.slds-scope .slds-large-size--7-of-8,
.slds-scope .slds-large-size_8-of-8,
.slds-scope .slds-large-size--8-of-8,
.slds-scope .slds-large-size_1-of-12,
.slds-scope .slds-large-size--1-of-12,
.slds-scope .slds-large-size_2-of-12,
.slds-scope .slds-large-size--2-of-12,
.slds-scope .slds-large-size_3-of-12,
.slds-scope .slds-large-size--3-of-12,
.slds-scope .slds-large-size_4-of-12,
.slds-scope .slds-large-size--4-of-12,
.slds-scope .slds-large-size_5-of-12,
.slds-scope .slds-large-size--5-of-12,
.slds-scope .slds-large-size_6-of-12,
.slds-scope .slds-large-size--6-of-12,
.slds-scope .slds-large-size_7-of-12,
.slds-scope .slds-large-size--7-of-12,
.slds-scope .slds-large-size_8-of-12,
.slds-scope .slds-large-size--8-of-12,
.slds-scope .slds-large-size_9-of-12,
.slds-scope .slds-large-size--9-of-12,
.slds-scope .slds-large-size_10-of-12,
.slds-scope .slds-large-size--10-of-12,
.slds-scope .slds-large-size_11-of-12,
.slds-scope .slds-large-size--11-of-12,
.slds-scope .slds-large-size_12-of-12,
.slds-scope .slds-large-size--12-of-12{
flex:none;
}
.slds-scope .slds-large-size_xxx-small,.slds-scope .slds-large-size--xxx-small{
width:3rem;
}
.slds-scope .slds-large-size_xx-small,.slds-scope .slds-large-size--xx-small{
width:6rem;
}
.slds-scope .slds-large-size_x-small,.slds-scope .slds-large-size--x-small{
width:12rem;
}
.slds-scope .slds-large-size_small,.slds-scope .slds-large-size--small{
width:15rem;
}
.slds-scope .slds-large-size_medium,.slds-scope .slds-large-size--medium{
width:20rem;
}
.slds-scope .slds-large-size_large,.slds-scope .slds-large-size--large{
width:25rem;
}
.slds-scope .slds-large-size_x-large,.slds-scope .slds-large-size--x-large{
width:40rem;
}
.slds-scope .slds-large-size_xx-large,.slds-scope .slds-large-size--xx-large{
width:60rem;
}
.slds-scope .slds-large-size_1-of-1,.slds-scope .slds-large-size--1-of-1{
width:100%;
}
.slds-scope .slds-large-size_1-of-2,.slds-scope .slds-large-size--1-of-2{
width:50%;
}
.slds-scope .slds-large-size_2-of-2,.slds-scope .slds-large-size--2-of-2{
width:100%;
}
.slds-scope .slds-large-size_1-of-3,.slds-scope .slds-large-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-large-size_2-of-3,.slds-scope .slds-large-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-large-size_3-of-3,.slds-scope .slds-large-size--3-of-3{
width:100%;
}
.slds-scope .slds-large-size_1-of-4,.slds-scope .slds-large-size--1-of-4{
width:25%;
}
.slds-scope .slds-large-size_2-of-4,.slds-scope .slds-large-size--2-of-4{
width:50%;
}
.slds-scope .slds-large-size_3-of-4,.slds-scope .slds-large-size--3-of-4{
width:75%;
}
.slds-scope .slds-large-size_4-of-4,.slds-scope .slds-large-size--4-of-4{
width:100%;
}
.slds-scope .slds-large-size_1-of-5,.slds-scope .slds-large-size--1-of-5{
width:20%;
}
.slds-scope .slds-large-size_2-of-5,.slds-scope .slds-large-size--2-of-5{
width:40%;
}
.slds-scope .slds-large-size_3-of-5,.slds-scope .slds-large-size--3-of-5{
width:60%;
}
.slds-scope .slds-large-size_4-of-5,.slds-scope .slds-large-size--4-of-5{
width:80%;
}
.slds-scope .slds-large-size_5-of-5,.slds-scope .slds-large-size--5-of-5{
width:100%;
}
.slds-scope .slds-large-size_1-of-6,.slds-scope .slds-large-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-large-size_2-of-6,.slds-scope .slds-large-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-large-size_3-of-6,.slds-scope .slds-large-size--3-of-6{
width:50%;
}
.slds-scope .slds-large-size_4-of-6,.slds-scope .slds-large-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-large-size_5-of-6,.slds-scope .slds-large-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-large-size_6-of-6,.slds-scope .slds-large-size--6-of-6{
width:100%;
}
.slds-scope .slds-large-size_1-of-7,.slds-scope .slds-large-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-large-size_2-of-7,.slds-scope .slds-large-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-large-size_3-of-7,.slds-scope .slds-large-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-large-size_4-of-7,.slds-scope .slds-large-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-large-size_5-of-7,.slds-scope .slds-large-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-large-size_6-of-7,.slds-scope .slds-large-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-large-size_7-of-7,.slds-scope .slds-large-size--7-of-7{
width:100%;
}
.slds-scope .slds-large-size_1-of-8,.slds-scope .slds-large-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-large-size_2-of-8,.slds-scope .slds-large-size--2-of-8{
width:25%;
}
.slds-scope .slds-large-size_3-of-8,.slds-scope .slds-large-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-large-size_4-of-8,.slds-scope .slds-large-size--4-of-8{
width:50%;
}
.slds-scope .slds-large-size_5-of-8,.slds-scope .slds-large-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-large-size_6-of-8,.slds-scope .slds-large-size--6-of-8{
width:75%;
}
.slds-scope .slds-large-size_7-of-8,.slds-scope .slds-large-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-large-size_8-of-8,.slds-scope .slds-large-size--8-of-8{
width:100%;
}
.slds-scope .slds-large-size_1-of-12,.slds-scope .slds-large-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-large-size_2-of-12,.slds-scope .slds-large-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-large-size_3-of-12,.slds-scope .slds-large-size--3-of-12{
width:25%;
}
.slds-scope .slds-large-size_4-of-12,.slds-scope .slds-large-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-large-size_5-of-12,.slds-scope .slds-large-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-large-size_6-of-12,.slds-scope .slds-large-size--6-of-12{
width:50%;
}
.slds-scope .slds-large-size_7-of-12,.slds-scope .slds-large-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-large-size_8-of-12,.slds-scope .slds-large-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-large-size_9-of-12,.slds-scope .slds-large-size--9-of-12{
width:75%;
}
.slds-scope .slds-large-size_10-of-12,.slds-scope .slds-large-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-large-size_11-of-12,.slds-scope .slds-large-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-large-size_12-of-12,.slds-scope .slds-large-size--12-of-12{
width:100%;
}
.slds-scope .slds-large-order_1,.slds-scope .slds-large-order--1{
order:1;
}
.slds-scope .slds-large-order_2,.slds-scope .slds-large-order--2{
order:2;
}
.slds-scope .slds-large-order_3,.slds-scope .slds-large-order--3{
order:3;
}
.slds-scope .slds-large-order_4,.slds-scope .slds-large-order--4{
order:4;
}
.slds-scope .slds-large-order_5,.slds-scope .slds-large-order--5{
order:5;
}
.slds-scope .slds-large-order_6,.slds-scope .slds-large-order--6{
order:6;
}
.slds-scope .slds-large-order_7,.slds-scope .slds-large-order--7{
order:7;
}
.slds-scope .slds-large-order_8,.slds-scope .slds-large-order--8{
order:8;
}
.slds-scope .slds-large-order_9,.slds-scope .slds-large-order--9{
order:9;
}
.slds-scope .slds-large-order_10,.slds-scope .slds-large-order--10{
order:10;
}
.slds-scope .slds-large-order_11,.slds-scope .slds-large-order--11{
order:11;
}
.slds-scope .slds-large-order_12,.slds-scope .slds-large-order--12{
order:12;
}
}
@media (max-width: 64em){
.slds-scope .slds-max-large-size_xxx-small,.slds-scope .slds-max-large-size--xxx-small,
.slds-scope .slds-max-large-size_xx-small,
.slds-scope .slds-max-large-size--xx-small,
.slds-scope .slds-max-large-size_x-small,
.slds-scope .slds-max-large-size--x-small,
.slds-scope .slds-max-large-size_small,
.slds-scope .slds-max-large-size--small,
.slds-scope .slds-max-large-size_medium,
.slds-scope .slds-max-large-size--medium,
.slds-scope .slds-max-large-size_large,
.slds-scope .slds-max-large-size--large,
.slds-scope .slds-max-large-size_x-large,
.slds-scope .slds-max-large-size--x-large,
.slds-scope .slds-max-large-size_xx-large,
.slds-scope .slds-max-large-size--xx-large{
flex:none;
}
.slds-scope .slds-max-large-size_xxx-small,.slds-scope .slds-max-large-size--xxx-small{
width:3rem;
}
.slds-scope .slds-max-large-size_xx-small,.slds-scope .slds-max-large-size--xx-small{
width:6rem;
}
.slds-scope .slds-max-large-size_x-small,.slds-scope .slds-max-large-size--x-small{
width:12rem;
}
.slds-scope .slds-max-large-size_small,.slds-scope .slds-max-large-size--small{
width:15rem;
}
.slds-scope .slds-max-large-size_medium,.slds-scope .slds-max-large-size--medium{
width:20rem;
}
.slds-scope .slds-max-large-size_large,.slds-scope .slds-max-large-size--large{
width:25rem;
}
.slds-scope .slds-max-large-size_x-large,.slds-scope .slds-max-large-size--x-large{
width:40rem;
}
.slds-scope .slds-max-large-size_xx-large,.slds-scope .slds-max-large-size--xx-large{
width:60rem;
}
.slds-scope .slds-max-large-size_1-of-1,.slds-scope .slds-max-large-size--1-of-1{
width:100%;
}
.slds-scope .slds-max-large-size_1-of-2,.slds-scope .slds-max-large-size--1-of-2{
width:50%;
}
.slds-scope .slds-max-large-size_2-of-2,.slds-scope .slds-max-large-size--2-of-2{
width:100%;
}
.slds-scope .slds-max-large-size_1-of-3,.slds-scope .slds-max-large-size--1-of-3{
width:33.333%;
}
.slds-scope .slds-max-large-size_2-of-3,.slds-scope .slds-max-large-size--2-of-3{
width:66.6667%;
}
.slds-scope .slds-max-large-size_3-of-3,.slds-scope .slds-max-large-size--3-of-3{
width:100%;
}
.slds-scope .slds-max-large-size_1-of-4,.slds-scope .slds-max-large-size--1-of-4{
width:25%;
}
.slds-scope .slds-max-large-size_2-of-4,.slds-scope .slds-max-large-size--2-of-4{
width:50%;
}
.slds-scope .slds-max-large-size_3-of-4,.slds-scope .slds-max-large-size--3-of-4{
width:75%;
}
.slds-scope .slds-max-large-size_4-of-4,.slds-scope .slds-max-large-size--4-of-4{
width:100%;
}
.slds-scope .slds-max-large-size_1-of-5,.slds-scope .slds-max-large-size--1-of-5{
width:20%;
}
.slds-scope .slds-max-large-size_2-of-5,.slds-scope .slds-max-large-size--2-of-5{
width:40%;
}
.slds-scope .slds-max-large-size_3-of-5,.slds-scope .slds-max-large-size--3-of-5{
width:60%;
}
.slds-scope .slds-max-large-size_4-of-5,.slds-scope .slds-max-large-size--4-of-5{
width:80%;
}
.slds-scope .slds-max-large-size_5-of-5,.slds-scope .slds-max-large-size--5-of-5{
width:100%;
}
.slds-scope .slds-max-large-size_1-of-6,.slds-scope .slds-max-large-size--1-of-6{
width:16.6667%;
}
.slds-scope .slds-max-large-size_2-of-6,.slds-scope .slds-max-large-size--2-of-6{
width:33.333%;
}
.slds-scope .slds-max-large-size_3-of-6,.slds-scope .slds-max-large-size--3-of-6{
width:50%;
}
.slds-scope .slds-max-large-size_4-of-6,.slds-scope .slds-max-large-size--4-of-6{
width:66.6667%;
}
.slds-scope .slds-max-large-size_5-of-6,.slds-scope .slds-max-large-size--5-of-6{
width:83.3333%;
}
.slds-scope .slds-max-large-size_6-of-6,.slds-scope .slds-max-large-size--6-of-6{
width:100%;
}
.slds-scope .slds-max-large-size_1-of-7,.slds-scope .slds-max-large-size--1-of-7{
width:14.2857%;
}
.slds-scope .slds-max-large-size_2-of-7,.slds-scope .slds-max-large-size--2-of-7{
width:28.5714%;
}
.slds-scope .slds-max-large-size_3-of-7,.slds-scope .slds-max-large-size--3-of-7{
width:42.8571%;
}
.slds-scope .slds-max-large-size_4-of-7,.slds-scope .slds-max-large-size--4-of-7{
width:57.1429%;
}
.slds-scope .slds-max-large-size_5-of-7,.slds-scope .slds-max-large-size--5-of-7{
width:71.4286%;
}
.slds-scope .slds-max-large-size_6-of-7,.slds-scope .slds-max-large-size--6-of-7{
width:85.7143%;
}
.slds-scope .slds-max-large-size_7-of-7,.slds-scope .slds-max-large-size--7-of-7{
width:100%;
}
.slds-scope .slds-max-large-size_1-of-8,.slds-scope .slds-max-large-size--1-of-8{
width:12.5%;
}
.slds-scope .slds-max-large-size_2-of-8,.slds-scope .slds-max-large-size--2-of-8{
width:25%;
}
.slds-scope .slds-max-large-size_3-of-8,.slds-scope .slds-max-large-size--3-of-8{
width:37.5%;
}
.slds-scope .slds-max-large-size_4-of-8,.slds-scope .slds-max-large-size--4-of-8{
width:50%;
}
.slds-scope .slds-max-large-size_5-of-8,.slds-scope .slds-max-large-size--5-of-8{
width:62.5%;
}
.slds-scope .slds-max-large-size_6-of-8,.slds-scope .slds-max-large-size--6-of-8{
width:75%;
}
.slds-scope .slds-max-large-size_7-of-8,.slds-scope .slds-max-large-size--7-of-8{
width:87.5%;
}
.slds-scope .slds-max-large-size_8-of-8,.slds-scope .slds-max-large-size--8-of-8{
width:100%;
}
.slds-scope .slds-max-large-size_1-of-12,.slds-scope .slds-max-large-size--1-of-12{
width:8.3333%;
}
.slds-scope .slds-max-large-size_2-of-12,.slds-scope .slds-max-large-size--2-of-12{
width:16.6667%;
}
.slds-scope .slds-max-large-size_3-of-12,.slds-scope .slds-max-large-size--3-of-12{
width:25%;
}
.slds-scope .slds-max-large-size_4-of-12,.slds-scope .slds-max-large-size--4-of-12{
width:33.333%;
}
.slds-scope .slds-max-large-size_5-of-12,.slds-scope .slds-max-large-size--5-of-12{
width:41.6667%;
}
.slds-scope .slds-max-large-size_6-of-12,.slds-scope .slds-max-large-size--6-of-12{
width:50%;
}
.slds-scope .slds-max-large-size_7-of-12,.slds-scope .slds-max-large-size--7-of-12{
width:58.3333%;
}
.slds-scope .slds-max-large-size_8-of-12,.slds-scope .slds-max-large-size--8-of-12{
width:66.6667%;
}
.slds-scope .slds-max-large-size_9-of-12,.slds-scope .slds-max-large-size--9-of-12{
width:75%;
}
.slds-scope .slds-max-large-size_10-of-12,.slds-scope .slds-max-large-size--10-of-12{
width:83.3333%;
}
.slds-scope .slds-max-large-size_11-of-12,.slds-scope .slds-max-large-size--11-of-12{
width:91.6667%;
}
.slds-scope .slds-max-large-size_12-of-12,.slds-scope .slds-max-large-size--12-of-12{
width:100%;
}
.slds-scope .slds-max-large-order_1,.slds-scope .slds-max-large-order--1{
order:1;
}
.slds-scope .slds-max-large-order_2,.slds-scope .slds-max-large-order--2{
order:2;
}
.slds-scope .slds-max-large-order_3,.slds-scope .slds-max-large-order--3{
order:3;
}
.slds-scope .slds-max-large-order_4,.slds-scope .slds-max-large-order--4{
order:4;
}
.slds-scope .slds-max-large-order_5,.slds-scope .slds-max-large-order--5{
order:5;
}
.slds-scope .slds-max-large-order_6,.slds-scope .slds-max-large-order--6{
order:6;
}
.slds-scope .slds-max-large-order_7,.slds-scope .slds-max-large-order--7{
order:7;
}
.slds-scope .slds-max-large-order_8,.slds-scope .slds-max-large-order--8{
order:8;
}
.slds-scope .slds-max-large-order_9,.slds-scope .slds-max-large-order--9{
order:9;
}
.slds-scope .slds-max-large-order_10,.slds-scope .slds-max-large-order--10{
order:10;
}
.slds-scope .slds-max-large-order_11,.slds-scope .slds-max-large-order--11{
order:11;
}
.slds-scope .slds-max-large-order_12,.slds-scope .slds-max-large-order--12{
order:12;
}
}
.slds-scope .slds-size_xxx-small,.slds-scope .slds-size--xxx-small,
.slds-scope .slds-size_xx-small,
.slds-scope .slds-size--xx-small,
.slds-scope .slds-size_x-small,
.slds-scope .slds-size--x-small,
.slds-scope .slds-size_small,
.slds-scope .slds-size--small,
.slds-scope .slds-size_medium,
.slds-scope .slds-size--medium,
.slds-scope .slds-size_large,
.slds-scope .slds-size--large,
.slds-scope .slds-size_x-large,
.slds-scope .slds-size--x-large,
.slds-scope .slds-size_xx-large,
.slds-scope .slds-size--xx-large,
.slds-scope .slds-size_1-of-1,
.slds-scope .slds-size--1-of-1,
.slds-scope .slds-size_1-of-2,
.slds-scope .slds-size--1-of-2,
.slds-scope .slds-size_2-of-2,
.slds-scope .slds-size--2-of-2,
.slds-scope .slds-size_1-of-3,
.slds-scope .slds-size--1-of-3,
.slds-scope .slds-size_2-of-3,
.slds-scope .slds-size--2-of-3,
.slds-scope .slds-size_3-of-3,
.slds-scope .slds-size--3-of-3,
.slds-scope .slds-size_1-of-4,
.slds-scope .slds-size--1-of-4,
.slds-scope .slds-size_2-of-4,
.slds-scope .slds-size--2-of-4,
.slds-scope .slds-size_3-of-4,
.slds-scope .slds-size--3-of-4,
.slds-scope .slds-size_4-of-4,
.slds-scope .slds-size--4-of-4,
.slds-scope .slds-size_1-of-5,
.slds-scope .slds-size--1-of-5,
.slds-scope .slds-size_2-of-5,
.slds-scope .slds-size--2-of-5,
.slds-scope .slds-size_3-of-5,
.slds-scope .slds-size--3-of-5,
.slds-scope .slds-size_4-of-5,
.slds-scope .slds-size--4-of-5,
.slds-scope .slds-size_5-of-5,
.slds-scope .slds-size--5-of-5,
.slds-scope .slds-size_1-of-6,
.slds-scope .slds-size--1-of-6,
.slds-scope .slds-size_2-of-6,
.slds-scope .slds-size--2-of-6,
.slds-scope .slds-size_3-of-6,
.slds-scope .slds-size--3-of-6,
.slds-scope .slds-size_4-of-6,
.slds-scope .slds-size--4-of-6,
.slds-scope .slds-size_5-of-6,
.slds-scope .slds-size--5-of-6,
.slds-scope .slds-size_6-of-6,
.slds-scope .slds-size--6-of-6,
.slds-scope .slds-size_1-of-7,
.slds-scope .slds-size--1-of-7,
.slds-scope .slds-size_2-of-7,
.slds-scope .slds-size--2-of-7,
.slds-scope .slds-size_3-of-7,
.slds-scope .slds-size--3-of-7,
.slds-scope .slds-size_4-of-7,
.slds-scope .slds-size--4-of-7,
.slds-scope .slds-size_5-of-7,
.slds-scope .slds-size--5-of-7,
.slds-scope .slds-size_6-of-7,
.slds-scope .slds-size--6-of-7,
.slds-scope .slds-size_7-of-7,
.slds-scope .slds-size--7-of-7,
.slds-scope .slds-size_1-of-8,
.slds-scope .slds-size--1-of-8,
.slds-scope .slds-size_2-of-8,
.slds-scope .slds-size--2-of-8,
.slds-scope .slds-size_3-of-8,
.slds-scope .slds-size--3-of-8,
.slds-scope .slds-size_4-of-8,
.slds-scope .slds-size--4-of-8,
.slds-scope .slds-size_5-of-8,
.slds-scope .slds-size--5-of-8,
.slds-scope .slds-size_6-of-8,
.slds-scope .slds-size--6-of-8,
.slds-scope .slds-size_7-of-8,
.slds-scope .slds-size--7-of-8,
.slds-scope .slds-size_8-of-8,
.slds-scope .slds-size--8-of-8,
.slds-scope .slds-size_1-of-12,
.slds-scope .slds-size--1-of-12,
.slds-scope .slds-size_2-of-12,
.slds-scope .slds-size--2-of-12,
.slds-scope .slds-size_3-of-12,
.slds-scope .slds-size--3-of-12,
.slds-scope .slds-size_4-of-12,
.slds-scope .slds-size--4-of-12,
.slds-scope .slds-size_5-of-12,
.slds-scope .slds-size--5-of-12,
.slds-scope .slds-size_6-of-12,
.slds-scope .slds-size--6-of-12,
.slds-scope .slds-size_7-of-12,
.slds-scope .slds-size--7-of-12,
.slds-scope .slds-size_8-of-12,
.slds-scope .slds-size--8-of-12,
.slds-scope .slds-size_9-of-12,
.slds-scope .slds-size--9-of-12,
.slds-scope .slds-size_10-of-12,
.slds-scope .slds-size--10-of-12,
.slds-scope .slds-size_11-of-12,
.slds-scope .slds-size--11-of-12,
.slds-scope .slds-size_12-of-12,
.slds-scope .slds-size--12-of-12{
flex:none;
}
.slds-scope .slds-has-buffer{
margin:var(--slds-g-spacing-3);
}
.slds-scope .slds-has-full-bleed{
margin:0;
}
.slds-scope .slds-has-bottom-magnet{
margin-block-end:0 !important;
border-end-start-radius:0 !important;
border-end-end-radius:0 !important;
}
.slds-scope .slds-has-top-magnet{
margin-block-start:0 !important;
border-start-start-radius:0 !important;
border-start-end-radius:0 !important;
}
.slds-scope .slds-has-top-magnet.slds-has-buffer{
margin-block-end:0;
border-radius:0;
border-block-start:0;
box-shadow:none;
}
.slds-scope .slds-is-static{
position:static;
}
.slds-scope .slds-is-relative{
position:relative;
}
.slds-scope .slds-is-fixed{
position:fixed;
}
.slds-scope .slds-is-absolute{
position:absolute;
}
@media print{
.slds-scope .slds-no-print{
display:none;
}
}
.slds-scope .slds-assistive-text{
position:absolute !important;
margin:-1px !important;
border:0 !important;
padding:0 !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
clip:rect(0 0 0 0) !important;
text-transform:none !important;
white-space:nowrap !important;
}
.slds-scope .slds-assistive-text_focus:focus,.slds-scope .slds-assistive-text--focus:focus{
margin:inherit !important;
border:inherit !important;
padding:inherit !important;
width:auto !important;
height:auto !important;
overflow:visible !important;
clip:auto !important;
}
.slds-scope .slds-is-collapsed{
height:0;
overflow:hidden;
}
.slds-scope .slds-is-expanded{
height:auto;
overflow:visible;
}
.slds-scope .slds-hidden{
visibility:hidden !important;
}
.slds-scope .slds-visible{
visibility:visible;
}
.slds-scope .slds-hide{
display:none !important;
}
.slds-scope .slds-show{
display:block;
}
.slds-scope .slds-show_inline-block,.slds-scope .slds-show--inline-block{
display:inline-block;
}
.slds-scope .slds-show_inline,.slds-scope .slds-show--inline{
display:inline;
}
.slds-scope .slds-transition-hide{
opacity:0;
}
.slds-scope .slds-transition-show{
opacity:1;
}
.slds-scope .slds-x-small-show{
display:none;
}
@media (min-width: 320px){
.slds-scope .slds-x-small-show{
display:block;
}
.slds-scope .slds-x-small-show_inline-block,.slds-scope .slds-x-small-show--inline-block{
display:inline-block;
}
.slds-scope .slds-x-small-show_inline,.slds-scope .slds-x-small-show--inline{
display:inline;
}
}
.slds-scope .slds-x-small-show-only{
display:none;
}
@media (min-width: 320px) and (max-width: 479px){
.slds-scope .slds-x-small-show-only{
display:block;
}
.slds-scope .slds-x-small-show-only_inline-block,.slds-scope .slds-x-small-show-only--inline-block{
display:inline-block;
}
.slds-scope .slds-x-small-show-only_inline,.slds-scope .slds-x-small-show-only--inline{
display:inline;
}
}
@media (max-width: 479px){
.slds-scope .slds-max-x-small-hide{
display:none;
}
}
.slds-scope .slds-small-show{
display:none;
}
@media (min-width: 480px){
.slds-scope .slds-small-show{
display:block;
}
.slds-scope .slds-small-show_inline-block,.slds-scope .slds-small-show--inline-block{
display:inline-block;
}
.slds-scope .slds-small-show_inline,.slds-scope .slds-small-show--inline{
display:inline;
}
}
.slds-scope .slds-small-show-only{
display:none;
}
@media (min-width: 480px) and (max-width: 767px){
.slds-scope .slds-small-show-only{
display:block;
}
.slds-scope .slds-small-show-only_inline-block,.slds-scope .slds-small-show-only--inline-block{
display:inline-block;
}
.slds-scope .slds-small-show-only_inline,.slds-scope .slds-small-show-only--inline{
display:inline;
}
}
@media (max-width: 767px){
.slds-scope .slds-max-small-hide{
display:none;
}
}
.slds-scope .slds-medium-show{
display:none;
}
@media (min-width: 768px){
.slds-scope .slds-medium-show{
display:block;
}
.slds-scope .slds-medium-show_inline-block,.slds-scope .slds-medium-show--inline-block{
display:inline-block;
}
.slds-scope .slds-medium-show_inline,.slds-scope .slds-medium-show--inline{
display:inline;
}
}
.slds-scope .slds-medium-show-only{
display:none;
}
@media (min-width: 768px) and (max-width: 1023px){
.slds-scope .slds-medium-show-only{
display:block;
}
.slds-scope .slds-medium-show-only_inline-block,.slds-scope .slds-medium-show-only--inline-block{
display:inline-block;
}
.slds-scope .slds-medium-show-only_inline,.slds-scope .slds-medium-show-only--inline{
display:inline;
}
}
@media (max-width: 1023px){
.slds-scope .slds-max-medium-hide{
display:none;
}
}
.slds-scope .slds-large-show{
display:none;
}
@media (min-width: 1024px){
.slds-scope .slds-large-show{
display:block;
}
.slds-scope .slds-large-show_inline-block,.slds-scope .slds-large-show--inline-block{
display:inline-block;
}
.slds-scope .slds-large-show_inline,.slds-scope .slds-large-show--inline{
display:inline;
}
}
@media (min-width: 320px){
.slds-scope .slds-hide_x-small,.slds-scope .slds-hide--x-small{
display:none !important;
}
}
@media (max-width: 319px){
.slds-scope .slds-show_x-small,.slds-scope .slds-show--x-small{
display:none !important;
}
}
@media (min-width: 480px){
.slds-scope .slds-hide_small,.slds-scope .slds-hide--small{
display:none !important;
}
}
@media (max-width: 479px){
.slds-scope .slds-show_small,.slds-scope .slds-show--small{
display:none !important;
}
}
@media (min-width: 768px){
.slds-scope .slds-hide_medium,.slds-scope .slds-hide--medium{
display:none !important;
}
}
@media (max-width: 767px){
.slds-scope .slds-show_medium,.slds-scope .slds-show--medium{
display:none !important;
}
}
@media (min-width: 1024px){
.slds-scope .slds-hide_large,.slds-scope .slds-hide--large{
display:none !important;
}
}
@media (max-width: 1023px){
.slds-scope .slds-show_large,.slds-scope .slds-show--large{
display:none !important;
}
}
@media (min-width: 1280px){
.slds-scope .slds-hide_x-large,.slds-scope .slds-hide--x-large{
display:none !important;
}
}
@media (max-width: 1279px){
.slds-scope .slds-show_x-large,.slds-scope .slds-show--x-large{
display:none !important;
}
}
.slds-scope .slds-is-visually-empty{
visibility:hidden !important;
width:0;
}
.slds-scope .slds-line-clamp{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
text-overflow:ellipsis;
white-space:pre-line;
}
.slds-scope .slds-line-clamp_x-small,.slds-scope .slds-line-clamp--x-small{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
text-overflow:ellipsis;
white-space:pre-line;
}
.slds-scope .slds-line-clamp_small,.slds-scope .slds-line-clamp--small{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
text-overflow:ellipsis;
white-space:pre-line;
}
.slds-scope .slds-line-clamp_medium,.slds-scope .slds-line-clamp--medium{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
text-overflow:ellipsis;
white-space:pre-line;
}
.slds-scope .slds-line-clamp_large,.slds-scope .slds-line-clamp--large{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:7;
text-overflow:ellipsis;
white-space:pre-line;
}
.slds-scope .slds-color-scheme--light,
.slds-scope html:has(body.slds-color-scheme--light){
color-scheme:only light;
}
.slds-scope .slds-color-scheme--dark,
.slds-scope html:has(body.slds-color-scheme--dark){
color-scheme:only dark;
}
.slds-scope .slds-color-scheme--system,
.slds-scope html:has(body.slds-color-scheme--system){
color-scheme:light dark;
}
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_brand:not(:disabled):hover,.slds-scope .slds-subtheme-agentic .slds-button.slds-button--brand:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-brand:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-brand:not(:disabled):hover{
border-color:transparent;
transform:none;
background-clip:border-box;
background-origin:border-box;
background-color:#032cbf;
background-image:radial-gradient(at 10% 10%, #0092d1 0, transparent 70%), radial-gradient(at 87% 80%, rgb(116 0 184 / 80%) 0, transparent 50%), radial-gradient(at 44% 94%, rgb(116 0 184 / 80%) 0, transparent 50%), radial-gradient(at 25% 13%, #0043b8 0, transparent 50%), radial-gradient(at 9% 35%, #004cb8 0, transparent 50%);
color:var(--slds-g-color-on-accent-1);
}
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_brand:not(:disabled):active,.slds-scope .slds-subtheme-agentic .slds-button.slds-button--brand:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-brand:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-brand:not(:disabled):active{
background-image:radial-gradient(at 0% 0%, #0092d1 0, transparent 70%), radial-gradient(at 87% 80%, rgb(116 0 184 / 50%) 0, transparent 70%), radial-gradient(at 70% 94%, rgb(116 0 184 / 60%) 0, transparent 50%), radial-gradient(at 25% 13%, #0043b8 0, transparent 50%), radial-gradient(at 9% 35%, #004cb8 0, transparent 30%);
}
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_neutral:not(:disabled):hover,.slds-scope .slds-subtheme-agentic .slds-button.slds-button--neutral:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_neutral:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button.slds-button--neutral:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-border-filled:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-border-filled:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-border-filled:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-border-filled:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-border:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-border:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-border:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-border:not(:disabled):active{
background-clip:padding-box, border-box;
background-origin:border-box;
border-color:transparent;
transform:none;
background-color:hsl(0, 0%, 100%, 1);
background-image:radial-gradient(at 38% 52%, hsl(0, 0%, 100%, 0.42) 0, transparent 50%), radial-gradient(at 66% 45%, hsl(0, 0%, 100%, 0.54) 0, transparent 50%), radial-gradient(at 10% 14%, hsl(217, 100%, 84%, 0.75) 0, transparent 50%), radial-gradient(at 53% 0%, hsl(198, 100%, 84%, 0.51) 0, transparent 50%), radial-gradient(at 98% 12%, hsl(217, 100%, 84%, 1) 0, transparent 50%), radial-gradient(at 0% 100%, hsl(198, 100%, 84%, 0.58) 0, transparent 50%), radial-gradient(at 49% 96%, hsl(281, 100%, 92%, 0.41) 0, transparent 50%), radial-gradient(at 95% 92%, hsl(281, 100%, 92%, 0.63) 0, transparent 50%), linear-gradient(#fff, #fff), linear-gradient(to right, #e3bbff 5%, #98bdff 25%, #99defc 100%);
}
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_neutral:not(:disabled):hover,.slds-scope .slds-subtheme-agentic .slds-button.slds-button--neutral:not(:disabled):hover{
background-color:hsl(0, 0%, 100%, 1);
background-image:radial-gradient(at 38% 52%, hsl(0, 0%, 100%, 0.42) 0, transparent 50%), radial-gradient(at 66% 45%, hsl(0, 0%, 100%, 0.54) 0, transparent 50%), radial-gradient(at 10% 14%, hsl(217, 100%, 84%, 0.75) 0, transparent 50%), radial-gradient(at 53% 0%, hsl(198, 100%, 84%, 0.51) 0, transparent 50%), radial-gradient(at 98% 12%, hsl(217, 100%, 84%, 1) 0, transparent 50%), radial-gradient(at 0% 100%, hsl(198, 100%, 84%, 0.58) 0, transparent 50%), radial-gradient(at 49% 96%, hsl(281, 100%, 92%, 0.41) 0, transparent 50%), radial-gradient(at 95% 92%, hsl(281, 100%, 92%, 0.63) 0, transparent 50%), linear-gradient(#fff, #fff), linear-gradient(to right, #e3bbff 5%, #98bdff 25%, #99defc 100%);
color:light-dark(var(--slds-s-button-color-hover), #001e5b);
}
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_neutral:not(:disabled):active,.slds-scope .slds-subtheme-agentic .slds-button.slds-button--neutral:not(:disabled):active{
background-color:hsl(217, 100%, 96%, 1);
background-image:radial-gradient(at 38% 52%, hsl(0, 0%, 100%, 0.42) 0, transparent 50%), radial-gradient(at 66% 45%, hsl(0, 0%, 100%, 0.54) 0, transparent 70%), radial-gradient(at 10% 14%, hsl(217, 100%, 84%, 0.75) 0, transparent 70%), radial-gradient(at 53% 0%, hsl(198, 100%, 84%, 0.51) 0, transparent 70%), radial-gradient(at 98% 12%, hsl(217, 100%, 84%, 1) 0, transparent 70%), radial-gradient(at 0% 100%, hsl(198, 100%, 84%, 0.58) 0, transparent 70%), radial-gradient(at 49% 96%, hsl(281, 100%, 92%, 0.91) 0, transparent 70%), radial-gradient(at 95% 92%, hsl(281, 100%, 92%, 0.93) 0, transparent 70%), linear-gradient(#fff, #fff), linear-gradient(to right, #e3bbff 5%, #98bdff 25%, #99defc 100%);
color:light-dark(var(--slds-g-color-brand-base-30), var(--slds-g-color-brand-base-70));
}
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_neutral:not(:disabled):hover,.slds-scope .slds-subtheme-agentic .slds-button.slds-button--neutral:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_brand:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button.slds-button--brand:not(:disabled):hover{
box-shadow:0 0 8px 2px color-mix(in oklab, var(--slds-g-color-palette-purple-50), transparent 85%);
}
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_neutral:not(:disabled):active,.slds-scope .slds-subtheme-agentic .slds-button.slds-button--neutral:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_brand:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button.slds-button--brand:not(:disabled):active{
box-shadow:0 0 8px 2px color-mix(in oklab, var(--slds-g-color-palette-purple-50), transparent 75%), var(--slds-s-button-shadow-active, revert);
}
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_neutral:not(:disabled),.slds-scope .slds-subtheme-agentic .slds-button.slds-button--neutral:not(:disabled),
.slds-scope .slds-subtheme-agentic .slds-button.slds-button_brand:not(:disabled),
.slds-scope .slds-subtheme-agentic .slds-button.slds-button--brand:not(:disabled),
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-border-filled:not(:disabled),
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-border-filled:not(:disabled),
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-border:not(:disabled),
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-border:not(:disabled),
.slds-scope .slds-subtheme-agentic .slds-button_icon.slds-button_icon-brand:not(:disabled),
.slds-scope .slds-subtheme-agentic .slds-button--icon.slds-button--icon-brand:not(:disabled){
transition:box-shadow 0.3s ease-in-out, border-color 0.3s ease-out, background-image 0.3s ease-in-out;
}
.slds-scope .slds-subtheme-agentic.slds-button-group .slds-button.slds-button_neutral:not(:disabled):hover,.slds-scope .slds-subtheme-agentic.slds-button-group .slds-button.slds-button--neutral:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic.slds-button-group .slds-button.slds-button_neutral:not(:disabled):active,
.slds-scope .slds-subtheme-agentic.slds-button-group .slds-button.slds-button--neutral:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button-group .slds-button.slds-button_neutral:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button-group .slds-button.slds-button--neutral:not(:disabled):hover,
.slds-scope .slds-subtheme-agentic .slds-button-group .slds-button.slds-button_neutral:not(:disabled):active,
.slds-scope .slds-subtheme-agentic .slds-button-group .slds-button.slds-button--neutral:not(:disabled):active{
border-color:var(--slds-g-color-border-2);
}
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:is(:active, :hover)), .slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:active) .slds-input{
z-index:1;
}
.slds-scope .slds-subtheme-agentic .slds-form-element__control .slds-input:not(:disabled){
border-radius:0.94rem;
}
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:active) .slds-input{
box-shadow:none;
}
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:hover)::before,
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:active)::before,
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:active)::after{
content:'';
position:absolute;
inset:0;
width:100%;
height:100%;
border:4px solid transparent;
border-radius:40px;
background-image:linear-gradient(#fff, #fff), linear-gradient(90deg, #e3bbff 0%, #a084fe 40%, #61eaff 100%);
background-origin:padding-box, border-box;
background-clip:padding-box, border-box;
filter:blur(5px);
z-index:-1;
transition:background-image 0.2s ease-in-out, border 0.2s ease-in-out;
transform:translate3d(0, 0, 0);
}
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:active)::before,
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:active)::after{
inset:50% 0 0 50%;
transform:translate(-50%, -50%);
padding:2px;
box-sizing:content-box;
border-radius:40px;
}
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:active:not(:disabled))::after{
content:'';
position:absolute;
width:100%;
height:100%;
background-image:linear-gradient(#fff, #fff), linear-gradient(90deg, #e3bbff 0%, #a084fe 40%, #61eaff 100%);
background-origin:padding-box, border-box;
background-clip:padding-box, border-box;
border-color:transparent;
border-width:2px;
z-index:-1;
filter:none;
transition:background-image 0.2s ease-in-out, border 0.2s ease-in-out;
}
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-input:active:not(:disabled)) .slds-input:not(:disabled){
border:1px solid var(--slds-g-color-border-2);
}
.slds-scope .slds-subtheme-agentic .slds-input:hover:not(:is(:disabled, :active)){
background:linear-gradient(#fff, #fff), linear-gradient(to right, #e3bbff 5%, #98bdff 25%, #99defc 100%);
background-clip:padding-box, border-box;
background-origin:border-box;
border-color:transparent;
transition:background-image 0.2s ease-in-out, border 0.2s ease-in-out;
}
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-form-element__control .slds-input:not(:disabled))::before,
.slds-scope .slds-subtheme-agentic .slds-form-element__control:has(.slds-form-element__control .slds-input:not(:disabled))::after{
content:none;
}
.slds-scope .slds-subtheme-agentic .slds-card::before,
.slds-scope .slds-subtheme-agentic .slds-card::after{
content:'';
display:block;
position:absolute;
z-index:-1;
filter:blur(8px);
background-origin:border-box;
background-clip:border-box;
border-radius:inherit;
opacity:0;
transition:opacity 0.2s ease-in-out;
transform:translate3d(0, 0, 0);
}
.slds-scope .slds-subtheme-agentic .slds-card::before{
width:100%;
height:100%;
padding:5px;
box-sizing:content-box;
inset:50%;
transform:translate(-50%, -50%);
background-image:linear-gradient(
90deg,
rgb(2, 80, 217, 0.1) 0%,
rgb(26, 185, 255, 0.1) 35.51%,
rgb(150, 2, 199, 0.1) 71%,
rgb(2, 80, 217, 0.1) 97.5%
);
}
.slds-scope .slds-subtheme-agentic .slds-card::after{
width:100%;
height:100%;
filter:blur(4px);
inset:auto auto 0 0;
background-color:#0253d4;
background-image:radial-gradient(at 2% 50%, #1abaff 0, transparent 70%), radial-gradient(at 32% 16%, #c861ff 0, transparent 70%), radial-gradient(at 11% 16%, #0253d4 0, transparent 70%), radial-gradient(at 44% 68%, #024fd4 0, transparent 70%), radial-gradient(at 12% 78%, #1abaff 0, transparent 70%), radial-gradient(at 65% 89%, #c861ff 0, transparent 70%);
}
.slds-scope .slds-subtheme-agentic .slds-card:hover::after{
opacity:1;
}
.slds-scope .slds-subtheme-agentic:has(> .slds-card),
.slds-scope .slds-subtheme-agentic *:has(> .slds-card){
position:relative;
z-index:1;
display:block;
}
.slds-scope .slds-subtheme-agentic .slds-modal__content{
overflow:visible;
}
.slds-scope .slds-subtheme-agentic .slds-modal__content,
.slds-scope .slds-subtheme-agentic .slds-modal__footer{
position:relative;
}
.slds-scope .slds-subtheme-agentic .slds-modal__header::before,
.slds-scope .slds-subtheme-agentic .slds-modal__content::before,
.slds-scope .slds-subtheme-agentic .slds-modal__footer::before{
content:'';
display:block;
width:100%;
height:100%;
position:absolute;
z-index:-1;
filter:blur(8px);
background-origin:border-box;
background-clip:border-box;
inset:auto auto 0 0;
border-end-start-radius:inherit;
opacity:0;
background-color:#0253d4;
transition:opacity 0.3s ease-in-out;
}
.slds-scope .slds-subtheme-agentic .slds-modal__header::before{
background-image:radial-gradient(at 2% 50%, #c861ff 0, transparent 70%), radial-gradient(at 32% 16%, #c861ff 0, transparent 70%), radial-gradient(at 11% 16%, #024fd4 0, transparent 70%), radial-gradient(at 44% 68%, #024fd4 0, transparent 70%), radial-gradient(at 12% 78%, #c861ff 50%, transparent 70%), radial-gradient(at 93% 96%, #0253d4 0, transparent 70%);
}
.slds-scope .slds-subtheme-agentic .slds-modal__content::before{
background-image:radial-gradient(at 2% 50%, #1abaff 0, transparent 70%), radial-gradient(at 32% 16%, #c861ff 0, transparent 70%), radial-gradient(at 11% 16%, #0253d4 0, transparent 70%), radial-gradient(at 44% 68%, #024fd4 0, transparent 70%), radial-gradient(at 12% 78%, #1abaff 0, transparent 70%), radial-gradient(at 65% 89%, #0253d4 53%, transparent 70%);
}
.slds-scope .slds-subtheme-agentic .slds-modal__footer::before{
background-image:radial-gradient(at 2% 50%, #1abaff 0, transparent 70%), radial-gradient(at 32% 16%, #024fd4 0, transparent 70%), radial-gradient(at 11% 16%, #1abaff 0, transparent 70%), radial-gradient(at 44% 68%, #024fd4 0, transparent 70%), radial-gradient(at 12% 78%, #1abaff 0, transparent 70%), radial-gradient(at 65% 89%, #024fd4 0, transparent 70%);
}
.slds-scope .slds-subtheme-agentic:has(.slds-modal__header:hover, .slds-modal__content:hover, .slds-modal__footer:hover)
.slds-modal__header::before, .slds-scope .slds-subtheme-agentic:has(.slds-modal__header:hover, .slds-modal__content:hover, .slds-modal__footer:hover)
.slds-modal__content::before, .slds-scope .slds-subtheme-agentic:has(.slds-modal__header:hover, .slds-modal__content:hover, .slds-modal__footer:hover)
.slds-modal__footer::before{
opacity:1;
}