UNPKG

@salesforce-ux/design-system

Version:
1,941 lines (1,851 loc) 801 kB
/*! 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:50, #747474; font-weight:400; opacity:1; } ::-moz-placeholder{ color:50, #747474; font-weight:400; opacity:1; } :-ms-input-placeholder{ color:50, #747474; font-weight:400; opacity:1; } ::-ms-input-placeholder{ color:50, #747474; font-weight:400; opacity:1; } ::placeholder{ color:50, #747474; font-weight:400; opacity:1; } ::-moz-selection{ background:90, #d8e6fe; text-shadow:none; color:10, #181818; } ::selection{ background:90, #d8e6fe; text-shadow:none; color: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: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:40, #0b5cab; } a, button{ cursor:pointer; } b, strong, dfn{ font-weight:700; } mark{ background-color:90, #fff03f; color: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 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: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 1, #e5e5e5; padding:0.75rem 1rem; background-color: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: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:100, white; z-index:2; } .slds-timeline__title:after{ position:absolute; right:0; bottom:0.5rem; left:0; border-bottom:1px dashed 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: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:95, #f3f3f3; } .slds-timeline__icon{ border:2px solid 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: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:10, #181818; font-size:0.75rem; font-weight:700; line-height:normal; white-space:nowrap; border-width:1px; border-style:solid; border-color:transparent; border-radius:15rem; background-color:95, #f3f3f3; } .slds-badge + .slds-badge{ margin-left:0.5rem; } .slds-badge:empty{ padding:0; } .slds-badge_inverse{ background-color:50, #747474; color:100, white; } .slds-badge_lightest{ background-color:100, white; border-color: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:50, #747474; line-height:1; vertical-align:middle; } .slds-badge__icon.slds-badge__icon_inverse{ color: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:0.5rem; padding-bottom:0; padding-left: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{ padding-left: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: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 100, white; box-shadow:inset 1px 0 0 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:0; padding-right:0; padding-bottom:0; padding-left:0; background:none; background-color:transparent; background-clip:border-box; border-color:transparent; border-style:solid; border-width:1px; border-radius:0.25rem; -webkit-box-shadow:shadow; box-shadow:shadow; line-height:1.875rem; text-decoration:none; 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:#014486; } .slds-button:focus{ -webkit-box-shadow:1; box-shadow:1; outline:0; } .slds-button:active{ color:#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:80, #c9c9c9; cursor:default; } .slds-button[disabled] *, .slds-button:disabled *{ pointer-events:none; } .slds-button a{ 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{ box-shadow:1; } a.slds-button_brand:hover, a.slds-button--brand:hover, a.slds-button_brand:focus, a.slds-button--brand:focus{ color:100, white; } a.slds-button_destructive:hover, a.slds-button--destructive:hover, a.slds-button_destructive:focus, a.slds-button--destructive:focus{ color:100, white; } a.slds-button_text-destructive:hover, a.slds-button_text-destructive:focus{ color:30, #ba0517; } a.slds-button_success:hover, a.slds-button--success:hover, a.slds-button_success:focus, a.slds-button--success:focus{ color:100, white; } a.slds-button_inverse:focus, a.slds-button--inverse:focus{ border-color:100, #f3f3f3); box-shadow: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{ padding-left:1rem; padding-right: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; background-color:100, white; border-color:4, #c9c9c9; } .slds-button_neutral:hover, .slds-button_neutral:focus, .slds-button--neutral:hover, .slds-button--neutral:focus{ background-color:95, #f3f3f3; border-color:4, #c9c9c9; } .slds-button_neutral:active, .slds-button--neutral:active{ background-color:95, #f3f3f3; border-color:4, #c9c9c9; } .slds-button_neutral[disabled], .slds-button_neutral:disabled, .slds-button--neutral[disabled], .slds-button--neutral:disabled{ background-color:100, white; border-color:1, #c9c9c9; } .slds-button_brand, .slds-button--brand{ padding-left:1rem; padding-right: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; background-color:#0176d3; border-color:#0176d3; color:100, white; } .slds-button_brand:hover, .slds-button_brand:focus, .slds-button--brand:hover, .slds-button--brand:focus{ background-color:#014486; border-color:#014486; color:white; } .slds-button_brand:active, .slds-button--brand:active{ background-color:#014486; border-color:#014486; color:100, white; } .slds-button_brand[disabled], .slds-button_brand:disabled, .slds-button--brand[disabled], .slds-button--brand:disabled{ background-color:80, #c9c7c5; border-color:80, #c9c7c5; color:100, white; } .slds-button_outline-brand{ padding-left:1rem; padding-right: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; background-color:100, white; border-color:#0176d3; } .slds-button_outline-brand:hover, .slds-button_outline-brand:focus{ background-color:95, #f3f3f3; border-color:#0176d3; } .slds-button_outline-brand:active{ background-color:95, #f3f3f3; border-color:#0176d3; } .slds-button_outline-brand[disabled], .slds-button_outline-brand:disabled{ background-color:100, white; border-color:1, #c9c9c9; } .slds-button_inverse, .slds-button--inverse{ padding-left:1rem; padding-right: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; background-color:transparent; border-color:4, #c9c9c9; } .slds-button_inverse:hover, .slds-button_inverse:focus, .slds-button--inverse:hover, .slds-button--inverse:focus{ border-color:95, #f3f3f3; border-color:4, #c9c9c9; } .slds-button_inverse:focus, .slds-button--inverse:focus{ -webkit-box-shadow:1, 0 0 3px #0176d3; box-shadow:1, 0 0 3px #0176d3; } .slds-button_inverse:active, .slds-button--inverse:active{ background-color:95, #f3f3f3; border-color:4, #c9c9c9; } .slds-button_inverse[disabled], .slds-button_inverse:disabled, .slds-button--inverse[disabled], .slds-button--inverse:disabled{ background-color:transparent; border-color: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{ color: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{ color:#0176d3; } .slds-button_inverse:focus, .slds-button--inverse:focus, .slds-button_icon-border-inverse:focus, .slds-button--icon-border-inverse:focus{ box-shadow:0 0 3px #f3f3f3; border-color:100, #f3f3f3; outline:none; } .slds-button_inverse:active, .slds-button--inverse:active, .slds-button_icon-border-inverse:active, .slds-button--icon-border-inverse:active{ 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:100-opacity-50, rgba(255, 255, 255, 0.5); } .slds-button_destructive, .slds-button--destructive{ padding-left:1rem; padding-right: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; background-color:40, #ba0517; border-color:40, #ba0517; color:100, white; } .slds-button_destructive:hover, .slds-button_destructive:focus, .slds-button--destructive:hover, .slds-button--destructive:focus{ background-color:30, #8e030f; border-color:hover; color:100, white; } .slds-button_destructive:active, .slds-button--destructive:active{ background-color:30, #8e030f; border-color:30, #8e030f; color:100, white; } .slds-button_destructive[disabled], .slds-button_destructive:disabled, .slds-button--destructive[disabled], .slds-button--destructive:disabled{ background-color:80, #c9c7c5; border-color:80, #c9c7c5; color:100, white; } .slds-button_text-destructive{ padding-left:1rem; padding-right: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; background-color:100, white; border-color:4, #c9c9c9; color:30, #ea001e; } .slds-button_text-destructive:hover, .slds-button_text-destructive:focus{ background-color:95, #f3f3f3; border-color:4, #c9c9c9; color:30, #ba0517; } .slds-button_text-destructive:active{ background-color:95, #f3f3f3; border-color:4, #c9c9c9; color:30, #ba0517; } .slds-button_text-destructive[disabled], .slds-button_text-destructive:disabled{ background-color:100, white; border-color:1, #c9c9c9; color:80, #c9c9c9; } .slds-button_success, .slds-button--success{ padding-left:1rem; padding-right: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; background-color:70, #45c65a; border-color:50, #91db8b; color:10, #181818; } .slds-button_success:hover, .slds-button_success:focus, .slds-button--success:hover, .slds-button--success:focus{ background-color:50, #2e844a; border-color:50, #2e844a; color:100, white; } .slds-button_success:active, .slds-button--success:active{ background-color:50, #2e844a; border-color:50, #2e844a; color:100, white; } .slds-button_success[disabled], .slds-button_success:disabled, .slds-button--success[disabled], .slds-button--success:disabled{ background-color:80, #c9c7c5; border-color:80, #c9c7c5; color:100, white; } .slds-button_brand:focus, .slds-button--brand:focus, .slds-button_success:focus, .slds-button--success:focus, .slds-button_destructive:focus, .slds-button--destructive: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{ width:0.875rem; height:0.875rem; fill:currentColor; } .slds-button__icon_large, .slds-button__icon--large{ width:1.5rem; height:1.5rem; } .slds-button__icon_small, .slds-button__icon--small{ width:0.75rem; height:0.75rem; } .slds-button__icon_x-small, .slds-button__icon--x-small{ width:0.5rem; height:0.5rem; } .slds-button__icon_left, .slds-button__icon--left{ margin-right:0.5rem; } .slds-button__icon_right, .slds-button__icon--right{ margin-left:0.5rem; } .slds-button_full-width{ font-size:inherit; color:inherit; line-height:inherit; padding:0; background:transparent; border:0; text-align:inherit; width:100%; 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; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .slds-button_full-width:focus{ box-shadow:none; } .slds-button_stretch{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; } .slds-button__icon_stateful, .slds-button__icon--stateful{ width:0.75rem; height:0.75rem; fill:currentColor; } .slds-button_neutral.slds-is-selected, .slds-button--neutral.slds-is-selected{ background-color:transparent; border-color:transparent; } .slds-button_neutral.slds-is-selected:hover:not([disabled]), .slds-button_neutral.slds-is-selected:focus:not([disabled]), .slds-button--neutral.slds-is-selected:hover:not([disabled]), .slds-button--neutral.slds-is-selected:focus:not([disabled]){ background-color:95, #f3f3f3; border-color:1, #c9c9c9; } .slds-button_neutral.slds-is-selected:active:not([disabled]), .slds-button--neutral.slds-is-selected:active:not([disabled]){ background-color:95, #f3f3f3; } .slds-button_inverse.slds-is-selected, .slds-button--inverse.slds-is-selected{ border-color:transparent; } .slds-button_stateful .slds-text-selected, .slds-button_stateful .slds-text-selected-focus, .slds-button_stateful .slds-text-not-selected{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .slds-not-selected{ } .slds-not-selected .slds-text-selected{ display:none; } .slds-not-selected .slds-text-selected-focus{ display:none; } .slds-not-selected .slds-text-not-selected{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .slds-is-selected-clicked .slds-text-selected, .slds-is-selected[disabled] .slds-text-selected, .slds-is-selected[disabled]:hover .slds-text-selected, .slds-is-selected[disabled]:focus .slds-text-selected{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .slds-is-selected-clicked .slds-text-selected-focus, .slds-is-selected[disabled] .slds-text-selected-focus, .slds-is-selected[disabled]:hover .slds-text-selected-focus, .slds-is-selected[disabled]:focus .slds-text-selected-focus{ display:none; } .slds-is-selected-clicked .slds-text-not-selected, .slds-is-selected[disabled] .slds-text-not-selected, .slds-is-selected[disabled]:hover .slds-text-not-selected, .slds-is-selected[disabled]:focus .slds-text-not-selected{ display:none; } .slds-is-selected .slds-text-not-selected{ display:none; } .slds-is-selected .slds-text-selected{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .slds-is-selected .slds-text-selected-focus{ display:none; } .slds-is-selected:hover .slds-text-not-selected, .slds-is-selected:focus .slds-text-not-selected{ display:none; } .slds-is-selected:hover .slds-text-selected, .slds-is-selected:focus .slds-text-selected{ display:none; } .slds-is-selected:hover .slds-text-selected-focus, .slds-is-selected:focus .slds-text-selected-focus{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .slds-button_dual-stateful{ } .slds-button_dual-stateful .slds-text-not-pressed{ display:block; } .slds-button_dual-stateful .slds-text-pressed{ display:none; } .slds-button_dual-stateful.slds-is-pressed{ padding-left:1rem; padding-right: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; background-color:#0176d3); border-color:#0176d3); color:100, white); --slds-c-button-text-color-hover:100, white)); } .slds-button_dual-stateful.slds-is-pressed:focus, .slds-button_dual-stateful.slds-is-pressed:hover{ background-color:#014486); border-color:#014486); color:100, white); --slds-c-button-dual-stateful-text-color-selected-hover:100, white); } .slds-button_dual-stateful.slds-is-pressed:focus{ -webkit-box-shadow:var(--slds-g-shadow-outset-focus-1); box-shadow:var(--slds-g-shadow-outset-focus-1); outline:0; } .slds-button_dual-stateful.slds-is-pressed .slds-text-not-pressed{ display:none; } .slds-button_dual-stateful.slds-is-pressed .slds-text-pressed{ display:block; } .slds-button_icon-bare, .slds-button--icon-bare{ line-height:1; vertical-align:middle; color:50, #747474; } .slds-button_icon, .slds-button--icon, .slds-button_icon-inverse, .slds-button--icon-inverse, .slds-button_icon-container, .slds-button--icon-container, .slds-button_icon-border, .slds-button--icon-border, .slds-button_icon-border-filled, .slds-button--icon-border-filled, .slds-button_icon-border-inverse, .slds-button--icon-border-inverse, .slds-button_icon-more, .slds-button--icon-more, .slds-button_icon-error, .slds-button--icon-error, .slds-button_icon-warning, .slds-button--icon-warning{ line-height:1; vertical-align:middle; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:50, #747474; -ms-flex-negative:0; flex-shrink:0; } .slds-button_icon-container, .slds-button--icon-container, .slds-button_icon-border, .slds-button--icon-border, .slds-button_icon-border-filled, .slds-button--icon-border-filled, .slds-button_icon-border-inverse, .slds-button--icon-border-inverse, .slds-button_icon-brand, .slds-button_icon-more, .slds-button--icon-more, .slds-button_icon-container-more, .slds-button--icon-container-more{ width:2rem; height:2rem; } .slds-button_icon-border-filled, .slds-button--icon-border-filled, .slds-button_icon-border, .slds-button--icon-border{ line-height:1; vertical-align:middle; color:50, #747474; border:1px solid 1, #c9c9c9; -webkit-transition:border 0.15s linear; transition:border 0.15s linear; border-color:4, #c9c9c9; } .slds-button_icon-border-filled[disabled], .slds-button_icon-border-filled:disabled, .slds-button--icon-border-filled[disabled], .slds-button--icon-border-filled:disabled, .slds-button_icon-border[disabled], .slds-button_icon-border:disabled, .slds-button--icon-border[disabled], .slds-button--icon-border:disabled{ color:80, #c9c9c9; border-color:1, #c9c9c9; } .slds-button_icon-border-inverse, .slds-button--icon-border-inverse{ background-color:transparent; border-color:#c9c9c9; } .slds-button_icon-border-inverse[disabled], .slds-button_icon-border-inverse:disabled, .slds-button--icon-border-inverse[disabled], .slds-button--icon-border-inverse:disabled{ background-color:transparent; border-color:100-opacity-25, rgba(255, 255, 255, 0.15); } .slds-button_icon-brand{ background-color:#0176d3; border-color:#0176d3; color:100, white; } .slds-button_icon-brand:link, .slds-button_icon-brand:visited, .slds-button_icon-brand:active{ color:100, white; } .slds-button_icon-brand:hover, .slds-button_icon-brand:focus{ background-color:#014486; border-color:#014486; color:100, white; } .slds-button_icon-brand:active{ background-color:#014486; border-color:#014486; } .slds-button_icon-brand[disabled], .slds-button_icon-brand:disabled{ background:80, #c9c7c5; border-color:80, #c9c7c5; color:100, white; } .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, .slds-button--icon-border-filled{ background-color:100, white; } .slds-button_icon-border-filled[disabled], .slds-button_icon-border-filled:disabled, .slds-button--icon-border-filled[disabled], .slds-button--icon-border-filled:disabled{ border-color:1, #c9c9c9; background-color:100, white; } .slds-button_icon-inverse, .slds-button--icon-inverse, .slds-button_icon-border-inverse, .slds-button--icon-border-inverse{ color:100, white; } .slds-button_icon-inverse:hover, .slds-button_icon-inverse:focus, .slds-button--icon-inverse:hover, .slds-button--icon-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{ color:100-opacity-75, rgba(255, 255, 255, 0.75); } .slds-button_icon-inverse:focus, .slds-button--icon-inverse:focus, .slds-button_icon-border-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 100, #f3f3f3; } .slds-button_icon-inverse:focus, .slds-button--icon-inverse:focus, .slds-button_icon-border-inverse:focus, .slds-button--icon-border-inverse:focus{ -webkit-box-shadow:1, 0 0 3px #0176d3; box-shadow:1, 0 0 3px #0176d3; border-color:transparent; outline:0; } .slds-button_icon-inverse:active, .slds-button--icon-inverse:active, .slds-button_icon-border-inverse:active, .slds-button--icon-border-inverse:active{ color:100-opacity-50, rgba(255, 255, 255, 0.5); } .slds-button_icon-inverse[disabled], .slds-button_icon-inverse:disabled, .slds-button--icon-inverse[disabled], .slds-button--icon-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: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, .slds-button--icon-error, .slds-button--icon-error:hover, .slds-button--icon-error:active, .slds-button--icon-error:focus{ color:40, #ea001e; } .slds-button_icon-warning, .slds-button_icon-warning:hover, .slds-button_icon-warning:active, .slds-button_icon-warning:focus, .slds-button--icon-warning, .slds-button--icon-warning:hover, .slds-button--icon-warning:active, .slds-button--icon-warning:focus{ color:50, #fe9339; } .slds-button_icon-current-color{ color:currentColor; } .slds-button_icon-large, .slds-button--icon-large{ width:3rem; height:3rem; } .slds-button_icon-large .slds-button__icon, .slds-button--icon-large .slds-button__icon{ width:1.5rem; height:1.5rem; } .slds-button_icon-small, .slds-button--icon-small{ width:1.5rem; height:1.5rem; } .slds-button_icon-x-small, .slds-button--icon-x-small{ width:1.25rem; height:1.25rem; line-height:1; } .slds-button_icon-x-small .slds-button__icon, .slds-button--icon-x-small .slds-button__icon{ width:0.75rem; height:0.75rem; } .slds-button_icon-xx-small, .slds-button--icon-xx-small{ width:1rem; height:1rem; line-height:1; } .slds-button_icon-xx-small .slds-button__icon, .slds-button--icon-xx-small .slds-button__icon{ width:0.5rem; height:0.5rem; } .slds-button_icon-more, .slds-button--icon-more{ width:auto; line-height:1.875rem; padding:0 0.5rem; background-color:100, white; border-color:4, #c9c9c9; color:50, #747474; } .slds-button_icon-more:hover .slds-button__icon, .slds-button_icon-more:focus .slds-button__icon, .slds-button--icon-more:hover .slds-button__icon, .slds-button--icon-more:focus .slds-button__icon{ fill:#0176d3; } .slds-button_icon-more:active .slds-button__icon, .slds-button--icon-more:active .slds-button__icon{ fill:#014486; } .slds-button_icon-more[disabled], .slds-button_icon-more:disabled, .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, .slds-button--icon-more[disabled] .slds-button__icon, .slds-button--icon-more:disabled .slds-button__icon{ fill:80, #c9c9c9; } .slds-button_icon-container-more, .slds-button--icon-container-more{ width:auto; line-height:1.875rem; padding:0 0.5rem; vertical-align:middle; } .slds-button__icon_hint, .slds-button__icon--hint{ fill:50, #aeaeae; } .slds-button__icon_inverse-hint, .slds-button__icon--inverse-hint{ fill:100-opacity-50, rgba(255, 255, 255, 0.5); } .slds-hint-parent .slds-button_icon-border-inverse, .slds-hint-parent .slds-button--icon-border-inverse{ border-color:100-opacity-50, rgba(255, 255, 255, 0.5); } .slds-hint-parent .slds-button_icon-border-inverse:focus, .slds-hint-parent .slds-button--icon-border-inverse:focus{ border-color:100-opacity-75, rgba(255, 255, 255, 0.75); } .slds-hint-parent:hover .slds-button_icon-border-inverse, .slds-hint-parent:hover .slds-button--icon-border-inverse, .slds-hint-parent:focus .slds-button_icon-border-inverse, .slds-hint-parent:focus .slds-but