UNPKG

@salesforce-ux/design-system

Version:
1,665 lines (1,589 loc) 521 kB
/*! Lightning Design System 2.29.1 */ @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 */ 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; } 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, input[type="button"], input[type="reset"], input[type="submit"]{ -webkit-appearance:button; cursor:pointer; } button[disabled], 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, rgb(116, 116, 116)); font-weight:400; opacity:1; } ::-moz-placeholder{ color:var(--slds-g-color-neutral-base-50, rgb(116, 116, 116)); font-weight:400; opacity:1; } :-ms-input-placeholder{ color:var(--slds-g-color-neutral-base-50, rgb(116, 116, 116)); font-weight:400; opacity:1; } ::-ms-input-placeholder{ color:var(--slds-g-color-neutral-base-50, rgb(116, 116, 116)); font-weight:400; opacity:1; } ::placeholder{ color:var(--slds-g-color-neutral-base-50, rgb(116, 116, 116)); font-weight:400; opacity:1; } ::-moz-selection{ background-color:Highlight; text-shadow:none; color:HighlightText; } ::selection{ background-color:Highlight; text-shadow:none; color:HighlightText; } 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:rgb(11, 92, 171); text-decoration:none; -webkit-transition:color 0.1s linear; transition:color 0.1s linear; } a:hover, a:focus{ text-decoration:underline; color:rgb(1, 68, 134); } a:active{ color:rgb(1, 68, 134); } a:focus-visible{ outline-color:var(--slds-g-color-palette-blue-40, rgb(11, 92, 171)); } a, button{ cursor:pointer; } b, strong, dfn{ font-weight:700; } mark{ background-color:var(--slds-g-color-palette-yellow-90, rgb(255, 240, 63)); color:var(--slds-g-color-neutral-base-10, rgb(24, 24, 24)); } 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, rgb(229, 229, 229)); height:1px; clear:both; } audio, canvas, iframe, img, svg, video{ vertical-align:middle; } img{ max-width:100%; height:auto; } .slds-accordion{ position:relative; } .slds-accordion__list-item{ border-top-width:var( --slds-c-accordion-section-sizing-border, var(--slds-c-accordion-sizing-border, var(--sds-c-accordion-sizing-border, 1px)) ); border-top-style:solid; border-top-color:var( --slds-c-accordion-section-color-border, var( --slds-c-accordion-color-border, var(--sds-c-accordion-color-border, var(--slds-g-color-border-base-1, rgb(229, 229, 229))) ) ); } .slds-accordion__list-item:first-child{ border-top:0; } .slds-accordion__summary{ --_slds-c-accordion-section-spacing-block-start-deprecated:var( --slds-c-accordion-section-spacing-blockstart, var(--sds-c-accordion-section-spacing-block-start) ); --_slds-c-accordion-section-spacing-inline-end-deprecated:var( --slds-c-accordion-section-spacing-inlineend, var(--sds-c-accordion-section-spacing-inline-end) ); --_slds-c-accordion-section-spacing-block-end-deprecated:var( --slds-c-accordion-section-spacing-blockend, var(--sds-c-accordion-section-spacing-block-end) ); --_slds-c-accordion-section-spacing-inline-start-deprecated:var( --slds-c-accordion-section-spacing-inlinestart, var(--sds-c-accordion-section-spacing-inline-start) ); display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:calc( var( --slds-c-accordion-section-spacing-block-start, var(--_slds-c-accordion-section-spacing-block-start-deprecated, 0.75rem) ) * -1 ); margin-right:calc( var( --slds-c-accordion-section-spacing-inline-end, var(--_slds-c-accordion-section-spacing-inline-end-deprecated, 0.75rem) ) * -1 ); margin-bottom:calc( var( --slds-c-accordion-section-spacing-block-end, var(--_slds-c-accordion-section-spacing-block-end-deprecated, 0.75rem) ) * -1 ); margin-left:calc( var( --slds-c-accordion-section-spacing-inline-start, var(--_slds-c-accordion-section-spacing-inline-start-deprecated, 0.75rem) ) * -1 ); padding-top:var( --slds-c-accordion-section-spacing-block-start, var(--slds-c-accordion-section-spacing-blockstart, var(--sds-c-accordion-section-spacing-block-start, 0.75rem)) ); padding-right:var( --slds-c-accordion-section-spacing-inline-end, var(--slds-c-accordion-section-spacing-inlineend, var(--sds-c-accordion-section-spacing-inline-end, 0.75rem)) ); padding-bottom:var( --slds-c-accordion-section-spacing-block-end, var(--slds-c-accordion-section-spacing-blockend, var(--sds-c-accordion-section-spacing-block-end, 0.75rem)) ); padding-left:var( --slds-c-accordion-section-spacing-inline-start, var(--slds-c-accordion-section-spacing-inlinestart, var(--sds-c-accordion-section-spacing-inline-start, 0.75rem)) ); background-color:var( --slds-c-accordion-summary-color-background, var(--sds-c-accordion-summary-color-background, transparent) ); } .slds-accordion__summary .slds-dropdown-trigger .slds-button{ margin-left:0.75rem; } .slds-accordion__summary-heading{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; min-width:0; color:var( --slds-c-accordion-heading-color, var( --slds-c-accordion-heading-text-color, var(--sds-c-accordion-heading-text-color, var(--slds-g-color-neutral-base-10, rgb(24, 24, 24))) ) ); font-size:var(--slds-c-accordion-heading-font-size, var(--sds-c-accordion-heading-font-size, 1rem)); line-height:var( --slds-c-accordion-heading-line-height, var(--slds-c-accordion-heading-font-lineheight, var(--sds-c-accordion-heading-line-height, 1.25)) ); } .slds-accordion__summary-heading .slds-button:focus{ -webkit-box-shadow:inset var(--slds-g-shadow-outline-focus-1); box-shadow:inset var(--slds-g-shadow-outline-focus-1); } .slds-accordion__summary-action{ --_slds-c-accordion-section-spacing-block-start-deprecated:var( --slds-c-accordion-section-spacing-blockstart, var(--sds-c-accordion-section-spacing-block-start) ); --_slds-c-accordion-section-spacing-inline-end-deprecated:var( --slds-c-accordion-section-spacing-inlineend, var(--sds-c-accordion-section-spacing-inline-end) ); --_slds-c-accordion-section-spacing-block-end-deprecated:var( --slds-c-accordion-section-spacing-blockend, var(--sds-c-accordion-section-spacing-block-end) ); --_slds-c-accordion-section-spacing-inline-start-deprecated:var( --slds-c-accordion-section-spacing-inlinestart, var(--sds-c-accordion-section-spacing-inline-start) ); display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-width:0; margin-top:calc( var( --slds-c-accordion-section-spacing-block-start, var(--_slds-c-accordion-section-spacing-block-start-deprecated, 0.75rem) ) * -1 ); margin-right:calc( var( --slds-c-accordion-section-spacing-inline-end, var(--_slds-c-accordion-section-spacing-inline-end-deprecated, 0.75rem) ) * -1 ); margin-bottom:calc( var( --slds-c-accordion-section-spacing-block-end, var(--_slds-c-accordion-section-spacing-block-end-deprecated, 0.75rem) ) * -1 ); margin-left:calc( var( --slds-c-accordion-section-spacing-inline-start, var(--_slds-c-accordion-section-spacing-inline-start-deprecated, 0.75rem) ) * -1 ); padding-top:var( --slds-c-accordion-section-spacing-block-start, var(--slds-c-accordion-section-spacing-blockstart, var(--sds-c-accordion-section-spacing-block-start, 0.75rem)) ); padding-right:var( --slds-c-accordion-section-spacing-inline-end, var(--slds-c-accordion-section-spacing-inlineend, var(--sds-c-accordion-section-spacing-inline-end, 0.75rem)) ); padding-bottom:var( --slds-c-accordion-section-spacing-block-end, var(--slds-c-accordion-section-spacing-blockend, var(--sds-c-accordion-section-spacing-block-end, 0.75rem)) ); padding-left:var( --slds-c-accordion-section-spacing-inline-start, var(--slds-c-accordion-section-spacing-inlinestart, var(--sds-c-accordion-section-spacing-inline-start, 0.75rem)) ); } .slds-accordion__summary-action:hover, .slds-accordion__summary-action:focus{ color:var( --slds-c-accordion-heading-text-color-hover, var(--sds-c-accordion-heading-text-color-hover, rgb(1, 68, 134)) ); } .slds-accordion__summary-action-icon{ -ms-flex-negative:0; flex-shrink:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); } [dir="rtl"] .slds-accordion__summary-action-icon{ -webkit-transform:rotate(90deg); transform:rotate(90deg); } @media (min-width: 64em){ .slds-accordion__summary-content{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } } .slds-accordion__section{ padding-top:var( --slds-c-accordion-section-spacing-block-start, var(--slds-c-accordion-section-spacing-blockstart, var(--sds-c-accordion-section-spacing-block-start, 0.75rem)) ); padding-right:var( --slds-c-accordion-section-spacing-inline-end, var(--slds-c-accordion-section-spacing-inlineend, var(--sds-c-accordion-section-spacing-inline-end, 0.75rem)) ); padding-bottom:var( --slds-c-accordion-section-spacing-block-end, var(--slds-c-accordion-section-spacing-blockend, var(--sds-c-accordion-section-spacing-block-end, 0.75rem)) ); padding-left:var( --slds-c-accordion-section-spacing-inline-start, var(--slds-c-accordion-section-spacing-inlinestart, var(--sds-c-accordion-section-spacing-inline-start, 0.75rem)) ); } .slds-accordion__content{ overflow:hidden; visibility:hidden; opacity:0; height:0; } .slds-is-open > .slds-accordion__summary{ margin-bottom:0; } .slds-is-open > .slds-accordion__summary .slds-accordion__summary-action-icon{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } .slds-is-open > .slds-accordion__content{ overflow:visible; visibility:visible; opacity:1; height:auto; } .slds-avatar{ width:2rem; height:2rem; overflow:hidden; display:inline-block; vertical-align:middle; border-radius:var(--slds-c-avatar-radius-border, var(--sds-c-avatar-radius-border, 0.25rem)); line-height:1; font-size:0.875rem; color:var( --slds-c-avatar-text-color, var(--sds-c-avatar-text-color, var(--slds-g-color-neutral-base-100, rgb(255, 255, 255))) ); } .slds-avatar:hover, .slds-avatar:focus:hover{ color:var(--slds-c-avatar-text-color-hover, currentColor); } .slds-avatar:focus{ -webkit-box-shadow:var(--slds-g-shadow-outset-focus-1); box-shadow:var(--slds-g-shadow-outset-focus-1); outline:0; } .slds-avatar.slds-avatar_group-image-small{ background:url("../images/group_avatar_96.png") top left/cover no-repeat; } .slds-avatar.slds-avatar_group-image-medium{ background:url("../images/group_avatar_160.png") top left/cover no-repeat; } .slds-avatar.slds-avatar_group-image-large{ background:url("../images/group_avatar_200.png") top left/cover no-repeat; } .slds-avatar.slds-avatar_profile-image-small{ background:url("../images/profile_avatar_96.png") top left/cover no-repeat; } .slds-avatar.slds-avatar_profile-image-medium{ background:url("../images/profile_avatar_160.png") top left/cover no-repeat; } .slds-avatar.slds-avatar_profile-image-large{ background:url("../images/profile_avatar_200.png") top left/cover no-repeat; } .slds-avatar_x-small{ width:1.25rem; height:1.25rem; font-size:0.625rem; } .slds-avatar_x-small .slds-icon{ width:1.25rem; height:1.25rem; } .slds-avatar_small{ width:1.5rem; height:1.5rem; font-size:0.625rem; } .slds-avatar_small .slds-icon{ width:1.5rem; height:1.5rem; } .slds-avatar_medium{ width:2rem; height:2rem; font-size:0.875rem; } .slds-avatar_medium .slds-icon{ width:2rem; height:2rem; } .slds-avatar_large{ width:3rem; height:3rem; font-size:1.125rem; line-height:1.25; } .slds-avatar_large .slds-icon{ width:3rem; height:3rem; } .slds-avatar_circle{ border-radius:50%; } .slds-avatar_empty{ border:1px dashed var(--slds-g-color-border-base-1, rgb(229, 229, 229)); } .slds-avatar__initials{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack:center; align-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:auto; color:var(--slds-c-avatar-initials-text-color, var(--sds-c-avatar-initials-text-color)); height:100%; text-shadow:0 0 1px var(--slds-g-color-neutral-10-opacity-75, rgba(0, 0, 0, 0.8)); } .slds-avatar__initials[title]{ cursor:default; text-decoration:none; } .slds-avatar__initials:hover{ color:var( --slds-c-avatar-initials-text-color-hover, var(--sds-c-avatar-initials-text-color-hover, var(--slds-g-color-neutral-base-100, rgb(255, 255, 255))) ); cursor:default; } .slds-avatar__initials_inverse{ /*! @css-var-fallback color */ --slds-c-avatar-initials-text-color:var( --slds-c-avatar-inverse-text-color, var(--slds-c-avatar-initials-inverse-text-color, var(--slds-g-color-neutral-base-30, rgb(68, 68, 68))) ); background-color:var(--slds-g-color-neutral-base-95, rgb(243, 243, 243)); text-shadow:none; } .slds-avatar__initials_inverse:hover{ /*! @css-var-fallback color */ --slds-c-avatar-initials-text-color-hover:var( --slds-c-avatar-inverse-text-color, var(--slds-c-avatar-initials-inverse-text-color-hover, var(--slds-g-color-neutral-base-30, rgb(68, 68, 68))) ); } .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, rgb(24, 24, 24))) ); 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, rgb(243, 243, 243))) ); } .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, rgb(116, 116, 116))) ); /*! @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, rgb(255, 255, 255))) ); } .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, rgb(255, 255, 255))) ); /*! @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, rgb(229, 229, 229))) ); } .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, rgb(116, 116, 116))) ); 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-inline-end, var(--slds-c-breadcrumbs-spacing-inlineend, var(--sds-c-breadcrumbs-spacing-inline-end, 0.5rem)) ); padding-bottom:0; padding-left:var( --slds-c-breadcrumbs-spacing-inline-start, var(--slds-c-breadcrumbs-spacing-inlinestart, 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-inline-end, var(--slds-c-breadcrumbs-spacing-inlineend, var(--sds-c-breadcrumbs-spacing-inline-end, 0.5rem)) ); } .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-list li + li .slds-button{ margin-left:-1px; } .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, rgb(255, 255, 255)); box-shadow:inset 1px 0 0 var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .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.slds-button_last, .slds-button-group .slds-button_last .slds-button:only-child, .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-group .slds-dropdown-trigger, .slds-button-group-list .slds-dropdown-trigger{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .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_icon, .slds-button_icon-inverse, .slds-button_icon-container, .slds-button_icon-border, .slds-button_icon-border-filled, .slds-button_icon-border-inverse, .slds-button_icon-more, .slds-button_icon-error, .slds-button_icon-warning{ line-height:1; vertical-align:middle; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:var(--slds-g-color-neutral-base-50, rgb(116, 116, 116)); -ms-flex-negative:0; flex-shrink:0; } .slds-button_icon-container, .slds-button_icon-border, .slds-button_icon-border-filled, .slds-button_icon-border-inverse, .slds-button_icon-brand, .slds-button_icon-more, .slds-button_icon-container-more{ width:2rem; height:2rem; } .slds-button_icon-border-filled, .slds-button_icon-border{ line-height:1; vertical-align:middle; color:var(--slds-g-color-neutral-base-50, rgb(116, 116, 116)); border:1px solid var(--slds-g-color-border-base-1, rgb(201, 201, 201)); -webkit-transition:border 0.15s linear; transition:border 0.15s linear; border-color:var(--slds-g-color-border-base-4, rgb(201, 201, 201)); } .slds-button_icon-border-filled[disabled], .slds-button_icon-border-filled:disabled, .slds-button_icon-border[disabled], .slds-button_icon-border:disabled{ color:var(--slds-g-color-neutral-base-80, rgb(201, 201, 201)); border-color:var(--slds-g-color-border-base-1, rgb(201, 201, 201)); } .slds-button_icon-border-inverse{ background-color:transparent; border-color:rgb(201, 201, 201); } .slds-button_icon-border-inverse[disabled], .slds-button_icon-border-inverse:disabled{ background-color:transparent; border-color:var(--slds-g-color-neutral-100-opacity-25, rgba(255, 255, 255, 0.15)); } .slds-button_icon-brand{ background-color:rgb(1, 118, 211); border-color:rgb(1, 118, 211); color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-brand:link, .slds-button_icon-brand:visited, .slds-button_icon-brand:active{ color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-brand:hover, .slds-button_icon-brand:focus{ background-color:rgb(1, 68, 134); border-color:rgb(1, 68, 134); color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-brand:active{ background-color:rgb(1, 68, 134); border-color:rgb(1, 68, 134); } .slds-button_icon-brand[disabled], .slds-button_icon-brand:disabled{ background:var(--slds-g-color-neutral-base-80, rgb(201, 199, 197)); border-color:var(--slds-g-color-neutral-base-80, rgb(201, 199, 197)); color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-brand:focus{ -webkit-box-shadow:var(--slds-g-shadow-outset-focus-1); box-shadow:var(--slds-g-shadow-outset-focus-1); outline:0; } .slds-button_icon-border-filled{ background-color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-border-filled[disabled], .slds-button_icon-border-filled:disabled{ border-color:var(--slds-g-color-border-base-1, rgb(201, 201, 201)); background-color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-inverse, .slds-button_icon-border-inverse{ color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-inverse:hover, .slds-button_icon-inverse:focus, .slds-button_icon-border-inverse:hover, .slds-button_icon-border-inverse:focus{ color:var(--slds-g-color-neutral-100-opacity-75, rgba(255, 255, 255, 0.75)); } .slds-button_icon-inverse:focus, .slds-button_icon-border-inverse:focus{ outline:none; -webkit-box-shadow:0 0 3px #f3f3f3; box-shadow:0 0 3px #f3f3f3; border:1px solid var(--slds-g-color-neutral-base-100, rgb(243, 243, 243)); } .slds-button_icon-inverse:focus, .slds-button_icon-border-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); border-color:transparent; outline:0; } .slds-button_icon-inverse:active, .slds-button_icon-border-inverse:active{ color:var(--slds-g-color-neutral-100-opacity-50, rgba(255, 255, 255, 0.5)); } .slds-button_icon-inverse[disabled], .slds-button_icon-inverse:disabled, .slds-button_icon-border-inverse[disabled], .slds-button_icon-border-inverse:disabled{ color:var(--slds-g-color-neutral-100-opacity-25, rgba(255, 255, 255, 0.15)); } .slds-button_icon-error, .slds-button_icon-error:hover, .slds-button_icon-error:active, .slds-button_icon-error:focus{ color:var(--slds-g-color-error-base-40, rgb(234, 0, 30)); } .slds-button_icon-warning, .slds-button_icon-warning:hover, .slds-button_icon-warning:active, .slds-button_icon-warning:focus{ color:var(--slds-g-color-warning-base-50, rgb(254, 147, 57)); } .slds-button_icon-current-color{ color:currentColor; } .slds-button_icon-large{ width:3rem; height:3rem; } .slds-button_icon-large .slds-button__icon{ width:1.5rem; height:1.5rem; } .slds-button_icon-small{ width:1.5rem; height:1.5rem; } .slds-button_icon-x-small{ width:1.25rem; height:1.25rem; line-height:1; } .slds-button_icon-x-small .slds-button__icon{ width:0.75rem; height:0.75rem; } .slds-button_icon-xx-small{ width:1rem; height:1rem; line-height:1; } .slds-button_icon-xx-small .slds-button__icon{ width:0.5rem; height:0.5rem; } .slds-button_icon-more{ width:auto; line-height:1.875rem; padding:0 0.5rem; background-color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); border-color:var(--slds-g-color-border-base-4, rgb(201, 201, 201)); color:var(--slds-g-color-neutral-base-50, rgb(116, 116, 116)); } .slds-button_icon-more:hover .slds-button__icon, .slds-button_icon-more:focus .slds-button__icon{ fill:rgb(1, 118, 211); } .slds-button_icon-more:active .slds-button__icon{ fill:rgb(1, 68, 134); } .slds-button_icon-more[disabled], .slds-button_icon-more:disabled{ cursor:default; } .slds-button_icon-more[disabled] .slds-button__icon, .slds-button_icon-more:disabled .slds-button__icon{ fill:var(--slds-g-color-neutral-base-80, rgb(201, 201, 201)); } .slds-button_icon-container-more{ width:auto; line-height:1.875rem; padding:0 0.5rem; vertical-align:middle; } .slds-button__icon_hint{ fill:var(--slds-g-color-neutral-base-50, rgb(174, 174, 174)); } .slds-button__icon_inverse-hint{ fill:var(--slds-g-color-neutral-100-opacity-50, rgba(255, 255, 255, 0.5)); } .slds-hint-parent .slds-button_icon-border-inverse{ border-color:var(--slds-g-color-neutral-100-opacity-50, rgba(255, 255, 255, 0.5)); } .slds-hint-parent .slds-button_icon-border-inverse:focus{ border-color:var(--slds-g-color-neutral-100-opacity-75, rgba(255, 255, 255, 0.75)); } .slds-hint-parent:hover .slds-button_icon-border-inverse, .slds-hint-parent:focus .slds-button_icon-border-inverse{ border-color:var(--slds-g-color-neutral-100-opacity-75, rgba(255, 255, 255, 0.75)); } .slds-hint-parent:hover .slds-button__icon_hint, .slds-hint-parent:focus .slds-button__icon_hint{ fill:var(--slds-g-color-neutral-base-40, rgb(116, 116, 116)); } .slds-hint-parent:hover .slds-button__icon_inverse-hint, .slds-hint-parent:focus .slds-button__icon_inverse-hint{ fill:var(--slds-g-color-neutral-100-opacity-75, rgba(255, 255, 255, 0.75)); } .slds-hint-parent:hover .slds-button:disabled .slds-button__icon_hint, .slds-hint-parent:focus .slds-button:disabled .slds-button__icon_hint{ fill:currentColor; } .slds-button_icon-container.slds-is-selected, .slds-button_icon-border.slds-is-selected, .slds-button_icon-border-filled.slds-is-selected, .slds-button_icon-border-inverse.slds-is-selected{ background-color:rgb(1, 118, 211); border-color:rgb(1, 118, 211); color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-container.slds-is-selected:link, .slds-button_icon-container.slds-is-selected:visited, .slds-button_icon-container.slds-is-selected:active, .slds-button_icon-border.slds-is-selected:link, .slds-button_icon-border.slds-is-selected:visited, .slds-button_icon-border.slds-is-selected:active, .slds-button_icon-border-filled.slds-is-selected:link, .slds-button_icon-border-filled.slds-is-selected:visited, .slds-button_icon-border-filled.slds-is-selected:active, .slds-button_icon-border-inverse.slds-is-selected:link, .slds-button_icon-border-inverse.slds-is-selected:visited, .slds-button_icon-border-inverse.slds-is-selected:active{ color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-container.slds-is-selected:hover, .slds-button_icon-container.slds-is-selected:focus, .slds-button_icon-border.slds-is-selected:hover, .slds-button_icon-border.slds-is-selected:focus, .slds-button_icon-border-filled.slds-is-selected:hover, .slds-button_icon-border-filled.slds-is-selected:focus, .slds-button_icon-border-inverse.slds-is-selected:hover, .slds-button_icon-border-inverse.slds-is-selected:focus{ background-color:rgb(1, 68, 134); border-color:rgb(1, 68, 134); color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-container.slds-is-selected:active, .slds-button_icon-border.slds-is-selected:active, .slds-button_icon-border-filled.slds-is-selected:active, .slds-button_icon-border-inverse.slds-is-selected:active{ background-color:rgb(1, 68, 134); border-color:rgb(1, 68, 134); } .slds-button_icon-container.slds-is-selected .slds-button__icon, .slds-button_icon-border.slds-is-selected .slds-button__icon, .slds-button_icon-border-filled.slds-is-selected .slds-button__icon, .slds-button_icon-border-inverse.slds-is-selected .slds-button__icon{ fill:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-container.slds-is-selected:hover .slds-button__icon, .slds-button_icon-container.slds-is-selected:focus .slds-button__icon, .slds-button_icon-border.slds-is-selected:hover .slds-button__icon, .slds-button_icon-border.slds-is-selected:focus .slds-button__icon, .slds-button_icon-border-filled.slds-is-selected:hover .slds-button__icon, .slds-button_icon-border-filled.slds-is-selected:focus .slds-button__icon, .slds-button_icon-border-inverse.slds-is-selected:hover .slds-button__icon, .slds-button_icon-border-inverse.slds-is-selected:focus .slds-button__icon{ fill:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .slds-button_icon-container.slds-is-selected:focus, .slds-button_icon-border.slds-is-selected:focus, .slds-button_icon-border-filled.slds-is-selected:focus, .slds-button_icon-border-inverse.slds-is-selected:focus{ -webkit-box-shadow:var(--slds-g-shadow-outset-focus-1); box-shadow:var(--slds-g-shadow-outset-focus-1); outline:0; } .slds-button_icon-container.slds-is-selected[disabled], .slds-button_icon-container.slds-is-selected:disabled, .slds-button_icon-border.slds-is-selected[disabled], .slds-button_icon-border.slds-is-selected:disabled, .slds-button_icon-border-filled.slds-is-selected[disabled], .slds-button_icon-border-filled.slds-is-selected:disabled, .slds-button_icon-border-inverse.slds-is-selected[disabled], .slds-button_icon-border-inverse.slds-is-selected:disabled{ background:var(--slds-g-color-neutral-base-80, rgb(201, 199, 197)); border-color:var(--slds-g-color-neutral-base-80, rgb(201, 199, 197)); color:var(--slds-g-color-neutral-base-100, rgb(255, 255, 255)); } .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-block-start, var(--slds-c-button-spacing-blockstart, var(--sds-c-button-spacing-block-start, 0)) ); padding-right:var( --slds-c-button-spacing-inline-end, var(--slds-c-button-spacing-inlineend, var(--sds-c-button-spacing-inline-end, 0)) ); padding-bottom:var( --slds-c-button-spacing-block-end, var(--slds-c-button-spacing-blockend, var(--sds-c-button-spacing-block-end, 0)) ); padding-left:var( --slds-c-button-spacing-inline-start, var(--slds-c-button-spacing-inlinestart, 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, rgb(1, 118, 211))); -webkit-appearance:none; white-space:normal; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; } .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, rgb(1, 68, 134))); } .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, rgb(1, 68, 134))); 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, rgb(201, 201, 201)); 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 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, rgb(255, 255, 255))) ) ); } a.slds-button_destructive:hover, a 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, rgb(255, 255, 255))) ); } 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, rgb(186, 5, 23))) ); } a.slds-button_success:hover, a 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, rgb(255, 255, 255))) ); } 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, rgb(243, 243, 243))) ); /*! @c