@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.css

Salesforce Lightning Design System

/*! Lightning Design System 2.26.2 */
@charset "UTF-8";
:root{
  --slds-g-color-neutral-base-100:#ffffff;
  --slds-g-color-neutral-base-95:#f3f3f3;
  --slds-g-color-neutral-base-90:#e5e5e5;
  --slds-g-color-neutral-base-80:#c9c9c9;
  --slds-g-color-neutral-base-70:#aeaeae;
  --slds-g-color-neutral-base-65:#a0a0a0;
  --slds-g-color-neutral-base-60:#939393;
  --slds-g-color-neutral-base-50:#747474;
  --slds-g-color-neutral-base-40:#5c5c5c;
  --slds-g-color-neutral-base-30:#444444;
  --slds-g-color-neutral-base-20:#2e2e2e;
  --slds-g-color-neutral-base-15:#242424;
  --slds-g-color-neutral-base-10:#181818;
  --slds-g-color-brand-base-100:#ffffff;
  --slds-g-color-brand-base-95:#eef4ff;
  --slds-g-color-brand-base-90:#d8e6fe;
  --slds-g-color-brand-base-80:#aacbff;
  --slds-g-color-brand-base-70:#78b0fd;
  --slds-g-color-brand-base-65:#57a3fd;
  --slds-g-color-brand-base-60:#1b96ff;
  --slds-g-color-brand-base-50:#0176d3;
  --slds-g-color-brand-base-40:#0b5cab;
  --slds-g-color-brand-base-30:#014486;
  --slds-g-color-brand-base-20:#032d60;
  --slds-g-color-brand-base-15:#03234d;
  --slds-g-color-brand-base-10:#001639;
  --slds-g-color-error-base-100:#ffffff;
  --slds-g-color-error-base-90:#feded8;
  --slds-g-color-error-base-80:#feb8ab;
  --slds-g-color-error-base-70:#fe8f7d;
  --slds-g-color-error-base-60:#fe5c4c;
  --slds-g-color-error-base-50:#ea001e;
  --slds-g-color-error-base-40:#ba0517;
  --slds-g-color-error-base-30:#8e030f;
  --slds-g-color-error-base-20:#640103;
  --slds-g-color-error-base-10:#300c01;
  --slds-g-color-warning-base-100:#ffffff;
  --slds-g-color-warning-base-90:#fedfd0;
  --slds-g-color-warning-base-80:#ffba90;
  --slds-g-color-warning-base-70:#fe9339;
  --slds-g-color-warning-base-60:#dd7a01;
  --slds-g-color-warning-base-50:#a96404;
  --slds-g-color-warning-base-40:#825101;
  --slds-g-color-warning-base-30:#5f3e02;
  --slds-g-color-warning-base-20:#3e2b02;
  --slds-g-color-warning-base-10:#201600;
  --slds-g-color-success-base-100:#ffffff;
  --slds-g-color-success-base-90:#cdefc4;
  --slds-g-color-success-base-80:#91db8b;
  --slds-g-color-success-base-70:#45c65a;
  --slds-g-color-success-base-60:#3ba755;
  --slds-g-color-success-base-50:#2e844a;
  --slds-g-color-success-base-40:#396547;
  --slds-g-color-success-base-30:#194e31;
  --slds-g-color-success-base-20:#1C3326;
  --slds-g-color-success-base-10:#071b12;
  --slds-g-color-border-base-1:#c9c9c9;
  --slds-g-color-border-base-2:#aeaeae;
  --slds-g-color-border-base-3:#939393;
  --slds-g-color-border-base-4:#747474;
  --slds-g-color-border-brand-1:#78b0fd;
  --slds-g-color-border-brand-2:#1b96ff;
  --slds-g-link-color:#0b5cab;
  --slds-g-link-color-hover:#014486;
  --slds-g-link-color-focus:#014486;
  --slds-g-link-color-active:#032d60;
  --slds-g-color-palette-blue-10:#001639;
  --slds-g-color-palette-blue-15:#03234d;
  --slds-g-color-palette-blue-20:#032d60;
  --slds-g-color-palette-blue-30:#014486;
  --slds-g-color-palette-blue-40:#0b5cab;
  --slds-g-color-palette-blue-50:#0176d3;
  --slds-g-color-palette-blue-60:#1b96ff;
  --slds-g-color-palette-blue-65:#57a3fd;
  --slds-g-color-palette-blue-70:#78b0fd;
  --slds-g-color-palette-blue-80:#aacbff;
  --slds-g-color-palette-blue-90:#d8e6fe;
  --slds-g-color-palette-blue-95:#eef4ff;
  --slds-g-color-palette-cloud-blue-10:#001a28;
  --slds-g-color-palette-cloud-blue-15:#0a2636;
  --slds-g-color-palette-cloud-blue-20:#023248;
  --slds-g-color-palette-cloud-blue-30:#084968;
  --slds-g-color-palette-cloud-blue-40:#05628a;
  --slds-g-color-palette-cloud-blue-50:#107cad;
  --slds-g-color-palette-cloud-blue-60:#0d9dda;
  --slds-g-color-palette-cloud-blue-65:#08abed;
  --slds-g-color-palette-cloud-blue-70:#1ab9ff;
  --slds-g-color-palette-cloud-blue-80:#90d0fe;
  --slds-g-color-palette-cloud-blue-90:#cfe9fe;
  --slds-g-color-palette-cloud-blue-95:#eaf5fe;
  --slds-g-color-palette-green-10:#071b12;
  --slds-g-color-palette-green-15:#0c2912;
  --slds-g-color-palette-green-20:#1C3326;
  --slds-g-color-palette-green-30:#194e31;
  --slds-g-color-palette-green-40:#396547;
  --slds-g-color-palette-green-50:#2e844a;
  --slds-g-color-palette-green-60:#3ba755;
  --slds-g-color-palette-green-65:#41b658;
  --slds-g-color-palette-green-70:#45c65a;
  --slds-g-color-palette-green-80:#91db8b;
  --slds-g-color-palette-green-90:#cdefc4;
  --slds-g-color-palette-green-95:#ebf7e6;
  --slds-g-color-palette-hot-orange-10:#281202;
  --slds-g-color-palette-hot-orange-15:#421604;
  --slds-g-color-palette-hot-orange-20:#4A2413;
  --slds-g-color-palette-hot-orange-30:#7e2600;
  --slds-g-color-palette-hot-orange-40:#aa3001;
  --slds-g-color-palette-hot-orange-50:#d83a00;
  --slds-g-color-palette-hot-orange-60:#ff5d2d;
  --slds-g-color-palette-hot-orange-65:#ff784f;
  --slds-g-color-palette-hot-orange-70:#ff906e;
  --slds-g-color-palette-hot-orange-80:#feb9a5;
  --slds-g-color-palette-hot-orange-90:#ffded5;
  --slds-g-color-palette-hot-orange-95:#fef1ed;
  --slds-g-color-palette-indigo-10:#200647;
  --slds-g-color-palette-indigo-15:#1f0974;
  --slds-g-color-palette-indigo-20:#321D71;
  --slds-g-color-palette-indigo-30:#2f2cb7;
  --slds-g-color-palette-indigo-40:#3a49da;
  --slds-g-color-palette-indigo-50:#5867e8;
  --slds-g-color-palette-indigo-60:#7f8ced;
  --slds-g-color-palette-indigo-65:#8e9bef;
  --slds-g-color-palette-indigo-70:#9ea9f1;
  --slds-g-color-palette-indigo-80:#bec7f6;
  --slds-g-color-palette-indigo-90:#e0e5f8;
  --slds-g-color-palette-indigo-95:#f1f3fb;
  --slds-g-color-palette-orange-10:#201600;
  --slds-g-color-palette-orange-15:#371e03;
  --slds-g-color-palette-orange-20:#3e2b02;
  --slds-g-color-palette-orange-30:#5f3e02;
  --slds-g-color-palette-orange-40:#825101;
  --slds-g-color-palette-orange-50:#a96404;
  --slds-g-color-palette-orange-60:#dd7a01;
  --slds-g-color-palette-orange-65:#f38303;
  --slds-g-color-palette-orange-70:#fe9339;
  --slds-g-color-palette-orange-80:#ffba90;
  --slds-g-color-palette-orange-90:#fedfd0;
  --slds-g-color-palette-orange-95:#fff1ea;
  --slds-g-color-palette-pink-10:#370114;
  --slds-g-color-palette-pink-15:#4b0620;
  --slds-g-color-palette-pink-20:#61022a;
  --slds-g-color-palette-pink-30:#8a033e;
  --slds-g-color-palette-pink-40:#b60554;
  --slds-g-color-palette-pink-50:#e3066a;
  --slds-g-color-palette-pink-60:#ff538a;
  --slds-g-color-palette-pink-65:#fe7298;
  --slds-g-color-palette-pink-70:#fe8aa7;
  --slds-g-color-palette-pink-80:#fdb6c5;
  --slds-g-color-palette-pink-90:#fddde3;
  --slds-g-color-palette-pink-95:#fef0f3;
  --slds-g-color-palette-purple-10:#240643;
  --slds-g-color-palette-purple-15:#300b60;
  --slds-g-color-palette-purple-20:#401075;
  --slds-g-color-palette-purple-30:#5a1ba9;
  --slds-g-color-palette-purple-40:#7526e3;
  --slds-g-color-palette-purple-50:#9050e9;
  --slds-g-color-palette-purple-60:#ad7bee;
  --slds-g-color-palette-purple-65:#b78def;
  --slds-g-color-palette-purple-70:#c29ef1;
  --slds-g-color-palette-purple-80:#D7BFF2;
  --slds-g-color-palette-purple-90:#ece1f9;
  --slds-g-color-palette-purple-95:#f6f2fb;
  --slds-g-color-palette-red-10:#300c01;
  --slds-g-color-palette-red-15:#4a0c04;
  --slds-g-color-palette-red-20:#640103;
  --slds-g-color-palette-red-30:#8e030f;
  --slds-g-color-palette-red-40:#ba0517;
  --slds-g-color-palette-red-50:#ea001e;
  --slds-g-color-palette-red-60:#fe5c4c;
  --slds-g-color-palette-red-65:#fe7765;
  --slds-g-color-palette-red-70:#fe8f7d;
  --slds-g-color-palette-red-80:#feb8ab;
  --slds-g-color-palette-red-90:#feded8;
  --slds-g-color-palette-red-95:#fef1ee;
  --slds-g-color-palette-teal-10:#071b12;
  --slds-g-color-palette-teal-15:#072825;
  --slds-g-color-palette-teal-20:#023434;
  --slds-g-color-palette-teal-30:#024d4c;
  --slds-g-color-palette-teal-40:#056764;
  --slds-g-color-palette-teal-50:#0b827c;
  --slds-g-color-palette-teal-60:#06a59a;
  --slds-g-color-palette-teal-65:#03b4a7;
  --slds-g-color-palette-teal-70:#01c3b3;
  --slds-g-color-palette-teal-80:#04e1cb;
  --slds-g-color-palette-teal-90:#acf3e4;
  --slds-g-color-palette-teal-95:#def9f3;
  --slds-g-color-palette-violet-10:#2e0039;
  --slds-g-color-palette-violet-15:#3d0157;
  --slds-g-color-palette-violet-20:#481A54;
  --slds-g-color-palette-violet-30:#730394;
  --slds-g-color-palette-violet-40:#9602c7;
  --slds-g-color-palette-violet-50:#ba01ff;
  --slds-g-color-palette-violet-60:#cb65ff;
  --slds-g-color-palette-violet-65:#d17dfe;
  --slds-g-color-palette-violet-70:#d892fe;
  --slds-g-color-palette-violet-80:#e5b9fe;
  --slds-g-color-palette-violet-90:#f2defe;
  --slds-g-color-palette-violet-95:#f9f0ff;
  --slds-g-color-palette-yellow-10:#281202;
  --slds-g-color-palette-yellow-15:#2e2204;
  --slds-g-color-palette-yellow-20:#4f2100;
  --slds-g-color-palette-yellow-30:#6f3400;
  --slds-g-color-palette-yellow-40:#8c4b02;
  --slds-g-color-palette-yellow-50:#a86403;
  --slds-g-color-palette-yellow-60:#ca8501;
  --slds-g-color-palette-yellow-65:#d79304;
  --slds-g-color-palette-yellow-70:#e4a201;
  --slds-g-color-palette-yellow-80:#fcc003;
  --slds-g-color-palette-yellow-90:#f9e3b6;
  --slds-g-color-palette-yellow-95:#fbf3e0;
  --slds-g-color-palette-neutral-10:#181818;
  --slds-g-color-palette-neutral-15:#242424;
  --slds-g-color-palette-neutral-20:#2e2e2e;
  --slds-g-color-palette-neutral-30:#444444;
  --slds-g-color-palette-neutral-40:#5c5c5c;
  --slds-g-color-palette-neutral-50:#747474;
  --slds-g-color-palette-neutral-60:#939393;
  --slds-g-color-palette-neutral-65:#a0a0a0;
  --slds-g-color-palette-neutral-70:#aeaeae;
  --slds-g-color-palette-neutral-80:#c9c9c9;
  --slds-g-color-palette-neutral-90:#e5e5e5;
  --slds-g-color-palette-neutral-95:#f3f3f3;
  --slds-g-color-palette-neutral-100:#ffffff;
  --slds-g-color-neutral-10-opacity-10:rgba(24, 24, 24, 0.1);
  --slds-g-color-neutral-10-opacity-25:rgba(24, 24, 24, 0.25);
  --slds-g-color-neutral-10-opacity-50:rgba(24, 24, 24, 0.5);
  --slds-g-color-neutral-10-opacity-75:rgba(24, 24, 24, 0.75);
  --slds-g-color-neutral-100-opacity-10:rgba(255, 255, 255, 0.1);
  --slds-g-color-neutral-100-opacity-25:rgba(255, 255, 255, 0.25);
  --slds-g-color-neutral-100-opacity-50:rgba(255, 255, 255, 0.5);
  --slds-g-color-neutral-100-opacity-75:rgba(255, 255, 255, 0.75);
  --slds-g-shadow-outset-focus-1:0 0 0 2px #FFFFFF, 0 0 0 4px #0B5CAB;
  --slds-g-shadow-inset-focus-1:0 0 0 2px #FFFFFF inset, 0 0 0 4px #0B5CAB inset;
  --slds-g-shadow-inset-inverse-focus-1:0 0 0 2px #0B5CAB inset, 0 0 0 4px #FFFFFF inset;
  --slds-g-shadow-outline-focus-1:0 0 0 2px #0B5CAB;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  display:block;
}

audio,
canvas,
progress,
video{
  display:inline-block;
  vertical-align:baseline;
}

audio:not([controls]){
  display:none;
  height:0;
}

template{
  display:none;
}

a{
  background-color:transparent;
}

a:active,
a:hover{
  outline:0;
}

abbr[title]{
  border-bottom:1px dotted;
}

b,
strong{
  font-weight:bold;
}

dfn{
  font-style:italic;
}

h1{
  font-size:2em;
  margin:0.67em 0;
}

mark{
  background:#ff0;
  color:#000;
}

small{
  font-size:80%;
}

sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sup{
  top:-0.5em;
}

sub{
  bottom:-0.25em;
}

img{
  border:0;
}

svg:not(:root){
  overflow:hidden;
}

figure{
  margin:1em 40px;
}

hr{
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  height:0;
}

pre{
  overflow:auto;
}

code,
kbd,
pre,
samp{
  font-family:monospace, monospace;
  font-size:1em;
}

button,
input,
optgroup,
select,
textarea{
  color:inherit;
  font:inherit;
  margin:0;
}

button{
  overflow:visible;
}

button,
select{
  text-transform:none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit]{
  -webkit-appearance:button;
  cursor:pointer;
}

button[disabled],
html input[disabled]{
  cursor:default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
  border:0;
  padding:0;
}

input{
  line-height:normal;
}

input[type=checkbox],
input[type=radio]{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding:0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
  height:auto;
}

input[type=search]{
  -webkit-appearance:textfield;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}

fieldset{
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:0.35em 0.625em 0.75em;
}

legend{
  border:0;
  padding:0;
}

textarea{
  overflow:auto;
}

optgroup{
  font-weight:bold;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

td,
th{
  padding:0;
}

*,
*:before,
*:after{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

::-webkit-input-placeholder{
  color:var(--slds-g-color-neutral-base-50, #747474);
  font-weight:400;
  opacity:1;
}

::-moz-placeholder{
  color:var(--slds-g-color-neutral-base-50, #747474);
  font-weight:400;
  opacity:1;
}

:-ms-input-placeholder{
  color:var(--slds-g-color-neutral-base-50, #747474);
  font-weight:400;
  opacity:1;
}

::-ms-input-placeholder{
  color:var(--slds-g-color-neutral-base-50, #747474);
  font-weight:400;
  opacity:1;
}

::placeholder{
  color:var(--slds-g-color-neutral-base-50, #747474);
  font-weight:400;
  opacity:1;
}

::-moz-selection{
  background:var(--slds-g-color-brand-base-90, #d8e6fe);
  text-shadow:none;
  color:var(--slds-g-color-neutral-base-10, #181818);
}

::selection{
  background:var(--slds-g-color-brand-base-90, #d8e6fe);
  text-shadow:none;
  color:var(--slds-g-color-neutral-base-10, #181818);
}

html{
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size:100%;
  line-height:1.5;
  background:#eef4ff;
  color:var(--slds-g-color-neutral-base-10, #181818);
  -webkit-tap-highlight-color:transparent;
}

body{
  font-size:0.8125rem;
  background:transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
dl,
fieldset{
  margin:0;
  padding:0;
}

dd,
figure{
  margin:0;
}

abbr[title]{
  text-decoration:none;
}

abbr[title],
fieldset,
hr{
  border:0;
}

hr{
  padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-weight:inherit;
  font-size:1em;
}

ol,
ul{
  list-style:none;
}

a{
  color:#0176d3;
  text-decoration:none;
  -webkit-transition:color 0.1s linear;
  transition:color 0.1s linear;
}
a:hover, a:focus{
  text-decoration:underline;
  color:#014486;
}
a:active{
  color:#014486;
}
a:focus-visible{
  outline-color:var(--slds-g-color-palette-blue-40, #0b5cab);
}

a,
button{
  cursor:pointer;
}

b,
strong,
dfn{
  font-weight:700;
}

mark{
  background-color:var(--slds-g-color-palette-yellow-90, #fff03f);
  color:var(--slds-g-color-neutral-base-10, #181818);
}

abbr[title]{
  cursor:help;
}

input[type=search]{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}

table{
  width:100%;
}

caption,
th,
td{
  text-align:left;
}

hr{
  display:block;
  margin:2rem 0;
  border-top:1px solid var(--slds-g-color-border-base-1, #e5e5e5);
  height:1px;
  clear:both;
}

audio,
canvas,
iframe,
img,
svg,
video{
  vertical-align:middle;
}

img{
  max-width:100%;
  height:auto;
}

.slds-modal_form .slds-modal__header,
.slds-modal_form .slds-modal__content:last-child,
.slds-modal--form .slds-modal__header,
.slds-modal--form .slds-modal__content:last-child{
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow:none;
}
.slds-modal_form .slds-modal__container,
.slds-modal--form .slds-modal__container{
  margin:0;
  padding:0;
}
.slds-modal_form .slds-modal__header .slds-text-heading_medium,
.slds-modal_form .slds-modal__header .slds-text-heading--medium,
.slds-modal--form .slds-modal__header .slds-text-heading_medium,
.slds-modal--form .slds-modal__header .slds-text-heading--medium{
  line-height:1.5;
}
.slds-modal_form .slds-modal__header .slds-button,
.slds-modal--form .slds-modal__header .slds-button{
  display:inline-block;
  width:auto;
}
.slds-modal_form .slds-modal__header .slds-button:first-child,
.slds-modal--form .slds-modal__header .slds-button:first-child{
  float:left;
  margin-right:0.5rem;
}
.slds-modal_form .slds-modal__header .slds-button:first-child + .slds-button,
.slds-modal--form .slds-modal__header .slds-button:first-child + .slds-button{
  float:right;
  margin-top:0;
  margin-left:0.5rem;
}

.slds-action-overflow_touch,
.slds-action-overflow--touch{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9001;
}

.slds-action-overflow_touch__container,
.slds-action-overflow--touch__container{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  height:100%;
}

.slds-action-overflow_touch__content,
.slds-action-overflow--touch__content{
  padding-top:33.333%;
  overflow:hidden;
  overflow-y:auto;
}

.slds-action-overflow_touch__body,
.slds-action-overflow--touch__body{
  position:relative;
  top:2rem;
  background:var(--slds-g-color-neutral-base-100, white);
  -webkit-box-shadow:0 -2px 4px rgba(0, 0, 0, 0.07);
          box-shadow:0 -2px 4px rgba(0, 0, 0, 0.07);
}

.slds-action-overflow_touch__footer,
.slds-action-overflow--touch__footer{
  position:relative;
  -ms-flex-negative:0;
      flex-shrink:0;
  border-top:1px solid var(--slds-g-color-border-base-1, #e5e5e5);
  padding:0.75rem 1rem;
  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
  -webkit-box-shadow:0 -2px 4px #f3f3f3;
          box-shadow:0 -2px 4px #f3f3f3;
}
.slds-timeline__media,
.slds-media_timeline,
.slds-media--timeline{
  padding-bottom:1.5rem;
  position:relative;
}
.slds-timeline__media:before,
.slds-media_timeline:before,
.slds-media--timeline:before{
  content:"";
  background:var(--slds-g-color-neutral-base-80, #e5e5e5);
  height:100%;
  width:2px;
  position:absolute;
  left:0.75rem;
  top:2px;
  bottom:0;
  margin-left:1px;
  z-index:-1;
}
.slds-timeline__title{
  position:relative;
}
.slds-timeline__title-content{
  position:relative;
  top:-1px;
  padding-right:1rem;
  background:var(--slds-g-color-neutral-base-100, white);
  z-index:2;
}
.slds-timeline__title:after{
  position:absolute;
  right:0;
  bottom:0.5rem;
  left:0;
  border-bottom:1px dashed var(--slds-g-color-border-base-1, #e5e5e5);
  content:" ";
  z-index:1;
}
.slds-timeline__media_call:before,
.slds-timeline__media--call:before{
  background:#06a59a;
}
.slds-timeline__media_email:before,
.slds-timeline__media--email:before{
  background:#939393;
}
.slds-timeline__media_event:before,
.slds-timeline__media--event:before{
  background:#cb65ff;
}
.slds-timeline__media_task:before,
.slds-timeline__media--task:before{
  background:#3ba755;
}
.slds-timeline__item_expandable{
  position:relative;
  padding-bottom:1rem;
}
.slds-timeline__item_expandable:before{
  content:"";
  background:var(--slds-g-color-neutral-base-80, #e5e5e5);
  height:100%;
  width:2px;
  position:absolute;
  left:2.25rem;
  top:0;
  bottom:0;
  margin-left:1px;
}
.slds-timeline__item_expandable .slds-media__figure{
  margin-right:0.25rem;
  z-index:1;
}
.slds-timeline__item_expandable .slds-media__figure .slds-button_icon{
  margin-right:0.5rem;
}
.slds-timeline__item_expandable .slds-media__body{
  padding:0 0.25rem;
}
.slds-timeline__item_expandable .slds-checkbox{
  margin-right:0.25rem;
}
.slds-timeline__item_expandable .slds-timeline__actions_inline{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-flow:row nowrap;
          flex-flow:row nowrap;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -ms-flex-negative:0;
      flex-shrink:0;
  margin-left:0.5rem;
}
.slds-timeline__item_expandable .slds-timeline__actions_inline .slds-timeline__date{
  padding-right:0.5rem;
  margin-bottom:0;
}
.slds-timeline__item_expandable .slds-timeline__item_details{
  visibility:hidden;
  opacity:0;
  height:0;
  padding:0;
}
.slds-timeline__item_expandable.slds-is-open .slds-timeline__item_details{
  visibility:visible;
  opacity:1;
  height:auto;
  padding:1rem;
}
.slds-timeline__item_expandable.slds-is-open .slds-timeline__details-action-icon{
  -webkit-transform:rotate(0);
          transform:rotate(0);
  -webkit-transform-origin:45%;
          transform-origin:45%;
}
.slds-timeline__item_call:before{
  background:#06a59a;
}
.slds-timeline__item_email:before{
  background:#939393;
}
.slds-timeline__item_event:before{
  background:#cb65ff;
}
.slds-timeline__item_task:before{
  background:#3ba755;
}
.slds-timeline__trigger{
  padding:0.25rem;
}
.slds-timeline__trigger:hover{
  background-color:var(--slds-g-color-neutral-base-95, #f3f3f3);
}
.slds-timeline__icon{
  border:2px solid var(--slds-g-color-neutral-base-100, white);
}
.slds-timeline__actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column nowrap;
          flex-flow:column nowrap;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
}
.slds-timeline__date{
  margin-bottom:0.25rem;
  font-size:0.75rem;
  color:var(--slds-g-color-neutral-base-30, #444444);
}
.slds-timeline__details-action-icon{
  -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);
}
.slds-badge{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:0.25rem 0.5rem;
  color:var(--slds-c-badge-text-color, var(--sds-c-badge-text-color, var(--slds-g-color-neutral-base-10, #181818)));
  font-size:var(--slds-c-badge-font-size, var(--sds-c-badge-font-size, 0.75rem));
  font-weight:700;
  line-height:var(--slds-c-badge-line-height, var(--sds-c-badge-line-height, normal));
  white-space:nowrap;
  border-width:var(--slds-c-badge-sizing-border, var(--sds-c-badge-sizing-border, 1px));
  border-style:solid;
  border-color:var(--slds-c-badge-color-border, var(--sds-c-badge-color-border, transparent));
  border-radius:var(--slds-c-badge-radius-border, var(--sds-c-badge-radius-border, 15rem));
  background-color:var(--slds-c-badge-color-background, var(--sds-c-badge-color-background, var(--slds-g-color-neutral-base-95, #f3f3f3)));
}
.slds-badge + .slds-badge{
  margin-left:0.5rem;
}
.slds-badge:empty{
  padding:0;
}
.slds-badge_inverse{
  /*! @css-var-fallback background-color */
  --slds-c-badge-color-background:var(--slds-c-badge-inverse-color-background, var(--sds-c-badge-inverse-color-background, var(--slds-g-color-neutral-base-50, #747474)));
  /*! @css-var-fallback color */
  --slds-c-badge-text-color:var(--slds-c-badge-inverse-text-color, var(--sds-c-badge-inverse-text-color, var(--slds-g-color-neutral-base-100, white)));
}
.slds-badge_lightest{
  /*! @css-var-fallback background-color */
  --slds-c-badge-color-background:var(--slds-c-badge-lightest-color-background, var(--sds-c-badge-lightest-color-background, var(--slds-g-color-neutral-base-100, white)));
  /*! @css-var-fallback border-color */
  --slds-c-badge-color-border:var(--slds-c-badge-lightest-color-border, var(--sds-c-badge-lightest-color-border, var(--slds-g-color-border-base-1, #e5e5e5)));
}
.slds-badge__icon{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  color:var(--slds-c-badge-icon-color-foreground, var(--sds-c-badge-icon-color-foreground, var(--slds-g-color-neutral-base-50, #747474)));
  line-height:1;
  vertical-align:middle;
}
.slds-badge__icon.slds-badge__icon_inverse{
  /*! @css-var-fallback color */
  --slds-c-badge-icon-color-foreground:var(--slds-c-badge-icon-inverse-color-foreground, currentColor);
}
.slds-badge__icon_left{
  margin-right:0.25rem;
}
.slds-badge__icon_right{
  margin-left:0.25rem;
}
.slds-breadcrumb{
}
.slds-breadcrumb .slds-list__item,
.slds-breadcrumb .slds-breadcrumb__item{
  position:relative;
}
.slds-breadcrumb .slds-list__item:before,
.slds-breadcrumb .slds-breadcrumb__item:before{
  content:">";
  position:absolute;
  left:-0.25rem;
}
.slds-breadcrumb .slds-list__item > a,
.slds-breadcrumb .slds-breadcrumb__item > a{
  display:block;
  padding-top:0;
  padding-right:var(--slds-c-breadcrumbs-spacing-inlineend, var(--slds-c-breadcrumbs-spacing-inline-end, var(--sds-c-breadcrumbs-spacing-inline-end, 0.5rem)));
  padding-bottom:0;
  padding-left:var(--slds-c-breadcrumbs-spacing-inlinestart, var(--slds-c-breadcrumbs-spacing-inline-start, var(--sds-c-breadcrumbs-spacing-inline-start, 0.5rem)));
}
.slds-breadcrumb .slds-list__item > a:hover,
.slds-breadcrumb .slds-breadcrumb__item > a:hover{
  text-decoration:none;
}
.slds-breadcrumb .slds-list__item:first-child > a,
.slds-breadcrumb .slds-breadcrumb__item:first-child > a{
  /*! @css-var-fallback padding-left */
  --slds-c-breadcrumbs-spacing-inline-start:0;
}
.slds-breadcrumb .slds-list__item:first-child:before,
.slds-breadcrumb .slds-breadcrumb__item:first-child:before{
  content:"";
}
.slds-breadcrumb .slds-dropdown-trigger{
  margin-right:var(--slds-c-breadcrumbs-spacing-inlineend, var(--slds-c-breadcrumbs-spacing-inline-end, var(--sds-c-breadcrumbs-spacing-inline-end, 0.5rem)));
}
.slds-button-group-row{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.slds-button-group-row .slds-button-group-item + .slds-button-group-item{
  margin-left:0.25rem;
}
.slds-button-group-row .slds-button-group-item .slds-button{
  margin:0;
}
.slds-button-group,
.slds-button-group-list{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.slds-button-group .slds-button,
.slds-button-group-list .slds-button{
  border-radius:0;
  border-width:1px;
}
.slds-button-group .slds-button:focus,
.slds-button-group-list .slds-button:focus{
  z-index:1;
}

.slds-button-group .slds-button + .slds-button,
.slds-button-group .slds-button + .slds-button_last .slds-button,
.slds-button-group .slds-button + .slds-button--last .slds-button,
.slds-button-group-list li + li .slds-button{
  margin-left:-1px;
}

.slds-button-group .slds-button_brand + .slds-button_last .slds-button_icon-brand,
.slds-button-group .slds-button_brand + .slds-button--last .slds-button_icon-brand,
.slds-button-group-list li:last-child .slds-button_icon-brand{
  -webkit-box-shadow:inset 1px 0 0 var(--slds-g-color-neutral-base-100, white);
          box-shadow:inset 1px 0 0 var(--slds-g-color-neutral-base-100, white);
}
.slds-button-group .slds-button_brand + .slds-button_last .slds-button_icon-brand:focus,
.slds-button-group .slds-button_brand + .slds-button--last .slds-button_icon-brand:focus,
.slds-button-group-list li:last-child .slds-button_icon-brand:focus{
  -webkit-box-shadow:var(--slds-g-shadow-outset-focus-1);
          box-shadow:var(--slds-g-shadow-outset-focus-1);
}

.slds-button-group-list li:first-child .slds-button,
.slds-button-group .slds-button:first-child{
  border-radius:0.25rem 0 0 0.25rem;
}
.slds-button-group .slds-button:last-child,
.slds-button-group-list li:last-child .slds-button,
.slds-button-group .slds-button_last .slds-button,
.slds-button-group .slds-button--last .slds-button,
.slds-button-group .slds-button.slds-button_last,
.slds-button-group .slds-button.slds-button--last,
.slds-button-group .slds-button_last .slds-button:only-child,
.slds-button-group .slds-button--last .slds-button:only-child,
.slds-button-group .slds-button.slds-button_last,
.slds-button-group .slds-button.slds-button--last{
  border-radius:0 0.25rem 0.25rem 0;
}

.slds-button-group .slds-button:only-child,
.slds-button-group-list li:only-child .slds-button{
  border-radius:0.25rem;
}
.slds-button.slds-button_first.slds-button_first{
  border-right:0;
  border-radius:0.25rem 0 0 0.25rem;
}
.slds-button.slds-button_middle.slds-button_middle{
  border-radius:0;
  margin-left:-1px;
}
.slds-button.slds-button_last.slds-button_last{
  border-radius:0 0.25rem 0.25rem 0;
  margin-left:-1px;
}

.slds-button-group + .slds-button-group,
.slds-button-group + .slds-button-group-list,
.slds-button-group + .slds-button,
.slds-button-group-list + .slds-button-group-list,
.slds-button-group-list + .slds-button-group,
.slds-button-group-list + .slds-button{
  margin-left:0.25rem;
}
.slds-button-space-left{
  margin-left:0.25rem;
}
.slds-button_small,
.slds-button--small{
  line-height:1.75rem;
  min-height:2rem;
}
.slds-button{
  position:relative;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding-top:var(--slds-c-button-spacing-blockstart, var(--slds-c-button-spacing-block-start, var(--sds-c-button-spacing-block-start, 0)));
  padding-right:var(--slds-c-button-spacing-inlineend, var(--slds-c-button-spacing-inline-end, var(--sds-c-button-spacing-inline-end, 0)));
  padding-bottom:var(--slds-c-button-spacing-blockend, var(--slds-c-button-spacing-block-end, var(--sds-c-button-spacing-block-end, 0)));
  padding-left:var(--slds-c-button-spacing-inlinestart, var(--slds-c-button-spacing-inline-start, var(--sds-c-button-spacing-inline-start, 0)));
  background:none;
  background-color:var(--slds-c-button-color-background, var(--sds-c-button-color-background, transparent));
  background-clip:border-box;
  border-color:var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent));
  border-style:solid;
  border-width:var(--slds-c-button-sizing-border, var(--sds-c-button-sizing-border, 1px));
  border-radius:var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem));
  -webkit-box-shadow:var(--slds-c-button-shadow, var(--sds-c-button-shadow));
          box-shadow:var(--slds-c-button-shadow, var(--sds-c-button-shadow));
  line-height:var(--slds-c-button-line-height, var(--sds-c-button-line-height, 1.875rem));
  text-decoration:none;
  color:var(--slds-c-button-text-color, var(--sds-c-button-text-color, #0176d3));
  -webkit-appearance:none;
  white-space:normal;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.slds-button:hover, .slds-button:focus, .slds-button:active, .slds-button:visited{
  text-decoration:none;
}
.slds-button:hover, .slds-button:focus{
  --slds-c-button-color-border:var(--slds-c-button-color-border-hover);
  --slds-c-button-color-background:var(--slds-c-button-color-background-hover);
  color:var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, #014486));
}
.slds-button:focus{
  -webkit-box-shadow:var(--slds-c-button-shadow-focus, var(--sds-c-button-shadow-focus, var(--slds-g-shadow-outline-focus-1)));
          box-shadow:var(--slds-c-button-shadow-focus, var(--sds-c-button-shadow-focus, var(--slds-g-shadow-outline-focus-1)));
  outline:0;
}
.slds-button:active{
  color:var(--slds-c-button-text-color-active, var(--sds-c-button-text-color-active, #014486));
  background-color:var(--slds-c-button-color-background-active);
  border-color:var(--slds-c-button-color-border-active);
}
.slds-button[disabled], .slds-button:disabled{
  background-color:transparent;
  border-color:transparent;
  color:var(--slds-g-color-neutral-base-80, #c9c9c9);
  cursor:default;
}
.slds-button[disabled] *, .slds-button:disabled *{
  pointer-events:none;
}
.slds-button a{
  /*! @css-var-fallback color */
  --slds-c-button-text-color:currentColor;
}
.slds-button:hover .slds-button__icon, .slds-button:focus .slds-button__icon, .slds-button:active .slds-button__icon, .slds-button[disabled] .slds-button__icon, .slds-button:disabled .slds-button__icon{
  fill:currentColor;
  pointer-events:none;
}
.slds-button + .slds-button-group,
.slds-button + .slds-button-group-list{
  margin-left:0.25rem;
}
.slds-button + .slds-button{
  margin-left:0.25rem;
}

a.slds-button{
  text-align:center;
}
a.slds-button:focus{
  /*! @css-var-fallback box-shadow */
  --slds-c-button-shadow-focus:var(--sds-c-button-shadow-focus, var(--slds-g-shadow-outline-focus-1));
}

a.slds-button_brand:hover,
a.slds-button--brand:hover,
a.slds-button_brand:focus,
a.slds-button--brand:focus{
  color:var(--slds-c-button-brand-text-color-hover, var(--sds-c-button-brand-text-color-hover, var(--slds-g-link-text-color-hover, var(--slds-g-color-neutral-base-100, white))));
}

a.slds-button_destructive:hover,
a.slds-button--destructive:hover,
a.slds-button_destructive:focus,
a.slds-button--destructive:focus{
  color:var(--slds-c-button-destructive-text-color, var(--sds-c-button-destructive-text-color, var(--slds-g-color-neutral-base-100, white)));
}

a.slds-button_text-destructive:hover,
a.slds-button_text-destructive:focus{
  color:var(--slds-c-button-text-destructive-text-color-hover, var(--sds-c-button-text-destructive-text-color-hover, var(--slds-g-color-error-base-30, #ba0517)));
}

a.slds-button_success:hover,
a.slds-button--success:hover,
a.slds-button_success:focus,
a.slds-button--success:focus{
  color:var(--slds-c-button-success-text-color-hover, var(--sds-c-button-success-text-color-hover, var(--slds-g-color-neutral-base-100, white)));
}

a.slds-button_inverse:focus,
a.slds-button--inverse:focus{
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border:var(--slds-c-button-inverse-color-border-focus, var(--sds-c-button-inverse-color-border-focus,
    var(--slds-g-color-neutral-base-100, #f3f3f3)));
  /*! @css-var-fallback box-shadow */
  --slds-c-button-shadow:var(--slds-s-button-shadow-focus-inverse, var(--slds-c-button-inverse-shadow-focus, var(--sds-c-button-inverse-shadow-focus, 0 0 3px #f3f3f3)));
  outline:none;
}
.slds-button_reset,
.slds-button--reset{
  font-size:inherit;
  color:inherit;
  line-height:inherit;
  padding:0;
  background:transparent;
  border:0;
  text-align:inherit;
}
.slds-button_neutral,
.slds-button--neutral{
  /*! @css-var-fallback padding-left */
  --slds-c-button-spacing-inlinestart:var(--slds-c-button-neutral-spacing-inlinestart, var(--slds-c-button-neutral-spacing-inline-start, var(--sds-c-button-neutral-spacing-inline-start, 1rem)));
  /*! @css-var-fallback padding-right */
  --slds-c-button-spacing-inlineend:var(--slds-c-button-neutral-spacing-inlineend, var(--slds-c-button-neutral-spacing-inline-end, var(--sds-c-button-neutral-spacing-inline-end, 1rem)));
  text-align:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background:var(--slds-c-button-neutral-color-background, var(--sds-c-button-neutral-color-background, var(--slds-g-color-neutral-base-100, white)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border:var(--slds-c-button-neutral-color-border, var(--sds-c-button-neutral-color-border, var(--slds-g-color-border-base-4, #c9c9c9)));
}
.slds-button_neutral:hover, .slds-button_neutral:focus,
.slds-button--neutral:hover,
.slds-button--neutral:focus{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-hover:var(--slds-c-button-neutral-color-background-hover, var(--sds-c-button-neutral-color-background-hover, var(--slds-g-color-neutral-base-95, #f3f3f3)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-hover:var(--slds-c-button-neutral-color-border-hover, var(--sds-c-button-neutral-color-border-hover, var(--slds-g-color-border-base-4, #c9c9c9)));
}
.slds-button_neutral:active,
.slds-button--neutral:active{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-active:var(--slds-c-button-neutral-color-background-active, var(--sds-c-button-neutral-color-background-active, var(--slds-g-color-neutral-base-95, #f3f3f3)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-active:var(--slds-c-button-neutral-color-border-active, var(--sds-c-button-neutral-color-border-active, var(--slds-g-color-border-base-4, #c9c9c9)));
}
.slds-button_neutral[disabled], .slds-button_neutral:disabled,
.slds-button--neutral[disabled],
.slds-button--neutral:disabled{
  background-color:var(--slds-g-color-neutral-base-100, white);
  border-color:var(--slds-g-color-border-base-1, #c9c9c9);
}
.slds-button_brand,
.slds-button--brand{
  /*! @css-var-fallback padding-left */
  --slds-c-button-spacing-inlinestart:var(--slds-c-button-brand-spacing-inlinestart, var(--slds-c-button-brand-spacing-inline-start, var(--sds-c-button-brand-spacing-inline-start, 1rem)));
  /*! @css-var-fallback padding-right */
  --slds-c-button-spacing-inlineend:var(--slds-c-button-brand-spacing-inlineend, var(--slds-c-button-brand-spacing-inline-end, var(--sds-c-button-brand-spacing-inline-end, 1rem)));
  text-align:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background:var(--slds-c-button-brand-color-background, var(--sds-c-button-brand-color-background, #0176d3));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border:var(--slds-c-button-brand-color-border, var(--sds-c-button-brand-color-border, #0176d3));
  /*! @css-var-fallback color */
  --slds-c-button-text-color:var(--slds-c-button-brand-text-color, var(--sds-c-button-brand-text-color, var(--slds-g-color-neutral-base-100, white)));
}
.slds-button_brand:hover, .slds-button_brand:focus,
.slds-button--brand:hover,
.slds-button--brand:focus{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-hover:var(--slds-c-button-brand-color-background-hover, var(--sds-c-button-brand-color-background-hover, #014486));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-hover:var(--slds-c-button-brand-color-border-hover, var(--sds-c-button-brand-color-border-hover, #014486));
  /*! @css-var-fallback color */
  --slds-c-button-text-color-hover:var(--slds-c-button-brand-text-color-hover, var(--sds-c-button-brand-text-color-hover, var(--slds-g-link-text-color-hover, white)));
}
.slds-button_brand:active,
.slds-button--brand:active{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-active:var(--slds-c-button-brand-color-background-active, var(--sds-c-button-brand-color-background-active, #014486));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-active:var(--slds-c-button-brand-color-border-active, var(--sds-c-button-brand-color-border-active, #014486));
  /*! @css-var-fallback color */
  --slds-c-button-text-color-active:var(--slds-c-button-brand-text-color-active, var(--sds-c-button-brand-text-color-active, var(--slds-g-color-neutral-base-100, white)));
}
.slds-button_brand[disabled], .slds-button_brand:disabled,
.slds-button--brand[disabled],
.slds-button--brand:disabled{
  background-color:var(--slds-g-color-neutral-base-80, #c9c7c5);
  border-color:var(--slds-g-color-neutral-base-80, #c9c7c5);
  color:var(--slds-g-color-neutral-base-100, white);
}
.slds-button_outline-brand{
  /*! @css-var-fallback padding-left */
  --slds-c-button-spacing-inlinestart:var(--slds-c-button-outline-brand-spacing-inlinestart, var(--slds-c-button-outline-brand-spacing-inline-start, var(--sds-c-button-outline-brand-spacing-inline-start, 1rem)));
  /*! @css-var-fallback padding-right */
  --slds-c-button-spacing-inlineend:var(--slds-c-button-outline-brand-spacing-inlineend, var(--slds-c-button-outline-brand-spacing-inline-end, var(--sds-c-button-outline-brand-spacing-inline-end, 1rem)));
  text-align:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background:var(--slds-c-button-outline-brand-color-background, var(--sds-c-button-outline-brand-color-background, var(--slds-g-color-neutral-base-100, white)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border:var(--slds-c-button-outline-brand-color-border, var(--sds-c-button-outline-brand-color-border, #0176d3));
}
.slds-button_outline-brand:hover, .slds-button_outline-brand:focus{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-hover:var(--slds-c-button-outline-brand-color-background-hover, var(--sds-c-button-outline-brand-color-background-hover, var(--slds-g-color-neutral-base-95, #f3f3f3)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-hover:var(--slds-c-button-outline-brand-color-border-hover, var(--sds-c-button-outline-brand-color-border-hover, #0176d3));
}
.slds-button_outline-brand:active{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-active:var(--slds-c-button-outline-brand-color-background-active, var(--sds-c-button-outline-brand-color-background-active, var(--slds-g-color-neutral-base-95, #f3f3f3)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-active:var(--slds-c-button-outline-brand-color-border-active, var(--sds-c-button-outline-brand-color-border-active, #0176d3));
}
.slds-button_outline-brand[disabled], .slds-button_outline-brand:disabled{
  background-color:var(--slds-g-color-neutral-base-100, white);
  border-color:var(--slds-g-color-border-base-1, #c9c9c9);
}
.slds-button_inverse,
.slds-button--inverse{
  /*! @css-var-fallback padding-left */
  --slds-c-button-spacing-inlinestart:var(--slds-c-button-inverse-spacing-inlinestart, var(--slds-c-button-inverse-spacing-inline-start, var(--sds-c-button-inverse-spacing-inline-start, 1rem)));
  /*! @css-var-fallback padding-right */
  --slds-c-button-spacing-inlineend:var(--slds-c-button-inverse-spacing-inlineend, var(--slds-c-button-inverse-spacing-inline-end, var(--sds-c-button-inverse-spacing-inline-end, 1rem)));
  text-align:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background:var(--slds-c-button-inverse-color-background, var(--sds-c-button-inverse-color-background, transparent));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border:var(--slds-c-button-inverse-color-border, var(--sds-c-button-inverse-color-border, var(--slds-g-color-border-base-4, #c9c9c9)));
}
.slds-button_inverse:hover, .slds-button_inverse:focus,
.slds-button--inverse:hover,
.slds-button--inverse:focus{
  /*! @css-var-fallback border-color */
  --slds-c-button-color-background-hover:var(--slds-c-button-inverse-color-background-hover, var(--sds-c-button-inverse-color-background-hover, var(--slds-g-color-neutral-base-95, #f3f3f3)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-hover:var(--slds-c-button-inverse-color-border-hover, var(--sds-c-button-inverse-color-border-hover, var(--slds-g-color-border-base-4, #c9c9c9)));
}
.slds-button_inverse:focus,
.slds-button--inverse:focus{
  -webkit-box-shadow:var(--slds-g-shadow-inset-focus-1, 0 0 3px #0176d3);
          box-shadow:var(--slds-g-shadow-inset-focus-1, 0 0 3px #0176d3);
}
.slds-button_inverse:active,
.slds-button--inverse:active{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-active:var(--slds-c-button-inverse-color-background-active, var(--sds-c-button-inverse-color-background-active, var(--slds-g-color-neutral-base-95, #f3f3f3)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-active:var(--slds-c-button-inverse-color-border-active, var(--sds-c-button-inverse-color-border-active, var(--slds-g-color-border-base-4, #c9c9c9)));
}
.slds-button_inverse[disabled], .slds-button_inverse:disabled,
.slds-button--inverse[disabled],
.slds-button--inverse:disabled{
  background-color:transparent;
  border-color:var(--slds-g-color-neutral-100-opacity-10, rgba(255, 255, 255, 0.15));
}

.slds-button_inverse, .slds-button_inverse:link, .slds-button_inverse:visited,
.slds-button--inverse,
.slds-button--inverse:link,
.slds-button--inverse:visited,
.slds-button_icon-border-inverse,
.slds-button_icon-border-inverse:link,
.slds-button_icon-border-inverse:visited,
.slds-button--icon-border-inverse,
.slds-button--icon-border-inverse:link,
.slds-button--icon-border-inverse:visited{
  /*! @css-var-fallback color */
  --slds-c-button-text-color:var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--slds-g-color-neutral-base-100, #f3f3f3)));
}
.slds-button_inverse:hover, .slds-button_inverse:focus,
.slds-button--inverse:hover,
.slds-button--inverse:focus,
.slds-button_icon-border-inverse:hover,
.slds-button_icon-border-inverse:focus,
.slds-button--icon-border-inverse:hover,
.slds-button--icon-border-inverse:focus{
  /*! @css-var-fallback color */
  --slds-c-button-text-color-hover:var(--slds-c-button-inverse-text-color-hover, var(--sds-c-button-inverse-text-color-hover, var(--slds-g-link-color, #0176d3)));
}
.slds-button_inverse:focus,
.slds-button--inverse:focus,
.slds-button_icon-border-inverse:focus,
.slds-button--icon-border-inverse:focus{
  /*! @css-var-fallback box-shadow */
  --slds-c-button-shadow:var(--sds-c-button-inverse-shadow-focus, var(--sds-c-button-inverse-shadow-focus, 0 0 3px #f3f3f3));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border:var(--slds-g-color-neutral-base-100, #f3f3f3);
  outline:none;
}
.slds-button_inverse:active,
.slds-button--inverse:active,
.slds-button_icon-border-inverse:active,
.slds-button--icon-border-inverse:active{
  /*! @css-var-fallback color */
  --slds-c-button-text-color-active:var(--slds-c-button-inverse-text-color-active, var(--sds-c-button-inverse-text-color-active, var(--slds-g-link-color, #0176d3)));
}
.slds-button_inverse[disabled], .slds-button_inverse:disabled,
.slds-button--inverse[disabled],
.slds-button--inverse:disabled,
.slds-button_icon-border-inverse[disabled],
.slds-button_icon-border-inverse:disabled,
.slds-button--icon-border-inverse[disabled],
.slds-button--icon-border-inverse:disabled{
  color:var(--slds-g-color-neutral-100-opacity-50, rgba(255, 255, 255, 0.5));
}
.slds-button_destructive,
.slds-button--destructive{
  /*! @css-var-fallback padding-left */
  --slds-c-button-spacing-inlinestart:var(--slds-c-button-destructive-spacing-inlinestart, var(--slds-c-button-destructive-spacing-inline-start, var(--sds-c-button-destructive-spacing-inline-start, 1rem)));
  /*! @css-var-fallback padding-right */
  --slds-c-button-spacing-inlineend:var(--slds-c-button-destructive-spacing-inlineend, var(--slds-c-button-destructive-spacing-inline-end, var(--sds-c-button-destructive-spacing-inline-end, 1rem)));
  text-align:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-transition:border 0.15s linear;
  transition:border 0.15s linear;
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background:var(--slds-c-button-destructive-color-background, var(--sds-c-button-destructive-color-background, var(--slds-g-color-error-base-40, #ba0517)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border:var(--slds-c-button-destructive-color-border, var(--sds-c-button-destructive-color-border, var(--slds-g-color-error-base-40, #ba0517)));
  /*! @css-var-fallback color */
  --slds-c-button-text-color:var(--slds-c-button-destructive-text-color,
    var(--sds-c-button-destructive-text-color, var(--slds-g-color-neutral-base-100, white)));
}
.slds-button_destructive:hover, .slds-button_destructive:focus,
.slds-button--destructive:hover,
.slds-button--destructive:focus{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-hover:var(--slds-c-button-destructive-color-background-hover, var(--sds-c-button-destructive-color-background-hover, var(--slds-g-color-error-base-30, #8e030f)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-hover:var(--slds-c-button-destructive-color-border-hover, var(--sds-c-button-destructive-color-border-hover));
  /*! @css-var-fallback color */
  --slds-c-button-text-color-hover:var(--slds-c-button-destructive-text-color-hover, var(--sds-c-button-destructive-text-color-hover, var(--slds-g-color-neutral-base-100, white)));
}
.slds-button_destructive:active,
.slds-button--destructive:active{
  /*! @css-var-fallback background-color */
  --slds-c-button-color-background-active:var(--slds-c-button-destructive-color-background-active, var(--sds-c-button-destructive-color-background-active, var(--slds-g-color-error-base-30, #8e030f)));
  /*! @css-var-fallback border-color */
  --slds-c-button-color-border-active:var(--slds-c-button-destructive-color-border-active, var(--sds-c-button-destructive-color-border-active, var(--slds-g-color-error-base-30, #8e030f)));
  /*! @css-var-fallback color */
  --slds-c-button-text-color-active:var(--slds-c-button-destructive-text-color-active, var(--sds-c-button-destructive-text-color-active, var(--slds-g-color-neutral-base-100, white)));
}
.slds-button_destructive[disabled], .slds-button_destructive:disabled,
.slds-button--destructive[disabled],
.slds-button--destructive:disabled{
  background-color:var(--slds-g-color-neutral-base-80, #c9c7c5);
  border-color:var(--slds-g-color-neutral-base-80, #c9c7c5);
  color:var(--slds-g-color-neutral-base-100, white);
}
.slds-button_text-destructive{
  /*! @css-var-