UNPKG

@salesforce-ux/design-system

Version:
1,469 lines (1,384 loc) 1.42 MB
/*! 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-