/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
.react-spectrum-provider {
position: relative;
}
.spectrum--light {
background-color: rgb(245, 245, 245);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.spectrum--lightest {
background-color: rgb(255, 255, 255);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.spectrum--darkest {
background-color: rgb(30, 30, 30);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* generated from dna-version: 5.0.1 */
/* generated from dna-version: 5.0.1 */
.spectrum {
font-family: adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 14px;
}
.spectrum:lang(zh-Hans) {
font-family: adobe-clean-han-japanese, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.spectrum:lang(zh) {
font-family: adobe-clean-han-japanese, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.spectrum:lang(ko) {
font-family: adobe-clean-han-japanese, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.spectrum:lang(ja) {
font-family: adobe-clean-han-japanese, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.spectrum-Body1 {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Body1 em {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body1 strong {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body2,
.spectrum-Body--large {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Body2 em,
.spectrum-Body--large em {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body2 strong,
.spectrum-Body--large strong {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body3 {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Body3 em {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body3 strong {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body4,
.spectrum-Body--secondary {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Body4 em,
.spectrum-Body--secondary em {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body4 strong,
.spectrum-Body--secondary strong {
font-size: 14px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body5,
.spectrum-Body--small {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Body5 em,
.spectrum-Body--small em {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Body5 strong,
.spectrum-Body--small strong {
font-size: 12px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1 {
font-size: 36px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading1 em {
font-size: 36px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1 strong {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2 {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading2 em {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2 strong {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading3 {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading3 em {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading3 strong {
font-size: 22px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading4,
.spectrum-Heading--subtitle1 {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading4 em,
.spectrum-Heading--subtitle1 em {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading4 strong,
.spectrum-Heading--subtitle1 strong {
font-size: 18px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading5 {
font-size: 16px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading5 em {
font-size: 16px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading5 strong {
font-size: 16px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading6,
.spectrum-Heading--subtitle2 {
font-size: 14px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading6 em,
.spectrum-Heading--subtitle2 em {
font-size: 14px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading6 strong,
.spectrum-Heading--subtitle2 strong {
font-size: 14px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Subheading,
.spectrum-Heading--subtitle3 {
font-size: 11px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Subheading em,
.spectrum-Heading--subtitle3 em {
font-size: 11px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-Subheading strong,
.spectrum-Heading--subtitle3 strong {
font-size: 11px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-Detail {
font-size: 11px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Detail em {
font-size: 11px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-Detail strong {
font-size: 11px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-Heading1--quiet {
font-size: 36px;
font-weight: 300;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading1--quiet em {
font-size: 36px;
font-weight: 300;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--quiet strong {
font-size: 36px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--quiet,
.spectrum-Heading--pageTitle {
font-size: 28px;
font-weight: 300;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading2--quiet em,
.spectrum-Heading--pageTitle em {
font-size: 28px;
font-weight: 300;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--quiet strong,
.spectrum-Heading--pageTitle strong {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--strong {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading1--strong em {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--strong strong {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--strong {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading2--strong em {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--strong strong {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--display {
font-size: 45px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading1--display em {
font-size: 45px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--display strong {
font-size: 45px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--display {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading2--display em {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--display strong {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--display.spectrum-Heading1--strong {
font-size: 45px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading1--display.spectrum-Heading1--strong em {
font-size: 45px;
font-weight: 900;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--display.spectrum-Heading1--strong strong {
font-size: 45px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--display.spectrum-Heading2--strong {
font-size: 40px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading2--display.spectrum-Heading2--strong em {
font-size: 40px;
font-weight: 900;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--display.spectrum-Heading2--strong strong {
font-size: 40px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--display.spectrum-Heading1--quiet {
font-size: 45px;
font-weight: 300;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading1--display.spectrum-Heading1--quiet em {
font-size: 45px;
font-weight: 300;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading1--display.spectrum-Heading1--quiet strong {
font-size: 45px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--display.spectrum-Heading2--quiet,
.spectrum-Heading--display {
font-size: 40px;
font-weight: 300;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Heading2--display.spectrum-Heading2--quiet em,
.spectrum-Heading--display em {
font-size: 40px;
font-weight: 300;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Heading2--display.spectrum-Heading2--quiet strong,
.spectrum-Heading--display strong {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.spectrum-Article {
font-family: Adobe Clean Serif, Times New Roman, serif;
}
.spectrum-Article .spectrum-Body1 {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Body1 em {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body1 strong {
font-size: 20px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body2,
.spectrum-Article .spectrum-Body--large {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Body2 em,
.spectrum-Article .spectrum-Body--large em {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body2 strong,
.spectrum-Article .spectrum-Body--large strong {
font-size: 18px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body3 {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Body3 em {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body3 strong {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body4,
.spectrum-Article .spectrum-Body--secondary {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Body4 em,
.spectrum-Article .spectrum-Body--secondary em {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body4 strong,
.spectrum-Article .spectrum-Body--secondary strong {
font-size: 14px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body5,
.spectrum-Article .spectrum-Body--small {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Body5 em,
.spectrum-Article .spectrum-Body--small em {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Body5 strong,
.spectrum-Article .spectrum-Body--small strong {
font-size: 12px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading1 {
font-size: 36px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading1 em {
font-size: 36px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading1 strong {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading2 {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading2 em {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading2 strong {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading3 {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading3 em {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading3 strong {
font-size: 22px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading4,
.spectrum-Article .spectrum-Heading--subtitle1 {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading4 em,
.spectrum-Article .spectrum-Heading--subtitle1 em {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading4 strong,
.spectrum-Article .spectrum-Heading--subtitle1 strong {
font-size: 18px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading5 {
font-size: 16px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading5 em {
font-size: 16px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading5 strong {
font-size: 16px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading6,
.spectrum-Article .spectrum-Heading--subtitle2 {
font-size: 14px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading6 em,
.spectrum-Article .spectrum-Heading--subtitle2 em {
font-size: 14px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading6 strong,
.spectrum-Article .spectrum-Heading--subtitle2 strong {
font-size: 14px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Subheading,
.spectrum-Article .spectrum-Heading--subtitle3 {
font-size: 11px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Subheading em,
.spectrum-Article .spectrum-Heading--subtitle3 em {
font-size: 11px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-Article .spectrum-Subheading strong,
.spectrum-Article .spectrum-Heading--subtitle3 strong {
font-size: 11px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-Article .spectrum-Detail {
font-size: 11px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Detail em {
font-size: 11px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-Article .spectrum-Detail strong {
font-size: 11px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-Article .spectrum-Heading1--quiet {
font-size: 36px;
font-weight: 400;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading1--quiet em {
font-size: 36px;
font-weight: 400;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading1--quiet strong {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading2--quiet,
.spectrum-Article .spectrum-Heading--pageTitle {
font-size: 28px;
font-weight: 400;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading2--quiet em,
.spectrum-Article .spectrum-Heading--pageTitle em {
font-size: 28px;
font-weight: 400;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading2--quiet strong,
.spectrum-Article .spectrum-Heading--pageTitle strong {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading1--display {
font-size: 45px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading1--display em {
font-size: 45px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading1--display strong {
font-size: 45px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading2--display {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading2--display em {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading2--display strong {
font-size: 40px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet {
font-size: 45px;
font-weight: 400;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet em {
font-size: 45px;
font-weight: 400;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet strong {
font-size: 45px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet,
.spectrum-Article .spectrum-Heading--display {
font-size: 40px;
font-weight: 400;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet em,
.spectrum-Article .spectrum-Heading--display em {
font-size: 40px;
font-weight: 400;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet strong,
.spectrum-Article .spectrum-Heading--display strong {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.0125em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body1, .spectrum:lang(ko) .spectrum-Body1, .spectrum:lang(zh) .spectrum-Body1 {
font-size: 20px;
font-weight: 400;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Body1 em, .spectrum:lang(ko) .spectrum-Body1 em, .spectrum:lang(zh) .spectrum-Body1 em {
font-size: 20px;
font-weight: 700;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body1 strong, .spectrum:lang(ko) .spectrum-Body1 strong, .spectrum:lang(zh) .spectrum-Body1 strong {
font-size: 20px;
font-weight: 900;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body2,
.spectrum:lang(ko) .spectrum-Body2,
.spectrum:lang(zh) .spectrum-Body2,
.spectrum:lang(ja) .spectrum-Body--large,
.spectrum:lang(ko) .spectrum-Body--large,
.spectrum:lang(zh) .spectrum-Body--large {
font-size: 18px;
font-weight: 400;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Body2 em,
.spectrum:lang(ko) .spectrum-Body2 em,
.spectrum:lang(zh) .spectrum-Body2 em,
.spectrum:lang(ja) .spectrum-Body--large em,
.spectrum:lang(ko) .spectrum-Body--large em,
.spectrum:lang(zh) .spectrum-Body--large em {
font-size: 18px;
font-weight: 700;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body2 strong,
.spectrum:lang(ko) .spectrum-Body2 strong,
.spectrum:lang(zh) .spectrum-Body2 strong,
.spectrum:lang(ja) .spectrum-Body--large strong,
.spectrum:lang(ko) .spectrum-Body--large strong,
.spectrum:lang(zh) .spectrum-Body--large strong {
font-size: 18px;
font-weight: 900;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body3, .spectrum:lang(ko) .spectrum-Body3, .spectrum:lang(zh) .spectrum-Body3 {
font-size: 16px;
font-weight: 400;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Body3 em, .spectrum:lang(ko) .spectrum-Body3 em, .spectrum:lang(zh) .spectrum-Body3 em {
font-size: 16px;
font-weight: 700;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body3 strong, .spectrum:lang(ko) .spectrum-Body3 strong, .spectrum:lang(zh) .spectrum-Body3 strong {
font-size: 16px;
font-weight: 900;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body4,
.spectrum:lang(ko) .spectrum-Body4,
.spectrum:lang(zh) .spectrum-Body4,
.spectrum:lang(ja) .spectrum-Body--secondary,
.spectrum:lang(ko) .spectrum-Body--secondary,
.spectrum:lang(zh) .spectrum-Body--secondary {
font-size: 14px;
font-weight: 400;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Body4 em,
.spectrum:lang(ko) .spectrum-Body4 em,
.spectrum:lang(zh) .spectrum-Body4 em,
.spectrum:lang(ja) .spectrum-Body--secondary em,
.spectrum:lang(ko) .spectrum-Body--secondary em,
.spectrum:lang(zh) .spectrum-Body--secondary em {
font-size: 14px;
font-weight: 700;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body4 strong,
.spectrum:lang(ko) .spectrum-Body4 strong,
.spectrum:lang(zh) .spectrum-Body4 strong,
.spectrum:lang(ja) .spectrum-Body--secondary strong,
.spectrum:lang(ko) .spectrum-Body--secondary strong,
.spectrum:lang(zh) .spectrum-Body--secondary strong {
font-size: 14px;
font-weight: 900;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body5,
.spectrum:lang(ko) .spectrum-Body5,
.spectrum:lang(zh) .spectrum-Body5,
.spectrum:lang(ja) .spectrum-Body--small,
.spectrum:lang(ko) .spectrum-Body--small,
.spectrum:lang(zh) .spectrum-Body--small {
font-size: 12px;
font-weight: 400;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Body5 em,
.spectrum:lang(ko) .spectrum-Body5 em,
.spectrum:lang(zh) .spectrum-Body5 em,
.spectrum:lang(ja) .spectrum-Body--small em,
.spectrum:lang(ko) .spectrum-Body--small em,
.spectrum:lang(zh) .spectrum-Body--small em {
font-size: 12px;
font-weight: 700;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Body5 strong,
.spectrum:lang(ko) .spectrum-Body5 strong,
.spectrum:lang(zh) .spectrum-Body5 strong,
.spectrum:lang(ja) .spectrum-Body--small strong,
.spectrum:lang(ko) .spectrum-Body--small strong,
.spectrum:lang(zh) .spectrum-Body--small strong {
font-size: 12px;
font-weight: 900;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1, .spectrum:lang(ko) .spectrum-Heading1, .spectrum:lang(zh) .spectrum-Heading1 {
font-size: 32px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading1 em, .spectrum:lang(ko) .spectrum-Heading1 em, .spectrum:lang(zh) .spectrum-Heading1 em {
font-size: 32px;
font-weight: 800;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1 strong, .spectrum:lang(ko) .spectrum-Heading1 strong, .spectrum:lang(zh) .spectrum-Heading1 strong {
font-size: 32px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2, .spectrum:lang(ko) .spectrum-Heading2, .spectrum:lang(zh) .spectrum-Heading2 {
font-size: 25px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading2 em, .spectrum:lang(ko) .spectrum-Heading2 em, .spectrum:lang(zh) .spectrum-Heading2 em {
font-size: 25px;
font-weight: 800;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2 strong, .spectrum:lang(ko) .spectrum-Heading2 strong, .spectrum:lang(zh) .spectrum-Heading2 strong {
font-size: 25px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading3, .spectrum:lang(ko) .spectrum-Heading3, .spectrum:lang(zh) .spectrum-Heading3 {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading3 em, .spectrum:lang(ko) .spectrum-Heading3 em, .spectrum:lang(zh) .spectrum-Heading3 em {
font-size: 20px;
font-weight: 800;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading3 strong, .spectrum:lang(ko) .spectrum-Heading3 strong, .spectrum:lang(zh) .spectrum-Heading3 strong {
font-size: 20px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading4,
.spectrum:lang(ko) .spectrum-Heading4,
.spectrum:lang(zh) .spectrum-Heading4,
.spectrum:lang(ja) .spectrum-Heading--subtitle1,
.spectrum:lang(ko) .spectrum-Heading--subtitle1,
.spectrum:lang(zh) .spectrum-Heading--subtitle1 {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading4 em,
.spectrum:lang(ko) .spectrum-Heading4 em,
.spectrum:lang(zh) .spectrum-Heading4 em,
.spectrum:lang(ja) .spectrum-Heading--subtitle1 em,
.spectrum:lang(ko) .spectrum-Heading--subtitle1 em,
.spectrum:lang(zh) .spectrum-Heading--subtitle1 em {
font-size: 18px;
font-weight: 800;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading4 strong,
.spectrum:lang(ko) .spectrum-Heading4 strong,
.spectrum:lang(zh) .spectrum-Heading4 strong,
.spectrum:lang(ja) .spectrum-Heading--subtitle1 strong,
.spectrum:lang(ko) .spectrum-Heading--subtitle1 strong,
.spectrum:lang(zh) .spectrum-Heading--subtitle1 strong {
font-size: 18px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading5, .spectrum:lang(ko) .spectrum-Heading5, .spectrum:lang(zh) .spectrum-Heading5 {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading5 em, .spectrum:lang(ko) .spectrum-Heading5 em, .spectrum:lang(zh) .spectrum-Heading5 em {
font-size: 16px;
font-weight: 800;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading5 strong, .spectrum:lang(ko) .spectrum-Heading5 strong, .spectrum:lang(zh) .spectrum-Heading5 strong {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading6,
.spectrum:lang(ko) .spectrum-Heading6,
.spectrum:lang(zh) .spectrum-Heading6,
.spectrum:lang(ja) .spectrum-Heading--subtitle2,
.spectrum:lang(ko) .spectrum-Heading--subtitle2,
.spectrum:lang(zh) .spectrum-Heading--subtitle2 {
font-size: 14px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading6 em,
.spectrum:lang(ko) .spectrum-Heading6 em,
.spectrum:lang(zh) .spectrum-Heading6 em,
.spectrum:lang(ja) .spectrum-Heading--subtitle2 em,
.spectrum:lang(ko) .spectrum-Heading--subtitle2 em,
.spectrum:lang(zh) .spectrum-Heading--subtitle2 em {
font-size: 14px;
font-weight: 800;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading6 strong,
.spectrum:lang(ko) .spectrum-Heading6 strong,
.spectrum:lang(zh) .spectrum-Heading6 strong,
.spectrum:lang(ja) .spectrum-Heading--subtitle2 strong,
.spectrum:lang(ko) .spectrum-Heading--subtitle2 strong,
.spectrum:lang(zh) .spectrum-Heading--subtitle2 strong {
font-size: 14px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Subheading,
.spectrum:lang(ko) .spectrum-Subheading,
.spectrum:lang(zh) .spectrum-Subheading,
.spectrum:lang(ja) .spectrum-Heading--subtitle3,
.spectrum:lang(ko) .spectrum-Heading--subtitle3,
.spectrum:lang(zh) .spectrum-Heading--subtitle3 {
font-size: 11px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Subheading em,
.spectrum:lang(ko) .spectrum-Subheading em,
.spectrum:lang(zh) .spectrum-Subheading em,
.spectrum:lang(ja) .spectrum-Heading--subtitle3 em,
.spectrum:lang(ko) .spectrum-Heading--subtitle3 em,
.spectrum:lang(zh) .spectrum-Heading--subtitle3 em {
font-size: 11px;
font-weight: 800;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum:lang(ja) .spectrum-Subheading strong,
.spectrum:lang(ko) .spectrum-Subheading strong,
.spectrum:lang(zh) .spectrum-Subheading strong,
.spectrum:lang(ja) .spectrum-Heading--subtitle3 strong,
.spectrum:lang(ko) .spectrum-Heading--subtitle3 strong,
.spectrum:lang(zh) .spectrum-Heading--subtitle3 strong {
font-size: 11px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum:lang(ja) .spectrum-Detail, .spectrum:lang(ko) .spectrum-Detail, .spectrum:lang(zh) .spectrum-Detail {
font-size: 11px;
font-weight: 400;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 16px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Detail em, .spectrum:lang(ko) .spectrum-Detail em, .spectrum:lang(zh) .spectrum-Detail em {
font-size: 11px;
font-weight: 400;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum:lang(ja) .spectrum-Detail strong, .spectrum:lang(ko) .spectrum-Detail strong, .spectrum:lang(zh) .spectrum-Detail strong {
font-size: 11px;
font-weight: 900;
line-height: 1.7;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum:lang(ja) .spectrum-Heading1--quiet, .spectrum:lang(ko) .spectrum-Heading1--quiet, .spectrum:lang(zh) .spectrum-Heading1--quiet {
font-size: 32px;
font-weight: 300;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading1--quiet em, .spectrum:lang(ko) .spectrum-Heading1--quiet em, .spectrum:lang(zh) .spectrum-Heading1--quiet em {
font-size: 32px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--quiet strong, .spectrum:lang(ko) .spectrum-Heading1--quiet strong, .spectrum:lang(zh) .spectrum-Heading1--quiet strong {
font-size: 32px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--quiet,
.spectrum:lang(ko) .spectrum-Heading2--quiet,
.spectrum:lang(zh) .spectrum-Heading2--quiet,
.spectrum:lang(ja) .spectrum-Heading--pageTitle,
.spectrum:lang(ko) .spectrum-Heading--pageTitle,
.spectrum:lang(zh) .spectrum-Heading--pageTitle {
font-size: 25px;
font-weight: 300;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading2--quiet em,
.spectrum:lang(ko) .spectrum-Heading2--quiet em,
.spectrum:lang(zh) .spectrum-Heading2--quiet em,
.spectrum:lang(ja) .spectrum-Heading--pageTitle em,
.spectrum:lang(ko) .spectrum-Heading--pageTitle em,
.spectrum:lang(zh) .spectrum-Heading--pageTitle em {
font-size: 25px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--quiet strong,
.spectrum:lang(ko) .spectrum-Heading2--quiet strong,
.spectrum:lang(zh) .spectrum-Heading2--quiet strong,
.spectrum:lang(ja) .spectrum-Heading--pageTitle strong,
.spectrum:lang(ko) .spectrum-Heading--pageTitle strong,
.spectrum:lang(zh) .spectrum-Heading--pageTitle strong {
font-size: 25px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--strong, .spectrum:lang(ko) .spectrum-Heading1--strong, .spectrum:lang(zh) .spectrum-Heading1--strong {
font-size: 32px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading1--strong em, .spectrum:lang(ko) .spectrum-Heading1--strong em, .spectrum:lang(zh) .spectrum-Heading1--strong em {
font-size: 32px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--strong strong, .spectrum:lang(ko) .spectrum-Heading1--strong strong, .spectrum:lang(zh) .spectrum-Heading1--strong strong {
font-size: 32px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--strong, .spectrum:lang(ko) .spectrum-Heading2--strong, .spectrum:lang(zh) .spectrum-Heading2--strong {
font-size: 25px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading2--strong em, .spectrum:lang(ko) .spectrum-Heading2--strong em, .spectrum:lang(zh) .spectrum-Heading2--strong em {
font-size: 25px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--strong strong, .spectrum:lang(ko) .spectrum-Heading2--strong strong, .spectrum:lang(zh) .spectrum-Heading2--strong strong {
font-size: 25px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--display, .spectrum:lang(ko) .spectrum-Heading1--display, .spectrum:lang(zh) .spectrum-Heading1--display {
font-size: 40px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading1--display em, .spectrum:lang(ko) .spectrum-Heading1--display em, .spectrum:lang(zh) .spectrum-Heading1--display em {
font-size: 40px;
font-weight: 800;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--display strong, .spectrum:lang(ko) .spectrum-Heading1--display strong, .spectrum:lang(zh) .spectrum-Heading1--display strong {
font-size: 40px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--display, .spectrum:lang(ko) .spectrum-Heading2--display, .spectrum:lang(zh) .spectrum-Heading2--display {
font-size: 36px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading2--display em, .spectrum:lang(ko) .spectrum-Heading2--display em, .spectrum:lang(zh) .spectrum-Heading2--display em {
font-size: 36px;
font-weight: 800;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--display strong, .spectrum:lang(ko) .spectrum-Heading2--display strong, .spectrum:lang(zh) .spectrum-Heading2--display strong {
font-size: 36px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong, .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong, .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong {
font-size: 40px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong em, .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong em, .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong em {
font-size: 40px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong strong, .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong strong, .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong strong {
font-size: 40px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong, .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong, .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong {
font-size: 36px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong em, .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong em, .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong em {
font-size: 36px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong strong, .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong strong, .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong strong {
font-size: 36px;
font-weight: 900;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet, .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet, .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet {
font-size: 40px;
font-weight: 300;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet em, .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet em, .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet em {
font-size: 40px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet strong, .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet strong, .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet strong {
font-size: 40px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet,
.spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet,
.spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet,
.spectrum:lang(ja) .spectrum-Heading--display,
.spectrum:lang(ko) .spectrum-Heading--display,
.spectrum:lang(zh) .spectrum-Heading--display {
font-size: 36px;
font-weight: 300;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
margin-bottom: 8px;
margin-top: 8px;
}
.spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet em,
.spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet em,
.spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet em,
.spectrum:lang(ja) .spectrum-Heading--display em,
.spectrum:lang(ko) .spectrum-Heading--display em,
.spectrum:lang(zh) .spectrum-Heading--display em {
font-size: 36px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet strong,
.spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet strong,
.spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet strong,
.spectrum:lang(ja) .spectrum-Heading--display strong,
.spectrum:lang(ko) .spectrum-Heading--display strong,
.spectrum:lang(zh) .spectrum-Heading--display strong {
font-size: 36px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.05em;
text-transform: none;
}
.spectrum-Code1 {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
margin-bottom: 16px;
margin-top: 8px;
font-family: Source Code Pro, Monaco, monospace;
}
.spectrum-Code1 em {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.spectrum-Code1 strong {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
.spectrum-Code2 {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
margin-bottom: 16px;
margin-top: 8px;
font-family: Source Code Pro, Monaco, monospace;
}
.spectrum-Code2 em {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.spectrum-Code2 strong {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
.spectrum-Code3 {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
margin-bottom: 16px;
margin-top: 8px;
font-family: Source Code Pro, Monaco, monospace;
}
.spectrum-Code3 em {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.spectrum-Code3 strong {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
.spectrum-Code4 {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
margin-bottom: 16px;
margin-top: 8px;
font-family: Source Code Pro, Monaco, monospace;
}
.spectrum-Code4 em {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.spectrum-Code4 strong {
font-size: 14px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
.spectrum-Code5 {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
margin-bottom: 16px;
margin-top: 8px;
font-family: Source Code Pro, Monaco, monospace;
}
.spectrum-Code5 em {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.spectrum-Code5 strong {
font-size: 12px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
/* topdoc
{{ typography/typography-default.yml }}
*/
/* topdoc
{{ typography/typography-deprecated.yml }}
*/
/* topdoc
{{ typography/typography-article.yml }}
*/
/* topdoc
{{ typography/typography-han.yml }}
*/
/* topdoc
{{ typography/typography-heading.yml }}
*/
/* topdoc
{{ typography/typography-heading-quiet.yml }}
*/
/* topdoc
{{ typography/typography-heading-strong.yml }}
*/
/* topdoc
{{ typography/typography-display.yml }}
*/
/* topdoc
{{ typography/typography-display-quiet.yml }}
*/
/* topdoc
{{ typography/typography-display-strong.yml }}
*/
/* topdoc
{{ typography/typography-body.yml }}
*/
/* topdoc
{{ typography/typography-code.yml }}
*/
.spectrum,
.spectrum-Body {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
}
.spectrum-Body--italic {
font-style: italic;
}
/* generated from dna-version: 5.0.1 */
/* generated from dna-version: 5.0.1 */
/* Temporary skin variables that need to be moved into origins */
:root {
/* Icon Button*/
/* Button */
/* Shell */
/* haha remove this */
/* Custom selection color for placeholders using global blue-500 at 30% opacity. Should be updated in Spectrum-DNA */
}
.spectrum--light .spectrum-Body1 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Body2 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Body3 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Body4 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Body5 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Heading1 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading2 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading3 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading4 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading5 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading6 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Subheading {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Detail {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading1--strong {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading2--strong {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading1--display {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading2--display {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Body1 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Article .spectrum-Body2 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Article .spectrum-Body3 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Article .spectrum-Body4 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Article .spectrum-Body5 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Article .spectrum-Heading1 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading2 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading3 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading4 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading5 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading6 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Subheading {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Article .spectrum-Detail {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Article .spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading1--display {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading2--display {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Body1, .spectrum--light .spectrum:lang(ko) .spectrum-Body1, .spectrum--light .spectrum:lang(zh) .spectrum-Body1 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Body2, .spectrum--light .spectrum:lang(ko) .spectrum-Body2, .spectrum--light .spectrum:lang(zh) .spectrum-Body2 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Body3, .spectrum--light .spectrum:lang(ko) .spectrum-Body3, .spectrum--light .spectrum:lang(zh) .spectrum-Body3 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Body4, .spectrum--light .spectrum:lang(ko) .spectrum-Body4, .spectrum--light .spectrum:lang(zh) .spectrum-Body4 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Body5, .spectrum--light .spectrum:lang(ko) .spectrum-Body5, .spectrum--light .spectrum:lang(zh) .spectrum-Body5 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading1, .spectrum--light .spectrum:lang(ko) .spectrum-Heading1, .spectrum--light .spectrum:lang(zh) .spectrum-Heading1 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading2, .spectrum--light .spectrum:lang(ko) .spectrum-Heading2, .spectrum--light .spectrum:lang(zh) .spectrum-Heading2 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading3, .spectrum--light .spectrum:lang(ko) .spectrum-Heading3, .spectrum--light .spectrum:lang(zh) .spectrum-Heading3 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading4, .spectrum--light .spectrum:lang(ko) .spectrum-Heading4, .spectrum--light .spectrum:lang(zh) .spectrum-Heading4 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading5, .spectrum--light .spectrum:lang(ko) .spectrum-Heading5, .spectrum--light .spectrum:lang(zh) .spectrum-Heading5 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading6, .spectrum--light .spectrum:lang(ko) .spectrum-Heading6, .spectrum--light .spectrum:lang(zh) .spectrum-Heading6 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Subheading, .spectrum--light .spectrum:lang(ko) .spectrum-Subheading, .spectrum--light .spectrum:lang(zh) .spectrum-Subheading {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Detail, .spectrum--light .spectrum:lang(ko) .spectrum-Detail, .spectrum--light .spectrum:lang(zh) .spectrum-Detail {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading1--quiet, .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--quiet, .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading2--quiet, .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--quiet, .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading1--strong, .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--strong, .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--strong {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading2--strong, .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--strong, .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--strong {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading1--display, .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--display, .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--display {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading2--display, .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--display, .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--display {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong, .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong, .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong, .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong, .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet, .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet, .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet, .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet, .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Code1 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Code2 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Code3 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Code4 {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Code5 {
color: rgb(75, 75, 75);
}
.spectrum--light,
.spectrum--light .spectrum-Body {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Body--large {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Body--small {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Body--secondary {
color: rgb(112, 112, 112);
}
.spectrum--light .spectrum-Heading--display {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading--pageTitle {
color: rgb(112, 112, 112);
}
.spectrum--light .spectrum-Heading--subtitle1 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading--subtitle2 {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Heading--subtitle3 {
color: rgb(112, 112, 112);
}
/* generated from dna-version: 5.0.1 */
/* generated from dna-version: 5.0.1 */
/* Temporary skin variables that need to be moved into origins */
:root {
/* Icon Button*/
/* Button */
/* Shell */
/* haha remove this */
/* Custom selection color for placeholders using global blue-500 at 30% opacity. Should be updated in Spectrum-DNA */
}
.spectrum--lightest .spectrum-Body1 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Body2 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Body3 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Body4 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Body5 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Heading1 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading2 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading3 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading4 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading5 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading6 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Subheading {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Detail {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Heading1--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading2--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading1--strong {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading2--strong {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading1--display {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading2--display {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Body1 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Article .spectrum-Body2 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Article .spectrum-Body3 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Article .spectrum-Body4 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Article .spectrum-Body5 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading1 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading2 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading3 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading4 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading5 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading6 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Subheading {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Article .spectrum-Detail {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading1--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading2--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading1--display {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading2--display {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Body1, .spectrum--lightest .spectrum:lang(ko) .spectrum-Body1, .spectrum--lightest .spectrum:lang(zh) .spectrum-Body1 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Body2, .spectrum--lightest .spectrum:lang(ko) .spectrum-Body2, .spectrum--lightest .spectrum:lang(zh) .spectrum-Body2 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Body3, .spectrum--lightest .spectrum:lang(ko) .spectrum-Body3, .spectrum--lightest .spectrum:lang(zh) .spectrum-Body3 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Body4, .spectrum--lightest .spectrum:lang(ko) .spectrum-Body4, .spectrum--lightest .spectrum:lang(zh) .spectrum-Body4 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Body5, .spectrum--lightest .spectrum:lang(ko) .spectrum-Body5, .spectrum--lightest .spectrum:lang(zh) .spectrum-Body5 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading1, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading1, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading1 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading2, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading2, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading2 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading3, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading3, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading3 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading4, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading4, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading4 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading5, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading5, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading5 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading6, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading6, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading6 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Subheading, .spectrum--lightest .spectrum:lang(ko) .spectrum-Subheading, .spectrum--lightest .spectrum:lang(zh) .spectrum-Subheading {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Detail, .spectrum--lightest .spectrum:lang(ko) .spectrum-Detail, .spectrum--lightest .spectrum:lang(zh) .spectrum-Detail {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading1--quiet, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading1--quiet, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading1--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading2--quiet, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading2--quiet, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading2--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading1--strong, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading1--strong, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading1--strong {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading2--strong, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading2--strong, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading2--strong {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading1--display, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading1--display, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading1--display {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading2--display, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading2--display, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading2--display {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet, .spectrum--lightest .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet, .spectrum--lightest .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Code1 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Code2 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Code3 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Code4 {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Code5 {
color: rgb(80, 80, 80);
}
.spectrum--lightest,
.spectrum--lightest .spectrum-Body {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Body--large {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Body--small {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Body--secondary {
color: rgb(118, 118, 118);
}
.spectrum--lightest .spectrum-Heading--display {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading--pageTitle {
color: rgb(118, 118, 118);
}
.spectrum--lightest .spectrum-Heading--subtitle1 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading--subtitle2 {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Heading--subtitle3 {
color: rgb(118, 118, 118);
}
/* generated from dna-version: 5.0.1 */
/* generated from dna-version: 5.0.1 */
/* Temporary skin variables that need to be moved into origins */
:root {
/* Icon Button*/
/* Button */
/* Shell */
/* haha remove this */
/* Custom selection color for placeholders using global blue-500 at 30% opacity. Should be updated in Spectrum-DNA */
}
.spectrum--darkest .spectrum-Body1 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Body2 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Body3 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Body4 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Body5 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Heading1 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading2 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading3 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading4 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading5 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading6 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Subheading {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Detail {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading1--strong {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading2--strong {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading1--display {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading2--display {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Body1 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Article .spectrum-Body2 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Article .spectrum-Body3 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Article .spectrum-Body4 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Article .spectrum-Body5 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading1 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading2 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading3 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading4 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading5 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading6 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Subheading {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Article .spectrum-Detail {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading1--display {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading2--display {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Body1, .spectrum--darkest .spectrum:lang(ko) .spectrum-Body1, .spectrum--darkest .spectrum:lang(zh) .spectrum-Body1 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Body2, .spectrum--darkest .spectrum:lang(ko) .spectrum-Body2, .spectrum--darkest .spectrum:lang(zh) .spectrum-Body2 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Body3, .spectrum--darkest .spectrum:lang(ko) .spectrum-Body3, .spectrum--darkest .spectrum:lang(zh) .spectrum-Body3 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Body4, .spectrum--darkest .spectrum:lang(ko) .spectrum-Body4, .spectrum--darkest .spectrum:lang(zh) .spectrum-Body4 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Body5, .spectrum--darkest .spectrum:lang(ko) .spectrum-Body5, .spectrum--darkest .spectrum:lang(zh) .spectrum-Body5 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading3, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading3, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading3 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading4, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading4, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading4 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading5, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading5, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading5 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading6, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading6, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading6 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Subheading, .spectrum--darkest .spectrum:lang(ko) .spectrum-Subheading, .spectrum--darkest .spectrum:lang(zh) .spectrum-Subheading {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Detail, .spectrum--darkest .spectrum:lang(ko) .spectrum-Detail, .spectrum--darkest .spectrum:lang(zh) .spectrum-Detail {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--quiet, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--quiet, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--quiet, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--quiet, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--strong, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--strong, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--strong {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--strong, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--strong, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--strong {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--display, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--display, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--display {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--display, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--display, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--display {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet, .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet, .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Code1 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Code2 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Code3 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Code4 {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Code5 {
color: rgb(180, 180, 180);
}
.spectrum--darkest,
.spectrum--darkest .spectrum-Body {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Body--large {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Body--small {
color: rgb(180, 180, 180);
}
.spectrum--darkest .spectrum-Body--secondary {
color: rgb(133, 133, 133);
}
.spectrum--darkest .spectrum-Heading--display {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading--pageTitle {
color: rgb(133, 133, 133);
}
.spectrum--darkest .spectrum-Heading--subtitle1 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading--subtitle2 {
color: rgb(226, 226, 226);
}
.spectrum--darkest .spectrum-Heading--subtitle3 {
color: rgb(133, 133, 133);
}
.spectrum-Icon,
.spectrum-UIIcon {
display: inline-block;
color: inherit;
fill: currentColor;
pointer-events: none;
}
.spectrum-Icon:not(:root), .spectrum-UIIcon:not(:root) {
overflow: hidden;
}
.spectrum-Icon--sizeXXS,
.spectrum-Icon--sizeXXS img,
.spectrum-Icon--sizeXXS svg {
height: 9px;
width: 9px;
}
.spectrum-Icon--sizeXS,
.spectrum-Icon--sizeXS img,
.spectrum-Icon--sizeXS svg {
height: 12px;
width: 12px;
}
.spectrum-Icon--sizeS,
.spectrum-Icon--sizeS img,
.spectrum-Icon--sizeS svg {
height: 18px;
width: 18px;
}
.spectrum-Icon--sizeM,
.spectrum-Icon--sizeM img,
.spectrum-Icon--sizeM svg {
height: 24px;
width: 24px;
}
.spectrum-Icon--sizeL,
.spectrum-Icon--sizeL img,
.spectrum-Icon--sizeL svg {
height: 36px;
width: 36px;
}
.spectrum-Icon--sizeXL,
.spectrum-Icon--sizeXL img,
.spectrum-Icon--sizeXL svg {
height: 48px;
width: 48px;
}
.spectrum-Icon--sizeXXL,
.spectrum-Icon--sizeXXL img,
.spectrum-Icon--sizeXXL svg {
height: 72px;
width: 72px;
}
.spectrum--medium .spectrum-UIIcon--large {
display: none;
}
.spectrum--medium .spectrum-UIIcon--medium {
display: inline;
}
.spectrum--large .spectrum-UIIcon--medium {
display: none;
}
.spectrum--large .spectrum-UIIcon--large {
display: inline;
}
.spectrum--large {
--ui-icon-large-display: block;
--ui-icon-medium-display: none;
}
.spectrum--medium {
--ui-icon-medium-display: block;
--ui-icon-large-display: none;
}
.spectrum-UIIcon--large {
display: var(--ui-icon-large-display);
}
.spectrum-UIIcon--medium {
display: var(--ui-icon-medium-display);
}
.spectrum-UIIcon-AlertMedium {
width: 18px;
height: 18px;
}
.spectrum-UIIcon-AlertSmall {
width: 14px;
height: 14px;
}
.spectrum-UIIcon-ArrowDownSmall {
width: 8px;
height: 10px;
}
.spectrum-UIIcon-ArrowLeftMedium {
width: 14px;
height: 10px;
}
.spectrum-UIIcon-Asterisk {
width: 8px;
height: 8px;
}
.spectrum-UIIcon-CheckmarkMedium {
width: 12px;
height: 12px;
}
.spectrum-UIIcon-CheckmarkSmall {
width: 10px;
height: 10px;
}
.spectrum-UIIcon-ChevronDownMedium {
width: 10px;
height: 6px;
}
.spectrum-UIIcon-ChevronDownSmall {
width: 8px;
height: 6px;
}
.spectrum-UIIcon-ChevronLeftLarge {
width: 12px;
height: 16px;
}
.spectrum-UIIcon-ChevronLeftMedium {
width: 6px;
height: 10px;
}
.spectrum-UIIcon-ChevronRightLarge {
width: 12px;
height: 16px;
}
.spectrum-UIIcon-ChevronRightMedium {
width: 6px;
height: 10px;
}
.spectrum-UIIcon-ChevronRightSmall {
width: 6px;
height: 8px;
}
.spectrum-UIIcon-ChevronUpSmall {
width: 8px;
height: 6px;
}
.spectrum-UIIcon-CornerTriangle {
width: 5px;
height: 5px;
}
.spectrum-UIIcon-CrossLarge {
width: 12px;
height: 12px;
}
.spectrum-UIIcon-CrossMedium {
width: 8px;
height: 8px;
}
.spectrum-UIIcon-CrossSmall {
width: 8px;
height: 8px;
}
.spectrum-UIIcon-DashSmall {
width: 10px;
height: 10px;
}
.spectrum-UIIcon-DoubleGripper {
width: 16px;
height: 4px;
}
.spectrum-UIIcon-FolderBreadcrumb {
width: 18px;
height: 18px;
}
.spectrum-UIIcon-HelpMedium {
width: 18px;
height: 18px;
}
.spectrum-UIIcon-HelpSmall {
width: 14px;
height: 14px;
}
.spectrum-UIIcon-InfoMedium {
width: 18px;
height: 18px;
}
.spectrum-UIIcon-InfoSmall {
width: 14px;
height: 14px;
}
.spectrum-UIIcon-Magnifier {
width: 16px;
height: 16px;
}
.spectrum-UIIcon-SkipLeft {
width: 9px;
height: 10px;
}
.spectrum-UIIcon-SkipRight {
width: 9px;
height: 10px;
}
.spectrum-UIIcon-Star {
width: 18px;
height: 18px;
}
.spectrum-UIIcon-StarOutline {
width: 18px;
height: 18px;
}
.spectrum-UIIcon-SuccessMedium {
width: 18px;
height: 18px;
}
.spectrum-UIIcon-SuccessSmall {
width: 14px;
height: 14px;
}
.spectrum-UIIcon-TripleGripper {
width: 10px;
height: 7px;
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum-Button--block {
display: block;
}
.spectrum-Button,
.spectrum-ActionButton,
.spectrum-LogicButton,
.spectrum-FieldButton,
.spectrum-ClearButton,
.spectrum-Tool {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
box-sizing: border-box;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
overflow: visible;
margin: 0;
border-style: solid;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-appearance: button;
vertical-align: top;
transition: background 130ms ease-out,
border-color 130ms ease-out,
color 130ms ease-out,
box-shadow 130ms ease-out;
text-decoration: none;
font-family: 'adobe-clean-ux', 'adobe-clean', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.3;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.spectrum-Button:focus,
.spectrum-ActionButton:focus,
.spectrum-LogicButton:focus,
.spectrum-FieldButton:focus,
.spectrum-ClearButton:focus,
.spectrum-Tool:focus {
outline: none;
}
.spectrum-Button::-moz-focus-inner,
.spectrum-ActionButton::-moz-focus-inner,
.spectrum-LogicButton::-moz-focus-inner,
.spectrum-FieldButton::-moz-focus-inner,
.spectrum-ClearButton::-moz-focus-inner,
.spectrum-Tool::-moz-focus-inner {
border: 0;
border-style: none;
padding: 0;
margin-top: -2PX;
margin-bottom: -2PX;
}
.spectrum-Button:disabled,
.spectrum-ActionButton:disabled,
.spectrum-LogicButton:disabled,
.spectrum-FieldButton:disabled,
.spectrum-ClearButton:disabled,
.spectrum-Tool:disabled {
cursor: default;
}
.spectrum-Button .spectrum-Icon,
.spectrum-ActionButton .spectrum-Icon,
.spectrum-LogicButton .spectrum-Icon,
.spectrum-FieldButton .spectrum-Icon,
.spectrum-ClearButton .spectrum-Icon,
.spectrum-Tool .spectrum-Icon {
max-height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.spectrum-Button:after,
.spectrum-LogicButton:after,
.spectrum-ClearButton:after {
border-radius: 18px;
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: -2px;
transition: box-shadow 130ms ease-out,
margin 130ms ease-out;
}
.spectrum-Button.focus-ring:after,
.spectrum-LogicButton.focus-ring:after,
.spectrum-ClearButton.focus-ring:after {
margin: -4px;
}
.spectrum-Button {
border-width: 2px;
border-style: solid;
border-radius: 16px;
min-height: 32px;
height: auto;
min-width: 72px;
padding: 4px 14px;
padding-bottom: 5px;
padding-top: 3px;
font-size: 14px;
font-weight: 700;
}
.spectrum-Button:hover,
.spectrum-Button:active {
box-shadow: none;
}
.spectrum-Button .spectrum-Icon + .spectrum-Button-label {
margin-left: 8px;
}
.spectrum-Button .spectrum-Button-label + .spectrum-Icon {
margin-left: 4px;
}
.spectrum-ClearButton--overBackground.focus-ring:after {
margin: -2px;
}
a.spectrum-Button,
a.spectrum-ActionButton {
-webkit-appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spectrum-ActionButton,
.spectrum-Tool {
position: relative;
height: 32px;
min-width: 32px;
padding: 0 6px;
border-width: 1px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
}
.spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label,
.spectrum-Tool .spectrum-Icon + .spectrum-ActionButton-label {
padding-left: 7px;
padding-right: 5px;
}
.spectrum-ActionButton .spectrum-Icon--sizeS:only-child,
.spectrum-Tool .spectrum-Icon--sizeS:only-child {
position: absolute;
top: calc(50% - 9px);
left: calc(50% - 9px);
}
.spectrum-ActionButton .spectrum-ActionButton-label:only-child,
.spectrum-Tool .spectrum-ActionButton-label:only-child {
padding: 0 5px;
}
.spectrum-ActionButton-hold {
position: absolute;
right: 3px;
bottom: 3px;
}
.spectrum-ActionButton-label,
.spectrum-Button-label {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
justify-self: center;
text-align: center;
width: 100%;
}
.spectrum-ActionButton-label:empty, .spectrum-Button-label:empty {
display: none;
}
.spectrum-ActionButton-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.spectrum-ActionButton--quiet,
.spectrum-Tool {
border-width: 1px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
}
.spectrum-LogicButton {
height: 24px;
padding: 8px;
border-width: 2px;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
line-height: 0;
}
.spectrum-LogicButton:after {
border-radius: 6px;
}
.spectrum-FieldButton {
height: 32px;
padding: 0 12px;
font-family: inherit;
font-weight: normal;
font-size: 14px;
line-height: normal;
-webkit-font-smoothing: initial;
cursor: pointer;
outline: none;
}
.spectrum-FieldButton {
margin: 0;
padding: 0 12px;
border-width: 1px;
border-style: solid;
border-radius: 4px;
transition: background-color 130ms,
box-shadow 130ms,
border-color 130ms;
}
.spectrum-FieldButton:disabled,
.spectrum-FieldButton.is-disabled {
border-width: 0;
cursor: default;
}
.spectrum-FieldButton.is-open {
border-width: 1px;
}
.spectrum-FieldButton--quiet {
margin: 0;
padding: 0;
border-width: 0;
border-radius: 0px;
}
.spectrum-FieldButton--quiet:disabled.focus-ring, .spectrum-FieldButton--quiet.is-disabled.focus-ring {
box-shadow: none;
}
.spectrum-ClearButton {
width: 32px;
height: 32px;
border-radius: 100%;
padding: 0;
margin: 0;
border: none;
}
.spectrum-ClearButton > .spectrum-Icon {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.spectrum-ClearButton > .spectrum-Icon {
margin: 0;
}
}
.spectrum-ClearButton--small {
width: 24px;
height: 24px;
}
.spectrum-Tool {
position: relative;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
}
.spectrum-Tool-hold {
position: absolute;
right: 3px;
bottom: 3px;
}
.spectrum-Button + .spectrum-Button {
margin-left: 16px;
}
.spectrum-ActionButton + .spectrum-ActionButton,
.spectrum-Tool + .spectrum-Tool {
margin-left: 8px;
}
.spectrum-Tool + .spectrum-Tool {
margin-left: 8px;
}
.spectrum--light .spectrum-LogicButton.focus-ring:after,
.spectrum--light .spectrum-LogicButton.is-focused:after,
.spectrum--light .spectrum-Button.focus-ring:after,
.spectrum--light .spectrum-Button.is-focused:after {
box-shadow: 0 0 0 2px rgb(38, 128, 235);
}
.spectrum--light .spectrum-ClearButton {
background-color: transparent;
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-ClearButton:hover {
background-color: transparent;
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ClearButton:active {
background-color: transparent;
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ClearButton.focus-ring {
background-color: transparent;
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ClearButton:disabled,
.spectrum--light .spectrum-ClearButton.is-disabled {
background-color: transparent;
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Button--cta {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--cta:hover {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--cta.focus-ring {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--cta:active {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--cta:disabled,
.spectrum--light .spectrum-Button--cta.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Button--primary {
background-color: transparent;
border-color: rgb(75, 75, 75);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Button--primary:hover {
background-color: rgb(75, 75, 75);
border-color: rgb(75, 75, 75);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--primary.focus-ring {
background-color: rgb(75, 75, 75);
border-color: rgb(75, 75, 75);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--primary:active {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--primary:disabled,
.spectrum--light .spectrum-Button--primary.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Button--secondary {
background-color: transparent;
border-color: rgb(110, 110, 110);
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Button--secondary:hover {
background-color: rgb(110, 110, 110);
border-color: rgb(110, 110, 110);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--secondary.focus-ring {
background-color: rgb(110, 110, 110);
border-color: rgb(110, 110, 110);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--secondary:active {
background-color: rgb(75, 75, 75);
border-color: rgb(75, 75, 75);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--secondary:disabled,
.spectrum--light .spectrum-Button--secondary.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Button--warning {
background-color: transparent;
border-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Button--warning:hover {
background-color: rgb(201, 37, 45);
border-color: rgb(201, 37, 45);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--warning.focus-ring {
background-color: rgb(201, 37, 45);
border-color: rgb(201, 37, 45);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--warning:active {
background-color: rgb(187, 18, 26);
border-color: rgb(187, 18, 26);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--warning:disabled,
.spectrum--light .spectrum-Button--warning.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Button--overBackground {
background-color: transparent;
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--overBackground:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--light .spectrum-Button--overBackground.focus-ring {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--light .spectrum-Button--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--overBackground:active {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--light .spectrum-Button--overBackground:disabled,
.spectrum--light .spectrum-Button--overBackground.is-disabled {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgba(255,255,255,0.35);
}
.spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet,
.spectrum--light .spectrum-ClearButton--overBackground {
background-color: transparent;
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet:hover,
.spectrum--light .spectrum-ClearButton--overBackground:hover {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring,
.spectrum--light .spectrum-ClearButton--overBackground.focus-ring {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
box-shadow: none;
}
.spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring:after,
.spectrum--light .spectrum-ClearButton--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet:active,
.spectrum--light .spectrum-ClearButton--overBackground:active {
background-color: rgba(255,255,255,0.15);
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet:disabled,
.spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet.is-disabled,
.spectrum--light .spectrum-ClearButton--overBackground:disabled,
.spectrum--light .spectrum-ClearButton--overBackground.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgba(255,255,255,0.15);
}
.spectrum--light .spectrum-Button--primary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Button--primary.spectrum-Button--quiet:hover {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Button--primary.spectrum-Button--quiet.focus-ring {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Button--primary.spectrum-Button--quiet:active {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Button--primary.spectrum-Button--quiet:disabled,
.spectrum--light .spectrum-Button--primary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet:hover {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet.focus-ring {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet:active {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet:disabled,
.spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-ActionButton,
.spectrum--light .spectrum-Tool {
background-color: rgb(250, 250, 250);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-ActionButton .spectrum-Icon,
.spectrum--light .spectrum-Tool .spectrum-Icon {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-ActionButton .spectrum-ActionButton-hold,
.spectrum--light .spectrum-Tool .spectrum-ActionButton-hold {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-ActionButton:hover,
.spectrum--light .spectrum-Tool:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton:hover .spectrum-Icon,
.spectrum--light .spectrum-Tool:hover .spectrum-Icon {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton:hover .spectrum-ActionButton-hold,
.spectrum--light .spectrum-Tool:hover .spectrum-ActionButton-hold {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.focus-ring,
.spectrum--light .spectrum-Tool.focus-ring {
background-color: rgb(255, 255, 255);
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.focus-ring .spectrum-Icon,
.spectrum--light .spectrum-Tool.focus-ring .spectrum-Icon {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.focus-ring .spectrum-ActionButton-hold,
.spectrum--light .spectrum-Tool.focus-ring .spectrum-ActionButton-hold {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton:active,
.spectrum--light .spectrum-Tool:active {
background-color: rgb(234, 234, 234);
border-color: rgb(202, 202, 202);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton:active .spectrum-ActionButton-hold,
.spectrum--light .spectrum-Tool:active .spectrum-ActionButton-hold {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton:disabled,
.spectrum--light .spectrum-ActionButton.is-disabled,
.spectrum--light .spectrum-Tool:disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-ActionButton:disabled .spectrum-Icon,
.spectrum--light .spectrum-ActionButton.is-disabled .spectrum-Icon,
.spectrum--light .spectrum-Tool:disabled .spectrum-Icon {
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-ActionButton:disabled .spectrum-ActionButton-hold,
.spectrum--light .spectrum-ActionButton.is-disabled .spectrum-ActionButton-hold,
.spectrum--light .spectrum-Tool:disabled .spectrum-ActionButton-hold {
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-ActionButton.is-selected {
background-color: rgb(234, 234, 234);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-ActionButton.is-selected .spectrum-Icon {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-ActionButton.is-selected.focus-ring {
background-color: rgb(234, 234, 234);
border-color: rgb(38, 128, 235);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.is-selected.focus-ring .spectrum-Icon {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.is-selected:hover {
background-color: rgb(234, 234, 234);
border-color: rgb(202, 202, 202);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.is-selected:hover .spectrum-Icon {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.is-selected:active {
background-color: rgb(234, 234, 234);
border-color: rgb(202, 202, 202);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.is-selected:active .spectrum-Icon {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton.is-selected:disabled,
.spectrum--light .spectrum-ActionButton.is-selected.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-ActionButton.is-selected:disabled .spectrum-Icon,
.spectrum--light .spectrum-ActionButton.is-selected.is-disabled .spectrum-Icon {
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-ActionButton--quiet,
.spectrum--light .spectrum-Tool {
background-color: transparent;
border-color: transparent;
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-ActionButton--quiet:hover,
.spectrum--light .spectrum-Tool:hover {
background-color: transparent;
border-color: transparent;
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton--quiet.focus-ring,
.spectrum--light .spectrum-Tool.focus-ring {
background-color: transparent;
box-shadow: 0 0 0 1px rgb(38, 128, 235);
border-color: rgb(38, 128, 235);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton--quiet:active,
.spectrum--light .spectrum-Tool:active {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton--quiet:disabled,
.spectrum--light .spectrum-ActionButton--quiet.is-disabled,
.spectrum--light .spectrum-Tool:disabled {
background-color: transparent;
border-color: transparent;
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-ActionButton--quiet.is-selected {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-ActionButton--quiet.is-selected.focus-ring {
background-color: rgb(225, 225, 225);
border-color: rgb(38, 128, 235);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton--quiet.is-selected:hover {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton--quiet.is-selected:active {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ActionButton--quiet.is-selected:disabled,
.spectrum--light .spectrum-ActionButton--quiet.is-selected.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Button--warning.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Button--warning.spectrum-Button--quiet:hover {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(187, 18, 26);
}
.spectrum--light .spectrum-Button--warning.spectrum-Button--quiet.focus-ring {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(187, 18, 26);
}
.spectrum--light .spectrum-Button--warning.spectrum-Button--quiet:active {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(187, 18, 26);
}
.spectrum--light .spectrum-Button--warning.spectrum-Button--quiet:disabled,
.spectrum--light .spectrum-Button--warning.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-LogicButton--and {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-LogicButton--and:hover {
background-color: rgb(9, 90, 186);
border-color: rgb(9, 90, 186);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-LogicButton--and:disabled,
.spectrum--light .spectrum-LogicButton--and.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-LogicButton--or {
background-color: rgb(206, 39, 131);
border-color: rgb(206, 39, 131);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-LogicButton--or:hover {
background-color: rgb(174, 14, 102);
border-color: rgb(174, 14, 102);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-LogicButton--or:disabled,
.spectrum--light .spectrum-LogicButton--or.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-FieldButton {
color: rgb(75, 75, 75);
background-color: rgb(250, 250, 250);
border-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-FieldButton:hover {
color: rgb(44, 44, 44);
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-FieldButton:active,
.spectrum--light .spectrum-FieldButton.is-selected {
background-color: rgb(234, 234, 234);
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-FieldButton.focus-ring,
.spectrum--light .spectrum-FieldButton.is-focused {
background-color: rgb(255, 255, 255);
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-FieldButton.focus-ring.is-placeholder,
.spectrum--light .spectrum-FieldButton.is-focused.is-placeholder {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-FieldButton.is-invalid {
border-color: rgb(215, 55, 63);
}
.spectrum--light .spectrum-FieldButton.is-invalid:hover {
border-color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-FieldButton.is-invalid:active,
.spectrum--light .spectrum-FieldButton.is-invalid.is-selected {
border-color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-FieldButton.is-invalid.focus-ring,
.spectrum--light .spectrum-FieldButton.is-invalid.is-focused {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--light .spectrum-FieldButton:disabled,
.spectrum--light .spectrum-FieldButton.is-disabled {
background-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-FieldButton:disabled .spectrum-Icon,
.spectrum--light .spectrum-FieldButton.is-disabled .spectrum-Icon {
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-FieldButton--quiet {
color: rgb(75, 75, 75);
border-color: transparent;
background-color: transparent;
}
.spectrum--light .spectrum-FieldButton--quiet:hover {
background-color: transparent;
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-FieldButton--quiet.focus-ring,
.spectrum--light .spectrum-FieldButton--quiet.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.spectrum--light .spectrum-FieldButton--quiet.focus-ring.is-placeholder,
.spectrum--light .spectrum-FieldButton--quiet.is-focused.is-placeholder {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-FieldButton--quiet:active,
.spectrum--light .spectrum-FieldButton--quiet.is-selected {
background-color: transparent;
border-color: transparent;
}
.spectrum--light .spectrum-FieldButton--quiet:active.focus-ring,
.spectrum--light .spectrum-FieldButton--quiet:active.is-focused,
.spectrum--light .spectrum-FieldButton--quiet.is-selected.focus-ring,
.spectrum--light .spectrum-FieldButton--quiet.is-selected.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.spectrum--light .spectrum-FieldButton--quiet.is-invalid.focus-ring,
.spectrum--light .spectrum-FieldButton--quiet.is-invalid.is-focused {
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.spectrum--light .spectrum-FieldButton--quiet:disabled,
.spectrum--light .spectrum-FieldButton--quiet.is-disabled {
background-color: transparent;
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Tool.is-selected .spectrum-Icon {
color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Tool.is-selected .spectrum-Tool-hold {
color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Tool.is-selected:hover .spectrum-Icon {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Tool.is-selected:hover .spectrum-Tool-hold {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Tool.is-selected:active .spectrum-Icon {
color: rgb(9, 90, 186);
}
.spectrum--light .spectrum-Tool.is-selected:active .spectrum-Tool-hold {
color: rgb(9, 90, 186);
}
.spectrum--light .spectrum-Tool.is-selected.focus-ring .spectrum-Icon {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Tool.is-selected.focus-ring .spectrum-Tool-hold {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Tool.is-selected:disabled,
.spectrum--light .spectrum-Tool.is-selected.is-disabled {
background-color: transparent;
border-color: transparent;
}
.spectrum--light .spectrum-Tool.is-selected:disabled .spectrum-Icon,
.spectrum--light .spectrum-Tool.is-selected.is-disabled .spectrum-Icon {
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Tool.is-selected:disabled .spectrum-Tool-hold,
.spectrum--light .spectrum-Tool.is-selected.is-disabled .spectrum-Tool-hold {
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Tool .spectrum-Tool-hold {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Tool:hover .spectrum-Tool-hold {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Tool:active {
background-color: transparent;
border-color: transparent;
}
.spectrum--light .spectrum-Tool:active .spectrum-Tool-hold {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Tool.focus-ring .spectrum-Tool-hold {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Tool.is-disabled .spectrum-Tool-hold,
.spectrum--light .spectrum-Tool:disabled .spectrum-Tool-hold {
color: rgb(202, 202, 202);
}
.spectrum--lightest .spectrum-LogicButton.focus-ring:after,
.spectrum--lightest .spectrum-LogicButton.is-focused:after,
.spectrum--lightest .spectrum-Button.focus-ring:after,
.spectrum--lightest .spectrum-Button.is-focused:after {
box-shadow: 0 0 0 2px rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-ClearButton {
background-color: transparent;
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-ClearButton:hover {
background-color: transparent;
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ClearButton:active {
background-color: transparent;
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ClearButton.focus-ring {
background-color: transparent;
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ClearButton:disabled,
.spectrum--lightest .spectrum-ClearButton.is-disabled {
background-color: transparent;
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Button--cta {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--cta:hover {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--cta.focus-ring {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--cta:active {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--cta:disabled,
.spectrum--lightest .spectrum-Button--cta.is-disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Button--primary {
background-color: transparent;
border-color: rgb(80, 80, 80);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Button--primary:hover {
background-color: rgb(80, 80, 80);
border-color: rgb(80, 80, 80);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--primary.focus-ring {
background-color: rgb(80, 80, 80);
border-color: rgb(80, 80, 80);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--primary:active {
background-color: rgb(50, 50, 50);
border-color: rgb(50, 50, 50);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--primary:disabled,
.spectrum--lightest .spectrum-Button--primary.is-disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Button--secondary {
background-color: transparent;
border-color: rgb(116, 116, 116);
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Button--secondary:hover {
background-color: rgb(116, 116, 116);
border-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--secondary.focus-ring {
background-color: rgb(116, 116, 116);
border-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--secondary:active {
background-color: rgb(80, 80, 80);
border-color: rgb(80, 80, 80);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--secondary:disabled,
.spectrum--lightest .spectrum-Button--secondary.is-disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Button--warning {
background-color: transparent;
border-color: rgb(215, 55, 63);
color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Button--warning:hover {
background-color: rgb(215, 55, 63);
border-color: rgb(215, 55, 63);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--warning.focus-ring {
background-color: rgb(215, 55, 63);
border-color: rgb(215, 55, 63);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--warning:active {
background-color: rgb(201, 37, 45);
border-color: rgb(201, 37, 45);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--warning:disabled,
.spectrum--lightest .spectrum-Button--warning.is-disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Button--overBackground {
background-color: transparent;
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--overBackground:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--lightest .spectrum-Button--overBackground.focus-ring {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--lightest .spectrum-Button--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--overBackground:active {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--lightest .spectrum-Button--overBackground:disabled,
.spectrum--lightest .spectrum-Button--overBackground.is-disabled {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgba(255,255,255,0.35);
}
.spectrum--lightest .spectrum-Button--overBackground.spectrum-Button--quiet,
.spectrum--lightest .spectrum-ClearButton--overBackground {
background-color: transparent;
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--overBackground.spectrum-Button--quiet:hover,
.spectrum--lightest .spectrum-ClearButton--overBackground:hover {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring,
.spectrum--lightest .spectrum-ClearButton--overBackground.focus-ring {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
box-shadow: none;
}
.spectrum--lightest .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring:after,
.spectrum--lightest .spectrum-ClearButton--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--overBackground.spectrum-Button--quiet:active,
.spectrum--lightest .spectrum-ClearButton--overBackground:active {
background-color: rgba(255,255,255,0.15);
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Button--overBackground.spectrum-Button--quiet:disabled,
.spectrum--lightest .spectrum-Button--overBackground.spectrum-Button--quiet.is-disabled,
.spectrum--lightest .spectrum-ClearButton--overBackground:disabled,
.spectrum--lightest .spectrum-ClearButton--overBackground.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgba(255,255,255,0.15);
}
.spectrum--lightest .spectrum-Button--primary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Button--primary.spectrum-Button--quiet:hover {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Button--primary.spectrum-Button--quiet.focus-ring {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Button--primary.spectrum-Button--quiet:active {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Button--primary.spectrum-Button--quiet:disabled,
.spectrum--lightest .spectrum-Button--primary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Button--secondary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Button--secondary.spectrum-Button--quiet:hover {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Button--secondary.spectrum-Button--quiet.focus-ring {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Button--secondary.spectrum-Button--quiet:active {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Button--secondary.spectrum-Button--quiet:disabled,
.spectrum--lightest .spectrum-Button--secondary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-ActionButton,
.spectrum--lightest .spectrum-Tool {
background-color: rgb(255, 255, 255);
border-color: rgb(234, 234, 234);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-ActionButton .spectrum-Icon,
.spectrum--lightest .spectrum-Tool .spectrum-Icon {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-ActionButton .spectrum-ActionButton-hold,
.spectrum--lightest .spectrum-Tool .spectrum-ActionButton-hold {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-ActionButton:hover,
.spectrum--lightest .spectrum-Tool:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(211, 211, 211);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton:hover .spectrum-Icon,
.spectrum--lightest .spectrum-Tool:hover .spectrum-Icon {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton:hover .spectrum-ActionButton-hold,
.spectrum--lightest .spectrum-Tool:hover .spectrum-ActionButton-hold {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.focus-ring,
.spectrum--lightest .spectrum-Tool.focus-ring {
background-color: rgb(255, 255, 255);
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.focus-ring .spectrum-Icon,
.spectrum--lightest .spectrum-Tool.focus-ring .spectrum-Icon {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.focus-ring .spectrum-ActionButton-hold,
.spectrum--lightest .spectrum-Tool.focus-ring .spectrum-ActionButton-hold {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton:active,
.spectrum--lightest .spectrum-Tool:active {
background-color: rgb(244, 244, 244);
border-color: rgb(211, 211, 211);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton:active .spectrum-ActionButton-hold,
.spectrum--lightest .spectrum-Tool:active .spectrum-ActionButton-hold {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton:disabled,
.spectrum--lightest .spectrum-ActionButton.is-disabled,
.spectrum--lightest .spectrum-Tool:disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-ActionButton:disabled .spectrum-Icon,
.spectrum--lightest .spectrum-ActionButton.is-disabled .spectrum-Icon,
.spectrum--lightest .spectrum-Tool:disabled .spectrum-Icon {
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-ActionButton:disabled .spectrum-ActionButton-hold,
.spectrum--lightest .spectrum-ActionButton.is-disabled .spectrum-ActionButton-hold,
.spectrum--lightest .spectrum-Tool:disabled .spectrum-ActionButton-hold {
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-ActionButton.is-selected {
background-color: rgb(244, 244, 244);
border-color: rgb(234, 234, 234);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-ActionButton.is-selected .spectrum-Icon {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-ActionButton.is-selected.focus-ring {
background-color: rgb(244, 244, 244);
border-color: rgb(55, 142, 240);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.is-selected.focus-ring .spectrum-Icon {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.is-selected:hover {
background-color: rgb(244, 244, 244);
border-color: rgb(211, 211, 211);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.is-selected:hover .spectrum-Icon {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.is-selected:active {
background-color: rgb(244, 244, 244);
border-color: rgb(211, 211, 211);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.is-selected:active .spectrum-Icon {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton.is-selected:disabled,
.spectrum--lightest .spectrum-ActionButton.is-selected.is-disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-ActionButton.is-selected:disabled .spectrum-Icon,
.spectrum--lightest .spectrum-ActionButton.is-selected.is-disabled .spectrum-Icon {
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-ActionButton--quiet,
.spectrum--lightest .spectrum-Tool {
background-color: transparent;
border-color: transparent;
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-ActionButton--quiet:hover,
.spectrum--lightest .spectrum-Tool:hover {
background-color: transparent;
border-color: transparent;
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton--quiet.focus-ring,
.spectrum--lightest .spectrum-Tool.focus-ring {
background-color: transparent;
box-shadow: 0 0 0 1px rgb(55, 142, 240);
border-color: rgb(55, 142, 240);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton--quiet:active,
.spectrum--lightest .spectrum-Tool:active {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton--quiet:disabled,
.spectrum--lightest .spectrum-ActionButton--quiet.is-disabled,
.spectrum--lightest .spectrum-Tool:disabled {
background-color: transparent;
border-color: transparent;
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-ActionButton--quiet.is-selected {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-ActionButton--quiet.is-selected.focus-ring {
background-color: rgb(234, 234, 234);
border-color: rgb(55, 142, 240);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton--quiet.is-selected:hover {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton--quiet.is-selected:active {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ActionButton--quiet.is-selected:disabled,
.spectrum--lightest .spectrum-ActionButton--quiet.is-selected.is-disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Button--warning.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Button--warning.spectrum-Button--quiet:hover {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Button--warning.spectrum-Button--quiet.focus-ring {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Button--warning.spectrum-Button--quiet:active {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Button--warning.spectrum-Button--quiet:disabled,
.spectrum--lightest .spectrum-Button--warning.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-LogicButton--and {
background-color: rgb(38, 128, 235);
border-color: rgb(38, 128, 235);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-LogicButton--and:hover {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-LogicButton--and:disabled,
.spectrum--lightest .spectrum-LogicButton--and.is-disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-LogicButton--or {
background-color: rgb(216, 55, 144);
border-color: rgb(216, 55, 144);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-LogicButton--or:hover {
background-color: rgb(188, 28, 116);
border-color: rgb(188, 28, 116);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-LogicButton--or:disabled,
.spectrum--lightest .spectrum-LogicButton--or.is-disabled {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-FieldButton {
color: rgb(80, 80, 80);
background-color: rgb(255, 255, 255);
border-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-FieldButton:hover {
color: rgb(50, 50, 50);
background-color: rgb(255, 255, 255);
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-FieldButton:active,
.spectrum--lightest .spectrum-FieldButton.is-selected {
background-color: rgb(244, 244, 244);
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-FieldButton.focus-ring,
.spectrum--lightest .spectrum-FieldButton.is-focused {
background-color: rgb(255, 255, 255);
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-FieldButton.focus-ring.is-placeholder,
.spectrum--lightest .spectrum-FieldButton.is-focused.is-placeholder {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-FieldButton.is-invalid {
border-color: rgb(227, 72, 80);
}
.spectrum--lightest .spectrum-FieldButton.is-invalid:hover {
border-color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-FieldButton.is-invalid:active,
.spectrum--lightest .spectrum-FieldButton.is-invalid.is-selected {
border-color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-FieldButton.is-invalid.focus-ring,
.spectrum--lightest .spectrum-FieldButton.is-invalid.is-focused {
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-FieldButton:disabled,
.spectrum--lightest .spectrum-FieldButton.is-disabled {
background-color: rgb(244, 244, 244);
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-FieldButton:disabled .spectrum-Icon,
.spectrum--lightest .spectrum-FieldButton.is-disabled .spectrum-Icon {
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-FieldButton--quiet {
color: rgb(80, 80, 80);
border-color: transparent;
background-color: transparent;
}
.spectrum--lightest .spectrum-FieldButton--quiet:hover {
background-color: transparent;
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-FieldButton--quiet.focus-ring,
.spectrum--lightest .spectrum-FieldButton--quiet.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-FieldButton--quiet.focus-ring.is-placeholder,
.spectrum--lightest .spectrum-FieldButton--quiet.is-focused.is-placeholder {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-FieldButton--quiet:active,
.spectrum--lightest .spectrum-FieldButton--quiet.is-selected {
background-color: transparent;
border-color: transparent;
}
.spectrum--lightest .spectrum-FieldButton--quiet:active.focus-ring,
.spectrum--lightest .spectrum-FieldButton--quiet:active.is-focused,
.spectrum--lightest .spectrum-FieldButton--quiet.is-selected.focus-ring,
.spectrum--lightest .spectrum-FieldButton--quiet.is-selected.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-FieldButton--quiet.is-invalid.focus-ring,
.spectrum--lightest .spectrum-FieldButton--quiet.is-invalid.is-focused {
box-shadow: 0 2px 0 0 rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-FieldButton--quiet:disabled,
.spectrum--lightest .spectrum-FieldButton--quiet.is-disabled {
background-color: transparent;
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Tool.is-selected .spectrum-Icon {
color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Tool.is-selected .spectrum-Tool-hold {
color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Tool.is-selected:hover .spectrum-Icon {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Tool.is-selected:hover .spectrum-Tool-hold {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Tool.is-selected:active .spectrum-Icon {
color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Tool.is-selected:active .spectrum-Tool-hold {
color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Tool.is-selected.focus-ring .spectrum-Icon {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Tool.is-selected.focus-ring .spectrum-Tool-hold {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Tool.is-selected:disabled,
.spectrum--lightest .spectrum-Tool.is-selected.is-disabled {
background-color: transparent;
border-color: transparent;
}
.spectrum--lightest .spectrum-Tool.is-selected:disabled .spectrum-Icon,
.spectrum--lightest .spectrum-Tool.is-selected.is-disabled .spectrum-Icon {
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Tool.is-selected:disabled .spectrum-Tool-hold,
.spectrum--lightest .spectrum-Tool.is-selected.is-disabled .spectrum-Tool-hold {
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Tool .spectrum-Tool-hold {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Tool:hover .spectrum-Tool-hold {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tool:active {
background-color: transparent;
border-color: transparent;
}
.spectrum--lightest .spectrum-Tool:active .spectrum-Tool-hold {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tool.focus-ring .spectrum-Tool-hold {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tool.is-disabled .spectrum-Tool-hold,
.spectrum--lightest .spectrum-Tool:disabled .spectrum-Tool-hold {
color: rgb(211, 211, 211);
}
.spectrum--darkest .spectrum-LogicButton.focus-ring:after,
.spectrum--darkest .spectrum-LogicButton.is-focused:after,
.spectrum--darkest .spectrum-Button.focus-ring:after,
.spectrum--darkest .spectrum-Button.is-focused:after {
box-shadow: 0 0 0 2px rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-ClearButton {
background-color: transparent;
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-ClearButton:hover {
background-color: transparent;
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ClearButton:active {
background-color: transparent;
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ClearButton.focus-ring {
background-color: transparent;
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ClearButton:disabled,
.spectrum--darkest .spectrum-ClearButton.is-disabled {
background-color: transparent;
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Button--cta {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--cta:hover {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--cta.focus-ring {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--cta:active {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--cta:disabled,
.spectrum--darkest .spectrum-Button--cta.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Button--primary {
background-color: transparent;
border-color: rgb(200, 200, 200);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Button--primary:hover {
background-color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--primary.focus-ring {
background-color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--primary:active {
background-color: rgb(239, 239, 239);
border-color: rgb(239, 239, 239);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--primary:disabled,
.spectrum--darkest .spectrum-Button--primary.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Button--secondary {
background-color: transparent;
border-color: rgb(162, 162, 162);
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Button--secondary:hover {
background-color: rgb(162, 162, 162);
border-color: rgb(162, 162, 162);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--secondary.focus-ring {
background-color: rgb(162, 162, 162);
border-color: rgb(162, 162, 162);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--secondary:active {
background-color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--secondary:disabled,
.spectrum--darkest .spectrum-Button--secondary.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Button--warning {
background-color: transparent;
border-color: rgb(236, 91, 98);
color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-Button--warning:hover {
background-color: rgb(236, 91, 98);
border-color: rgb(236, 91, 98);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--warning.focus-ring {
background-color: rgb(236, 91, 98);
border-color: rgb(236, 91, 98);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--warning:active {
background-color: rgb(247, 109, 116);
border-color: rgb(247, 109, 116);
color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Button--warning:disabled,
.spectrum--darkest .spectrum-Button--warning.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Button--overBackground {
background-color: transparent;
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--overBackground:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--darkest .spectrum-Button--overBackground.focus-ring {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--darkest .spectrum-Button--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--overBackground:active {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.spectrum--darkest .spectrum-Button--overBackground:disabled,
.spectrum--darkest .spectrum-Button--overBackground.is-disabled {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgba(255,255,255,0.35);
}
.spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet,
.spectrum--darkest .spectrum-ClearButton--overBackground {
background-color: transparent;
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet:hover,
.spectrum--darkest .spectrum-ClearButton--overBackground:hover {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring,
.spectrum--darkest .spectrum-ClearButton--overBackground.focus-ring {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
box-shadow: none;
}
.spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring:after,
.spectrum--darkest .spectrum-ClearButton--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet:active,
.spectrum--darkest .spectrum-ClearButton--overBackground:active {
background-color: rgba(255,255,255,0.15);
border-color: transparent;
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet:disabled,
.spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet.is-disabled,
.spectrum--darkest .spectrum-ClearButton--overBackground:disabled,
.spectrum--darkest .spectrum-ClearButton--overBackground.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgba(255,255,255,0.15);
}
.spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet:hover {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet.focus-ring {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet:active {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet:disabled,
.spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet:hover {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet.focus-ring {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet:active {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet:disabled,
.spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-ActionButton,
.spectrum--darkest .spectrum-Tool {
background-color: rgb(26, 26, 26);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-ActionButton .spectrum-Icon,
.spectrum--darkest .spectrum-Tool .spectrum-Icon {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-ActionButton .spectrum-ActionButton-hold,
.spectrum--darkest .spectrum-Tool .spectrum-ActionButton-hold {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-ActionButton:hover,
.spectrum--darkest .spectrum-Tool:hover {
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton:hover .spectrum-Icon,
.spectrum--darkest .spectrum-Tool:hover .spectrum-Icon {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton:hover .spectrum-ActionButton-hold,
.spectrum--darkest .spectrum-Tool:hover .spectrum-ActionButton-hold {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.focus-ring,
.spectrum--darkest .spectrum-Tool.focus-ring {
background-color: rgb(8, 8, 8);
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.focus-ring .spectrum-Icon,
.spectrum--darkest .spectrum-Tool.focus-ring .spectrum-Icon {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.focus-ring .spectrum-ActionButton-hold,
.spectrum--darkest .spectrum-Tool.focus-ring .spectrum-ActionButton-hold {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton:active,
.spectrum--darkest .spectrum-Tool:active {
background-color: rgb(44, 44, 44);
border-color: rgb(73, 73, 73);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton:active .spectrum-ActionButton-hold,
.spectrum--darkest .spectrum-Tool:active .spectrum-ActionButton-hold {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton:disabled,
.spectrum--darkest .spectrum-ActionButton.is-disabled,
.spectrum--darkest .spectrum-Tool:disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-ActionButton:disabled .spectrum-Icon,
.spectrum--darkest .spectrum-ActionButton.is-disabled .spectrum-Icon,
.spectrum--darkest .spectrum-Tool:disabled .spectrum-Icon {
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-ActionButton:disabled .spectrum-ActionButton-hold,
.spectrum--darkest .spectrum-ActionButton.is-disabled .spectrum-ActionButton-hold,
.spectrum--darkest .spectrum-Tool:disabled .spectrum-ActionButton-hold {
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-ActionButton.is-selected {
background-color: rgb(44, 44, 44);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-ActionButton.is-selected .spectrum-Icon {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-ActionButton.is-selected.focus-ring {
background-color: rgb(44, 44, 44);
border-color: rgb(20, 115, 230);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.is-selected.focus-ring .spectrum-Icon {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.is-selected:hover {
background-color: rgb(44, 44, 44);
border-color: rgb(73, 73, 73);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.is-selected:hover .spectrum-Icon {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.is-selected:active {
background-color: rgb(44, 44, 44);
border-color: rgb(73, 73, 73);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.is-selected:active .spectrum-Icon {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton.is-selected:disabled,
.spectrum--darkest .spectrum-ActionButton.is-selected.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-ActionButton.is-selected:disabled .spectrum-Icon,
.spectrum--darkest .spectrum-ActionButton.is-selected.is-disabled .spectrum-Icon {
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-ActionButton--quiet,
.spectrum--darkest .spectrum-Tool {
background-color: transparent;
border-color: transparent;
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-ActionButton--quiet:hover,
.spectrum--darkest .spectrum-Tool:hover {
background-color: transparent;
border-color: transparent;
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton--quiet.focus-ring,
.spectrum--darkest .spectrum-Tool.focus-ring {
background-color: transparent;
box-shadow: 0 0 0 1px rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton--quiet:active,
.spectrum--darkest .spectrum-Tool:active {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton--quiet:disabled,
.spectrum--darkest .spectrum-ActionButton--quiet.is-disabled,
.spectrum--darkest .spectrum-Tool:disabled {
background-color: transparent;
border-color: transparent;
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-ActionButton--quiet.is-selected {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-ActionButton--quiet.is-selected.focus-ring {
background-color: rgb(57, 57, 57);
border-color: rgb(20, 115, 230);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton--quiet.is-selected:hover {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton--quiet.is-selected:active {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ActionButton--quiet.is-selected:disabled,
.spectrum--darkest .spectrum-ActionButton--quiet.is-selected.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet:hover {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(247, 109, 116);
}
.spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet.focus-ring {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(247, 109, 116);
}
.spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet:active {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(247, 109, 116);
}
.spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet:disabled,
.spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-LogicButton--and {
background-color: rgb(38, 128, 235);
border-color: rgb(38, 128, 235);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-LogicButton--and:hover {
background-color: rgb(75, 156, 245);
border-color: rgb(75, 156, 245);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-LogicButton--and:disabled,
.spectrum--darkest .spectrum-LogicButton--and.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-LogicButton--or {
background-color: rgb(216, 55, 144);
border-color: rgb(216, 55, 144);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-LogicButton--or:hover {
background-color: rgb(236, 90, 170);
border-color: rgb(236, 90, 170);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-LogicButton--or:disabled,
.spectrum--darkest .spectrum-LogicButton--or.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-FieldButton {
color: rgb(200, 200, 200);
background-color: rgb(26, 26, 26);
border-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-FieldButton:hover {
color: rgb(239, 239, 239);
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-FieldButton:active,
.spectrum--darkest .spectrum-FieldButton.is-selected {
background-color: rgb(44, 44, 44);
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-FieldButton.focus-ring,
.spectrum--darkest .spectrum-FieldButton.is-focused {
background-color: rgb(8, 8, 8);
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-FieldButton.focus-ring.is-placeholder,
.spectrum--darkest .spectrum-FieldButton.is-focused.is-placeholder {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-FieldButton.is-invalid {
border-color: rgb(227, 72, 80);
}
.spectrum--darkest .spectrum-FieldButton.is-invalid:hover {
border-color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-FieldButton.is-invalid:active,
.spectrum--darkest .spectrum-FieldButton.is-invalid.is-selected {
border-color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-FieldButton.is-invalid.focus-ring,
.spectrum--darkest .spectrum-FieldButton.is-invalid.is-focused {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-FieldButton:disabled,
.spectrum--darkest .spectrum-FieldButton.is-disabled {
background-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-FieldButton:disabled .spectrum-Icon,
.spectrum--darkest .spectrum-FieldButton.is-disabled .spectrum-Icon {
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-FieldButton--quiet {
color: rgb(200, 200, 200);
border-color: transparent;
background-color: transparent;
}
.spectrum--darkest .spectrum-FieldButton--quiet:hover {
background-color: transparent;
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-FieldButton--quiet.focus-ring,
.spectrum--darkest .spectrum-FieldButton--quiet.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-FieldButton--quiet.focus-ring.is-placeholder,
.spectrum--darkest .spectrum-FieldButton--quiet.is-focused.is-placeholder {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-FieldButton--quiet:active,
.spectrum--darkest .spectrum-FieldButton--quiet.is-selected {
background-color: transparent;
border-color: transparent;
}
.spectrum--darkest .spectrum-FieldButton--quiet:active.focus-ring,
.spectrum--darkest .spectrum-FieldButton--quiet:active.is-focused,
.spectrum--darkest .spectrum-FieldButton--quiet.is-selected.focus-ring,
.spectrum--darkest .spectrum-FieldButton--quiet.is-selected.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-FieldButton--quiet.is-invalid.focus-ring,
.spectrum--darkest .spectrum-FieldButton--quiet.is-invalid.is-focused {
box-shadow: 0 2px 0 0 rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-FieldButton--quiet:disabled,
.spectrum--darkest .spectrum-FieldButton--quiet.is-disabled {
background-color: transparent;
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Tool.is-selected .spectrum-Icon {
color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Tool.is-selected .spectrum-Tool-hold {
color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Tool.is-selected:hover .spectrum-Icon {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Tool.is-selected:hover .spectrum-Tool-hold {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Tool.is-selected:active .spectrum-Icon {
color: rgb(75, 156, 245);
}
.spectrum--darkest .spectrum-Tool.is-selected:active .spectrum-Tool-hold {
color: rgb(75, 156, 245);
}
.spectrum--darkest .spectrum-Tool.is-selected.focus-ring .spectrum-Icon {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Tool.is-selected.focus-ring .spectrum-Tool-hold {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Tool.is-selected:disabled,
.spectrum--darkest .spectrum-Tool.is-selected.is-disabled {
background-color: transparent;
border-color: transparent;
}
.spectrum--darkest .spectrum-Tool.is-selected:disabled .spectrum-Icon,
.spectrum--darkest .spectrum-Tool.is-selected.is-disabled .spectrum-Icon {
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Tool.is-selected:disabled .spectrum-Tool-hold,
.spectrum--darkest .spectrum-Tool.is-selected.is-disabled .spectrum-Tool-hold {
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Tool .spectrum-Tool-hold {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Tool:hover .spectrum-Tool-hold {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Tool:active {
background-color: transparent;
border-color: transparent;
}
.spectrum--darkest .spectrum-Tool:active .spectrum-Tool-hold {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Tool.focus-ring .spectrum-Tool-hold {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Tool.is-disabled .spectrum-Tool-hold,
.spectrum--darkest .spectrum-Tool:disabled .spectrum-Tool-hold {
color: rgb(73, 73, 73);
}
.spectrum-Toast {
box-sizing: border-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
align-items: stretch;
border-radius: 4px;
padding: 8px 8px 8px 16px;
font-size: 14px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
}
.spectrum-Toast-typeIcon {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 7px 12px 7px 0;
}
.spectrum-Toast-content {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: inline-block;
box-sizing: border-box;
padding: 5px 16px 5px 0;
text-align: left;
}
.spectrum-Toast-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-align: start;
align-items: flex-start;
}
.spectrum-Toast-buttons .spectrum-Button + .spectrum-Button,
.spectrum-Toast-buttons .spectrum-Button + .spectrum-ClearButton,
.spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-Button,
.spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-ClearButton {
margin-left: 8px;
}
.spectrum-Toast-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.spectrum-Toast-body .spectrum-Button {
float: right;
margin-right: 11px;
}
.spectrum-Toast-body + .spectrum-Toast-buttons {
padding-left: 8px;
border-left-width: 1px;
border-left-style: solid;
}
.spectrum--light .spectrum-Toast {
background-color: rgb(116, 116, 116);
color: rgb(116, 116, 116);
}
.spectrum--light .spectrum-Toast-content {
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Toast-typeIcon {
color: white;
}
.spectrum--light .spectrum-Toast-buttons {
border-left-color: rgba(255, 255, 255, 0.2);
}
.spectrum--light .spectrum-Toast--warning {
background-color: rgb(203, 111, 16);
color: rgb(203, 111, 16);
}
.spectrum--light .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(203, 111, 16);
}
.spectrum--light .spectrum-Toast--negative,
.spectrum--light .spectrum-Toast--error {
background-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--light .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Toast--info {
background-color: rgb(13, 102, 208);
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Toast--positive,
.spectrum--light .spectrum-Toast--success {
background-color: rgb(18, 128, 92);
color: rgb(18, 128, 92);
}
.spectrum--light .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--light .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(18, 128, 92);
}
.spectrum--lightest .spectrum-Toast {
background-color: rgb(116, 116, 116);
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Toast-content {
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Toast-typeIcon {
color: white;
}
.spectrum--lightest .spectrum-Toast-buttons {
border-left-color: rgba(255, 255, 255, 0.2);
}
.spectrum--lightest .spectrum-Toast--warning {
background-color: rgb(203, 111, 16);
color: rgb(203, 111, 16);
}
.spectrum--lightest .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(203, 111, 16);
}
.spectrum--lightest .spectrum-Toast--negative,
.spectrum--lightest .spectrum-Toast--error {
background-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--lightest .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Toast--info {
background-color: rgb(13, 102, 208);
color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Toast--positive,
.spectrum--lightest .spectrum-Toast--success {
background-color: rgb(18, 128, 92);
color: rgb(18, 128, 92);
}
.spectrum--lightest .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--lightest .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(18, 128, 92);
}
.spectrum--darkest .spectrum-Toast {
background-color: rgb(116, 116, 116);
color: rgb(116, 116, 116);
}
.spectrum--darkest .spectrum-Toast-content {
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Toast-typeIcon {
color: white;
}
.spectrum--darkest .spectrum-Toast-buttons {
border-left-color: rgba(255, 255, 255, 0.2);
}
.spectrum--darkest .spectrum-Toast--warning {
background-color: rgb(203, 111, 16);
color: rgb(203, 111, 16);
}
.spectrum--darkest .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(203, 111, 16);
}
.spectrum--darkest .spectrum-Toast--negative,
.spectrum--darkest .spectrum-Toast--error {
background-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.spectrum--darkest .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--darkest .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(201, 37, 45);
}
.spectrum--darkest .spectrum-Toast--info {
background-color: rgb(13, 102, 208);
color: rgb(13, 102, 208);
}
.spectrum--darkest .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(13, 102, 208);
}
.spectrum--darkest .spectrum-Toast--positive,
.spectrum--darkest .spectrum-Toast--success {
background-color: rgb(18, 128, 92);
color: rgb(18, 128, 92);
}
.spectrum--darkest .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--darkest .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(18, 128, 92);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.react-spectrum-ToastContainer {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100050;
/* above modals */
display: flex;
flex-direction: column;
align-items: center;
pointer-events: none;
}
.react-spectrum-ToastContainer .spectrum-Toast {
margin: 8px;
pointer-events: all;
}
.react-spectrum-ToastContainer--top {
top: 0;
}
.react-spectrum-ToastContainer--bottom {
flex-direction: column-reverse;
top: unset;
bottom: 0;
}
.react-spectrum-ToastContainer--left {
align-items: flex-start;
}
.react-spectrum-ToastContainer--center {
align-items: center;
}
.react-spectrum-ToastContainer--right {
align-items: flex-end;
}
.react-spectrum-Toast-slide-top-enter,
.react-spectrum-Toast-slide-top-appear {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
.react-spectrum-Toast-slide-top-enter-active,
.react-spectrum-Toast-slide-top-appear-active {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: all 125ms;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.react-spectrum-Toast-slide-top-exit {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.react-spectrum-Toast-slide-top-exit-active {
opacity: 0;
transform: translate3d(0, -100%, 0);
transition: all 125ms ease-in-out;
}
.react-spectrum-Toast-slide-bottom-enter,
.react-spectrum-Toast-slide-bottom-enter-appear {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
.react-spectrum-Toast-slide-bottom-enter-active,
.react-spectrum-Toast-slide-bottom-appear-active {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: all 125ms;
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.react-spectrum-Toast-slide-bottom-exit {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.react-spectrum-Toast-slide-bottom-exit-active {
opacity: 0;
transform: translate3d(0, 100%, 0);
transition: all 125ms ease-in-out;
}
.spectrum-Underlay {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.spectrum-Underlay.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.spectrum-Underlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
overflow: hidden;
transition: opacity 190ms cubic-bezier(0.5, 0, 1, 1) 160ms,
visibility 0ms linear 350ms;
}
.spectrum-Underlay.is-open {
transition: opacity 300ms cubic-bezier(0, 0, 0.40, 1) 0ms;
}
.spectrum--light .spectrum-Underlay {
background: rgba(0,0,0,0.4);
}
.spectrum--lightest .spectrum-Underlay {
background: rgba(0,0,0,0.4);
}
.spectrum--darkest .spectrum-Underlay {
background: rgba(0,0,0,0.6);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
/*
* ADOBE CONFIDENTIAL
*
* Copyright 2016 Adobe Systems Incorporated
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Systems Incorporated and its suppliers,
* if any. The intellectual and technical concepts contained
* herein are proprietary to Adobe Systems Incorporated and its
* suppliers and may be covered by U.S. and Foreign Patents,
* patents in process, and are protected by trade secret or copyright law.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe Systems Incorporated.
*/
.spectrum-Dialog.react-spectrum-Dialog {
visibility: visible;
}
.react-spectrum-Dialog-buttons {
white-space: nowrap;
}
.spectrum-Dialog {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.spectrum-Dialog.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.spectrum-Dialog {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) translateY(20px);
z-index: 2;
box-sizing: border-box;
max-width: 90vw;
max-height: 90vh;
width: -webkit-fit-content;
width: fit-content;
min-width: 288px;
padding: 40px;
border-radius: 4px;
outline: none;
transition: opacity 130ms cubic-bezier(.50, 0, 1, 1) 0ms,
visibility 0ms linear 130ms,
transform 0ms linear 130ms;
}
.spectrum-Dialog.is-open {
transition: transform 250ms cubic-bezier(0, 0, 0.40, 1) 160ms,
opacity 250ms cubic-bezier(0, 0, 0.40, 1) 160ms;
transform: translate(-50%, calc(-50% + -2vh));
}
.spectrum-Dialog .spectrum-Dialog-closeButton {
display: none;
}
.spectrum-Dialog--small {
width: 400px;
}
.spectrum-Dialog--medium {
width: 480px;
}
.spectrum-Dialog--large {
width: 640px;
}
.spectrum-Dialog-hero {
height: 128px;
margin-left: -40px;
margin-right: -40px;
margin-top: -40px;
margin-bottom: 40px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-size: cover;
background-position: center center;
}
.spectrum-Dialog-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
box-sizing: border-box;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 4px 4px 0 0;
outline: none;
padding-bottom: 30px;
}
.spectrum-Dialog-header::after {
position: absolute;
bottom: 16px;
left: 0;
right: 0;
content: '';
height: 2px;
}
.spectrum-Dialog-wrapper {
position: fixed;
left: 0;
top: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 100%;
visibility: hidden;
pointer-events: none;
z-index: 2;
transition: visibility 0ms linear 130ms;
}
.spectrum-Dialog-wrapper.is-open {
visibility: visible;
}
.spectrum-Dialog-wrapper .spectrum-Dialog:not(.spectrum-Dialog--fullscreen):not(.spectrum-Dialog--fullscreenTakeover) {
pointer-events: auto;
position: relative;
left: auto;
top: auto;
transform: translateY(20px);
margin-top: -2vh;
}
.spectrum-Dialog-wrapper .spectrum-Dialog:not(.spectrum-Dialog--fullscreen):not(.spectrum-Dialog--fullscreenTakeover).is-open {
transform: translateY(0);
}
@media
only screen and (max-device-width: 400px), only screen and (max-device-height: 350px) {
.spectrum-Dialog--responsive {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border-radius: 0;
}
.spectrum-Dialog-wrapper .spectrum-Dialog--responsive {
margin-top: 0;
}
}
.spectrum-Dialog--noDivider .spectrum-Dialog-header::after {
display: none;
}
.spectrum-Dialog--dismissible .spectrum-Dialog-footer {
display: none;
}
.spectrum-Dialog--dismissible .spectrum-Dialog-closeButton {
display: initial;
}
.spectrum-Dialog-closeButton {
position: absolute;
top: -28px;
right: -28px;
}
.spectrum-Dialog-typeIcon {
display: block;
}
.spectrum-Dialog-content {
display: block;
box-sizing: border-box;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
outline: none;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.spectrum-Dialog-content {
max-height: 70vh;
}
}
.spectrum-Dialog-footer {
border-radius: 0 0 4px 4px;
padding-top: 28px;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
outline: none;
margin: -8px;
margin-top: 0;
}
.spectrum-Dialog-footer > *,
.spectrum-Dialog-footer > .spectrum-Button + .spectrum-Button {
margin: 8px;
}
.spectrum-Dialog-title {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
outline: none;
}
.spectrum-Dialog--alert {
width: 480px;
}
.spectrum-Dialog--fullscreen {
left: 32px;
top: 32px;
right: 32px;
bottom: 32px;
transform: translate(0, 20px);
}
.spectrum-Dialog--fullscreen.is-open {
transform: translate(0, 0);
}
.spectrum-Dialog--fullscreen,
.spectrum-Dialog--fullscreenTakeover {
width: auto;
max-height: none;
max-width: none;
padding-top: 30px;
}
.spectrum-Dialog--fullscreen .spectrum-Dialog-header, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-header {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.spectrum-Dialog--fullscreen .spectrum-Dialog-title, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-title {
font-size: 28px;
font-weight: 100;
}
.spectrum-Dialog--fullscreen .spectrum-Dialog-content, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-content {
max-height: none;
}
.spectrum-Dialog--fullscreenTakeover {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
box-sizing: border-box;
border: none;
border-radius: 0;
}
.spectrum-Dialog--fullscreenTakeover,
.spectrum-Dialog--fullscreenTakeover.is-open {
transform: none;
}
.spectrum--light .spectrum-Dialog {
background: rgb(245, 245, 245);
}
.spectrum--light .spectrum-Dialog-header {
background: rgb(245, 245, 245);
}
.spectrum--light .spectrum-Dialog-header:after {
background: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Dialog-title {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Dialog-content {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Dialog-typeIcon {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Dialog-footer {
background: rgb(245, 245, 245);
}
.spectrum--light .spectrum-Dialog--error .spectrum-Dialog-title {
color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Dialog--error .spectrum-Dialog-typeIcon {
color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Dialog {
background: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Dialog-header {
background: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Dialog-header:after {
background: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Dialog-title {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Dialog-content {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Dialog-typeIcon {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Dialog-footer {
background: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Dialog--error .spectrum-Dialog-title {
color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Dialog--error .spectrum-Dialog-typeIcon {
color: rgb(215, 55, 63);
}
.spectrum--darkest .spectrum-Dialog {
background: rgb(30, 30, 30);
}
.spectrum--darkest .spectrum-Dialog-header {
background: rgb(30, 30, 30);
}
.spectrum--darkest .spectrum-Dialog-header:after {
background: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Dialog-title {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Dialog-content {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Dialog-typeIcon {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Dialog-footer {
background: rgb(30, 30, 30);
}
.spectrum--darkest .spectrum-Dialog--error .spectrum-Dialog-title {
color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-Dialog--error .spectrum-Dialog-typeIcon {
color: rgb(236, 91, 98);
}
.spectrum--light{--spectrum-global-color-celery-400: rgb(68, 181, 86);--spectrum-global-color-celery-500: rgb(61, 167, 78);--spectrum-global-color-celery-600: rgb(55, 153, 71);--spectrum-global-color-celery-700: rgb(49, 139, 64);--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);--spectrum-global-color-yellow-400: rgb(223, 191, 0);--spectrum-global-color-yellow-500: rgb(210, 178, 0);--spectrum-global-color-yellow-600: rgb(196, 166, 0);--spectrum-global-color-yellow-700: rgb(183, 153, 0);--spectrum-global-color-magenta-400: rgb(216, 55, 144);--spectrum-global-color-magenta-500: rgb(206, 39, 131);--spectrum-global-color-magenta-600: rgb(188, 28, 116);--spectrum-global-color-magenta-700: rgb(174, 14, 102);--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);--spectrum-global-color-purple-400: rgb(146, 86, 217);--spectrum-global-color-purple-500: rgb(134, 76, 204);--spectrum-global-color-purple-600: rgb(122, 66, 191);--spectrum-global-color-purple-700: rgb(111, 56, 177);--spectrum-global-color-indigo-400: rgb(103, 103, 236);--spectrum-global-color-indigo-500: rgb(92, 92, 224);--spectrum-global-color-indigo-600: rgb(81, 81, 211);--spectrum-global-color-indigo-700: rgb(70, 70, 198);--spectrum-global-color-seafoam-400: rgb(27, 149, 154);--spectrum-global-color-seafoam-500: rgb(22, 135, 140);--spectrum-global-color-seafoam-600: rgb(15, 121, 125);--spectrum-global-color-seafoam-700: rgb(9, 108, 111);--spectrum-global-color-red-400: rgb(227, 72, 80);--spectrum-global-color-red-500: rgb(215, 55, 63);--spectrum-global-color-red-600: rgb(201, 37, 45);--spectrum-global-color-red-700: rgb(187, 18, 26);--spectrum-global-color-orange-400: rgb(230, 134, 25);--spectrum-global-color-orange-500: rgb(218, 123, 17);--spectrum-global-color-orange-600: rgb(203, 111, 16);--spectrum-global-color-orange-700: rgb(189, 100, 13);--spectrum-global-color-green-400: rgb(45, 157, 120);--spectrum-global-color-green-500: rgb(38, 142, 108);--spectrum-global-color-green-600: rgb(18, 128, 92);--spectrum-global-color-green-700: rgb(16, 113, 84);--spectrum-global-color-blue-400: rgb(38, 128, 235);--spectrum-global-color-blue-500: rgb(20, 115, 230);--spectrum-global-color-blue-600: rgb(13, 102, 208);--spectrum-global-color-blue-700: rgb(9, 90, 186);--spectrum-global-color-gray-50: rgb(255, 255, 255);--spectrum-global-color-gray-75: rgb(250, 250, 250);--spectrum-global-color-gray-100: rgb(245, 245, 245);--spectrum-global-color-gray-200: rgb(234, 234, 234);--spectrum-global-color-gray-300: rgb(225, 225, 225);--spectrum-global-color-gray-400: rgb(202, 202, 202);--spectrum-global-color-gray-500: rgb(179, 179, 179);--spectrum-global-color-gray-600: rgb(142, 142, 142);--spectrum-global-color-gray-700: rgb(110, 110, 110);--spectrum-global-color-gray-800: rgb(75, 75, 75);--spectrum-global-color-gray-900: rgb(44, 44, 44);--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);--spectrum-alias-highlight-active: rgba(44,44,44,0.1);--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);--spectrum-colorarea-border-color: rgba(44,44,44,0.1);--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);--spectrum-colorslider-border-color: rgba(44,44,44,0.1);--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-well-background-color: rgba(75,75,75,0.02);--spectrum-well-border-color: rgba(44,44,44,0.05)}
.spectrum--darkest{--spectrum-global-color-celery-400: rgb(61, 167, 78);--spectrum-global-color-celery-500: rgb(68, 181, 86);--spectrum-global-color-celery-600: rgb(75, 195, 95);--spectrum-global-color-celery-700: rgb(81, 210, 103);--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);--spectrum-global-color-yellow-400: rgb(210, 178, 0);--spectrum-global-color-yellow-500: rgb(223, 191, 0);--spectrum-global-color-yellow-600: rgb(237, 204, 0);--spectrum-global-color-yellow-700: rgb(250, 217, 0);--spectrum-global-color-magenta-400: rgb(202, 41, 150);--spectrum-global-color-magenta-500: rgb(216, 55, 144);--spectrum-global-color-magenta-600: rgb(226, 73, 157);--spectrum-global-color-magenta-700: rgb(236, 90, 170);--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);--spectrum-global-color-purple-400: rgb(134, 76, 204);--spectrum-global-color-purple-500: rgb(146, 86, 217);--spectrum-global-color-purple-600: rgb(157, 100, 225);--spectrum-global-color-purple-700: rgb(168, 115, 223);--spectrum-global-color-indigo-400: rgb(92, 92, 224);--spectrum-global-color-indigo-500: rgb(103, 103, 236);--spectrum-global-color-indigo-600: rgb(117, 117, 241);--spectrum-global-color-indigo-700: rgb(130, 130, 246);--spectrum-global-color-seafoam-400: rgb(22, 135, 140);--spectrum-global-color-seafoam-500: rgb(27, 149, 154);--spectrum-global-color-seafoam-600: rgb(32, 163, 168);--spectrum-global-color-seafoam-700: rgb(35, 178, 184);--spectrum-global-color-red-400: rgb(215, 55, 63);--spectrum-global-color-red-500: rgb(227, 72, 80);--spectrum-global-color-red-600: rgb(236, 91, 98);--spectrum-global-color-red-700: rgb(247, 109, 116);--spectrum-global-color-orange-400: rgb(218, 123, 17);--spectrum-global-color-orange-500: rgb(230, 134, 25);--spectrum-global-color-orange-600: rgb(242, 148, 35);--spectrum-global-color-orange-700: rgb(249, 164, 63);--spectrum-global-color-green-400: rgb(38, 142, 108);--spectrum-global-color-green-500: rgb(45, 157, 120);--spectrum-global-color-green-600: rgb(51, 171, 132);--spectrum-global-color-green-700: rgb(57, 185, 144);--spectrum-global-color-blue-400: rgb(20, 115, 230);--spectrum-global-color-blue-500: rgb(38, 128, 235);--spectrum-global-color-blue-600: rgb(55, 142, 240);--spectrum-global-color-blue-700: rgb(75, 156, 245);--spectrum-global-color-gray-50: rgb(8, 8, 8);--spectrum-global-color-gray-75: rgb(26, 26, 26);--spectrum-global-color-gray-100: rgb(30, 30, 30);--spectrum-global-color-gray-200: rgb(44, 44, 44);--spectrum-global-color-gray-300: rgb(57, 57, 57);--spectrum-global-color-gray-400: rgb(73, 73, 73);--spectrum-global-color-gray-500: rgb(92, 92, 92);--spectrum-global-color-gray-600: rgb(124, 124, 124);--spectrum-global-color-gray-700: rgb(162, 162, 162);--spectrum-global-color-gray-800: rgb(200, 200, 200);--spectrum-global-color-gray-900: rgb(239, 239, 239);--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);--spectrum-alias-highlight-active: rgba(239,239,239,0.15);--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);--spectrum-colorarea-border-color: rgba(239,239,239,0.1);--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);--spectrum-colorslider-border-color: rgba(239,239,239,0.1);--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);--spectrum-well-background-color: rgba(200,200,200,0.02);--spectrum-well-border-color: rgba(239,239,239,0.05)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.StorageDialog__content___e5IYK{max-width:550px}.StorageDialog__learnMore___TSzSk{padding-top:5px;cursor:pointer;text-align:left;color:#1473e6}
.spectrum-Tooltip {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.spectrum-Tooltip.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.spectrum-Tooltip--bottom.is-open {
transform: translateY(6px);
}
.spectrum-Tooltip--top.is-open {
transform: translateY(-6px);
}
.spectrum-Tooltip--right.is-open {
transform: translateX(6px);
}
.spectrum-Tooltip--left.is-open {
transform: translateX(-6px);
}
.spectrum-Tooltip {
position: relative;
left: 0px;
top: 0px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
vertical-align: top;
width: auto;
padding: 4px 10px;
border-radius: 4px;
min-height: 24px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
word-break: break-word;
-webkit-font-smoothing: antialiased;
}
.spectrum-Tooltip {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spectrum-Tooltip p {
margin: 0;
}
.spectrum-Tooltip-tip {
position: absolute;
height: 0;
width: 0;
border-width: 4px;
border-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
.spectrum-Tooltip--right .spectrum-Tooltip-tip, .spectrum-Tooltip--left .spectrum-Tooltip-tip {
top: 50%;
margin-top: -4px;
}
.spectrum-Tooltip--right {
margin-left: 3px;
}
.spectrum-Tooltip--right .spectrum-Tooltip-tip {
right: 100%;
transform: rotate(90deg);
}
.spectrum-Tooltip--left {
margin-right: 3px;
}
.spectrum-Tooltip--left .spectrum-Tooltip-tip {
left: 100%;
transform: rotate(-90deg);
}
.spectrum-Tooltip--top {
margin-bottom: 3px;
}
.spectrum-Tooltip--top .spectrum-Tooltip-tip {
top: 100%;
}
.spectrum-Tooltip--bottom {
margin-top: 3px;
}
.spectrum-Tooltip--bottom .spectrum-Tooltip-tip {
bottom: 100%;
transform: rotate(-180deg);
}
.spectrum-Tooltip--bottom .spectrum-Tooltip-tip, .spectrum-Tooltip--top .spectrum-Tooltip-tip {
left: 50%;
margin-left: -4px;
}
.spectrum-Tooltip-typeIcon {
margin-left: -2px;
margin-right: 8px;
width: 14px;
height: 14px;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 1px;
}
.spectrum-Tooltip-label {
max-width: 101px;
line-height: 16px;
}
.u-tooltip-showOnHover {
display: inline-block;
position: relative;
}
.u-tooltip-showOnHover .spectrum-Tooltip {
position: absolute;
white-space: nowrap;
visibility: visible !important;
transition: transform 130ms ease-in-out;
top: -100%;
}
.u-tooltip-showOnHover .spectrum-Tooltip-label {
max-width: none;
}
.u-tooltip-showOnHover .spectrum-Tooltip--right,
.u-tooltip-showOnHover .spectrum-Tooltip--left {
top: 50%;
}
.u-tooltip-showOnHover .spectrum-Tooltip--right .spectrum-Tooltip-tip, .u-tooltip-showOnHover .spectrum-Tooltip--left .spectrum-Tooltip-tip {
top: 50%;
}
.u-tooltip-showOnHover .spectrum-Tooltip--right {
left: 100%;
transform: translate(0, -50%);
}
.u-tooltip-showOnHover .spectrum-Tooltip--left {
transform: translate(-100%, -50%);
}
.u-tooltip-showOnHover .spectrum-Tooltip--bottom,
.u-tooltip-showOnHover .spectrum-Tooltip--top {
left: 50%;
}
.u-tooltip-showOnHover .spectrum-Tooltip--bottom .spectrum-Tooltip-tip, .u-tooltip-showOnHover .spectrum-Tooltip--top .spectrum-Tooltip-tip {
left: 50%;
}
.u-tooltip-showOnHover .spectrum-Tooltip--bottom {
top: 100%;
transform: translate(-50%, -4px);
}
.u-tooltip-showOnHover .spectrum-Tooltip--top {
transform: translate(-50%, 4px);
}
.u-tooltip-showOnHover:hover .spectrum-Tooltip,
.u-tooltip-showOnHover:focus .spectrum-Tooltip,
.u-tooltip-showOnHover.is-focused .spectrum-Tooltip,
.u-tooltip-showOnHover *:focus .spectrum-Tooltip {
opacity: 1;
}
.u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--bottom,
.u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--bottom,
.u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--bottom,
.u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--bottom {
transform: translate(-50%, 0);
}
.u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--top,
.u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--top,
.u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--top,
.u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--top {
transform: translate(-50%, -4px);
}
.u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--left,
.u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--left,
.u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--left,
.u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--left {
transform: translate(calc(-100% - 4px), -50%);
}
.u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--right,
.u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--right,
.u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--right,
.u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--right {
transform: translate(4px, -50%);
}
.spectrum--light .spectrum-Tooltip {
background-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Tooltip-tip {
border-top-color: rgb(116, 116, 116);
}
.spectrum--light .spectrum-Tooltip--negative,
.spectrum--light .spectrum-Tooltip--error {
background-color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Tooltip--negative .spectrum-Tooltip-tip,
.spectrum--light .spectrum-Tooltip--error .spectrum-Tooltip-tip {
border-top-color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Tooltip--info,
.spectrum--light .spectrum-Tooltip--help {
background-color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Tooltip--info .spectrum-Tooltip-tip,
.spectrum--light .spectrum-Tooltip--help .spectrum-Tooltip-tip {
border-top-color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Tooltip--positive,
.spectrum--light .spectrum-Tooltip--success {
background-color: rgb(18, 128, 92);
}
.spectrum--light .spectrum-Tooltip--positive .spectrum-Tooltip-tip,
.spectrum--light .spectrum-Tooltip--success .spectrum-Tooltip-tip {
border-top-color: rgb(18, 128, 92);
}
.spectrum--lightest .spectrum-Tooltip {
background-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Tooltip-tip {
border-top-color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Tooltip--negative,
.spectrum--lightest .spectrum-Tooltip--error {
background-color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Tooltip--negative .spectrum-Tooltip-tip,
.spectrum--lightest .spectrum-Tooltip--error .spectrum-Tooltip-tip {
border-top-color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Tooltip--info,
.spectrum--lightest .spectrum-Tooltip--help {
background-color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Tooltip--info .spectrum-Tooltip-tip,
.spectrum--lightest .spectrum-Tooltip--help .spectrum-Tooltip-tip {
border-top-color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Tooltip--positive,
.spectrum--lightest .spectrum-Tooltip--success {
background-color: rgb(18, 128, 92);
}
.spectrum--lightest .spectrum-Tooltip--positive .spectrum-Tooltip-tip,
.spectrum--lightest .spectrum-Tooltip--success .spectrum-Tooltip-tip {
border-top-color: rgb(18, 128, 92);
}
.spectrum--darkest .spectrum-Tooltip {
background-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Tooltip-tip {
border-top-color: rgb(116, 116, 116);
}
.spectrum--darkest .spectrum-Tooltip--negative,
.spectrum--darkest .spectrum-Tooltip--error {
background-color: rgb(201, 37, 45);
}
.spectrum--darkest .spectrum-Tooltip--negative .spectrum-Tooltip-tip,
.spectrum--darkest .spectrum-Tooltip--error .spectrum-Tooltip-tip {
border-top-color: rgb(201, 37, 45);
}
.spectrum--darkest .spectrum-Tooltip--info,
.spectrum--darkest .spectrum-Tooltip--help {
background-color: rgb(13, 102, 208);
}
.spectrum--darkest .spectrum-Tooltip--info .spectrum-Tooltip-tip,
.spectrum--darkest .spectrum-Tooltip--help .spectrum-Tooltip-tip {
border-top-color: rgb(13, 102, 208);
}
.spectrum--darkest .spectrum-Tooltip--positive,
.spectrum--darkest .spectrum-Tooltip--success {
background-color: rgb(18, 128, 92);
}
.spectrum--darkest .spectrum-Tooltip--positive .spectrum-Tooltip-tip,
.spectrum--darkest .spectrum-Tooltip--success .spectrum-Tooltip-tip {
border-top-color: rgb(18, 128, 92);
}
.spectrum-Menu {
display: inline-block;
box-sizing: border-box;
margin: 4px 0;
padding: 0;
list-style-type: none;
overflow: auto;
}
.spectrum-Menu > .spectrum-Menu-sectionHeading {
margin-top: 3px;
margin-bottom: 3px;
}
.spectrum-Menu.is-selectable .spectrum-Menu-item {
padding-right: 32px;
}
.spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected {
padding-right: 11px;
}
.spectrum-Menu-checkmark {
transform: scale(1);
opacity: 1;
}
.spectrum-Menu-item {
cursor: pointer;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
padding: 7px 12px 7px 10px;
margin: 0;
border-left: 2px solid transparent;
min-height: 32px;
font-size: 14px;
font-weight: 400;
font-style: normal;
text-decoration: none;
}
.spectrum-Menu-item:focus {
outline: none;
}
.spectrum-Menu-item.is-selected {
padding-right: 11px;
}
.spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
display: block;
}
.spectrum-Menu-item .spectrum-Icon,
.spectrum-Menu-item .spectrum-Menu-itemIcon {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: start;
align-self: flex-start;
}
.spectrum-Menu-item .spectrum-Icon + .spectrum-Menu-itemLabel,
.spectrum-Menu-item .spectrum-Menu-itemIcon + .spectrum-Menu-itemLabel {
margin-left: 8px;
width: calc(100% - 50px);
}
.spectrum-Menu-itemLabel {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
line-height: 1.3;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
overflow-wrap: break-word;
width: calc(100% - 24px);
}
.spectrum-Menu-itemLabel--wrapping {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.spectrum-Menu-checkmark {
display: none;
-ms-flex-item-align: start;
align-self: flex-start;
}
.spectrum-Menu-checkmark,
.spectrum-Menu-chevron {
-ms-flex-positive: 0;
flex-grow: 0;
margin-left: 12px;
margin-top: 4px;
}
.spectrum-Menu-divider {
box-sizing: content-box;
overflow: visible;
height: 2px;
margin: 1.5px 12px;
padding: 0 0;
border: none;
}
.spectrum-Menu-sectionHeading {
display: block;
margin: 6px 0 0 0;
padding: 0 36px 0 12px;
font-size: 11px;
font-weight: 400;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.spectrum-Menu .spectrum-Menu {
display: block;
}
.spectrum--light .spectrum-Menu {
background-color: transparent;
}
.spectrum--light .spectrum-Menu-item {
background-color: transparent;
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Menu-item.focus-ring,
.spectrum--light .spectrum-Menu-item.is-focused {
background-color: rgba(44,44,44,0.04);
color: rgb(75, 75, 75);
border-left-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-Menu-item:hover,
.spectrum--light .spectrum-Menu-item:focus,
.spectrum--light .spectrum-Menu-item.is-highlighted,
.spectrum--light .spectrum-Menu-item.is-open {
background-color: rgba(44,44,44,0.04);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Menu-item.is-selected {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Menu-item .is-active,
.spectrum--light .spectrum-Menu-item:active {
background-color: rgba(44,44,44,0.04);
}
.spectrum--light .spectrum-Menu-item.is-disabled {
background-color: transparent;
background-image: none;
color: rgb(179, 179, 179);
cursor: default;
}
.spectrum--light .spectrum-Menu-sectionHeading {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Menu-divider {
background-color: rgb(245, 245, 245);
}
.spectrum--lightest .spectrum-Menu {
background-color: transparent;
}
.spectrum--lightest .spectrum-Menu-item {
background-color: transparent;
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Menu-item.focus-ring,
.spectrum--lightest .spectrum-Menu-item.is-focused {
background-color: rgba(50,50,50,0.04);
color: rgb(80, 80, 80);
border-left-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Menu-item:hover,
.spectrum--lightest .spectrum-Menu-item:focus,
.spectrum--lightest .spectrum-Menu-item.is-highlighted,
.spectrum--lightest .spectrum-Menu-item.is-open {
background-color: rgba(50,50,50,0.04);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Menu-item.is-selected {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Menu-item .is-active,
.spectrum--lightest .spectrum-Menu-item:active {
background-color: rgba(50,50,50,0.04);
}
.spectrum--lightest .spectrum-Menu-item.is-disabled {
background-color: transparent;
background-image: none;
color: rgb(188, 188, 188);
cursor: default;
}
.spectrum--lightest .spectrum-Menu-sectionHeading {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Menu-divider {
background-color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Menu {
background-color: transparent;
}
.spectrum--darkest .spectrum-Menu-item {
background-color: transparent;
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Menu-item.focus-ring,
.spectrum--darkest .spectrum-Menu-item.is-focused {
background-color: rgba(239,239,239,0.08);
color: rgb(200, 200, 200);
border-left-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Menu-item:hover,
.spectrum--darkest .spectrum-Menu-item:focus,
.spectrum--darkest .spectrum-Menu-item.is-highlighted,
.spectrum--darkest .spectrum-Menu-item.is-open {
background-color: rgba(239,239,239,0.08);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Menu-item.is-selected {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Menu-item .is-active,
.spectrum--darkest .spectrum-Menu-item:active {
background-color: rgba(239,239,239,0.08);
}
.spectrum--darkest .spectrum-Menu-item.is-disabled {
background-color: transparent;
background-image: none;
color: rgb(92, 92, 92);
cursor: default;
}
.spectrum--darkest .spectrum-Menu-sectionHeading {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Menu-divider {
background-color: rgb(30, 30, 30);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum-Popover.react-spectrum-Popover {
visibility: visible;
}
.spectrum-Popover .spectrum-Dialog-content {
max-height: initial;
}
.spectrum-Popover {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.spectrum-Popover.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.spectrum-Popover--bottom.is-open {
transform: translateY(6px);
}
.spectrum-Popover--top.is-open {
transform: translateY(-6px);
}
.spectrum-Popover--right.is-open {
transform: translateX(6px);
}
.spectrum-Popover--left.is-open {
transform: translateX(-6px);
}
.spectrum-Popover {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
min-width: 32px;
min-height: 32px;
position: absolute;
border-style: solid;
border-width: 1px;
border-radius: 4px;
outline: none;
}
.spectrum-Popover-tip {
position: absolute;
overflow: hidden;
width: 21px;
height: 11px;
}
.spectrum-Popover-tip::after {
content: '';
width: 20px;
height: 20px;
border-width: 1px;
border-style: solid;
position: absolute;
transform: rotate(45deg);
top: -18px;
left: -1px;
}
.spectrum-Popover--dialog {
min-width: 270px;
padding: 30px 29px;
}
.spectrum-Popover--left.spectrum-Popover--withTip {
margin-right: 13px;
}
.spectrum-Popover--left .spectrum-Popover-tip {
right: -16px;
transform: rotate(-90deg);
}
.spectrum-Popover--right.spectrum-Popover--withTip {
margin-left: 13px;
}
.spectrum-Popover--right .spectrum-Popover-tip {
left: -16px;
transform: rotate(90deg);
}
.spectrum-Popover--left .spectrum-Popover-tip, .spectrum-Popover--right .spectrum-Popover-tip {
top: 50%;
margin-top: -6px;
}
.spectrum-Popover--bottom.spectrum-Popover--withTip {
margin-top: 13px;
}
.spectrum-Popover--bottom .spectrum-Popover-tip {
top: -11px;
transform: rotate(180deg);
}
.spectrum-Popover--top.spectrum-Popover--withTip {
margin-bottom: 13px;
}
.spectrum-Popover--top .spectrum-Popover-tip {
bottom: -11px;
}
.spectrum-Popover--bottom .spectrum-Popover-tip, .spectrum-Popover--top .spectrum-Popover-tip {
left: 50%;
margin-left: -12px;
}
.spectrum--light .spectrum-Popover {
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.spectrum--light .spectrum-Popover .spectrum-Dialog-header,
.spectrum--light .spectrum-Popover .spectrum-Dialog-footer,
.spectrum--light .spectrum-Popover .spectrum-Dialog-wrapper {
background-color: transparent;
}
.spectrum--light .spectrum-Popover .spectrum-Popover-tip::after {
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
box-shadow: -1px -1px 4px rgba(0,0,0,0.15);
}
.spectrum--lightest .spectrum-Popover {
background-color: rgb(255, 255, 255);
border-color: rgb(211, 211, 211);
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.spectrum--lightest .spectrum-Popover .spectrum-Dialog-header,
.spectrum--lightest .spectrum-Popover .spectrum-Dialog-footer,
.spectrum--lightest .spectrum-Popover .spectrum-Dialog-wrapper {
background-color: transparent;
}
.spectrum--lightest .spectrum-Popover .spectrum-Popover-tip::after {
background-color: rgb(255, 255, 255);
border-color: rgb(211, 211, 211);
box-shadow: -1px -1px 4px rgba(0,0,0,0.15);
}
.spectrum--darkest .spectrum-Popover {
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
box-shadow: 0 1px 4px rgba(0,0,0,0.8);
}
.spectrum--darkest .spectrum-Popover .spectrum-Dialog-header,
.spectrum--darkest .spectrum-Popover .spectrum-Dialog-footer,
.spectrum--darkest .spectrum-Popover .spectrum-Dialog-wrapper {
background-color: transparent;
}
.spectrum--darkest .spectrum-Popover .spectrum-Popover-tip::after {
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
box-shadow: -1px -1px 4px rgba(0,0,0,0.8);
}
.FollowButton__followContainer___U4u_t{display:inline-flex}.FollowButton__followContainer___U4u_t>button{min-width:148px}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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}[hidden],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{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']{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;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}
html{-ms-overflow-style:-ms-autohiding-scrollbar}body{font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif;overscroll-behavior:none}.spectrum{font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(en){font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(zh-Hant){font-family:"adobe-clean-han-traditional","MingLiu","Heiti TC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(zh-Hans){font-family:"adobe-clean-han-simplified-c","SimSun","Heiti SC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(ja){font-family:"adobe-clean-han-japanese","Yu Gothic","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳＰゴシック","MS PGothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(ko){font-family:"adobe-clean-han-korean","Malgun Gothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand{font-family:"adobe","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(en){font-family:"adobe","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(zh-Hant){font-family:"adobe-han-tc","adobe-clean-han-traditional","MingLiu","Heiti TC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(zh-Hans){font-family:"adobe-han-sc","adobe-clean-han-simplified-c","SimSun","Heiti SC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(ja){font-family:"adobe-han","adobe-clean-han-japanese","Yu Gothic","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳＰゴシック","MS PGothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(ko){font-family:"adobe-han-k","adobe-clean-han-korean","Malgun Gothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}p{margin:0;padding:0}.wf-loading{visibility:hidden}.wf-active,.wf-inactive{visibility:visible}
@media (min-width: 500px){.spectrum-Tabs--horizontal{padding:0}}.spectrum-Tooltip .spectrum-Tooltip-label{max-width:200px}.spectrum-Menu{min-width:192px}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum-CircleLoader.react-spectrum-Wait--centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.spectrum-CircleLoader--indeterminate-fill-submask-2 {
animation: 1s infinite linear spectrum-fill-mask-2;
}
@keyframes spectrum-fill-mask-1 {
0% {
transform: rotate(90deg);
}
1.69% {
transform: rotate(72.3deg);
}
3.39% {
transform: rotate(55.5deg);
}
5.08% {
transform: rotate(40.3deg);
}
6.78% {
transform: rotate(25deg);
}
8.47% {
transform: rotate(10.6deg);
}
10.17% {
transform: rotate(0deg);
}
11.86% {
transform: rotate(0deg);
}
13.56% {
transform: rotate(0deg);
}
15.25% {
transform: rotate(0deg);
}
16.95% {
transform: rotate(0deg);
}
18.64% {
transform: rotate(0deg);
}
20.34% {
transform: rotate(0deg);
}
22.03% {
transform: rotate(0deg);
}
23.73% {
transform: rotate(0deg);
}
25.42% {
transform: rotate(0deg);
}
27.12% {
transform: rotate(0deg);
}
28.81% {
transform: rotate(0deg);
}
30.51% {
transform: rotate(0deg);
}
32.2% {
transform: rotate(0deg);
}
33.9% {
transform: rotate(0deg);
}
35.59% {
transform: rotate(0deg);
}
37.29% {
transform: rotate(0deg);
}
38.98% {
transform: rotate(0deg);
}
40.68% {
transform: rotate(0deg);
}
42.37% {
transform: rotate(5.3deg);
}
44.07% {
transform: rotate(13.4deg);
}
45.76% {
transform: rotate(20.6deg);
}
47.46% {
transform: rotate(29deg);
}
49.15% {
transform: rotate(36.5deg);
}
50.85% {
transform: rotate(42.6deg);
}
52.54% {
transform: rotate(48.8deg);
}
54.24% {
transform: rotate(54.2deg);
}
55.93% {
transform: rotate(59.4deg);
}
57.63% {
transform: rotate(63.2deg);
}
59.32% {
transform: rotate(67.2deg);
}
61.02% {
transform: rotate(70.8deg);
}
62.71% {
transform: rotate(73.8deg);
}
64.41% {
transform: rotate(76.2deg);
}
66.1% {
transform: rotate(78.7deg);
}
67.8% {
transform: rotate(80.6deg);
}
69.49% {
transform: rotate(82.6deg);
}
71.19% {
transform: rotate(83.7deg);
}
72.88% {
transform: rotate(85deg);
}
74.58% {
transform: rotate(86.3deg);
}
76.27% {
transform: rotate(87deg);
}
77.97% {
transform: rotate(87.7deg);
}
79.66% {
transform: rotate(88.3deg);
}
81.36% {
transform: rotate(88.6deg);
}
83.05% {
transform: rotate(89.2deg);
}
84.75% {
transform: rotate(89.2deg);
}
86.44% {
transform: rotate(89.5deg);
}
88.14% {
transform: rotate(89.9deg);
}
89.83% {
transform: rotate(89.7deg);
}
91.53% {
transform: rotate(90.1deg);
}
93.22% {
transform: rotate(90.2deg);
}
94.92% {
transform: rotate(90.1deg);
}
96.61% {
transform: rotate(90deg);
}
98.31% {
transform: rotate(89.8deg);
}
100% {
transform: rotate(90deg);
}
}
@keyframes spectrum-fill-mask-2 {
0% {
transform: rotate(180deg);
}
1.69% {
transform: rotate(180deg);
}
3.39% {
transform: rotate(180deg);
}
5.08% {
transform: rotate(180deg);
}
6.78% {
transform: rotate(180deg);
}
8.47% {
transform: rotate(180deg);
}
10.17% {
transform: rotate(179.2deg);
}
11.86% {
transform: rotate(164deg);
}
13.56% {
transform: rotate(151.8deg);
}
15.25% {
transform: rotate(140.8deg);
}
16.95% {
transform: rotate(130.3deg);
}
18.64% {
transform: rotate(120.4deg);
}
20.34% {
transform: rotate(110.8deg);
}
22.03% {
transform: rotate(101.6deg);
}
23.73% {
transform: rotate(93.5deg);
}
25.42% {
transform: rotate(85.4deg);
}
27.12% {
transform: rotate(78.1deg);
}
28.81% {
transform: rotate(71.2deg);
}
30.51% {
transform: rotate(89.1deg);
}
32.2% {
transform: rotate(105.5deg);
}
33.9% {
transform: rotate(121.3deg);
}
35.59% {
transform: rotate(135.5deg);
}
37.29% {
transform: rotate(148.4deg);
}
38.98% {
transform: rotate(161deg);
}
40.68% {
transform: rotate(173.5deg);
}
42.37% {
transform: rotate(180deg);
}
44.07% {
transform: rotate(180deg);
}
45.76% {
transform: rotate(180deg);
}
47.46% {
transform: rotate(180deg);
}
49.15% {
transform: rotate(180deg);
}
50.85% {
transform: rotate(180deg);
}
52.54% {
transform: rotate(180deg);
}
54.24% {
transform: rotate(180deg);
}
55.93% {
transform: rotate(180deg);
}
57.63% {
transform: rotate(180deg);
}
59.32% {
transform: rotate(180deg);
}
61.02% {
transform: rotate(180deg);
}
62.71% {
transform: rotate(180deg);
}
64.41% {
transform: rotate(180deg);
}
66.1% {
transform: rotate(180deg);
}
67.8% {
transform: rotate(180deg);
}
69.49% {
transform: rotate(180deg);
}
71.19% {
transform: rotate(180deg);
}
72.88% {
transform: rotate(180deg);
}
74.58% {
transform: rotate(180deg);
}
76.27% {
transform: rotate(180deg);
}
77.97% {
transform: rotate(180deg);
}
79.66% {
transform: rotate(180deg);
}
81.36% {
transform: rotate(180deg);
}
83.05% {
transform: rotate(180deg);
}
84.75% {
transform: rotate(180deg);
}
86.44% {
transform: rotate(180deg);
}
88.14% {
transform: rotate(180deg);
}
89.83% {
transform: rotate(180deg);
}
91.53% {
transform: rotate(180deg);
}
93.22% {
transform: rotate(180deg);
}
94.92% {
transform: rotate(180deg);
}
96.61% {
transform: rotate(180deg);
}
98.31% {
transform: rotate(180deg);
}
100% {
transform: rotate(180deg);
}
}
@keyframes spectrum-fills-rotate {
0% {transform: rotate(-90deg)}
100% {transform: rotate(270deg)}
}
.spectrum-CircleLoader {
display: inline-block;
width: 32px;
height: 32px;
position: relative;
direction: ltr;
}
.spectrum-CircleLoader-track {
box-sizing: border-box;
width: 32px;
height: 32px;
border-style: solid;
border-width: 3px;
border-radius: 32px;
}
.spectrum-CircleLoader-fills {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.spectrum-CircleLoader-fill {
box-sizing: border-box;
width: 32px;
height: 32px;
border-style: solid;
border-width: 3px;
border-radius: 32px;
}
.spectrum-CircleLoader-fillMask1,
.spectrum-CircleLoader-fillMask2 {
width: 50%;
height: 100%;
transform-origin: 100% center;
transform: rotate(180deg);
overflow: hidden;
position: absolute;
}
.spectrum-CircleLoader-fillSubMask1,
.spectrum-CircleLoader-fillSubMask2 {
width: 100%;
height: 100%;
transform-origin: 100% center;
overflow: hidden;
transform: rotate(-180deg);
}
.spectrum-CircleLoader-fillMask2 {
transform: rotate(0deg);
}
.spectrum-CircleLoader--small {
width: 16px;
height: 16px;
}
.spectrum-CircleLoader--small .spectrum-CircleLoader-track {
width: 16px;
height: 16px;
border-style: solid;
border-width: 2px;
border-radius: 16px;
}
.spectrum-CircleLoader--small .spectrum-CircleLoader-fill {
width: 16px;
height: 16px;
border-style: solid;
border-width: 2px;
border-radius: 16px;
}
.spectrum-CircleLoader--large {
width: 64px;
height: 64px;
}
.spectrum-CircleLoader--large .spectrum-CircleLoader-track {
width: 64px;
height: 64px;
border-style: solid;
border-width: 4px;
border-radius: 64px;
}
.spectrum-CircleLoader--large .spectrum-CircleLoader-fill {
width: 64px;
height: 64px;
border-style: solid;
border-width: 4px;
border-radius: 64px;
}
.spectrum-CircleLoader--indeterminate .spectrum-CircleLoader-fills {
will-change: transform;
transform: translateZ(0);
animation: 1s infinite cubic-bezier(.25,.78,.48,.89) spectrum-fills-rotate;
transform-origin: center;
}
.spectrum-CircleLoader--indeterminate .spectrum-CircleLoader-fillSubMask1 {
will-change: transform;
transform: translateZ(0);
animation: 1s infinite linear spectrum-fill-mask-1;
}
.spectrum-CircleLoader--indeterminate .spectrum-CircleLoader-fillSubMask2 {
will-change: transform;
transform: translateZ(0);
animation: 1s infinite linear spectrum-fill-mask-2;
}
.spectrum--light .spectrum-CircleLoader-track {
border-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-CircleLoader-fill {
border-color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-CircleLoader--overBackground .spectrum-CircleLoader-track {
border-color: rgba(255,255,255,0.2);
}
.spectrum--light .spectrum-CircleLoader--overBackground .spectrum-CircleLoader-fill {
border-color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-CircleLoader--indeterminate.spectrum-CircleLoader--overBackground .spectrum-CircleLoader-track {
border-color: rgba(255,255,255,0.2);
}
.spectrum--light .spectrum-CircleLoader--indeterminate.spectrum-CircleLoader--overBackground .spectrum-CircleLoader-fill {
border-color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-CircleLoader-track {
border-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-CircleLoader-fill {
border-color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-CircleLoader--overBackground .spectrum-CircleLoader-track {
border-color: rgba(255,255,255,0.2);
}
.spectrum--lightest .spectrum-CircleLoader--overBackground .spectrum-CircleLoader-fill {
border-color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-CircleLoader--indeterminate.spectrum-CircleLoader--overBackground .spectrum-CircleLoader-track {
border-color: rgba(255,255,255,0.2);
}
.spectrum--lightest .spectrum-CircleLoader--indeterminate.spectrum-CircleLoader--overBackground .spectrum-CircleLoader-fill {
border-color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-CircleLoader-track {
border-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-CircleLoader-fill {
border-color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-CircleLoader--overBackground .spectrum-CircleLoader-track {
border-color: rgba(255,255,255,0.2);
}
.spectrum--darkest .spectrum-CircleLoader--overBackground .spectrum-CircleLoader-fill {
border-color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-CircleLoader--indeterminate.spectrum-CircleLoader--overBackground .spectrum-CircleLoader-track {
border-color: rgba(255,255,255,0.2);
}
.spectrum--darkest .spectrum-CircleLoader--indeterminate.spectrum-CircleLoader--overBackground .spectrum-CircleLoader-fill {
border-color: rgb(255, 255, 255);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
/* I've added this so that we can get it out the door, I'll follow up with a spectrum-css PR asap */
.spectrum-CoachMarkPopover {
outline: none;
overflow: auto;
visibility: visible;
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
opacity: 0;
}
50% {
-webkit-transform: scale(1.5);
opacity: 1;
}
100% {
-webkit-transform: scale(2);
opacity: 0;
}
}
@keyframes pulse--quiet {
0% {
-webkit-transform: scale(0.8);
opacity: 0;
}
50% {
-webkit-transform: scale(1.5);
opacity: 1;
}
100% {
-webkit-transform: scale(2);
opacity: 0;
}
}
.spectrum-CoachMarkPopover {
position: relative;
min-width: 272px;
max-width: 400px;
border-radius: 4px;
border-width: 1px;
border-style: solid;
}
.spectrum-CoachMarkPopover-image {
border-radius: 4px 4px 0 0;
width: 100%;
}
.spectrum-CoachMarkPopover-header,
.spectrum-CoachMarkPopover-content,
.spectrum-CoachMarkPopover-footer {
padding: 0 24px;
}
.spectrum-CoachMarkPopover-header {
padding-top: 24px;
}
.spectrum-CoachMarkPopover-footer {
padding-bottom: 24px;
}
.spectrum-CoachMarkPopover-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 16px;
}
.spectrum-CoachMarkPopover-title {
font-size: 16px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0;
}
.spectrum-CoachMarkPopover-step {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
white-space: nowrap;
}
.spectrum-CoachMarkPopover-content {
margin-bottom: 16px;
}
.spectrum-CoachMarkPopover-footer {
margin-top: 0;
text-align: right;
}
.spectrum-CoachMarkIndicator {
position: relative;
margin: 6px;
}
.spectrum-CoachMarkIndicator-ring {
display: block;
position: absolute;
border-style: solid;
border-width: 2px;
border-radius: 50%;
}
.spectrum-CoachMarkIndicator-ring:nth-child(2) {
animation-delay: -1980ms;
}
.spectrum-CoachMarkIndicator-ring:nth-child(3) {
animation-delay: -3000ms
}
.spectrum-CoachMarkIndicator {
min-width: 48px;
min-height: 48px;
}
.spectrum-CoachMarkIndicator-ring {
top: 12px;
left: 12px;
width: 16px;
height: 16px;
animation: pulse 3000ms linear infinite;
}
.spectrum-CoachMarkIndicator-ring:nth-child(1) {
animation-delay: -1500ms;
}
.spectrum-CoachMarkIndicator--quiet {
min-width: 22px;
min-height: 22px;
}
.spectrum-CoachMarkIndicator--quiet .spectrum-CoachMarkIndicator-ring {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
animation: pulse--quiet 3000ms linear infinite;
}
.spectrum-CoachMarkIndicator--quiet .spectrum-CoachMarkIndicator-ring:nth-child(1) {
animation-delay: -990ms;
}
.spectrum--light .spectrum-CoachMarkPopover {
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.spectrum--light .spectrum-CoachMarkPopover-title {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-CoachMarkPopover-step {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-CoachMarkPopover-content {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-CoachMarkIndicator-ring {
border-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-CoachMarkIndicator--light .spectrum-CoachMarkIndicator-ring {
border-color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-CoachMarkIndicator--dark .spectrum-CoachMarkIndicator-ring {
border-color: rgb(44, 44, 44);
}
.spectrum--lightest .spectrum-CoachMarkPopover {
background-color: rgb(255, 255, 255);
border-color: rgb(211, 211, 211);
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.spectrum--lightest .spectrum-CoachMarkPopover-title {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-CoachMarkPopover-step {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-CoachMarkPopover-content {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-CoachMarkIndicator-ring {
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-CoachMarkIndicator--light .spectrum-CoachMarkIndicator-ring {
border-color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-CoachMarkIndicator--dark .spectrum-CoachMarkIndicator-ring {
border-color: rgb(50, 50, 50);
}
.spectrum--darkest .spectrum-CoachMarkPopover {
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
box-shadow: 0 1px 4px rgba(0,0,0,0.8);
}
.spectrum--darkest .spectrum-CoachMarkPopover-title {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-CoachMarkPopover-step {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-CoachMarkPopover-content {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-CoachMarkIndicator-ring {
border-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-CoachMarkIndicator--light .spectrum-CoachMarkIndicator-ring {
border-color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-CoachMarkIndicator--dark .spectrum-CoachMarkIndicator-ring {
border-color: rgb(239, 239, 239);
}
#syncedFilesEolCoachmark{max-width:285px;max-height:175px !important}#syncedFilesEolCoachmark .spectrum-Button.spectrum-Button--quiet.spectrum-Button--secondary{text-transform:capitalize}div[selector='#synced-file-eol-dropdown']{left:89px !important;top:auto !important;bottom:55px !important}div[selector='#synced-file-eol-dropdown-left-nav']{left:160px !important;top:auto !important;bottom:55px !important}
#darkThemeCoachMark{width:280px !important;height:175px !important}#darkThemeCoachMark .spectrum-Button.spectrum-Button--quiet.spectrum-Button--secondary{text-transform:capitalize}#syncedFilesEolCoachmark{max-width:285px;max-height:175px !important}#syncedFilesEolCoachmark .spectrum-Button.spectrum-Button--quiet.spectrum-Button--secondary{text-transform:capitalize}#CCFilesEolCoachmarkPhaseOne{max-width:320px;max-height:290px !important}#CCFilesEolCoachmarkPhaseOne .spectrum-Button.spectrum-Button--quiet.spectrum-Button--secondary{text-transform:capitalize}#dcOnAcpCoachmark{top:75px !important;max-width:302px}#dcOnAcpCoachmark .spectrum-Button.spectrum-Button--quiet.spectrum-Button--secondary{text-transform:capitalize}div[selector='.nav-profile-container']{position:inherit}
.ErrorIndicator__errorIndicatorContainer___FhGOi{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;flex-grow:1;outline:none}.ErrorIndicator__iconAndTextContainer___TOH_3{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;min-width:336px}.ErrorIndicator__fileIcon___XfVQL{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.ErrorIndicator__icon___lBbm4{margin-bottom:12px}.ErrorIndicator__heading___NkeGv{color:var(--spectrum-global-color-gray-700);font-size:28px;text-align:center;margin-bottom:6px;max-width:500px}.ErrorIndicator__description___nDpa5{margin-bottom:24px;color:var(--spectrum-global-color-gray-800);font-size:14px;font-style:italic;text-align:center;max-width:500px}.ErrorIndicator__unableToDownload___pXV1P::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/7800b78e9c80ca3dc34e.svg)}.ErrorIndicator__linkExpired___rv6Lw::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/194342743b8dcb40bffa.svg)}.ErrorIndicator__unavailable___PLaON{width:150px}.ErrorIndicator__unavailable___PLaON::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/5d26cb9ced5749aca791.svg)}.ErrorIndicator__offline___ontc8::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAACXBIWXMAAAsSAAALEgHS3X78AAAG2klEQVR4nO2dT27bRhSHX/+g27gnsE/QeN+FfYAB6hvYOUAR9QRVb6CcoMoNHHT2dRZddKecIBF6gEYHKFIweAymDMlKMjk/DvV9AAFDtkVK+vSGfPPm8YsPHz4YgIoveedBCQKCFAQEKQgIUhAQpCAgSEFAkIKAIAUBQQoCghQEBCkICFIQEKQgIEhBQJCCgCAFAUEKAoIUBAQpCAhSEBCkICBIQUCQgoAgBQFBCgKCFAQEKQgIUhAQpCAgSEFAkIKAIAUBQQoCghQEBCkICFIQEKQgIEhBQJCCgCAFAUEKAoKUr3n7xyPGeG1mZ2Z22bGT92a2qbYQwvs5vOZD4V5xAxJjvDGza9+eHvjMb8zswczWIYTNpF/ogCDgI4kxXpjZnW/nAz3t1syWZnY/98iIgEcSYzxzSZ73PEMl0juPbG1UQ/NFT7TcmdkihLCewmseAwQ8ghhjFe1WZvak8d+VMPe+PewbvVzmG99+aPmT11WEDSG8U7zeMUHAA3BR1i2SDDZk+j4WvqWCzzIaIuCexBgvXb50uBxNChexirK3jV/9EkJYDr0/FQi4By7fQyMivfJhcdSLBE/l3Df2/TKEcDfmfnOBgP9Dh3w/hRBWGY/hzI8hjb6ziIQI2IN/8O8a8j1TnId1SCg5liFhKq6fZuSTfeA+1F97wrpm5XnIYkHADmKMq6lFm0TCnT/0xC+MigUBW/AT/zTB/GIqQ51LeJM8dOV5ySJBwHbSC4w3IYTFlA4uhFCdGrxMHir2YgQBG3g0SYfeqUaXRTIUn5caBRHwc9Jo8mKqlSk+FKeRusgoiIAJHkXqipZdAR9qel567jnLokDA/5Ke662nXgrlxQmvkoeKG4ZnXRHtEeHaS576okNdLpWe+2Wb6Xgk90lxxHUhx/yJ2c2EeGJ24amKYwtEX4UQbvb4Ozk+Q/J3chzfllTEOpshuMrdxRirSPbWc3iPqU6+H/DQRsVl2yb7KOo8sPghuKdsqea1D7EbXwTU5MK3avi68r8vRkBnk3zhipqaK1rAjlIlc4nWcy5lb7BJzgMRMAeeMvm1satKvKXPFEABFClgi3w7F6+UK1dwihOwRb7qBPzmlNbSzokSr4LTXFdVG3eJfB+7L9RceEbgrP9fpkGJQ3C9NLGS7/pUW1o0SFMvt3VGIMa49QxAtVpvklf2lOTPgBjjuicNVbP1uePVlL60CDgDfLi986G4bojU121hNZUFTQg4Y7xZUr01c6VvfFmp9PwZAU+ApPXHsmWKUrrWBQFPiKTtx8+NVy1bY4yAJ4iXqd03oqFEwtEF9OWNl94F9KjFPf6G1bMcC/J+j2cqC91zJKIvvcrkuacLDiJpjXHlWxEJ1qnTs9A9azlXDgHTnNPtIRJ29GUh8TwQU1jonkPAu8a3bC8JO+R7xvA7LC0L3Z/mXOI5uoAdob5Xwh75TqW+LyvKhe5ZihEOkRD5ZEgWumerhtlHQuTT4Z9P+j5nWZSVPQ/Ycfn/0tMsyCfEVxS+TY5g9BV22esBuyKhmf2JfFp8oXv6uYweBSUFqR0SfpP8jHw60vU0o+cEZRXRLuGPZvZP41d/IJ+U0xDQLzh+M7OvGr/6/pgZExiM9GY48xSw42r3r+Tng2ZMYDgaif5mDeHgZBewK9ViZt8dM2MCZZNVwL483zEzJlA+2QTcJ8mMhKdHFgEPmeFAwtNidAGPmV5DQh3e8KlmO/aB5IiAzfvq7pVk7pGwuC6ghZGmXkYvfct9FXzQDEeHhDAu6Rd89C5jOVpzrOsGkce0h6gk9KhXryeZ3V3Dp4IXiqQ34x5dQFbFwSdijMtkyeY2hDB6s0tu0wAfSdYM12TptYiAULNMLhZ3uRYnISC03R10mauDFueAJ05Lnra6O2i2tcFEwBOmRb5d7tt9IeCJ0jFDlb1dm7RF7xB9Y+Co933Z0iHrmaKNr7pHdN035spXZN3R83k8/GJj1ViRuPOGT5J5dvUQnMpWZeA3pd75e8pUnVL9Pnq/N+TbeqP302xQ2XOft533r3vwqbcNkXF/PNLV979ra89b8SJnuqWLSaRhYoyLRiIUxuP1lHosTiYPmNzn9w4RB6ceUVZT6y42yUS0d3e/TEqDrsSHVBpbP3U5ugopF8yEgBQS0SAFAUEKAoIUBAQpCAhSEBCkICBIQUCQgoAgBQFBCgKCFAQEKQgIUhAQpCAgSEFAkIKAIAUBQQoCghQEBCkICFIQEKQgIEhBQJCCgCAFAUEKAoIUBAQpCAhSEBCkICBIQUCQgoAgBQFBCgKCFAQEKQgIUhAQpCAgSEFAkIKAIAUBQQoCghQEBCkICFIQEKQgIOgws38B6oulGZNrKmgAAAAASUVORK5CYII=)}.ErrorIndicator__error403___jHLfe::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/a3c1feed7b0be5a7d49c.svg)}.ErrorIndicator__error404___oog1R::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/137bb4471820f695778a.svg)}.ErrorIndicator__error500___pJblu::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/52a9d3969d8fa3c48d3d.svg)}.ErrorIndicator__error503___olSQ7::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/378bb4e387945268e992.svg)}.ErrorIndicator__error504___slvbU::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e05e269f3ef6edfb088e.svg)}.ErrorIndicator__unableToLoadAssets___K9lOq::after{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/52a9d3969d8fa3c48d3d.svg)}.ErrorIndicator__errorFooter___xt3_d{display:flex;justify-content:center;align-items:center}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--medium .react-spectrum-SideNav {
width: 240px;
}
.spectrum--large .react-spectrum-SideNav {
width: 300px;
}
.spectrum-SideNav {
list-style-type: none;
margin: 0;
padding: 0;
}
.spectrum-SideNav-item {
list-style-type: none;
margin: 4px 0;
}
.spectrum-SideNav-itemLink {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: left;
justify-content: left;
box-sizing: border-box;
width: 100%;
min-height: 32px;
padding: 5px 12px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
font-style: normal;
text-decoration: none;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
cursor: pointer;
transition: background-color 130ms ease-out,
color 130ms ease-out;
}
.spectrum-SideNav-itemLink:focus {
outline: none;
}
.spectrum-SideNav-itemLink.focus-ring::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid transparent;
border-radius: 4px;
}
.spectrum-SideNav-itemLink .spectrum-SideNav-itemIcon {
margin-right: 8px;
}
.spectrum-SideNav-heading {
height: 32px;
line-height: 32px;
margin: 16px 0 4px 0;
padding: 0 12px;
border-radius: 4px;
font-size: 11px;
font-weight: 500;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.spectrum-SideNav--multiLevel .spectrum-SideNav-itemLink {
font-weight: 700;
}
.spectrum-SideNav--multiLevel .spectrum-SideNav {
margin: 0;
padding: 0;
}
.spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav-itemLink {
font-weight: 400;
padding-left: 24px;
}
.spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav .spectrum-SideNav-itemLink {
padding-left: 36px;
}
.spectrum--light .spectrum-SideNav-item.is-selected > .spectrum-SideNav-itemLink {
color: rgb(44, 44, 44);
background-color: rgba(44,44,44,0.06);
}
.spectrum--light .spectrum-SideNav-item .is-active > .spectrum-SideNav-itemLink {
background-color: rgba(44,44,44,0.06);
}
.spectrum--light .spectrum-SideNav-item.is-disabled .spectrum-SideNav-itemLink {
background-color: transparent;
color: rgb(179, 179, 179);
cursor: default;
pointer-events: none;
}
.spectrum--light .spectrum-SideNav-itemLink {
background-color: transparent;
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-SideNav-itemLink:hover {
background-color: rgba(44,44,44,0.06);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-SideNav-itemLink:active {
background-color: rgba(44,44,44,0.06);
}
.spectrum--light .spectrum-SideNav-itemLink.focus-ring {
background-color: rgba(44,44,44,0.06);
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-SideNav-itemLink.focus-ring::before {
border-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-SideNav-heading {
color: rgb(110, 110, 110);
}
.spectrum--lightest .spectrum-SideNav-item.is-selected > .spectrum-SideNav-itemLink {
color: rgb(50, 50, 50);
background-color: rgba(50,50,50,0.06);
}
.spectrum--lightest .spectrum-SideNav-item .is-active > .spectrum-SideNav-itemLink {
background-color: rgba(50,50,50,0.06);
}
.spectrum--lightest .spectrum-SideNav-item.is-disabled .spectrum-SideNav-itemLink {
background-color: transparent;
color: rgb(188, 188, 188);
cursor: default;
pointer-events: none;
}
.spectrum--lightest .spectrum-SideNav-itemLink {
background-color: transparent;
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-SideNav-itemLink:hover {
background-color: rgba(50,50,50,0.06);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-SideNav-itemLink:active {
background-color: rgba(50,50,50,0.06);
}
.spectrum--lightest .spectrum-SideNav-itemLink.focus-ring {
background-color: rgba(50,50,50,0.06);
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-SideNav-itemLink.focus-ring::before {
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-SideNav-heading {
color: rgb(116, 116, 116);
}
.spectrum--darkest .spectrum-SideNav-item.is-selected > .spectrum-SideNav-itemLink {
color: rgb(239, 239, 239);
background-color: rgba(239,239,239,0.08);
}
.spectrum--darkest .spectrum-SideNav-item .is-active > .spectrum-SideNav-itemLink {
background-color: rgba(239,239,239,0.08);
}
.spectrum--darkest .spectrum-SideNav-item.is-disabled .spectrum-SideNav-itemLink {
background-color: transparent;
color: rgb(92, 92, 92);
cursor: default;
pointer-events: none;
}
.spectrum--darkest .spectrum-SideNav-itemLink {
background-color: transparent;
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-SideNav-itemLink:hover {
background-color: rgba(239,239,239,0.08);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-SideNav-itemLink:active {
background-color: rgba(239,239,239,0.08);
}
.spectrum--darkest .spectrum-SideNav-itemLink.focus-ring {
background-color: rgba(239,239,239,0.08);
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-SideNav-itemLink.focus-ring::before {
border-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-SideNav-heading {
color: rgb(162, 162, 162);
}
.spectrum-Dropdown {
position: relative;
display: inline-block;
max-width: 100%;
width: 192px;
min-width: 48px;
}
.spectrum-Dropdown select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-ms-appearance: none;
}
.spectrum-Dropdown select::-ms-expand {
display: none;
}
.spectrum-Dropdown select::-ms-value {
background-color: transparent;
}
.spectrum-Dropdown select + .spectrum-Dropdown-icon {
position: absolute;
right: 12px;
top: 50%;
margin-top: -3px;
}
.spectrum-Dropdown-trigger {
position: relative;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.spectrum-Dropdown-label {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
white-space: nowrap;
overflow: hidden;
height: 30px;
line-height: 30px;
font-size: 14px;
text-overflow: ellipsis;
text-align: left;
}
.spectrum-Dropdown-label.is-placeholder {
font-weight: 400;
font-style: italic;
transition: color 130ms ease-in-out;
}
.spectrum-Dropdown-label + .spectrum-Dropdown-icon {
margin-left: 12px;
}
.spectrum-Icon + .spectrum-Dropdown-label {
margin-left: 8px;
}
.spectrum-Dropdown-label ~ .spectrum-Dropdown-icon {
margin-left: 12px;
}
.spectrum-Dropdown-icon {
display: inline-block;
position: relative;
vertical-align: top;
transition: color 130ms ease-out;
margin-top: 12px;
margin-bottom: 12px;
opacity: 1;
}
.spectrum-Dropdown-trigger .spectrum-Icon:not(.spectrum-Dropdown-icon) {
margin-top: 6px;
margin-bottom: 6px;
}
.spectrum-Dropdown-trigger .spectrum-Dropdown-label + .spectrum-Icon:not(.spectrum-Dropdown-icon) {
margin-left: 12px;
}
.spectrum-Icon + .spectrum-Dropdown-icon {
margin-left: 8px;
}
.spectrum-Dropdown--quiet {
width: auto;
min-width: 48px;
}
.spectrum-Dropdown-popover {
max-width: 240px;
}
.spectrum-Dropdown-popover--quiet {
margin-left: -13px;
}
.spectrum--light .spectrum-Dropdown .spectrum-Dropdown-trigger:hover .spectrum-Dropdown-icon {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Dropdown .spectrum-Dropdown-trigger.is-selected .is-placeholder {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Dropdown.is-invalid .spectrum-Icon:not(.spectrum-Dropdown-icon):not(.spectrum-Menu-checkmark) {
color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Dropdown.is-invalid.is-disabled .spectrum-Icon,
.spectrum--light .spectrum-Dropdown.is-invalid.is-disabled .spectrum-Icon:not(.spectrum-Dropdown-icon):not(.spectrum-Menu-checkmark) {
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Dropdown.is-disabled .spectrum-Dropdown-icon,
.spectrum--light .spectrum-Dropdown.is-disabled .spectrum-Dropdown-trigger:hover .spectrum-Dropdown-icon {
color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Dropdown.is-disabled .spectrum-Dropdown-label.is-placeholder {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Dropdown-icon {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Dropdown-label.is-placeholder {
color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-Dropdown-label.is-placeholder:hover {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Dropdown-label.is-placeholder:active {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Dropdown-trigger.focus-ring .spectrum-Dropdown-label.is-placeholder {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Dropdown-trigger.focus-ring .spectrum-Dropdown-icon {
color: rgb(44, 44, 44)
}
.spectrum--lightest .spectrum-Dropdown .spectrum-Dropdown-trigger:hover .spectrum-Dropdown-icon {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Dropdown .spectrum-Dropdown-trigger.is-selected .is-placeholder {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Dropdown.is-invalid .spectrum-Icon:not(.spectrum-Dropdown-icon):not(.spectrum-Menu-checkmark) {
color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Dropdown.is-invalid.is-disabled .spectrum-Icon,
.spectrum--lightest .spectrum-Dropdown.is-invalid.is-disabled .spectrum-Icon:not(.spectrum-Dropdown-icon):not(.spectrum-Menu-checkmark) {
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Dropdown.is-disabled .spectrum-Dropdown-icon,
.spectrum--lightest .spectrum-Dropdown.is-disabled .spectrum-Dropdown-trigger:hover .spectrum-Dropdown-icon {
color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Dropdown.is-disabled .spectrum-Dropdown-label.is-placeholder {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Dropdown-icon {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Dropdown-label.is-placeholder {
color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-Dropdown-label.is-placeholder:hover {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Dropdown-label.is-placeholder:active {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Dropdown-trigger.focus-ring .spectrum-Dropdown-label.is-placeholder {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Dropdown-trigger.focus-ring .spectrum-Dropdown-icon {
color: rgb(50, 50, 50)
}
.spectrum--darkest .spectrum-Dropdown .spectrum-Dropdown-trigger:hover .spectrum-Dropdown-icon {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Dropdown .spectrum-Dropdown-trigger.is-selected .is-placeholder {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Dropdown.is-invalid .spectrum-Icon:not(.spectrum-Dropdown-icon):not(.spectrum-Menu-checkmark) {
color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-Dropdown.is-invalid.is-disabled .spectrum-Icon,
.spectrum--darkest .spectrum-Dropdown.is-invalid.is-disabled .spectrum-Icon:not(.spectrum-Dropdown-icon):not(.spectrum-Menu-checkmark) {
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Dropdown.is-disabled .spectrum-Dropdown-icon,
.spectrum--darkest .spectrum-Dropdown.is-disabled .spectrum-Dropdown-trigger:hover .spectrum-Dropdown-icon {
color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Dropdown.is-disabled .spectrum-Dropdown-label.is-placeholder {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Dropdown-icon {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Dropdown-label.is-placeholder {
color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-Dropdown-label.is-placeholder:hover {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Dropdown-label.is-placeholder:active {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Dropdown-trigger.focus-ring .spectrum-Dropdown-label.is-placeholder {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Dropdown-trigger.focus-ring .spectrum-Dropdown-icon {
color: rgb(239, 239, 239)
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.react-spectrum-Dropdown-fixed {
min-width: 192px;
}
.spectrum-Dropdown.react-spectrum-Dropdown-flexible {
min-width: 0;
width: auto;
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.react-spectrum-Tabs--collapsible {
display: flex;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0%;
overflow: hidden;
position: relative;
}
.react-spectrum-Tabs--container {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0%;
}
.react-spectrum-Tabs--container.react-spectrum-Tabs--hidden {
visibility: hidden;
}
.spectrum-Tabs.react-spectrum-Tabs--dropdown {
height: calc(100% - 2px);
left: 0;
position: absolute;
transform: translateY(-50%);
top: 50%;
width: 100%;
}
.spectrum-Tabs.react-spectrum-Tabs--dropdown .spectrum-FieldButton {
padding: 0 4px;
}
.spectrum-Tabs.react-spectrum-Tabs--dropdown .focus-ring {
border-radius: 2px;
}
.spectrum--light .spectrum-Tabs.react-spectrum-Tabs--dropdown .focus-ring {
box-shadow: 0 0 0 2px #2680eb;
}
.spectrum--lightest .spectrum-Tabs.react-spectrum-Tabs--dropdown .focus-ring {
box-shadow: 0 0 0 2px #378ef0;
}
.spectrum--dark .spectrum-Tabs.react-spectrum-Tabs--dropdown .focus-ring {
box-shadow: 0 0 0 2px #2680eb;
}
.spectrum--darkest .spectrum-Tabs.react-spectrum-Tabs--dropdown .focus-ring {
box-shadow: 0 0 0 2px #1473e6;
}
.spectrum-Tabs {
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 0;
margin: 0;
padding: 0 8px;
vertical-align: top;
}
.spectrum-Tabs-item {
position: relative;
box-sizing: border-box;
height: 46px;
line-height: 46px;
z-index: 1;
text-decoration: none;
white-space: nowrap;
transition: color 130ms ease-out;
cursor: pointer;
outline: none;
}
.spectrum-Tabs-item.is-disabled {
cursor: default;
}
.spectrum-Tabs-item.is-disabled .spectrum-Tabs-itemLabel {
cursor: default;
}
.spectrum-Tabs-item .spectrum-Icon {
height: 46px;
}
.spectrum-Tabs-item .spectrum-Icon + .spectrum-Tabs-itemLabel {
margin-left: 5px;
}
.spectrum-Tabs-item::before {
content: '';
position: absolute;
top: 50%;
box-sizing: border-box;
height: 32px;
margin-top: -15px;
left: -8px;
right: -8px;
border: 2px solid transparent;
border-radius: 5px;
pointer-events: none;
}
.spectrum-Tabs-itemLabel {
cursor: pointer;
vertical-align: top;
display: inline-block;
font-size: 14px;
font-weight: 400;
}
.spectrum-Tabs-itemLabel:empty {
display: none;
}
.spectrum-Tabs-selectionIndicator {
position: absolute;
left: 0;
z-index: 0;
transition: transform 130ms ease-in-out;
transform-origin: top left;
border-radius: 1px;
}
.spectrum-Tabs--compact .spectrum-Tabs-item {
height: 30px;
line-height: 30px;
}
.spectrum-Tabs--compact .spectrum-Tabs-item .spectrum-Icon {
height: 30px;
}
.spectrum-Tabs--horizontal {
-ms-flex-align: center;
align-items: center;
border-bottom: 2px solid;
}
.spectrum-Tabs--horizontal .spectrum-Tabs-item {
vertical-align: top;
}
.spectrum-Tabs--horizontal .spectrum-Tabs-item + *:not(.spectrum-Tabs-selectionIndicator) {
margin-left: 24px;
}
.spectrum-Tabs--horizontal .spectrum-Tabs-selectionIndicator {
position: absolute;
bottom: 0;
height: 2px;
bottom: -2px;
}
.spectrum-Tabs--horizontal.spectrum-Tabs--compact {
box-sizing: content-box;
height: 30px;
-ms-flex-align: end;
align-items: end;
}
.spectrum-Tabs--quiet {
display: -ms-inline-flexbox;
display: inline-flex;
}
.spectrum-Tabs--vertical {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
border-left: 2px solid;
}
.spectrum-Tabs--vertical .spectrum-Tabs-item {
height: 44px;
padding: 0 8px;
margin-left: 4px;
margin-bottom: 4px;
}
.spectrum-Tabs--vertical .spectrum-Tabs-item::before {
left: -2px;
right: -2px;
margin-top: -16px;
}
.spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-item {
height: 32px;
line-height: 32px;
margin-bottom: 4px;
}
.spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-item .spectrum-Icon {
height: 32px;
}
.spectrum-Tabs--vertical .spectrum-Tabs-selectionIndicator {
position: absolute;
left: 0px;
width: 2px;
left: -2px;
}
.spectrum--light .spectrum-Tabs {
border-bottom-color: rgb(234, 234, 234);
}
.spectrum--light .spectrum-Tabs--vertical {
border-left-color: rgb(234, 234, 234);
}
.spectrum--light .spectrum-Tabs-selectionIndicator {
background-color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Tabs-item {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Tabs-item .spectrum-Icon {
color: rgb(110, 110, 110)
}
.spectrum--light .spectrum-Tabs-item:hover {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Tabs-item:hover .spectrum-Icon {
color: rgb(44, 44, 44)
}
.spectrum--light .spectrum-Tabs-item.is-selected {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Tabs-item.is-selected .spectrum-Icon {
color: rgb(44, 44, 44)
}
.spectrum--light .spectrum-Tabs-item.focus-ring {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Tabs-item.focus-ring::before {
border-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-Tabs-item.focus-ring .spectrum-Icon {
color: rgb(44, 44, 44)
}
.spectrum--light .spectrum-Tabs-item.is-disabled {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Tabs-item.is-disabled .spectrum-Icon {
color: rgb(202, 202, 202)
}
.spectrum--light .spectrum-Tabs--quiet {
border-bottom-color: transparent;
}
.spectrum--light .spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator {
background-color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Tabs--vertical.spectrum-Tabs--quiet,
.spectrum--light .spectrum-Tabs--vertical.spectrum-Tabs--compact {
border-left-color: transparent;
}
.spectrum--light .spectrum-Tabs--vertical.spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator,
.spectrum--light .spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-selectionIndicator {
background-color: rgb(44, 44, 44);
}
.spectrum--lightest .spectrum-Tabs {
border-bottom-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Tabs--vertical {
border-left-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Tabs-selectionIndicator {
background-color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs-item {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Tabs-item .spectrum-Icon {
color: rgb(116, 116, 116)
}
.spectrum--lightest .spectrum-Tabs-item:hover {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs-item:hover .spectrum-Icon {
color: rgb(50, 50, 50)
}
.spectrum--lightest .spectrum-Tabs-item.is-selected {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs-item.is-selected .spectrum-Icon {
color: rgb(50, 50, 50)
}
.spectrum--lightest .spectrum-Tabs-item.focus-ring {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs-item.focus-ring::before {
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Tabs-item.focus-ring .spectrum-Icon {
color: rgb(50, 50, 50)
}
.spectrum--lightest .spectrum-Tabs-item.is-disabled {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Tabs-item.is-disabled .spectrum-Icon {
color: rgb(211, 211, 211)
}
.spectrum--lightest .spectrum-Tabs--quiet {
border-bottom-color: transparent;
}
.spectrum--lightest .spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator {
background-color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Tabs--vertical.spectrum-Tabs--quiet,
.spectrum--lightest .spectrum-Tabs--vertical.spectrum-Tabs--compact {
border-left-color: transparent;
}
.spectrum--lightest .spectrum-Tabs--vertical.spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator,
.spectrum--lightest .spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-selectionIndicator {
background-color: rgb(50, 50, 50);
}
.spectrum--darkest .spectrum-Tabs {
border-bottom-color: rgb(44, 44, 44);
}
.spectrum--darkest .spectrum-Tabs--vertical {
border-left-color: rgb(44, 44, 44);
}
.spectrum--darkest .spectrum-Tabs-selectionIndicator {
background-color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Tabs-item {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Tabs-item .spectrum-Icon {
color: rgb(162, 162, 162)
}
.spectrum--darkest .spectrum-Tabs-item:hover {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Tabs-item:hover .spectrum-Icon {
color: rgb(239, 239, 239)
}
.spectrum--darkest .spectrum-Tabs-item.is-selected {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Tabs-item.is-selected .spectrum-Icon {
color: rgb(239, 239, 239)
}
.spectrum--darkest .spectrum-Tabs-item.focus-ring {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Tabs-item.focus-ring::before {
border-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Tabs-item.focus-ring .spectrum-Icon {
color: rgb(239, 239, 239)
}
.spectrum--darkest .spectrum-Tabs-item.is-disabled {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Tabs-item.is-disabled .spectrum-Icon {
color: rgb(73, 73, 73)
}
.spectrum--darkest .spectrum-Tabs--quiet {
border-bottom-color: transparent;
}
.spectrum--darkest .spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator {
background-color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Tabs--vertical.spectrum-Tabs--quiet,
.spectrum--darkest .spectrum-Tabs--vertical.spectrum-Tabs--compact {
border-left-color: transparent;
}
.spectrum--darkest .spectrum-Tabs--vertical.spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator,
.spectrum--darkest .spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-selectionIndicator {
background-color: rgb(239, 239, 239);
}
.spectrum-BarLoader {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: 192px;
vertical-align: top;
}
.spectrum-BarLoader-track {
overflow: hidden;
width: 192px;
height: 6px;
border-radius: 3px;
z-index: 1;
}
.spectrum-BarLoader-fill {
border: none;
height: 6px;
transition: width 1s;
}
.spectrum-BarLoader-label,
.spectrum-BarLoader-percentage {
font-size: 12px;
font-weight: 400;
line-height: 1.3;
text-align: left;
margin-bottom: 9px;
}
.spectrum-BarLoader-label {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.spectrum-BarLoader-percentage {
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 12px;
}
.spectrum-BarLoader--sideLabel {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-pack: justify;
justify-content: space-between;
width: auto;
}
.spectrum-BarLoader--sideLabel .spectrum-BarLoader-label {
margin-right: 12px;
margin-bottom: 0;
}
.spectrum-BarLoader--sideLabel .spectrum-BarLoader-percentage {
-ms-flex-order: 3;
order: 3;
text-align: right;
margin-left: 12px;
margin-bottom: 0;
}
.spectrum-BarLoader--small {
min-width: 192px;
}
.spectrum-BarLoader--small .spectrum-BarLoader-fill {
height: 4px;
}
.spectrum-BarLoader--small .spectrum-BarLoader-track {
height: 4px;
border-radius: 2px;
}
.spectrum-BarLoader--indeterminate .spectrum-BarLoader-fill {
width: 136px;
position: relative;
animation: indeterminate-loop 1000ms infinite;
animation-timing-function: cubic-bezier(.45, 0, .40, 1);
left: -136px;
will-change: transform;
}
@keyframes indeterminate-loop {
0% {
transform: translate(0);
}
100% {
transform: translate(328px);
}
}
.spectrum--light .spectrum-BarLoader .spectrum-BarLoader-fill {
background: rgb(20, 115, 230);
}
.spectrum--light .spectrum-BarLoader .spectrum-BarLoader-track {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-fill {
background: rgb(255, 255, 255);
}
.spectrum--light .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-label,
.spectrum--light .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-percentage {
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-track {
background-color: rgba(255,255,255,0.2);
}
.spectrum--light .spectrum-BarLoader.is-positive .spectrum-BarLoader-fill {
background: rgb(45, 157, 120);
}
.spectrum--light .spectrum-BarLoader.is-warning .spectrum-BarLoader-fill {
background: rgb(230, 134, 25);
}
.spectrum--light .spectrum-BarLoader.is-critical .spectrum-BarLoader-fill {
background: rgb(227, 72, 80);
}
.spectrum--light .spectrum-BarLoader-label,
.spectrum--light .spectrum-BarLoader-percentage {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-BarLoader-label,
.spectrum--light .spectrum-BarLoader-percentage {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-BarLoader-label,
.spectrum--light .spectrum-BarLoader-percentage {
color: rgb(110, 110, 110);
}
.spectrum--lightest .spectrum-BarLoader .spectrum-BarLoader-fill {
background: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-BarLoader .spectrum-BarLoader-track {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-fill {
background: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-label,
.spectrum--lightest .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-percentage {
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-track {
background-color: rgba(255,255,255,0.2);
}
.spectrum--lightest .spectrum-BarLoader.is-positive .spectrum-BarLoader-fill {
background: rgb(51, 171, 132);
}
.spectrum--lightest .spectrum-BarLoader.is-warning .spectrum-BarLoader-fill {
background: rgb(242, 148, 35);
}
.spectrum--lightest .spectrum-BarLoader.is-critical .spectrum-BarLoader-fill {
background: rgb(236, 91, 98);
}
.spectrum--lightest .spectrum-BarLoader-label,
.spectrum--lightest .spectrum-BarLoader-percentage {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-BarLoader-label,
.spectrum--lightest .spectrum-BarLoader-percentage {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-BarLoader-label,
.spectrum--lightest .spectrum-BarLoader-percentage {
color: rgb(116, 116, 116);
}
.spectrum--darkest .spectrum-BarLoader .spectrum-BarLoader-fill {
background: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-BarLoader .spectrum-BarLoader-track {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-fill {
background: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-label,
.spectrum--darkest .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-percentage {
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-BarLoader.spectrum-BarLoader--overBackground .spectrum-BarLoader-track {
background-color: rgba(255,255,255,0.2);
}
.spectrum--darkest .spectrum-BarLoader.is-positive .spectrum-BarLoader-fill {
background: rgb(38, 142, 108);
}
.spectrum--darkest .spectrum-BarLoader.is-warning .spectrum-BarLoader-fill {
background: rgb(218, 123, 17);
}
.spectrum--darkest .spectrum-BarLoader.is-critical .spectrum-BarLoader-fill {
background: rgb(215, 55, 63);
}
.spectrum--darkest .spectrum-BarLoader-label,
.spectrum--darkest .spectrum-BarLoader-percentage {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-BarLoader-label,
.spectrum--darkest .spectrum-BarLoader-percentage {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-BarLoader-label,
.spectrum--darkest .spectrum-BarLoader-percentage {
color: rgb(162, 162, 162);
}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.Quota__component___jVGxM{width:100%;text-align:left;font-size:13px;display:flex;margin-left:12px}.Quota__component___jVGxM p{margin-top:17px}.Quota__hideQuota___S92a6{display:none}.Quota__upgrade___mqnuR{display:inline-block;border-radius:4px}.Quota__upgrade___mqnuR:focus{outline:none}.Quota__upgrade___mqnuR.focus-ring{box-shadow:0 0 0 2px var(--spectrum-table-cell-border-color-key-focus)}.Quota__upgrade___mqnuR a,.Quota__learnMore___mj4rr a,.Quota__quotaMessageDescription___ZDQau a{text-decoration:none;color:#2680eb;cursor:pointer}.Quota__learnMore___mj4rr{text-align:right;padding-top:5px}.Quota__quotaData___LU79I{display:block}.Quota__quotaPopover___nTNpg{text-align:left;min-width:350px;margin-top:-4px}.Quota__quotaPopover___nTNpg .spectrum-Dialog-typeIcon{display:none}.Quota__quotaPopover___nTNpg .spectrum-Dialog-content{color:var(--spectrum-global-color-gray-700)}.Quota__alertIcon___ERCtf{position:relative;right:8px;vertical-align:top}.Quota__alertIcon___ERCtf.Quota__default___pjRji{display:none}.Quota__alertIcon___ERCtf.Quota__error___LQfpj{color:#e34850}.Quota__alertIcon___ERCtf.Quota__warning___LRic3{color:#e68619}.Quota__quotaMessage___M9NLM{padding:18px;max-width:200px}.Quota__quotaMessage___M9NLM.Quota__error___LQfpj .spectrum-Loader--bar-fill{background-color:#e34850}.Quota__quotaMessage___M9NLM.Quota__warning___LRic3 .spectrum-Loader--bar-fill{background-color:#e68619}.Quota__quotaMessage___M9NLM .Quota__quotaMessageTitle___KPv2p{color:var(--spectrum-global-color-gray-600);font-size:10.5px;text-transform:uppercase}.Quota__quotaMessage___M9NLM .Quota__quotaMessageDescription___ZDQau{font-size:12px;line-height:16px;padding-bottom:6px}.Quota__quotaMessage___M9NLM .Quota__quotaMessageUsage___TFjgQ{color:var(--spectrum-global-color-gray-600);font-size:12px}.Quota__quotaMessage___M9NLM .spectrum-Dialog-content{padding-top:0}.Quota__quotaMessage___M9NLM .spectrum-Progress{width:100%;vertical-align:middle}.Quota__quotaMessage___M9NLM .spectrum-Loader--bar-track{width:208px}
.Status__component___ijpzX{width:100%;height:100%;text-align:center;padding-top:16px;font-size:13px}.Status__hideStatus___nHcKS{display:none}.Status__progressbar___jabH0{min-width:100%}.Status__progressbar___jabH0 .spectrum-BarLoader-track{width:100%}
:root{--spectrum-global-color-celery-400: rgb(68, 181, 86);--spectrum-global-color-celery-500: rgb(61, 167, 78);--spectrum-global-color-celery-600: rgb(55, 153, 71);--spectrum-global-color-celery-700: rgb(49, 139, 64);--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);--spectrum-global-color-yellow-400: rgb(223, 191, 0);--spectrum-global-color-yellow-500: rgb(210, 178, 0);--spectrum-global-color-yellow-600: rgb(196, 166, 0);--spectrum-global-color-yellow-700: rgb(183, 153, 0);--spectrum-global-color-magenta-400: rgb(216, 55, 144);--spectrum-global-color-magenta-500: rgb(206, 39, 131);--spectrum-global-color-magenta-600: rgb(188, 28, 116);--spectrum-global-color-magenta-700: rgb(174, 14, 102);--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);--spectrum-global-color-purple-400: rgb(146, 86, 217);--spectrum-global-color-purple-500: rgb(134, 76, 204);--spectrum-global-color-purple-600: rgb(122, 66, 191);--spectrum-global-color-purple-700: rgb(111, 56, 177);--spectrum-global-color-indigo-400: rgb(103, 103, 236);--spectrum-global-color-indigo-500: rgb(92, 92, 224);--spectrum-global-color-indigo-600: rgb(81, 81, 211);--spectrum-global-color-indigo-700: rgb(70, 70, 198);--spectrum-global-color-seafoam-400: rgb(27, 149, 154);--spectrum-global-color-seafoam-500: rgb(22, 135, 140);--spectrum-global-color-seafoam-600: rgb(15, 121, 125);--spectrum-global-color-seafoam-700: rgb(9, 108, 111);--spectrum-global-color-red-400: rgb(227, 72, 80);--spectrum-global-color-red-500: rgb(215, 55, 63);--spectrum-global-color-red-600: rgb(201, 37, 45);--spectrum-global-color-red-700: rgb(187, 18, 26);--spectrum-global-color-orange-400: rgb(230, 134, 25);--spectrum-global-color-orange-500: rgb(218, 123, 17);--spectrum-global-color-orange-600: rgb(203, 111, 16);--spectrum-global-color-orange-700: rgb(189, 100, 13);--spectrum-global-color-green-400: rgb(45, 157, 120);--spectrum-global-color-green-500: rgb(38, 142, 108);--spectrum-global-color-green-600: rgb(18, 128, 92);--spectrum-global-color-green-700: rgb(16, 113, 84);--spectrum-global-color-blue-400: rgb(38, 128, 235);--spectrum-global-color-blue-500: rgb(20, 115, 230);--spectrum-global-color-blue-600: rgb(13, 102, 208);--spectrum-global-color-blue-700: rgb(9, 90, 186);--spectrum-global-color-gray-50: rgb(255, 255, 255);--spectrum-global-color-gray-75: rgb(250, 250, 250);--spectrum-global-color-gray-100: rgb(245, 245, 245);--spectrum-global-color-gray-200: rgb(234, 234, 234);--spectrum-global-color-gray-300: rgb(225, 225, 225);--spectrum-global-color-gray-400: rgb(202, 202, 202);--spectrum-global-color-gray-500: rgb(179, 179, 179);--spectrum-global-color-gray-600: rgb(142, 142, 142);--spectrum-global-color-gray-700: rgb(110, 110, 110);--spectrum-global-color-gray-800: rgb(75, 75, 75);--spectrum-global-color-gray-900: rgb(44, 44, 44);--spectrum-alias-background-color-default: rgb(245, 245, 245);--spectrum-alias-background-color-transparent: rgba(0, 0, 0, 0);--spectrum-alias-background-color-label-gray: rgb(112, 112, 112);--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);--spectrum-alias-highlight-active: rgba(44,44,44,0.1);--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);--spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);--spectrum-alias-placeholder-text-color: rgb(142, 142, 142);--spectrum-alias-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-alias-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-alias-placeholder-text-color-selected: rgb(75, 75, 75);--spectrum-alias-label-text-color: rgb(110, 110, 110);--spectrum-alias-text-color: rgb(75, 75, 75);--spectrum-alias-text-color-hover: rgb(44, 44, 44);--spectrum-alias-text-color-down: rgb(44, 44, 44);--spectrum-alias-text-color-key-focus: rgb(13, 102, 208);--spectrum-alias-text-color-disabled: rgb(179, 179, 179);--spectrum-alias-text-color-invalid: rgb(215, 55, 63);--spectrum-alias-text-color-selected: rgb(13, 102, 208);--spectrum-alias-text-color-selected-neutral: rgb(44, 44, 44);--spectrum-alias-title-text-color: rgb(44, 44, 44);--spectrum-alias-heading-text-color: rgb(44, 44, 44);--spectrum-alias-border-color: rgb(225, 225, 225);--spectrum-alias-border-color-hover: rgb(202, 202, 202);--spectrum-alias-border-color-focus: rgb(38, 128, 235);--spectrum-alias-border-color-down: rgb(20, 115, 230);--spectrum-alias-border-color-extralight: rgb(245, 245, 245);--spectrum-alias-border-color-light: rgb(234, 234, 234);--spectrum-alias-border-color-mid: rgb(225, 225, 225);--spectrum-alias-border-color-dark: rgb(202, 202, 202);--spectrum-alias-border-color-transparent: rgba(0, 0, 0, 0);--spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);--spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);--spectrum-alias-focus-color: rgb(38, 128, 235);--spectrum-alias-track-color-default: rgb(225, 225, 225);--spectrum-alias-track-color-disabled: rgb(225, 225, 225);--spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);--spectrum-alias-icon-color: rgb(110, 110, 110);--spectrum-alias-icon-color-over-background: rgb(255, 255, 255);--spectrum-alias-icon-color-hover: rgb(44, 44, 44);--spectrum-alias-icon-color-down: rgb(44, 44, 44);--spectrum-alias-icon-color-focus: rgb(44, 44, 44);--spectrum-alias-icon-color-disabled: rgb(202, 202, 202);--spectrum-alias-icon-color-selected-neutral: rgb(44, 44, 44);--spectrum-alias-icon-color-selected: rgb(20, 115, 230);--spectrum-alias-icon-color-selected-hover: rgb(13, 102, 208);--spectrum-alias-icon-color-selected-down: rgb(9, 90, 186);--spectrum-alias-icon-color-selected-focus: rgb(13, 102, 208);--spectrum-alias-icon-color-error: rgb(227, 72, 80);--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);--spectrum-alias-pasteboard-background-color: rgb(225, 225, 225);--spectrum-alias-appframe-border-color: rgb(225, 225, 225);--spectrum-alias-appframe-separator-color: rgb(225, 225, 225);--spectrum-alias-toolbar-background-color: rgb(245, 245, 245);--spectrum-semantic-negative-color-background: rgb(201, 37, 45);--spectrum-semantic-negative-color-default: rgb(215, 55, 63);--spectrum-semantic-negative-color-dark: rgb(201, 37, 45);--spectrum-semantic-negative-color-border: rgb(227, 72, 80);--spectrum-semantic-negative-color-icon: rgb(201, 37, 45);--spectrum-semantic-negative-color-status: rgb(227, 72, 80);--spectrum-semantic-negative-color-text-large: rgb(215, 55, 63);--spectrum-semantic-negative-color-text-small: rgb(201, 37, 45);--spectrum-semantic-negative-color-state-down: rgb(187, 18, 26);--spectrum-semantic-negative-color-state-focus: rgb(227, 72, 80);--spectrum-semantic-notice-color-background: rgb(203, 111, 16);--spectrum-semantic-notice-color-default: rgb(218, 123, 17);--spectrum-semantic-notice-color-dark: rgb(203, 111, 16);--spectrum-semantic-notice-color-border: rgb(230, 134, 25);--spectrum-semantic-notice-color-icon: rgb(203, 111, 16);--spectrum-semantic-notice-color-status: rgb(230, 134, 25);--spectrum-semantic-notice-color-text-large: rgb(218, 123, 17);--spectrum-semantic-notice-color-text-small: rgb(203, 111, 16);--spectrum-semantic-notice-color-state-down: rgb(189, 100, 13);--spectrum-semantic-notice-color-state-focus: rgb(230, 134, 25);--spectrum-semantic-positive-color-background: rgb(18, 128, 92);--spectrum-semantic-positive-color-default: rgb(38, 142, 108);--spectrum-semantic-positive-color-dark: rgb(18, 128, 92);--spectrum-semantic-positive-color-border: rgb(45, 157, 120);--spectrum-semantic-positive-color-icon: rgb(18, 128, 92);--spectrum-semantic-positive-color-status: rgb(45, 157, 120);--spectrum-semantic-positive-color-text-large: rgb(38, 142, 108);--spectrum-semantic-positive-color-text-small: rgb(18, 128, 92);--spectrum-semantic-positive-color-state-down: rgb(16, 113, 84);--spectrum-semantic-positive-color-state-focus: rgb(45, 157, 120);--spectrum-semantic-informative-color-background: rgb(13, 102, 208);--spectrum-semantic-informative-color-default: rgb(20, 115, 230);--spectrum-semantic-informative-color-dark: rgb(13, 102, 208);--spectrum-semantic-informative-color-border: rgb(38, 128, 235);--spectrum-semantic-informative-color-icon: rgb(13, 102, 208);--spectrum-semantic-informative-color-status: rgb(38, 128, 235);--spectrum-semantic-informative-color-text-large: rgb(20, 115, 230);--spectrum-semantic-informative-color-text-small: rgb(13, 102, 208);--spectrum-semantic-informative-color-state-down: rgb(9, 90, 186);--spectrum-semantic-informative-color-state-focus: rgb(38, 128, 235);--spectrum-semantic-cta-color-background-default: rgb(20, 115, 230);--spectrum-semantic-cta-color-background-hover: rgb(13, 102, 208);--spectrum-semantic-cta-color-background-down: rgb(13, 102, 208);--spectrum-semantic-background-color-key-focus: rgb(20, 115, 230);--spectrum-semantic-neutral-color-background: rgb(116, 116, 116);--spectrum-accordion-border-color: rgb(225, 225, 225);--spectrum-accordion-icon-color: rgb(142, 142, 142);--spectrum-accordion-text-color: rgb(110, 110, 110);--spectrum-accordion-icon-color-hover: rgb(75, 75, 75);--spectrum-accordion-text-color-hover: rgb(44, 44, 44);--spectrum-accordion-background-color-hover: rgb(234, 234, 234);--spectrum-accordion-icon-color-down: rgb(75, 75, 75);--spectrum-accordion-text-color-down: rgb(44, 44, 44);--spectrum-accordion-border-left-color-key-focus: rgb(38, 128, 235);--spectrum-accordion-item-border-left-color-key-focus: rgb(38, 128, 235);--spectrum-accordion-icon-color-key-focus: rgb(75, 75, 75);--spectrum-accordion-text-color-key-focus: rgb(44, 44, 44);--spectrum-accordion-icon-color-disabled: rgb(202, 202, 202);--spectrum-accordion-text-color-disabled: rgb(179, 179, 179);--spectrum-actionbutton-text-color: rgb(75, 75, 75);--spectrum-actionbutton-icon-color: rgb(110, 110, 110);--spectrum-actionbutton-background-color: rgb(250, 250, 250);--spectrum-actionbutton-border-color: rgb(225, 225, 225);--spectrum-actionbutton-hold-icon-color: rgb(110, 110, 110);--spectrum-actionbutton-text-color-hover: rgb(44, 44, 44);--spectrum-actionbutton-icon-color-hover: rgb(44, 44, 44);--spectrum-actionbutton-background-color-hover: rgb(255, 255, 255);--spectrum-actionbutton-border-color-hover: rgb(202, 202, 202);--spectrum-actionbutton-hold-icon-color-hover: rgb(44, 44, 44);--spectrum-actionbutton-text-color-down: rgb(44, 44, 44);--spectrum-actionbutton-icon-color-down: rgb(44, 44, 44);--spectrum-actionbutton-background-color-down: rgb(234, 234, 234);--spectrum-actionbutton-border-color-down: rgb(202, 202, 202);--spectrum-actionbutton-hold-icon-color-down: rgb(44, 44, 44);--spectrum-actionbutton-text-color-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-icon-color-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-border-color-key-focus: rgb(38, 128, 235);--spectrum-actionbutton-background-color-key-focus: rgb(255, 255, 255);--spectrum-actionbutton-hold-icon-color-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-actionbutton-text-color-disabled: rgb(179, 179, 179);--spectrum-actionbutton-icon-color-disabled: rgb(202, 202, 202);--spectrum-actionbutton-background-color-disabled: rgb(234, 234, 234);--spectrum-actionbutton-border-color-disabled: rgb(234, 234, 234);--spectrum-actionbutton-hold-icon-color-disabled: rgb(202, 202, 202);--spectrum-actionbutton-background-color-selected: rgb(234, 234, 234);--spectrum-actionbutton-border-color-selected: rgb(225, 225, 225);--spectrum-actionbutton-text-color-selected: rgb(75, 75, 75);--spectrum-actionbutton-hold-icon-color-selected: rgb(20, 115, 230);--spectrum-actionbutton-icon-color-selected: rgb(110, 110, 110);--spectrum-actionbutton-background-color-selected-hover: rgb(234, 234, 234);--spectrum-actionbutton-border-color-selected-hover: rgb(202, 202, 202);--spectrum-actionbutton-text-color-selected-hover: rgb(44, 44, 44);--spectrum-actionbutton-hold-icon-color-selected-hover: rgb(13, 102, 208);--spectrum-actionbutton-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-actionbutton-background-color-selected-down: rgb(234, 234, 234);--spectrum-actionbutton-border-color-selected-down: rgb(202, 202, 202);--spectrum-actionbutton-text-color-selected-down: rgb(44, 44, 44);--spectrum-actionbutton-hold-icon-color-selected-down: rgb(9, 90, 186);--spectrum-actionbutton-icon-color-selected-down: rgb(44, 44, 44);--spectrum-actionbutton-background-color-selected-key-focus: rgb(234, 234, 234);--spectrum-actionbutton-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-actionbutton-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-hold-icon-color-selected-key-focus: rgb(13, 102, 208);--spectrum-actionbutton-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-background-color-selected-disabled: rgb(234, 234, 234);--spectrum-actionbutton-border-color-selected-disabled: rgb(234, 234, 234);--spectrum-actionbutton-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-actionbutton-hold-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-actionbutton-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-actionbutton-quiet-text-color: rgb(75, 75, 75);--spectrum-actionbutton-quiet-icon-color: rgb(110, 110, 110);--spectrum-actionbutton-quiet-background-color: rgba(0, 0, 0, 0);--spectrum-actionbutton-quiet-border-color: rgba(0, 0, 0, 0);--spectrum-actionbutton-quiet-hold-icon-color: rgb(110, 110, 110);--spectrum-actionbutton-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-actionbutton-quiet-icon-color-hover: rgb(44, 44, 44);--spectrum-actionbutton-quiet-background-color-hover: rgba(0, 0, 0, 0);--spectrum-actionbutton-quiet-border-color-hover: rgba(0, 0, 0, 0);--spectrum-actionbutton-quiet-hold-icon-color-hover: rgb(44, 44, 44);--spectrum-actionbutton-quiet-text-color-down: rgb(44, 44, 44);--spectrum-actionbutton-quiet-icon-color-down: rgb(44, 44, 44);--spectrum-actionbutton-quiet-background-color-down: rgb(225, 225, 225);--spectrum-actionbutton-quiet-border-color-down: rgb(225, 225, 225);--spectrum-actionbutton-quiet-hold-icon-color-down: rgb(44, 44, 44);--spectrum-actionbutton-quiet-text-color-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-quiet-icon-color-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-quiet-border-color-key-focus: rgb(38, 128, 235);--spectrum-actionbutton-quiet-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-actionbutton-quiet-hold-icon-color-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-quiet-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-actionbutton-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-actionbutton-quiet-icon-color-disabled: rgb(202, 202, 202);--spectrum-actionbutton-quiet-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-actionbutton-quiet-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-actionbutton-quiet-hold-icon-color-disabled: rgb(202, 202, 202);--spectrum-actionbutton-quiet-background-color-selected: rgb(225, 225, 225);--spectrum-actionbutton-quiet-border-color-selected: rgb(225, 225, 225);--spectrum-actionbutton-quiet-text-color-selected: rgb(75, 75, 75);--spectrum-actionbutton-quiet-hold-icon-color-selected: rgb(20, 115, 230);--spectrum-actionbutton-quiet-icon-color-selected: rgb(110, 110, 110);--spectrum-actionbutton-quiet-background-color-selected-hover: rgb(225, 225, 225);--spectrum-actionbutton-quiet-border-color-selected-hover: rgb(225, 225, 225);--spectrum-actionbutton-quiet-text-color-selected-hover: rgb(44, 44, 44);--spectrum-actionbutton-quiet-hold-icon-color-selected-hover: rgb(13, 102, 208);--spectrum-actionbutton-quiet-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-actionbutton-quiet-background-color-selected-down: rgb(225, 225, 225);--spectrum-actionbutton-quiet-border-color-selected-down: rgb(225, 225, 225);--spectrum-actionbutton-quiet-text-color-selected-down: rgb(44, 44, 44);--spectrum-actionbutton-quiet-hold-icon-color-selected-down: rgb(9, 90, 186);--spectrum-actionbutton-quiet-icon-color-selected-down: rgb(44, 44, 44);--spectrum-actionbutton-quiet-background-color-selected-key-focus: rgb(225, 225, 225);--spectrum-actionbutton-quiet-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-actionbutton-quiet-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-quiet-hold-icon-color-selected-key-focus: rgb(13, 102, 208);--spectrum-actionbutton-quiet-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-actionbutton-quiet-background-color-selected-disabled: rgb(234, 234, 234);--spectrum-actionbutton-quiet-border-color-selected-disabled: rgb(234, 234, 234);--spectrum-actionbutton-quiet-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-actionbutton-quiet-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-alert-background-color: rgb(255, 255, 255);--spectrum-alert-title-text-color: rgb(44, 44, 44);--spectrum-alert-text-color: rgb(110, 110, 110);--spectrum-alert-border-color: rgb(142, 142, 142);--spectrum-alert-error-background-color: rgb(255, 255, 255);--spectrum-alert-error-title-text-color: rgb(44, 44, 44);--spectrum-alert-error-text-color: rgb(110, 110, 110);--spectrum-alert-error-border-color: rgb(227, 72, 80);--spectrum-alert-error-icon-color: rgb(201, 37, 45);--spectrum-alert-info-background-color: rgb(255, 255, 255);--spectrum-alert-info-title-text-color: rgb(44, 44, 44);--spectrum-alert-info-text-color: rgb(110, 110, 110);--spectrum-alert-info-border-color: rgb(38, 128, 235);--spectrum-alert-info-icon-color: rgb(13, 102, 208);--spectrum-alert-success-background-color: rgb(255, 255, 255);--spectrum-alert-success-title-text-color: rgb(44, 44, 44);--spectrum-alert-success-text-color: rgb(110, 110, 110);--spectrum-alert-success-border-color: rgb(45, 157, 120);--spectrum-alert-success-icon-color: rgb(18, 128, 92);--spectrum-alert-warning-background-color: rgb(255, 255, 255);--spectrum-alert-warning-title-text-color: rgb(44, 44, 44);--spectrum-alert-warning-text-color: rgb(110, 110, 110);--spectrum-alert-warning-border-color: rgb(230, 134, 25);--spectrum-alert-warning-icon-color: rgb(203, 111, 16);--spectrum-artboard-border-color: rgb(202, 202, 202);--spectrum-artboard-border-color-active: rgb(142, 142, 142);--spectrum-artboard-border-color-selected: rgb(38, 128, 235);--spectrum-asset-folder-background-color: rgb(225, 225, 225);--spectrum-asset-file-background-color: rgb(255, 255, 255);--spectrum-asset-icon-outline-color: rgb(179, 179, 179);--spectrum-avatar-small-opacity: 100%;--spectrum-avatar-small-opacity-disabled: 30%;--spectrum-banner-text-color: rgb(255, 255, 255);--spectrum-banner-error-background-color: rgb(215, 55, 63);--spectrum-banner-info-background-color: rgb(20, 115, 230);--spectrum-banner-warning-background-color: rgb(218, 123, 17);--spectrum-barloader-large-text-color: rgb(75, 75, 75);--spectrum-barloader-large-track-color: rgb(225, 225, 225);--spectrum-barloader-large-track-fill-color: rgb(20, 115, 230);--spectrum-barloader-large-track-color-disabled: rgb(225, 225, 225);--spectrum-barloader-large-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-barloader-large-indeterminate-text-color: rgb(75, 75, 75);--spectrum-barloader-large-indeterminate-track-color: rgb(225, 225, 225);--spectrum-barloader-large-indeterminate-track-fill-color: rgb(20, 115, 230);--spectrum-barloader-large-indeterminate-track-color-disabled: rgb(225, 225, 225);--spectrum-barloader-large-indeterminate-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-barloader-large-over-background-text-color: rgb(255, 255, 255);--spectrum-barloader-large-over-background-track-color: rgba(255,255,255,0.2);--spectrum-barloader-large-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-barloader-large-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-barloader-large-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-barloader-small-text-color: rgb(75, 75, 75);--spectrum-barloader-small-track-color: rgb(225, 225, 225);--spectrum-barloader-small-track-fill-color: rgb(20, 115, 230);--spectrum-barloader-small-track-color-disabled: rgb(225, 225, 225);--spectrum-barloader-small-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-barloader-small-indeterminate-text-color: rgb(75, 75, 75);--spectrum-barloader-small-indeterminate-track-color: rgb(225, 225, 225);--spectrum-barloader-small-indeterminate-track-fill-color: rgb(20, 115, 230);--spectrum-barloader-small-indeterminate-track-color-disabled: rgb(225, 225, 225);--spectrum-barloader-small-indeterminate-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-barloader-small-over-background-text-color: rgb(255, 255, 255);--spectrum-barloader-small-over-background-track-color: rgba(255,255,255,0.2);--spectrum-barloader-small-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-barloader-small-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-barloader-small-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-border-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-background-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-text-color: rgb(110, 110, 110);--spectrum-breadcrumb-compact-item-underline-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-border-color-hover: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-background-color-hover: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-text-color-hover: rgb(44, 44, 44);--spectrum-breadcrumb-compact-item-underline-color-hover: rgb(44, 44, 44);--spectrum-breadcrumb-compact-item-border-color-down: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-background-color-down: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-text-color-down: rgb(44, 44, 44);--spectrum-breadcrumb-compact-item-underline-color-down: rgb(44, 44, 44);--spectrum-breadcrumb-compact-item-border-color-key-focus: rgb(38, 128, 235);--spectrum-breadcrumb-compact-item-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-text-color-key-focus: rgb(44, 44, 44);--spectrum-breadcrumb-compact-item-underline-color-key-focus: rgb(44, 44, 44);--spectrum-breadcrumb-compact-item-border-color-drop: rgb(20, 115, 230);--spectrum-breadcrumb-compact-item-background-color-drop: rgba(20,115,230,0.1);--spectrum-breadcrumb-compact-item-text-color-drop: rgb(44, 44, 44);--spectrum-breadcrumb-compact-item-underline-color-drop: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-item-text-color-disabled: rgb(179, 179, 179);--spectrum-breadcrumb-compact-item-underline-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-compact-separator-icon-color: rgb(110, 110, 110);--spectrum-breadcrumb-compact-title-text-color: rgb(44, 44, 44);--spectrum-breadcrumb-item-border-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-background-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-text-color: rgb(110, 110, 110);--spectrum-breadcrumb-item-underline-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-ui-icon-color: rgb(179, 179, 179);--spectrum-breadcrumb-text-color: rgb(110, 110, 110);--spectrum-breadcrumb-item-border-color-hover: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-background-color-hover: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-text-color-hover: rgb(44, 44, 44);--spectrum-breadcrumb-item-underline-color-hover: rgb(44, 44, 44);--spectrum-breadcrumb-text-color-hover: rgb(44, 44, 44);--spectrum-breadcrumb-item-border-color-down: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-background-color-down: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-text-color-down: rgb(44, 44, 44);--spectrum-breadcrumb-item-underline-color-down: rgb(44, 44, 44);--spectrum-breadcrumb-text-color-down: rgb(44, 44, 44);--spectrum-breadcrumb-item-border-color-key-focus: rgb(38, 128, 235);--spectrum-breadcrumb-item-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-text-color-key-focus: rgb(44, 44, 44);--spectrum-breadcrumb-item-underline-color-key-focus: rgb(44, 44, 44);--spectrum-breadcrumb-text-color-key-focus: rgb(44, 44, 44);--spectrum-breadcrumb-item-border-color-drop: rgb(20, 115, 230);--spectrum-breadcrumb-item-background-color-drop: rgba(20,115,230,0.1);--spectrum-breadcrumb-item-text-color-drop: rgb(44, 44, 44);--spectrum-breadcrumb-item-underline-color-drop: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-item-text-color-disabled: rgb(179, 179, 179);--spectrum-breadcrumb-item-underline-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-separator-icon-color: rgb(110, 110, 110);--spectrum-breadcrumb-title-text-color: rgb(44, 44, 44);--spectrum-breadcrumb-multiline-item-border-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-background-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-text-color: rgb(110, 110, 110);--spectrum-breadcrumb-multiline-item-underline-color: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-border-color-hover: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-background-color-hover: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-text-color-hover: rgb(44, 44, 44);--spectrum-breadcrumb-multiline-item-underline-color-hover: rgb(44, 44, 44);--spectrum-breadcrumb-multiline-item-border-color-down: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-background-color-down: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-text-color-down: rgb(44, 44, 44);--spectrum-breadcrumb-multiline-item-underline-color-down: rgb(44, 44, 44);--spectrum-breadcrumb-multiline-item-border-color-key-focus: rgb(38, 128, 235);--spectrum-breadcrumb-multiline-item-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-text-color-key-focus: rgb(44, 44, 44);--spectrum-breadcrumb-multiline-item-underline-color-key-focus: rgb(44, 44, 44);--spectrum-breadcrumb-multiline-item-border-color-drop: rgb(20, 115, 230);--spectrum-breadcrumb-multiline-item-background-color-drop: rgba(20,115,230,0.1);--spectrum-breadcrumb-multiline-item-text-color-drop: rgb(44, 44, 44);--spectrum-breadcrumb-multiline-item-underline-color-drop: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-item-text-color-disabled: rgb(179, 179, 179);--spectrum-breadcrumb-multiline-item-underline-color-disabled: rgba(0, 0, 0, 0);--spectrum-breadcrumb-multiline-separator-icon-color: rgb(110, 110, 110);--spectrum-breadcrumb-multiline-title-text-color: rgb(44, 44, 44);--spectrum-button-cta-icon-color: rgb(255, 255, 255);--spectrum-button-cta-background-color: rgb(20, 115, 230);--spectrum-button-cta-border-color: rgb(20, 115, 230);--spectrum-button-cta-text-color: rgb(255, 255, 255);--spectrum-button-cta-icon-color-hover: rgb(255, 255, 255);--spectrum-button-cta-background-color-hover: rgb(13, 102, 208);--spectrum-button-cta-border-color-hover: rgb(13, 102, 208);--spectrum-button-cta-text-color-hover: rgb(255, 255, 255);--spectrum-button-cta-icon-color-down: rgb(255, 255, 255);--spectrum-button-cta-background-color-down: rgb(13, 102, 208);--spectrum-button-cta-border-color-down: rgb(13, 102, 208);--spectrum-button-cta-text-color-down: rgb(255, 255, 255);--spectrum-button-cta-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-cta-background-color-key-focus: rgb(20, 115, 230);--spectrum-button-cta-border-color-key-focus: rgb(20, 115, 230);--spectrum-button-cta-text-color-key-focus: rgb(255, 255, 255);--spectrum-button-cta-icon-color-disabled: rgb(202, 202, 202);--spectrum-button-cta-background-color-disabled: rgb(234, 234, 234);--spectrum-button-cta-border-color-disabled: rgb(234, 234, 234);--spectrum-button-cta-text-color-disabled: rgb(179, 179, 179);--spectrum-button-over-background-icon-color: rgb(255, 255, 255);--spectrum-button-over-background-background-color: rgba(0, 0, 0, 0);--spectrum-button-over-background-border-color: rgb(255, 255, 255);--spectrum-button-over-background-text-color: rgb(255, 255, 255);--spectrum-button-over-background-icon-color-hover: rgb(255, 255, 255);--spectrum-button-over-background-background-color-hover: rgb(255, 255, 255);--spectrum-button-over-background-border-color-hover: rgb(255, 255, 255);--spectrum-button-over-background-icon-color-down: rgb(255, 255, 255);--spectrum-button-over-background-background-color-down: rgb(255, 255, 255);--spectrum-button-over-background-border-color-down: rgb(255, 255, 255);--spectrum-button-over-background-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-over-background-background-color-key-focus: rgb(255, 255, 255);--spectrum-button-over-background-border-color-key-focus: rgb(255, 255, 255);--spectrum-button-over-background-icon-color-disabled: rgba(255,255,255,0.35);--spectrum-button-over-background-background-color-disabled: rgba(255,255,255,0.1);--spectrum-button-over-background-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-over-background-text-color-disabled: rgba(255,255,255,0.35);--spectrum-button-primary-icon-color: rgb(75, 75, 75);--spectrum-button-primary-background-color: rgba(0, 0, 0, 0);--spectrum-button-primary-border-color: rgb(75, 75, 75);--spectrum-button-primary-text-color: rgb(75, 75, 75);--spectrum-button-primary-icon-color-hover: rgb(255, 255, 255);--spectrum-button-primary-background-color-hover: rgb(75, 75, 75);--spectrum-button-primary-border-color-hover: rgb(75, 75, 75);--spectrum-button-primary-text-color-hover: rgb(255, 255, 255);--spectrum-button-primary-icon-color-down: rgb(255, 255, 255);--spectrum-button-primary-background-color-down: rgb(44, 44, 44);--spectrum-button-primary-border-color-down: rgb(44, 44, 44);--spectrum-button-primary-text-color-down: rgb(255, 255, 255);--spectrum-button-primary-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-primary-background-color-key-focus: rgb(20, 115, 230);--spectrum-button-primary-border-color-key-focus: rgb(20, 115, 230);--spectrum-button-primary-text-color-key-focus: rgb(255, 255, 255);--spectrum-button-primary-icon-color-disabled: rgb(202, 202, 202);--spectrum-button-primary-background-color-disabled: rgb(234, 234, 234);--spectrum-button-primary-border-color-disabled: rgb(234, 234, 234);--spectrum-button-primary-text-color-disabled: rgb(179, 179, 179);--spectrum-button-quiet-over-background-icon-color: rgb(255, 255, 255);--spectrum-button-quiet-over-background-background-color: rgba(0, 0, 0, 0);--spectrum-button-quiet-over-background-border-color: rgba(0, 0, 0, 0);--spectrum-button-quiet-over-background-text-color: rgb(255, 255, 255);--spectrum-button-quiet-over-background-icon-color-hover: rgb(255, 255, 255);--spectrum-button-quiet-over-background-background-color-hover: rgba(255,255,255,0.1);--spectrum-button-quiet-over-background-border-color-hover: rgba(0, 0, 0, 0);--spectrum-button-quiet-over-background-text-color-hover: rgb(255, 255, 255);--spectrum-button-quiet-over-background-icon-color-down: rgb(255, 255, 255);--spectrum-button-quiet-over-background-background-color-down: rgba(255,255,255,0.15);--spectrum-button-quiet-over-background-border-color-down: rgba(0, 0, 0, 0);--spectrum-button-quiet-over-background-text-color-down: rgb(255, 255, 255);--spectrum-button-quiet-over-background-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-over-background-background-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-over-background-border-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-over-background-icon-color-disabled: rgba(255,255,255,0.15);--spectrum-button-quiet-over-background-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-quiet-over-background-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-quiet-over-background-text-color-disabled: rgba(255,255,255,0.15);--spectrum-button-quiet-primary-icon-color: rgb(75, 75, 75);--spectrum-button-quiet-primary-background-color: rgba(0, 0, 0, 0);--spectrum-button-quiet-primary-border-color: rgba(0, 0, 0, 0);--spectrum-button-quiet-primary-text-color: rgb(75, 75, 75);--spectrum-button-quiet-primary-icon-color-hover: rgb(255, 255, 255);--spectrum-button-quiet-primary-background-color-hover: rgb(234, 234, 234);--spectrum-button-quiet-primary-border-color-hover: rgb(234, 234, 234);--spectrum-button-quiet-primary-text-color-hover: rgb(44, 44, 44);--spectrum-button-quiet-primary-icon-color-down: rgb(255, 255, 255);--spectrum-button-quiet-primary-background-color-down: rgb(225, 225, 225);--spectrum-button-quiet-primary-border-color-down: rgb(225, 225, 225);--spectrum-button-quiet-primary-text-color-down: rgb(44, 44, 44);--spectrum-button-quiet-primary-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-primary-background-color-key-focus: rgb(20, 115, 230);--spectrum-button-quiet-primary-border-color-key-focus: rgb(20, 115, 230);--spectrum-button-quiet-primary-text-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-primary-icon-color-disabled: rgb(202, 202, 202);--spectrum-button-quiet-primary-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-quiet-primary-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-quiet-primary-text-color-disabled: rgb(179, 179, 179);--spectrum-button-quiet-secondary-icon-color: rgb(110, 110, 110);--spectrum-button-quiet-secondary-background-color: rgba(0, 0, 0, 0);--spectrum-button-quiet-secondary-border-color: rgba(0, 0, 0, 0);--spectrum-button-quiet-secondary-text-color: rgb(110, 110, 110);--spectrum-button-quiet-secondary-icon-color-hover: rgb(255, 255, 255);--spectrum-button-quiet-secondary-background-color-hover: rgb(234, 234, 234);--spectrum-button-quiet-secondary-border-color-hover: rgb(234, 234, 234);--spectrum-button-quiet-secondary-text-color-hover: rgb(75, 75, 75);--spectrum-button-quiet-secondary-icon-color-down: rgb(255, 255, 255);--spectrum-button-quiet-secondary-background-color-down: rgb(225, 225, 225);--spectrum-button-quiet-secondary-border-color-down: rgb(225, 225, 225);--spectrum-button-quiet-secondary-text-color-down: rgb(75, 75, 75);--spectrum-button-quiet-secondary-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-secondary-background-color-key-focus: rgb(20, 115, 230);--spectrum-button-quiet-secondary-border-color-key-focus: rgb(20, 115, 230);--spectrum-button-quiet-secondary-text-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-secondary-icon-color-disabled: rgb(202, 202, 202);--spectrum-button-quiet-secondary-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-quiet-secondary-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-quiet-secondary-text-color-disabled: rgb(179, 179, 179);--spectrum-button-quiet-warning-icon-color: rgb(215, 55, 63);--spectrum-button-quiet-warning-background-color: rgba(0, 0, 0, 0);--spectrum-button-quiet-warning-border-color: rgba(0, 0, 0, 0);--spectrum-button-quiet-warning-text-color: rgb(215, 55, 63);--spectrum-button-quiet-warning-icon-color-hover: rgb(201, 37, 45);--spectrum-button-quiet-warning-background-color-hover: rgb(234, 234, 234);--spectrum-button-quiet-warning-border-color-hover: rgb(234, 234, 234);--spectrum-button-quiet-warning-text-color-hover: rgb(201, 37, 45);--spectrum-button-quiet-warning-icon-color-down: rgb(201, 37, 45);--spectrum-button-quiet-warning-background-color-down: rgb(225, 225, 225);--spectrum-button-quiet-warning-border-color-down: rgb(225, 225, 225);--spectrum-button-quiet-warning-text-color-down: rgb(201, 37, 45);--spectrum-button-quiet-warning-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-warning-background-color-key-focus: rgb(20, 115, 230);--spectrum-button-quiet-warning-border-color-key-focus: rgb(20, 115, 230);--spectrum-button-quiet-warning-text-color-key-focus: rgb(255, 255, 255);--spectrum-button-quiet-warning-icon-color-disabled: rgb(202, 202, 202);--spectrum-button-quiet-warning-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-quiet-warning-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-button-quiet-warning-text-color-disabled: rgb(179, 179, 179);--spectrum-button-secondary-icon-color: rgb(110, 110, 110);--spectrum-button-secondary-background-color: rgba(0, 0, 0, 0);--spectrum-button-secondary-border-color: rgb(110, 110, 110);--spectrum-button-secondary-text-color: rgb(110, 110, 110);--spectrum-button-secondary-icon-color-hover: rgb(255, 255, 255);--spectrum-button-secondary-background-color-hover: rgb(110, 110, 110);--spectrum-button-secondary-border-color-hover: rgb(110, 110, 110);--spectrum-button-secondary-text-color-hover: rgb(255, 255, 255);--spectrum-button-secondary-icon-color-down: rgb(255, 255, 255);--spectrum-button-secondary-background-color-down: rgb(75, 75, 75);--spectrum-button-secondary-border-color-down: rgb(75, 75, 75);--spectrum-button-secondary-text-color-down: rgb(255, 255, 255);--spectrum-button-secondary-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-secondary-background-color-key-focus: rgb(20, 115, 230);--spectrum-button-secondary-border-color-key-focus: rgb(20, 115, 230);--spectrum-button-secondary-text-color-key-focus: rgb(255, 255, 255);--spectrum-button-secondary-icon-color-disabled: rgb(202, 202, 202);--spectrum-button-secondary-background-color-disabled: rgb(234, 234, 234);--spectrum-button-secondary-border-color-disabled: rgb(234, 234, 234);--spectrum-button-secondary-text-color-disabled: rgb(179, 179, 179);--spectrum-button-warning-icon-color: rgb(201, 37, 45);--spectrum-button-warning-background-color: rgba(0, 0, 0, 0);--spectrum-button-warning-border-color: rgb(201, 37, 45);--spectrum-button-warning-text-color: rgb(201, 37, 45);--spectrum-button-warning-icon-color-hover: rgb(255, 255, 255);--spectrum-button-warning-background-color-hover: rgb(201, 37, 45);--spectrum-button-warning-border-color-hover: rgb(201, 37, 45);--spectrum-button-warning-text-color-hover: rgb(255, 255, 255);--spectrum-button-warning-icon-color-down: rgb(255, 255, 255);--spectrum-button-warning-background-color-down: rgb(187, 18, 26);--spectrum-button-warning-border-color-down: rgb(187, 18, 26);--spectrum-button-warning-text-color-down: rgb(255, 255, 255);--spectrum-button-warning-icon-color-key-focus: rgb(255, 255, 255);--spectrum-button-warning-background-color-key-focus: rgb(20, 115, 230);--spectrum-button-warning-border-color-key-focus: rgb(20, 115, 230);--spectrum-button-warning-text-color-key-focus: rgb(255, 255, 255);--spectrum-button-warning-icon-color-disabled: rgb(202, 202, 202);--spectrum-button-warning-background-color-disabled: rgb(234, 234, 234);--spectrum-button-warning-border-color-disabled: rgb(234, 234, 234);--spectrum-button-warning-text-color-disabled: rgb(179, 179, 179);--spectrum-calendar-day-text-color: rgb(75, 75, 75);--spectrum-calendar-day-background-color: rgba(0, 0, 0, 0);--spectrum-calendar-day-today-text-color: rgb(75, 75, 75);--spectrum-calendar-day-today-border-color: rgb(75, 75, 75);--spectrum-calendar-day-title-text-color: rgb(110, 110, 110);--spectrum-calendar-day-text-color-hover: rgb(44, 44, 44);--spectrum-calendar-day-background-color-hover: rgba(44,44,44,0.06);--spectrum-calendar-day-background-color-down: rgba(44,44,44,0.1);--spectrum-calendar-day-text-color-selected: rgb(44, 44, 44);--spectrum-calendar-day-background-color-selected: rgba(20,115,230,0.1);--spectrum-calendar-day-text-color-cap-selected: rgb(44, 44, 44);--spectrum-calendar-day-background-color-cap-selected: rgba(20,115,230,0.2);--spectrum-calendar-day-text-color-key-focus: rgb(44, 44, 44);--spectrum-calendar-day-background-color-key-focus: rgba(44,44,44,0.06);--spectrum-calendar-day-today-background-color-key-focus: rgb(44, 44, 44);--spectrum-calendar-day-border-color-key-focus: rgb(38, 128, 235);--spectrum-calendar-day-text-color-selected-hover: rgb(44, 44, 44);--spectrum-calendar-day-background-color-selected-hover: rgba(20,115,230,0.2);--spectrum-calendar-day-today-background-color-selected-hover: rgba(20,115,230,0.2);--spectrum-calendar-day-text-color-disabled: rgb(179, 179, 179);--spectrum-calendar-day-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-calendar-day-today-text-color-disabled: rgb(179, 179, 179);--spectrum-calendar-day-today-border-color-disabled: rgb(202, 202, 202);--spectrum-calendar-button-icon-color: rgb(110, 110, 110);--spectrum-card-border-color: rgb(234, 234, 234);--spectrum-card-border-color-key-focus: rgb(38, 128, 235);--spectrum-card-border-color-hover: rgb(202, 202, 202);--spectrum-card-coverphoto-background-color: rgb(234, 234, 234);--spectrum-card-coverphoto-border-color: rgb(234, 234, 234);--spectrum-card-description-text-color: rgb(110, 110, 110);--spectrum-card-background-color: rgb(255, 255, 255);--spectrum-card-quiet-preview-background-color: rgb(234, 234, 234);--spectrum-card-quiet-preview-background-color-hover: rgb(225, 225, 225);--spectrum-card-quiet-border-color-selected: rgb(20, 115, 230);--spectrum-card-quiet-title-text-color: rgb(75, 75, 75);--spectrum-card-quiet-subtitle-text-color: rgb(110, 110, 110);--spectrum-checkbox-text-color: rgb(75, 75, 75);--spectrum-checkbox-box-background-color: rgb(250, 250, 250);--spectrum-checkbox-box-border-color: rgb(142, 142, 142);--spectrum-checkbox-text-color-hover: rgb(44, 44, 44);--spectrum-checkbox-box-border-color-hover: rgb(110, 110, 110);--spectrum-checkbox-box-background-color-hover: rgb(250, 250, 250);--spectrum-checkbox-text-color-down: rgb(44, 44, 44);--spectrum-checkbox-box-border-color-down: rgb(75, 75, 75);--spectrum-checkbox-box-background-color-down: rgb(250, 250, 250);--spectrum-checkbox-text-color-key-focus: rgb(13, 102, 208);--spectrum-checkbox-box-border-color-key-focus: rgb(38, 128, 235);--spectrum-checkbox-box-background-color-key-focus: rgb(250, 250, 250);--spectrum-checkbox-text-color-disabled: rgb(179, 179, 179);--spectrum-checkbox-box-border-color-disabled: rgb(202, 202, 202);--spectrum-checkbox-box-background-color-disabled: rgb(250, 250, 250);--spectrum-checkbox-text-color-selected: rgb(75, 75, 75);--spectrum-checkbox-box-border-color-selected: rgb(20, 115, 230);--spectrum-checkbox-box-background-color-selected: rgb(20, 115, 230);--spectrum-checkbox-text-color-selected-hover: rgb(44, 44, 44);--spectrum-checkbox-box-border-color-selected-hover: rgb(13, 102, 208);--spectrum-checkbox-box-background-color-selected-hover: rgb(13, 102, 208);--spectrum-checkbox-text-color-selected-down: rgb(44, 44, 44);--spectrum-checkbox-box-border-color-selected-down: rgb(9, 90, 186);--spectrum-checkbox-box-background-color-selected-down: rgb(9, 90, 186);--spectrum-checkbox-text-color-selected-key-focus: rgb(13, 102, 208);--spectrum-checkbox-box-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-checkbox-box-background-color-selected-key-focus: rgb(38, 128, 235);--spectrum-checkbox-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-checkbox-box-border-color-selected-disabled: rgb(202, 202, 202);--spectrum-checkbox-box-background-color-selected-disabled: rgb(202, 202, 202);--spectrum-checkbox-text-color-indeterminate: rgb(75, 75, 75);--spectrum-checkbox-box-border-color-indeterminate: rgb(20, 115, 230);--spectrum-checkbox-box-background-color-indeterminate: rgb(20, 115, 230);--spectrum-checkbox-text-color-indeterminate-hover: rgb(44, 44, 44);--spectrum-checkbox-box-border-color-indeterminate-hover: rgb(13, 102, 208);--spectrum-checkbox-box-background-color-indeterminate-hover: rgb(13, 102, 208);--spectrum-checkbox-text-color-indeterminate-down: rgb(44, 44, 44);--spectrum-checkbox-box-border-color-indeterminate-down: rgb(9, 90, 186);--spectrum-checkbox-box-background-color-indeterminate-down: rgb(9, 90, 186);--spectrum-checkbox-text-color-indeterminate-key-focus: rgb(13, 102, 208);--spectrum-checkbox-box-border-color-indeterminate-key-focus: rgb(38, 128, 235);--spectrum-checkbox-box-background-color-indeterminate-key-focus: rgb(38, 128, 235);--spectrum-checkbox-text-color-indeterminate-disabled: rgb(179, 179, 179);--spectrum-checkbox-box-border-color-indeterminate-disabled: rgb(202, 202, 202);--spectrum-checkbox-box-background-color-indeterminate-disabled: rgb(202, 202, 202);--spectrum-checkbox-text-color-error: rgb(201, 37, 45);--spectrum-checkbox-box-border-color-error: rgb(215, 55, 63);--spectrum-checkbox-box-background-color-error: rgb(215, 55, 63);--spectrum-checkbox-text-color-error-hover: rgb(187, 18, 26);--spectrum-checkbox-box-border-color-error-hover: rgb(201, 37, 45);--spectrum-checkbox-box-background-color-error-hover: rgb(201, 37, 45);--spectrum-checkbox-text-color-error-down: rgb(187, 18, 26);--spectrum-checkbox-box-border-color-error-down: rgb(187, 18, 26);--spectrum-checkbox-box-background-color-error-down: rgb(187, 18, 26);--spectrum-checkbox-text-color-error-key-focus: rgb(13, 102, 208);--spectrum-checkbox-box-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-checkbox-box-background-color-error-key-focus: rgb(38, 128, 235);--spectrum-checkbox-text-color-error-disabled: rgb(179, 179, 179);--spectrum-checkbox-box-border-color-error-disabled: rgb(202, 202, 202);--spectrum-checkbox-box-background-color-error-disabled: rgb(202, 202, 202);--spectrum-checkbox-text-color-error-selected: rgb(201, 37, 45);--spectrum-checkbox-box-border-color-error-selected: rgb(215, 55, 63);--spectrum-checkbox-box-background-color-error-selected: rgb(215, 55, 63);--spectrum-checkbox-text-color-error-selected-hover: rgb(187, 18, 26);--spectrum-checkbox-box-border-color-error-selected-hover: rgb(201, 37, 45);--spectrum-checkbox-box-background-color-error-selected-hover: rgb(201, 37, 45);--spectrum-checkbox-text-color-error-selected-down: rgb(187, 18, 26);--spectrum-checkbox-box-border-color-error-selected-down: rgb(187, 18, 26);--spectrum-checkbox-box-background-color-error-selected-down: rgb(187, 18, 26);--spectrum-checkbox-text-color-error-selected-key-focus: rgb(13, 102, 208);--spectrum-checkbox-box-border-color-error-selected-key-focus: rgb(38, 128, 235);--spectrum-checkbox-box-background-color-error-selected-key-focus: rgb(38, 128, 235);--spectrum-checkbox-text-color-error-selected-disabled: rgb(179, 179, 179);--spectrum-checkbox-box-border-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-checkbox-box-background-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-checkbox-text-color-error-indeterminate: rgb(201, 37, 45);--spectrum-checkbox-box-border-color-error-indeterminate: rgb(215, 55, 63);--spectrum-checkbox-box-background-color-error-indeterminate: rgb(215, 55, 63);--spectrum-checkbox-text-color-error-indeterminate-hover: rgb(187, 18, 26);--spectrum-checkbox-box-border-color-error-indeterminate-hover: rgb(201, 37, 45);--spectrum-checkbox-box-background-color-error-indeterminate-hover: rgb(201, 37, 45);--spectrum-checkbox-text-color-error-indeterminate-down: rgb(187, 18, 26);--spectrum-checkbox-box-border-color-error-indeterminate-down: rgb(187, 18, 26);--spectrum-checkbox-box-background-color-error-indeterminate-down: rgb(187, 18, 26);--spectrum-checkbox-text-color-error-indeterminate-key-focus: rgb(13, 102, 208);--spectrum-checkbox-box-border-color-error-indeterminate-key-focus: rgb(38, 128, 235);--spectrum-checkbox-box-background-color-error-indeterminate-key-focus: rgb(38, 128, 235);--spectrum-checkbox-text-color-error-indeterminate-disabled: rgb(179, 179, 179);--spectrum-checkbox-box-border-color-error-indeterminate-disabled: rgb(202, 202, 202);--spectrum-checkbox-box-background-color-error-indeterminate-disabled: rgb(202, 202, 202);--spectrum-checkbox-checkmark-color: rgb(250, 250, 250);--spectrum-checkbox-quiet-text-color: rgb(75, 75, 75);--spectrum-checkbox-quiet-box-background-color: rgb(250, 250, 250);--spectrum-checkbox-quiet-box-border-color: rgb(142, 142, 142);--spectrum-checkbox-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-checkbox-quiet-box-border-color-hover: rgb(110, 110, 110);--spectrum-checkbox-quiet-box-background-color-hover: rgb(250, 250, 250);--spectrum-checkbox-quiet-text-color-down: rgb(44, 44, 44);--spectrum-checkbox-quiet-box-border-color-down: rgb(75, 75, 75);--spectrum-checkbox-quiet-box-background-color-down: rgb(250, 250, 250);--spectrum-checkbox-quiet-text-color-key-focus: rgb(13, 102, 208);--spectrum-checkbox-quiet-box-border-color-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-box-background-color-key-focus: rgb(250, 250, 250);--spectrum-checkbox-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-checkbox-quiet-box-border-color-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-box-background-color-disabled: rgb(250, 250, 250);--spectrum-checkbox-quiet-text-color-selected: rgb(75, 75, 75);--spectrum-checkbox-quiet-box-border-color-selected: rgb(110, 110, 110);--spectrum-checkbox-quiet-box-background-color-selected: rgb(110, 110, 110);--spectrum-checkbox-quiet-text-color-selected-hover: rgb(44, 44, 44);--spectrum-checkbox-quiet-box-border-color-selected-hover: rgb(75, 75, 75);--spectrum-checkbox-quiet-box-background-color-selected-hover: rgb(75, 75, 75);--spectrum-checkbox-quiet-text-color-selected-down: rgb(44, 44, 44);--spectrum-checkbox-quiet-box-border-color-selected-down: rgb(44, 44, 44);--spectrum-checkbox-quiet-box-background-color-selected-down: rgb(44, 44, 44);--spectrum-checkbox-quiet-text-color-selected-key-focus: rgb(13, 102, 208);--spectrum-checkbox-quiet-box-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-box-background-color-selected-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-checkbox-quiet-box-border-color-selected-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-box-background-color-selected-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-text-color-indeterminate: rgb(75, 75, 75);--spectrum-checkbox-quiet-box-border-color-indeterminate: rgb(110, 110, 110);--spectrum-checkbox-quiet-box-background-color-indeterminate: rgb(110, 110, 110);--spectrum-checkbox-quiet-text-color-indeterminate-hover: rgb(44, 44, 44);--spectrum-checkbox-quiet-box-border-color-indeterminate-hover: rgb(75, 75, 75);--spectrum-checkbox-quiet-box-background-color-indeterminate-hover: rgb(75, 75, 75);--spectrum-checkbox-quiet-text-color-indeterminate-down: rgb(44, 44, 44);--spectrum-checkbox-quiet-box-border-color-indeterminate-down: rgb(44, 44, 44);--spectrum-checkbox-quiet-box-background-color-indeterminate-down: rgb(44, 44, 44);--spectrum-checkbox-quiet-text-color-indeterminate-key-focus: rgb(13, 102, 208);--spectrum-checkbox-quiet-box-border-color-indeterminate-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-box-background-color-indeterminate-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-text-color-indeterminate-disabled: rgb(179, 179, 179);--spectrum-checkbox-quiet-box-border-color-indeterminate-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-box-background-color-indeterminate-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-text-color-error: rgb(201, 37, 45);--spectrum-checkbox-quiet-box-border-color-error: rgb(215, 55, 63);--spectrum-checkbox-quiet-box-background-color-error: rgb(215, 55, 63);--spectrum-checkbox-quiet-text-color-error-hover: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-border-color-error-hover: rgb(201, 37, 45);--spectrum-checkbox-quiet-box-background-color-error-hover: rgb(201, 37, 45);--spectrum-checkbox-quiet-text-color-error-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-border-color-error-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-background-color-error-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-text-color-error-key-focus: rgb(13, 102, 208);--spectrum-checkbox-quiet-box-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-box-background-color-error-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-text-color-error-disabled: rgb(179, 179, 179);--spectrum-checkbox-quiet-box-border-color-error-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-box-background-color-error-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-text-color-error-selected: rgb(201, 37, 45);--spectrum-checkbox-quiet-box-border-color-error-selected: rgb(215, 55, 63);--spectrum-checkbox-quiet-box-background-color-error-selected: rgb(215, 55, 63);--spectrum-checkbox-quiet-text-color-error-selected-hover: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-border-color-error-selected-hover: rgb(201, 37, 45);--spectrum-checkbox-quiet-box-background-color-error-selected-hover: rgb(201, 37, 45);--spectrum-checkbox-quiet-text-color-error-selected-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-border-color-error-selected-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-background-color-error-selected-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-text-color-error-selected-key-focus: rgb(13, 102, 208);--spectrum-checkbox-quiet-box-border-color-error-selected-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-box-background-color-error-selected-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-text-color-error-selected-disabled: rgb(179, 179, 179);--spectrum-checkbox-quiet-box-border-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-box-background-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-text-color-error-indeterminate: rgb(201, 37, 45);--spectrum-checkbox-quiet-box-border-color-error-indeterminate: rgb(215, 55, 63);--spectrum-checkbox-quiet-box-background-color-error-indeterminate: rgb(215, 55, 63);--spectrum-checkbox-quiet-text-color-error-indeterminate-hover: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-border-color-error-indeterminate-hover: rgb(201, 37, 45);--spectrum-checkbox-quiet-box-background-color-error-indeterminate-hover: rgb(201, 37, 45);--spectrum-checkbox-quiet-text-color-error-indeterminate-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-border-color-error-indeterminate-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-box-background-color-error-indeterminate-down: rgb(187, 18, 26);--spectrum-checkbox-quiet-text-color-error-indeterminate-key-focus: rgb(13, 102, 208);--spectrum-checkbox-quiet-box-border-color-error-indeterminate-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-box-background-color-error-indeterminate-key-focus: rgb(38, 128, 235);--spectrum-checkbox-quiet-text-color-error-indeterminate-disabled: rgb(179, 179, 179);--spectrum-checkbox-quiet-box-border-color-error-indeterminate-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-box-background-color-error-indeterminate-disabled: rgb(202, 202, 202);--spectrum-checkbox-quiet-checkmark-color: rgb(250, 250, 250);--spectrum-circleloader-large-text-color: rgb(75, 75, 75);--spectrum-circleloader-large-track-color: rgb(225, 225, 225);--spectrum-circleloader-large-track-fill-color: rgb(20, 115, 230);--spectrum-circleloader-large-track-color-disabled: rgb(225, 225, 225);--spectrum-circleloader-large-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-circleloader-large-over-background-text-color: rgb(255, 255, 255);--spectrum-circleloader-large-over-background-track-color: rgba(255,255,255,0.2);--spectrum-circleloader-large-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-circleloader-large-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-circleloader-large-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-circleloader-medium-text-color: rgb(75, 75, 75);--spectrum-circleloader-medium-track-color: rgb(225, 225, 225);--spectrum-circleloader-medium-track-fill-color: rgb(20, 115, 230);--spectrum-circleloader-medium-track-color-disabled: rgb(225, 225, 225);--spectrum-circleloader-medium-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-circleloader-medium-over-background-text-color: rgb(255, 255, 255);--spectrum-circleloader-medium-over-background-track-color: rgba(255,255,255,0.2);--spectrum-circleloader-medium-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-circleloader-medium-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-circleloader-medium-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-circleloader-small-text-color: rgb(75, 75, 75);--spectrum-circleloader-small-track-color: rgb(225, 225, 225);--spectrum-circleloader-small-track-fill-color: rgb(20, 115, 230);--spectrum-circleloader-small-track-color-disabled: rgb(225, 225, 225);--spectrum-circleloader-small-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-circleloader-small-over-background-text-color: rgb(255, 255, 255);--spectrum-circleloader-small-over-background-track-color: rgba(255,255,255,0.2);--spectrum-circleloader-small-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-circleloader-small-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-circleloader-small-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-background-color: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-icon-color: rgb(142, 142, 142);--spectrum-clearbutton-medium-background-color-hover: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-icon-color-hover: rgb(44, 44, 44);--spectrum-clearbutton-medium-background-color-down: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-icon-color-down: rgb(44, 44, 44);--spectrum-clearbutton-medium-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-icon-color-key-focus: rgb(44, 44, 44);--spectrum-clearbutton-medium-background-color-mouse-focus: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-icon-color-mouse-focus: rgb(44, 44, 44);--spectrum-clearbutton-medium-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-icon-color-disabled: rgb(179, 179, 179);--spectrum-clearbutton-medium-over-background-background-color: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-over-background-icon-color: rgb(255, 255, 255);--spectrum-clearbutton-medium-over-background-background-color-hover: rgba(255,255,255,0.1);--spectrum-clearbutton-medium-over-background-icon-color-hover: rgb(255, 255, 255);--spectrum-clearbutton-medium-over-background-background-color-down: rgba(255,255,255,0.15);--spectrum-clearbutton-medium-over-background-icon-color-down: rgb(255, 255, 255);--spectrum-clearbutton-medium-over-background-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-over-background-icon-color-key-focus: rgb(44, 44, 44);--spectrum-clearbutton-medium-over-background-background-color-mouse-focus: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-over-background-icon-color-mouse-focus: rgb(44, 44, 44);--spectrum-clearbutton-medium-over-background-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-clearbutton-medium-over-background-icon-color-disabled: rgb(179, 179, 179);--spectrum-clearbutton-small-background-color: rgba(0, 0, 0, 0);--spectrum-clearbutton-small-icon-color: rgb(142, 142, 142);--spectrum-clearbutton-small-background-color-hover: rgba(0, 0, 0, 0);--spectrum-clearbutton-small-icon-color-hover: rgb(44, 44, 44);--spectrum-clearbutton-small-background-color-down: rgba(0, 0, 0, 0);--spectrum-clearbutton-small-icon-color-down: rgb(44, 44, 44);--spectrum-clearbutton-small-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-clearbutton-small-icon-color-key-focus: rgb(44, 44, 44);--spectrum-clearbutton-small-background-color-mouse-focus: rgba(0, 0, 0, 0);--spectrum-clearbutton-small-icon-color-mouse-focus: rgb(44, 44, 44);--spectrum-clearbutton-small-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-clearbutton-small-icon-color-disabled: rgb(179, 179, 179);--spectrum-coachmark-indicator-ring-default-color: rgb(38, 128, 235);--spectrum-coachmark-indicator-ring-low-contrast-color: rgb(255, 255, 255);--spectrum-coachmark-indicator-ring-high-contrast-color: rgb(44, 44, 44);--spectrum-coachmark-background-color: rgb(255, 255, 255);--spectrum-coachmark-shadow-color: rgba(0,0,0,0.15);--spectrum-coachmark-border-color: rgb(202, 202, 202);--spectrum-coachmark-title-text-color: rgb(44, 44, 44);--spectrum-coachmark-content-text-color: rgb(75, 75, 75);--spectrum-coachmark-step-text-color: rgb(110, 110, 110);--spectrum-coachmark-quiet-indicator-ring-default-color: rgb(38, 128, 235);--spectrum-coachmark-quiet-indicator-ring-low-contrast-color: rgb(255, 255, 255);--spectrum-coachmark-quiet-indicator-ring-high-contrast-color: rgb(44, 44, 44);--spectrum-coachmark-quiet-background-color: rgb(255, 255, 255);--spectrum-coachmark-quiet-shadow-color: rgba(0,0,0,0.15);--spectrum-coachmark-quiet-border-color: rgb(202, 202, 202);--spectrum-coachmark-quiet-title-text-color: rgb(44, 44, 44);--spectrum-coachmark-quiet-content-text-color: rgb(75, 75, 75);--spectrum-coachmark-quiet-step-text-color: rgb(110, 110, 110);--spectrum-colorarea-border-color: rgba(44,44,44,0.1);--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);--spectrum-colorarea-border-color-disabled: rgb(225, 225, 225);--spectrum-colorarea-fill-color-disabled: rgb(225, 225, 225);--spectrum-colorhandle-inner-border-color: rgb(255, 255, 255);--spectrum-colorhandle-outer-border-color: rgba(50,50,50,0.1);--spectrum-colorhandle-fill-color: none;--spectrum-colorhandle-loupe-inner-border-color: rgb(255, 255, 255);--spectrum-colorhandle-loupe-outer-border-color: rgba(50,50,50,0.1);--spectrum-colorhandle-loupe-shadow-color: rgba(0,0,0,0.15);--spectrum-colorhandle-inner-border-color-hover: rgb(255, 255, 255);--spectrum-colorhandle-outer-border-color-hover: rgba(50,50,50,0.1);--spectrum-colorhandle-fill-color-hover: none;--spectrum-colorhandle-inner-border-color-down: rgb(255, 255, 255);--spectrum-colorhandle-outer-border-color-down: rgba(50,50,50,0.1);--spectrum-colorhandle-fill-color-down: none;--spectrum-colorhandle-inner-border-color-key-focus: rgb(255, 255, 255);--spectrum-colorhandle-outer-border-color-key-focus: rgba(50,50,50,0.1);--spectrum-colorhandle-fill-color-key-focus: none;--spectrum-colorhandle-inner-border-color-disabled: rgb(202, 202, 202);--spectrum-colorhandle-outer-border-color-disabled: rgba(50,50,50,0.1);--spectrum-colorhandle-fill-color-disabled: rgb(225, 225, 225);--spectrum-colorslider-border-color: rgba(44,44,44,0.1);--spectrum-colorslider-fill-color: none;--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);--spectrum-colorslider-fill-color-hover: none;--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);--spectrum-colorslider-fill-color-down: none;--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);--spectrum-colorslider-fill-color-key-focus: none;--spectrum-colorslider-border-color-disabled: rgb(225, 225, 225);--spectrum-colorslider-fill-color-disabled: rgb(225, 225, 225);--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);--spectrum-colorslider-vertical-fill-color: none;--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);--spectrum-colorslider-vertical-fill-color-hover: none;--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);--spectrum-colorslider-vertical-fill-color-down: none;--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);--spectrum-colorslider-vertical-fill-color-key-focus: none;--spectrum-colorslider-vertical-border-color-disabled: rgb(225, 225, 225);--spectrum-colorslider-vertical-fill-color-disabled: rgb(225, 225, 225);--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);--spectrum-colorwheel-fill-color: none;--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);--spectrum-colorwheel-fill-color-hover: none;--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);--spectrum-colorwheel-fill-color-down: none;--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);--spectrum-colorwheel-fill-color-key-focus: none;--spectrum-colorwheel-border-color-disabled: rgb(225, 225, 225);--spectrum-colorwheel-fill-color-disabled: rgb(225, 225, 225);--spectrum-cyclebutton-text-color: rgb(75, 75, 75);--spectrum-cyclebutton-icon-color: rgb(110, 110, 110);--spectrum-cyclebutton-background-color: rgba(0, 0, 0, 0);--spectrum-cyclebutton-border-color: rgba(0, 0, 0, 0);--spectrum-cyclebutton-hold-icon-color: rgb(110, 110, 110);--spectrum-cyclebutton-text-color-hover: rgb(44, 44, 44);--spectrum-cyclebutton-icon-color-hover: rgb(44, 44, 44);--spectrum-cyclebutton-background-color-hover: rgba(0, 0, 0, 0);--spectrum-cyclebutton-border-color-hover: rgba(0, 0, 0, 0);--spectrum-cyclebutton-hold-icon-color-hover: rgb(44, 44, 44);--spectrum-cyclebutton-text-color-down: rgb(44, 44, 44);--spectrum-cyclebutton-icon-color-down: rgb(44, 44, 44);--spectrum-cyclebutton-background-color-down: rgb(225, 225, 225);--spectrum-cyclebutton-border-color-down: rgb(225, 225, 225);--spectrum-cyclebutton-hold-icon-color-down: rgb(44, 44, 44);--spectrum-cyclebutton-text-color-key-focus: rgb(44, 44, 44);--spectrum-cyclebutton-icon-color-key-focus: rgb(44, 44, 44);--spectrum-cyclebutton-border-color-key-focus: rgb(38, 128, 235);--spectrum-cyclebutton-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-cyclebutton-hold-icon-color-key-focus: rgb(44, 44, 44);--spectrum-cyclebutton-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-cyclebutton-text-color-disabled: rgb(179, 179, 179);--spectrum-cyclebutton-icon-color-disabled: rgb(202, 202, 202);--spectrum-cyclebutton-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-cyclebutton-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-cyclebutton-hold-icon-color-disabled: rgb(202, 202, 202);--spectrum-dial-handle-marker-color: rgb(110, 110, 110);--spectrum-dial-min-max-tick-color: rgb(142, 142, 142);--spectrum-dial-border-color-hover: rgb(75, 75, 75);--spectrum-dial-handle-marker-color-hover: rgb(75, 75, 75);--spectrum-dial-handle-marker-color-key-focus: rgb(255, 255, 255);--spectrum-dial-small-handle-marker-color: rgb(110, 110, 110);--spectrum-dial-small-min-max-tick-color: rgb(142, 142, 142);--spectrum-dial-small-border-color-hover: rgb(75, 75, 75);--spectrum-dial-small-handle-marker-color-hover: rgb(75, 75, 75);--spectrum-dial-small-handle-marker-color-key-focus: rgb(255, 255, 255);--spectrum-dialog-background-color: rgb(245, 245, 245);--spectrum-dialog-underlay-background-color: rgba(0,0,0,0.4);--spectrum-dialog-icon-color: rgb(44, 44, 44);--spectrum-dialog-rule-color: rgb(234, 234, 234);--spectrum-dialog-title-text-color: rgb(44, 44, 44);--spectrum-dialog-content-text-color: rgb(75, 75, 75);--spectrum-dialog-error-icon-color: rgb(201, 37, 45);--spectrum-dialog-error-title-text-color: rgb(201, 37, 45);--spectrum-drag-handle-background-color: rgb(225, 225, 225);--spectrum-drag-handle-icon-color: rgb(255, 255, 255);--spectrum-drag-handle-background-color-hover: rgb(179, 179, 179);--spectrum-drag-handle-background-color-key-focus: rgb(38, 128, 235);--spectrum-dragbar-handle-background-color: rgb(225, 225, 225);--spectrum-dragbar-handle-background-color-hover: rgb(202, 202, 202);--spectrum-dragbar-handle-background-color-down: rgb(75, 75, 75);--spectrum-drawer-background-color: rgb(250, 250, 250);--spectrum-dropdown-placeholder-text-color: rgb(142, 142, 142);--spectrum-dropdown-text-color: rgb(75, 75, 75);--spectrum-dropdown-icon-color: rgb(110, 110, 110);--spectrum-dropdown-background-color: rgb(250, 250, 250);--spectrum-dropdown-border-color: rgb(225, 225, 225);--spectrum-dropdown-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-dropdown-text-color-hover: rgb(44, 44, 44);--spectrum-dropdown-icon-color-hover: rgb(44, 44, 44);--spectrum-dropdown-background-color-hover: rgb(255, 255, 255);--spectrum-dropdown-border-color-hover: rgb(202, 202, 202);--spectrum-dropdown-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-text-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-icon-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-background-color-key-focus: rgb(255, 255, 255);--spectrum-dropdown-border-color-key-focus: rgb(38, 128, 235);--spectrum-dropdown-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-text-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-icon-color-disabled: rgb(202, 202, 202);--spectrum-dropdown-background-color-disabled: rgb(234, 234, 234);--spectrum-dropdown-border-color-disabled: rgb(234, 234, 234);--spectrum-dropdown-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-text-color-down: rgb(44, 44, 44);--spectrum-dropdown-icon-color-down: rgb(44, 44, 44);--spectrum-dropdown-background-color-down: rgb(234, 234, 234);--spectrum-dropdown-border-color-down: rgb(202, 202, 202);--spectrum-dropdown-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-dropdown-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-background-color-mouse-focus: rgb(234, 234, 234);--spectrum-dropdown-border-color-mouse-focus: rgb(202, 202, 202);--spectrum-dropdown-icon-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-placeholder-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-border-color-error: rgb(215, 55, 63);--spectrum-dropdown-validation-icon-color-error: rgb(201, 37, 45);--spectrum-dropdown-border-color-error-hover: rgb(201, 37, 45);--spectrum-dropdown-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-dropdown-border-color-error-down: rgb(201, 37, 45);--spectrum-dropdown-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-dropdown-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-dropdown-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-dropdown-border-color-error-mouse-focus: rgb(215, 55, 63);--spectrum-dropdown-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-dropdown-quiet-placeholder-text-color: rgb(142, 142, 142);--spectrum-dropdown-quiet-text-color: rgb(75, 75, 75);--spectrum-dropdown-quiet-icon-color: rgb(110, 110, 110);--spectrum-dropdown-quiet-background-color: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-border-color: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-dropdown-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-dropdown-quiet-icon-color-hover: rgb(44, 44, 44);--spectrum-dropdown-quiet-background-color-hover: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-border-color-hover: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-quiet-text-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-quiet-icon-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-quiet-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-border-color-key-focus: rgb(38, 128, 235);--spectrum-dropdown-quiet-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-quiet-icon-color-disabled: rgb(202, 202, 202);--spectrum-dropdown-quiet-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-quiet-text-color-down: rgb(44, 44, 44);--spectrum-dropdown-quiet-icon-color-down: rgb(44, 44, 44);--spectrum-dropdown-quiet-background-color-down: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-border-color-down: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-dropdown-quiet-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-quiet-background-color-mouse-focus: rgba(0, 0, 0, 0);--spectrum-dropdown-quiet-border-color-mouse-focus: rgb(202, 202, 202);--spectrum-dropdown-quiet-icon-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-quiet-placeholder-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-quiet-border-color-error: rgb(215, 55, 63);--spectrum-dropdown-quiet-validation-icon-color-error: rgb(201, 37, 45);--spectrum-dropdown-quiet-border-color-error-hover: rgb(201, 37, 45);--spectrum-dropdown-quiet-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-dropdown-quiet-border-color-error-down: rgb(201, 37, 45);--spectrum-dropdown-quiet-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-dropdown-quiet-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-dropdown-quiet-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-dropdown-quiet-border-color-error-mouse-focus: rgb(215, 55, 63);--spectrum-dropdown-quiet-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-dropdown-thumbnail-small-placeholder-text-color: rgb(142, 142, 142);--spectrum-dropdown-thumbnail-small-text-color: rgb(75, 75, 75);--spectrum-dropdown-thumbnail-small-icon-color: rgb(110, 110, 110);--spectrum-dropdown-thumbnail-small-background-color: rgb(250, 250, 250);--spectrum-dropdown-thumbnail-small-border-color: rgb(225, 225, 225);--spectrum-dropdown-thumbnail-small-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-text-color-hover: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-icon-color-hover: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-background-color-hover: rgb(255, 255, 255);--spectrum-dropdown-thumbnail-small-border-color-hover: rgb(202, 202, 202);--spectrum-dropdown-thumbnail-small-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-text-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-icon-color-key-focus: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-background-color-key-focus: rgb(255, 255, 255);--spectrum-dropdown-thumbnail-small-border-color-key-focus: rgb(38, 128, 235);--spectrum-dropdown-thumbnail-small-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-thumbnail-small-text-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-thumbnail-small-icon-color-disabled: rgb(202, 202, 202);--spectrum-dropdown-thumbnail-small-background-color-disabled: rgb(234, 234, 234);--spectrum-dropdown-thumbnail-small-border-color-disabled: rgb(234, 234, 234);--spectrum-dropdown-thumbnail-small-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-dropdown-thumbnail-small-text-color-down: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-icon-color-down: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-background-color-down: rgb(234, 234, 234);--spectrum-dropdown-thumbnail-small-border-color-down: rgb(202, 202, 202);--spectrum-dropdown-thumbnail-small-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-background-color-mouse-focus: rgb(234, 234, 234);--spectrum-dropdown-thumbnail-small-border-color-mouse-focus: rgb(202, 202, 202);--spectrum-dropdown-thumbnail-small-icon-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-placeholder-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-dropdown-thumbnail-small-border-color-error: rgb(215, 55, 63);--spectrum-dropdown-thumbnail-small-validation-icon-color-error: rgb(201, 37, 45);--spectrum-dropdown-thumbnail-small-border-color-error-hover: rgb(201, 37, 45);--spectrum-dropdown-thumbnail-small-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-dropdown-thumbnail-small-border-color-error-down: rgb(201, 37, 45);--spectrum-dropdown-thumbnail-small-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-dropdown-thumbnail-small-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-dropdown-thumbnail-small-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-dropdown-thumbnail-small-border-color-error-mouse-focus: rgb(215, 55, 63);--spectrum-dropdown-thumbnail-small-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-dropindicator-border-color: rgb(38, 128, 235);--spectrum-dropindicator-circle-border-color: rgb(38, 128, 235);--spectrum-dropindicator-circle-border-fill: rgba(0, 0, 0, 0);--spectrum-dropzone-border-color: rgb(225, 225, 225);--spectrum-dropzone-background-color: rgb(245, 245, 245);--spectrum-dropzone-icon-color: rgb(179, 179, 179);--spectrum-dropzone-border-color-selected-hover: rgb(38, 128, 235);--spectrum-dropzone-background-color-selected-hover: rgba(20,115,230,0.1);--spectrum-dropzone-icon-color-selected-hover: rgb(20, 115, 230);--spectrum-fieldbutton-placeholder-text-color: rgb(142, 142, 142);--spectrum-fieldbutton-text-color: rgb(75, 75, 75);--spectrum-fieldbutton-icon-color: rgb(110, 110, 110);--spectrum-fieldbutton-background-color: rgb(250, 250, 250);--spectrum-fieldbutton-border-color: rgb(225, 225, 225);--spectrum-fieldbutton-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-fieldbutton-text-color-hover: rgb(44, 44, 44);--spectrum-fieldbutton-icon-color-hover: rgb(44, 44, 44);--spectrum-fieldbutton-background-color-hover: rgb(255, 255, 255);--spectrum-fieldbutton-border-color-hover: rgb(202, 202, 202);--spectrum-fieldbutton-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-fieldbutton-text-color-key-focus: rgb(44, 44, 44);--spectrum-fieldbutton-icon-color-key-focus: rgb(44, 44, 44);--spectrum-fieldbutton-background-color-key-focus: rgb(255, 255, 255);--spectrum-fieldbutton-border-color-key-focus: rgb(38, 128, 235);--spectrum-fieldbutton-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-fieldbutton-text-color-disabled: rgb(179, 179, 179);--spectrum-fieldbutton-icon-color-disabled: rgb(202, 202, 202);--spectrum-fieldbutton-background-color-disabled: rgb(234, 234, 234);--spectrum-fieldbutton-border-color-disabled: rgb(234, 234, 234);--spectrum-fieldbutton-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-fieldbutton-text-color-down: rgb(44, 44, 44);--spectrum-fieldbutton-icon-color-down: rgb(44, 44, 44);--spectrum-fieldbutton-background-color-down: rgb(234, 234, 234);--spectrum-fieldbutton-border-color-down: rgb(202, 202, 202);--spectrum-fieldbutton-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-fieldbutton-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-fieldbutton-background-color-mouse-focus: rgb(234, 234, 234);--spectrum-fieldbutton-border-color-mouse-focus: rgb(202, 202, 202);--spectrum-fieldbutton-icon-color-mouse-focus: rgb(44, 44, 44);--spectrum-fieldbutton-placeholder-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-fieldbutton-border-color-error: rgb(215, 55, 63);--spectrum-fieldbutton-validation-icon-color-error: rgb(201, 37, 45);--spectrum-fieldbutton-border-color-error-hover: rgb(201, 37, 45);--spectrum-fieldbutton-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-fieldbutton-border-color-error-down: rgb(201, 37, 45);--spectrum-fieldbutton-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-fieldbutton-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-fieldbutton-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-fieldbutton-border-color-error-mouse-focus: rgb(215, 55, 63);--spectrum-fieldbutton-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-fieldbutton-quiet-placeholder-text-color: rgb(142, 142, 142);--spectrum-fieldbutton-quiet-text-color: rgb(75, 75, 75);--spectrum-fieldbutton-quiet-icon-color: rgb(110, 110, 110);--spectrum-fieldbutton-quiet-background-color: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-border-color: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-icon-color-hover: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-background-color-hover: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-border-color-hover: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-text-color-key-focus: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-icon-color-key-focus: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-border-color-key-focus: rgb(38, 128, 235);--spectrum-fieldbutton-quiet-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-fieldbutton-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-fieldbutton-quiet-icon-color-disabled: rgb(202, 202, 202);--spectrum-fieldbutton-quiet-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-fieldbutton-quiet-text-color-down: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-icon-color-down: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-background-color-down: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-border-color-down: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-background-color-mouse-focus: rgba(0, 0, 0, 0);--spectrum-fieldbutton-quiet-border-color-mouse-focus: rgb(202, 202, 202);--spectrum-fieldbutton-quiet-icon-color-mouse-focus: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-placeholder-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-fieldbutton-quiet-border-color-error: rgb(215, 55, 63);--spectrum-fieldbutton-quiet-validation-icon-color-error: rgb(201, 37, 45);--spectrum-fieldbutton-quiet-border-color-error-hover: rgb(201, 37, 45);--spectrum-fieldbutton-quiet-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-fieldbutton-quiet-border-color-error-down: rgb(201, 37, 45);--spectrum-fieldbutton-quiet-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-fieldbutton-quiet-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-fieldbutton-quiet-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-fieldbutton-quiet-border-color-error-mouse-focus: rgb(215, 55, 63);--spectrum-fieldbutton-quiet-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-fieldlabel-asterisk-color: rgb(142, 142, 142);--spectrum-fieldlabel-text-color: rgb(110, 110, 110);--spectrum-fieldlabel-asterisk-color-disabled: rgb(179, 179, 179);--spectrum-fieldlabel-text-color-disabled: rgb(179, 179, 179);--spectrum-fieldlabel-side-asterisk-color: rgb(142, 142, 142);--spectrum-fieldlabel-side-text-color: rgb(110, 110, 110);--spectrum-fieldlabel-side-asterisk-color-disabled: rgb(179, 179, 179);--spectrum-fieldlabel-side-text-color-disabled: rgb(179, 179, 179);--spectrum-label-colored-gray-background-color: rgb(116, 116, 116);--spectrum-label-colored-green-background-color: rgb(38, 142, 108);--spectrum-label-colored-blue-background-color: rgb(20, 115, 230);--spectrum-label-colored-red-background-color: rgb(215, 55, 63);--spectrum-label-colored-seafoam-background-color: rgb(27, 149, 154);--spectrum-label-colored-fuchsia-background-color: rgb(192, 56, 204);--spectrum-label-colored-orange-background-color: rgb(218, 123, 17);--spectrum-label-colored-yellow-background-color: rgb(223, 191, 0);--spectrum-label-colored-text-color: rgb(255, 255, 255);--spectrum-label-colored-background-color-disabled: rgb(234, 234, 234);--spectrum-label-text-color: rgb(110, 110, 110);--spectrum-label-text-color-disabled: rgb(179, 179, 179);--spectrum-label-over-background-text-color: rgb(255, 255, 255);--spectrum-label-over-background-text-color-disabled: rgb(255, 255, 255);--spectrum-label-large-text-color: rgb(110, 110, 110);--spectrum-label-large-text-color-disabled: rgb(179, 179, 179);--spectrum-label-large-over-background-text-color: rgb(255, 255, 255);--spectrum-label-large-over-background-text-color-disabled: rgb(255, 255, 255);--spectrum-link-text-color: rgb(13, 102, 208);--spectrum-link-underline-color: rgba(0, 0, 0, 0);--spectrum-link-text-color-hover: rgb(13, 102, 208);--spectrum-link-underline-color-hover: rgb(13, 102, 208);--spectrum-link-text-color-down: rgb(9, 90, 186);--spectrum-link-underline-color-down: rgb(9, 90, 186);--spectrum-link-text-color-key-focus: rgb(13, 102, 208);--spectrum-link-underline-color-key-focus: rgb(13, 102, 208);--spectrum-link-text-color-disabled: rgb(179, 179, 179);--spectrum-link-underline-color-disabled: rgba(0, 0, 0, 0);--spectrum-link-over-background-text-color: rgb(255, 255, 255);--spectrum-link-over-background-underline-color: rgb(255, 255, 255);--spectrum-link-over-background-text-color-hover: rgb(255, 255, 255);--spectrum-link-over-background-underline-color-hover: rgb(255, 255, 255);--spectrum-link-over-background-text-color-down: rgb(255, 255, 255);--spectrum-link-over-background-underline-color-down: rgb(255, 255, 255);--spectrum-link-over-background-text-color-key-focus: rgb(255, 255, 255);--spectrum-link-over-background-underline-color-key-focus: rgb(255, 255, 255);--spectrum-link-over-background-text-color-disabled: rgba(255,255,255,0.5);--spectrum-link-over-background-underline-color-disabled: rgba(0, 0, 0, 0);--spectrum-link-quiet-text-color: rgb(75, 75, 75);--spectrum-link-quiet-underline-color: rgb(75, 75, 75);--spectrum-link-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-link-quiet-underline-color-hover: rgb(44, 44, 44);--spectrum-link-quiet-text-color-down: rgb(44, 44, 44);--spectrum-link-quiet-underline-color-down: rgb(44, 44, 44);--spectrum-link-quiet-text-color-key-focus: rgb(44, 44, 44);--spectrum-link-quiet-underline-color-key-focus: rgb(44, 44, 44);--spectrum-link-quiet-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-link-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-link-quiet-underline-color-disabled: rgba(0, 0, 0, 0);--spectrum-loader-bar-large-text-color: rgb(75, 75, 75);--spectrum-loader-bar-large-track-color: rgb(225, 225, 225);--spectrum-loader-bar-large-track-fill-color: rgb(20, 115, 230);--spectrum-loader-bar-large-track-color-disabled: rgb(225, 225, 225);--spectrum-loader-bar-large-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-loader-bar-large-over-background-text-color: rgb(255, 255, 255);--spectrum-loader-bar-large-over-background-track-color: rgba(255,255,255,0.2);--spectrum-loader-bar-large-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-loader-bar-large-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-loader-bar-large-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-loader-bar-small-text-color: rgb(75, 75, 75);--spectrum-loader-bar-small-track-color: rgb(225, 225, 225);--spectrum-loader-bar-small-track-fill-color: rgb(20, 115, 230);--spectrum-loader-bar-small-track-color-disabled: rgb(225, 225, 225);--spectrum-loader-bar-small-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-loader-bar-small-over-background-text-color: rgb(255, 255, 255);--spectrum-loader-bar-small-over-background-track-color: rgba(255,255,255,0.2);--spectrum-loader-bar-small-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-loader-bar-small-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-loader-bar-small-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-loader-circle-large-text-color: rgb(75, 75, 75);--spectrum-loader-circle-large-track-color: rgb(225, 225, 225);--spectrum-loader-circle-large-track-fill-color: rgb(20, 115, 230);--spectrum-loader-circle-large-track-color-disabled: rgb(225, 225, 225);--spectrum-loader-circle-large-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-loader-circle-large-over-background-text-color: rgb(255, 255, 255);--spectrum-loader-circle-large-over-background-track-color: rgba(255,255,255,0.2);--spectrum-loader-circle-large-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-loader-circle-large-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-loader-circle-large-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-loader-circle-medium-text-color: rgb(75, 75, 75);--spectrum-loader-circle-medium-track-color: rgb(225, 225, 225);--spectrum-loader-circle-medium-track-fill-color: rgb(20, 115, 230);--spectrum-loader-circle-medium-track-color-disabled: rgb(225, 225, 225);--spectrum-loader-circle-medium-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-loader-circle-medium-over-background-text-color: rgb(255, 255, 255);--spectrum-loader-circle-medium-over-background-track-color: rgba(255,255,255,0.2);--spectrum-loader-circle-medium-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-loader-circle-medium-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-loader-circle-medium-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-loader-circle-small-text-color: rgb(75, 75, 75);--spectrum-loader-circle-small-track-color: rgb(225, 225, 225);--spectrum-loader-circle-small-track-fill-color: rgb(20, 115, 230);--spectrum-loader-circle-small-track-color-disabled: rgb(225, 225, 225);--spectrum-loader-circle-small-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-loader-circle-small-over-background-text-color: rgb(255, 255, 255);--spectrum-loader-circle-small-over-background-track-color: rgba(255,255,255,0.2);--spectrum-loader-circle-small-over-background-track-fill-color: rgb(255, 255, 255);--spectrum-loader-circle-small-over-background-track-color-disabled: rgba(255,255,255,0.2);--spectrum-loader-circle-small-over-background-track-fill-color-disabled: rgba(0, 0, 0, 0);--spectrum-logicbutton-and-text-color: rgb(255, 255, 255);--spectrum-logicbutton-and-background-color: rgb(20, 115, 230);--spectrum-logicbutton-and-border-color: rgb(20, 115, 230);--spectrum-logicbutton-and-text-color-disabled: rgb(179, 179, 179);--spectrum-logicbutton-and-background-color-disabled: rgb(234, 234, 234);--spectrum-logicbutton-and-border-color-disabled: rgb(234, 234, 234);--spectrum-logicbutton-and-background-color-hover: rgb(9, 90, 186);--spectrum-logicbutton-and-border-color-hover: rgb(9, 90, 186);--spectrum-logicbutton-and-background-color-key-focus: rgb(9, 90, 186);--spectrum-logicbutton-and-border-color-key-focus: rgb(38, 128, 235);--spectrum-logicbutton-or-text-color: rgb(255, 255, 255);--spectrum-logicbutton-or-background-color: rgb(206, 39, 131);--spectrum-logicbutton-or-border-color: rgb(206, 39, 131);--spectrum-logicbutton-or-text-color-disabled: rgb(179, 179, 179);--spectrum-logicbutton-or-background-color-disabled: rgb(234, 234, 234);--spectrum-logicbutton-or-border-color-disabled: rgb(234, 234, 234);--spectrum-logicbutton-or-background-color-hover: rgb(174, 14, 102);--spectrum-logicbutton-or-border-color-hover: rgb(174, 14, 102);--spectrum-logicbutton-or-background-color-key-focus: rgb(174, 14, 102);--spectrum-logicbutton-or-border-color-key-focus: rgb(38, 128, 235);--spectrum-meter-large-text-color: rgb(75, 75, 75);--spectrum-meter-large-track-color: rgb(225, 225, 225);--spectrum-meter-large-track-fill-color: rgb(20, 115, 230);--spectrum-meter-large-track-color-positive: rgb(45, 157, 120);--spectrum-meter-large-track-color-warning: rgb(230, 134, 25);--spectrum-meter-large-track-color-critical: rgb(227, 72, 80);--spectrum-meter-large-track-color-disabled: rgb(225, 225, 225);--spectrum-meter-large-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-meter-small-text-color: rgb(75, 75, 75);--spectrum-meter-small-track-color: rgb(225, 225, 225);--spectrum-meter-small-track-fill-color: rgb(20, 115, 230);--spectrum-meter-small-track-color-positive: rgb(45, 157, 120);--spectrum-meter-small-track-color-warning: rgb(230, 134, 25);--spectrum-meter-small-track-color-critical: rgb(227, 72, 80);--spectrum-meter-small-track-color-disabled: rgb(225, 225, 225);--spectrum-meter-small-track-fill-color-disabled: rgb(225, 225, 225);--spectrum-miller-column-ui-icon-color: rgb(142, 142, 142);--spectrum-miller-column-text-color: rgb(75, 75, 75);--spectrum-miller-column-thumbnail-background-color: rgb(225, 225, 225);--spectrum-miller-column-item-background-color-hover: rgb(234, 234, 234);--spectrum-miller-column-ui-icon-color-hover: rgb(110, 110, 110);--spectrum-miller-column-item-background-color-down: rgb(225, 225, 225);--spectrum-miller-column-ui-icon-color-down: rgb(110, 110, 110);--spectrum-miller-column-item-text-color-down: rgb(255, 255, 255);--spectrum-miller-column-item-text-color-key-focus: rgb(38, 128, 235);--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);--spectrum-miller-column-item-text-color-selected: rgb(255, 255, 255);--spectrum-miller-column-thumbnail-background-color-selected: rgb(255, 255, 255);--spectrum-miller-column-ui-icon-color-selected: rgb(110, 110, 110);--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);--spectrum-miller-column-ui-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-opacitycheckerboard-box-color-light: rgb(255, 255, 255);--spectrum-opacitycheckerboard-box-color-gray: rgb(211, 211, 211);--spectrum-pagination-page-button-background-color-hover: rgba(44,44,44,0.04);--spectrum-pagination-page-button-border-color-key-focus: rgb(38, 128, 235);--spectrum-pagination-page-button-background-color-down: rgb(75, 75, 75);--spectrum-pagination-page-button-text-color-down: rgb(255, 255, 255);--spectrum-panel-border-color: rgb(225, 225, 225);--spectrum-panel-background-color: rgb(245, 245, 245);--spectrum-panel-header-text-color: rgb(75, 75, 75);--spectrum-popover-background-color: rgb(255, 255, 255);--spectrum-popover-border-color: rgb(202, 202, 202);--spectrum-popover-shadow-color: rgba(0,0,0,0.15);--spectrum-quickactions-overlay-color: rgba(0,0,0,0.2);--spectrum-quickactions-background-color: rgba(245,245,245,0.9);--spectrum-radio-text-color: rgb(75, 75, 75);--spectrum-radio-circle-border-color: rgb(142, 142, 142);--spectrum-radio-circle-background-color: rgb(250, 250, 250);--spectrum-radio-circle-dot-color: rgb(250, 250, 250);--spectrum-radio-text-color-hover: rgb(44, 44, 44);--spectrum-radio-circle-border-color-hover: rgb(110, 110, 110);--spectrum-radio-text-color-down: rgb(44, 44, 44);--spectrum-radio-circle-border-color-down: rgb(75, 75, 75);--spectrum-radio-text-color-key-focus: rgb(13, 102, 208);--spectrum-radio-circle-border-color-key-focus: rgb(38, 128, 235);--spectrum-radio-text-color-disabled: rgb(179, 179, 179);--spectrum-radio-circle-border-color-disabled: rgb(202, 202, 202);--spectrum-radio-text-color-selected: rgb(75, 75, 75);--spectrum-radio-circle-border-color-selected: rgb(20, 115, 230);--spectrum-radio-text-color-selected-hover: rgb(44, 44, 44);--spectrum-radio-circle-border-color-selected-hover: rgb(13, 102, 208);--spectrum-radio-text-color-selected-down: rgb(44, 44, 44);--spectrum-radio-circle-border-color-selected-down: rgb(9, 90, 186);--spectrum-radio-text-color-selected-key-focus: rgb(13, 102, 208);--spectrum-radio-circle-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-radio-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-radio-circle-border-color-selected-disabled: rgb(202, 202, 202);--spectrum-radio-text-color-error: rgb(201, 37, 45);--spectrum-radio-circle-border-color-error: rgb(215, 55, 63);--spectrum-radio-text-color-error-hover: rgb(187, 18, 26);--spectrum-radio-circle-border-color-error-hover: rgb(201, 37, 45);--spectrum-radio-text-color-error-down: rgb(187, 18, 26);--spectrum-radio-circle-border-color-error-down: rgb(187, 18, 26);--spectrum-radio-text-color-error-key-focus: rgb(13, 102, 208);--spectrum-radio-circle-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-radio-text-color-error-disabled: rgb(179, 179, 179);--spectrum-radio-circle-border-color-error-disabled: rgb(202, 202, 202);--spectrum-radio-text-color-error-selected: rgb(201, 37, 45);--spectrum-radio-circle-border-color-error-selected: rgb(215, 55, 63);--spectrum-radio-text-color-error-selected-hover: rgb(187, 18, 26);--spectrum-radio-circle-border-color-error-selected-hover: rgb(201, 37, 45);--spectrum-radio-text-color-error-selected-down: rgb(187, 18, 26);--spectrum-radio-circle-border-color-error-selected-down: rgb(187, 18, 26);--spectrum-radio-text-color-error-selected-key-focus: rgb(13, 102, 208);--spectrum-radio-circle-border-color-error-selected-key-focus: rgb(38, 128, 235);--spectrum-radio-text-color-error-selected-disabled: rgb(179, 179, 179);--spectrum-radio-circle-border-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-radio-quiet-text-color: rgb(75, 75, 75);--spectrum-radio-quiet-circle-border-color: rgb(142, 142, 142);--spectrum-radio-quiet-circle-background-color: rgb(250, 250, 250);--spectrum-radio-quiet-circle-dot-color: rgb(250, 250, 250);--spectrum-radio-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-radio-quiet-circle-border-color-hover: rgb(110, 110, 110);--spectrum-radio-quiet-text-color-down: rgb(44, 44, 44);--spectrum-radio-quiet-circle-border-color-down: rgb(75, 75, 75);--spectrum-radio-quiet-text-color-key-focus: rgb(13, 102, 208);--spectrum-radio-quiet-circle-border-color-key-focus: rgb(38, 128, 235);--spectrum-radio-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-radio-quiet-circle-border-color-disabled: rgb(202, 202, 202);--spectrum-radio-quiet-text-color-selected: rgb(75, 75, 75);--spectrum-radio-quiet-circle-border-color-selected: rgb(110, 110, 110);--spectrum-radio-quiet-text-color-selected-hover: rgb(44, 44, 44);--spectrum-radio-quiet-circle-border-color-selected-hover: rgb(75, 75, 75);--spectrum-radio-quiet-text-color-selected-down: rgb(44, 44, 44);--spectrum-radio-quiet-circle-border-color-selected-down: rgb(44, 44, 44);--spectrum-radio-quiet-text-color-selected-key-focus: rgb(13, 102, 208);--spectrum-radio-quiet-circle-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-radio-quiet-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-radio-quiet-circle-border-color-selected-disabled: rgb(202, 202, 202);--spectrum-radio-quiet-text-color-error: rgb(201, 37, 45);--spectrum-radio-quiet-circle-border-color-error: rgb(215, 55, 63);--spectrum-radio-quiet-text-color-error-hover: rgb(187, 18, 26);--spectrum-radio-quiet-circle-border-color-error-hover: rgb(201, 37, 45);--spectrum-radio-quiet-text-color-error-down: rgb(187, 18, 26);--spectrum-radio-quiet-circle-border-color-error-down: rgb(187, 18, 26);--spectrum-radio-quiet-text-color-error-key-focus: rgb(13, 102, 208);--spectrum-radio-quiet-circle-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-radio-quiet-text-color-error-disabled: rgb(179, 179, 179);--spectrum-radio-quiet-circle-border-color-error-disabled: rgb(202, 202, 202);--spectrum-radio-quiet-text-color-error-selected: rgb(201, 37, 45);--spectrum-radio-quiet-circle-border-color-error-selected: rgb(215, 55, 63);--spectrum-radio-quiet-text-color-error-selected-hover: rgb(187, 18, 26);--spectrum-radio-quiet-circle-border-color-error-selected-hover: rgb(201, 37, 45);--spectrum-radio-quiet-text-color-error-selected-down: rgb(187, 18, 26);--spectrum-radio-quiet-circle-border-color-error-selected-down: rgb(187, 18, 26);--spectrum-radio-quiet-text-color-error-selected-key-focus: rgb(13, 102, 208);--spectrum-radio-quiet-circle-border-color-error-selected-key-focus: rgb(38, 128, 235);--spectrum-radio-quiet-text-color-error-selected-disabled: rgb(179, 179, 179);--spectrum-radio-quiet-circle-border-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-rail-content-background-color: rgb(245, 245, 245);--spectrum-rail-handle-background-color: rgb(225, 225, 225);--spectrum-rail-handle-background-color-hover: rgb(202, 202, 202);--spectrum-rail-handle-background-color-down: rgb(75, 75, 75);--spectrum-rating-border-color: rgba(0, 0, 0, 0);--spectrum-rating-icon-color: rgb(110, 110, 110);--spectrum-rating-focus-ring-color: rgb(38, 128, 235);--spectrum-rating-border-color-hover: rgba(0, 0, 0, 0);--spectrum-rating-icon-color-hover: rgb(13, 102, 208);--spectrum-rating-border-color-down: rgba(0, 0, 0, 0);--spectrum-rating-icon-color-down: rgb(9, 90, 186);--spectrum-rating-border-color-key-focus: rgb(38, 128, 235);--spectrum-rating-icon-color-key-focus: rgb(13, 102, 208);--spectrum-rating-border-color-selected: rgba(0, 0, 0, 0);--spectrum-rating-icon-color-selected: rgb(20, 115, 230);--spectrum-rating-border-color-selected-hover: rgba(0, 0, 0, 0);--spectrum-rating-icon-color-selected-hover: rgb(13, 102, 208);--spectrum-rating-border-color-selected-down: rgba(0, 0, 0, 0);--spectrum-rating-icon-color-selected-down: rgb(9, 90, 186);--spectrum-rating-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-rating-icon-color-selected-key-focus: rgb(13, 102, 208);--spectrum-rating-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-rating-icon-color-disabled: rgb(202, 202, 202);--spectrum-rating-quiet-border-color: rgba(0, 0, 0, 0);--spectrum-rating-quiet-icon-color: rgb(110, 110, 110);--spectrum-rating-quiet-focus-ring-color: rgb(38, 128, 235);--spectrum-rating-quiet-border-color-hover: rgba(0, 0, 0, 0);--spectrum-rating-quiet-icon-color-hover: rgb(75, 75, 75);--spectrum-rating-quiet-border-color-down: rgba(0, 0, 0, 0);--spectrum-rating-quiet-icon-color-down: rgb(44, 44, 44);--spectrum-rating-quiet-border-color-key-focus: rgb(38, 128, 235);--spectrum-rating-quiet-icon-color-key-focus: rgb(44, 44, 44);--spectrum-rating-quiet-border-color-selected: rgba(0, 0, 0, 0);--spectrum-rating-quiet-icon-color-selected: rgb(110, 110, 110);--spectrum-rating-quiet-border-color-selected-hover: rgba(0, 0, 0, 0);--spectrum-rating-quiet-icon-color-selected-hover: rgb(75, 75, 75);--spectrum-rating-quiet-border-color-selected-down: rgba(0, 0, 0, 0);--spectrum-rating-quiet-icon-color-selected-down: rgb(44, 44, 44);--spectrum-rating-quiet-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-rating-quiet-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-rating-quiet-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-rating-quiet-icon-color-disabled: rgb(202, 202, 202);--spectrum-rule-large-background-color: rgb(75, 75, 75);--spectrum-rule-medium-background-color: rgb(225, 225, 225);--spectrum-rule-small-background-color: rgb(225, 225, 225);--spectrum-scrollbar-bar-color: rgb(202, 202, 202);--spectrum-scrollbar-track-color: rgb(234, 234, 234);--spectrum-scrollbar-bar-color-hover: rgb(142, 142, 142);--spectrum-scrollbar-track-color-hover: rgb(234, 234, 234);--spectrum-scrollbar-bar-color-down: rgb(142, 142, 142);--spectrum-scrollbar-track-color-down: rgb(234, 234, 234);--spectrum-scrollbar-quiet-bar-color-quiet: rgb(202, 202, 202);--spectrum-scrollbar-quiet-track-color-quiet: rgba(0, 0, 0, 0);--spectrum-scrollbar-quiet-bar-color-hover: rgb(142, 142, 142);--spectrum-scrollbar-quiet-track-color-hover: rgba(0, 0, 0, 0);--spectrum-scrollbar-quiet-bar-color-down: rgb(142, 142, 142);--spectrum-scrollbar-quiet-track-color-down: rgba(0, 0, 0, 0);--spectrum-search-placeholder-text-color: rgb(142, 142, 142);--spectrum-search-text-color: rgb(75, 75, 75);--spectrum-search-background-color: rgb(255, 255, 255);--spectrum-search-border-color: rgb(225, 225, 225);--spectrum-search-icon-color: rgb(110, 110, 110);--spectrum-search-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-search-text-color-hover: rgb(44, 44, 44);--spectrum-search-background-color-hover: rgb(255, 255, 255);--spectrum-search-border-color-hover: rgb(202, 202, 202);--spectrum-search-icon-color-hover: rgb(44, 44, 44);--spectrum-search-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-search-text-color-key-focus: rgb(44, 44, 44);--spectrum-search-background-color-key-focus: rgb(255, 255, 255);--spectrum-search-icon-color-key-focus: rgb(44, 44, 44);--spectrum-search-border-color-key-focus: rgb(38, 128, 235);--spectrum-search-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-search-text-color-disabled: rgb(179, 179, 179);--spectrum-search-background-color-disabled: rgb(234, 234, 234);--spectrum-search-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-search-icon-color-disabled: rgb(179, 179, 179);--spectrum-search-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-search-text-color-down: rgb(44, 44, 44);--spectrum-search-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-search-background-color-down: rgb(255, 255, 255);--spectrum-search-border-color-down: rgb(20, 115, 230);--spectrum-search-icon-color-down: rgb(44, 44, 44);--spectrum-search-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-search-placeholder-text-color-mouse-focus: rgb(142, 142, 142);--spectrum-search-background-color-mouse-focus: rgb(255, 255, 255);--spectrum-search-border-color-mouse-focus: rgb(20, 115, 230);--spectrum-search-icon-color-mouse-focus: rgb(110, 110, 110);--spectrum-search-border-color-error: rgb(215, 55, 63);--spectrum-search-validation-icon-color-error: rgb(201, 37, 45);--spectrum-search-border-color-error-hover: rgb(201, 37, 45);--spectrum-search-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-search-border-color-error-down: rgb(20, 115, 230);--spectrum-search-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-search-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-search-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-search-border-color-error-mouse-focus: rgb(20, 115, 230);--spectrum-search-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-search-icon-color-valid: rgb(45, 157, 120);--spectrum-search-border-color-valid-hover: rgb(202, 202, 202);--spectrum-search-icon-color-valid-hover: rgb(45, 157, 120);--spectrum-search-border-color-valid-down: rgb(20, 115, 230);--spectrum-search-icon-color-valid-down: rgb(45, 157, 120);--spectrum-search-border-color-valid-key-focus: rgb(38, 128, 235);--spectrum-search-icon-color-valid-key-focus: rgb(45, 157, 120);--spectrum-search-border-color-valid-mouse-focus: rgb(20, 115, 230);--spectrum-search-icon-color-valid-mouse-focus: rgb(45, 157, 120);--spectrum-search-quiet-placeholder-text-color: rgb(142, 142, 142);--spectrum-search-quiet-text-color: rgb(75, 75, 75);--spectrum-search-quiet-background-color: rgba(0, 0, 0, 0);--spectrum-search-quiet-border-color: rgb(225, 225, 225);--spectrum-search-quiet-icon-color: rgb(110, 110, 110);--spectrum-search-quiet-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-search-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-search-quiet-background-color-hover: rgba(0, 0, 0, 0);--spectrum-search-quiet-border-color-hover: rgb(202, 202, 202);--spectrum-search-quiet-icon-color-hover: rgb(44, 44, 44);--spectrum-search-quiet-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-search-quiet-text-color-key-focus: rgb(44, 44, 44);--spectrum-search-quiet-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-search-quiet-icon-color-key-focus: rgb(44, 44, 44);--spectrum-search-quiet-border-color-key-focus: rgb(38, 128, 235);--spectrum-search-quiet-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-search-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-search-quiet-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-search-quiet-border-color-disabled: rgb(225, 225, 225);--spectrum-search-quiet-icon-color-disabled: rgb(179, 179, 179);--spectrum-search-quiet-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-search-quiet-text-color-down: rgb(44, 44, 44);--spectrum-search-quiet-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-search-quiet-background-color-down: rgba(0, 0, 0, 0);--spectrum-search-quiet-border-color-down: rgb(20, 115, 230);--spectrum-search-quiet-icon-color-down: rgb(44, 44, 44);--spectrum-search-quiet-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-search-quiet-placeholder-text-color-mouse-focus: rgb(142, 142, 142);--spectrum-search-quiet-background-color-mouse-focus: rgba(0, 0, 0, 0);--spectrum-search-quiet-border-color-mouse-focus: rgb(20, 115, 230);--spectrum-search-quiet-icon-color-mouse-focus: rgb(110, 110, 110);--spectrum-search-quiet-border-color-error: rgb(215, 55, 63);--spectrum-search-quiet-validation-icon-color-error: rgb(201, 37, 45);--spectrum-search-quiet-border-color-error-hover: rgb(201, 37, 45);--spectrum-search-quiet-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-search-quiet-border-color-error-down: rgb(20, 115, 230);--spectrum-search-quiet-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-search-quiet-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-search-quiet-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-search-quiet-border-color-error-mouse-focus: rgb(20, 115, 230);--spectrum-search-quiet-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-search-quiet-icon-color-valid: rgb(45, 157, 120);--spectrum-search-quiet-border-color-valid-hover: rgb(202, 202, 202);--spectrum-search-quiet-icon-color-valid-hover: rgb(45, 157, 120);--spectrum-search-quiet-border-color-valid-down: rgb(20, 115, 230);--spectrum-search-quiet-icon-color-valid-down: rgb(45, 157, 120);--spectrum-search-quiet-border-color-valid-key-focus: rgb(38, 128, 235);--spectrum-search-quiet-icon-color-valid-key-focus: rgb(45, 157, 120);--spectrum-search-quiet-border-color-valid-mouse-focus: rgb(20, 115, 230);--spectrum-search-quiet-icon-color-valid-mouse-focus: rgb(45, 157, 120);--spectrum-selectlist-icon-color: rgb(110, 110, 110);--spectrum-selectlist-option-background-color: rgba(0, 0, 0, 0);--spectrum-selectlist-option-text-color: rgb(75, 75, 75);--spectrum-selectlist-option-icon-color: rgb(20, 115, 230);--spectrum-selectlist-divider-color: rgb(245, 245, 245);--spectrum-selectlist-icon-color-hover: rgb(44, 44, 44);--spectrum-selectlist-option-icon-color-hover: rgb(20, 115, 230);--spectrum-selectlist-option-background-color-hover: rgba(44,44,44,0.04);--spectrum-selectlist-option-text-color-hover: rgb(75, 75, 75);--spectrum-selectlist-icon-color-down: rgb(44, 44, 44);--spectrum-selectlist-option-icon-color-down: rgb(20, 115, 230);--spectrum-selectlist-option-background-color-down: rgba(44,44,44,0.04);--spectrum-selectlist-option-text-color-down: rgb(75, 75, 75);--spectrum-selectlist-icon-color-key-focus: rgb(44, 44, 44);--spectrum-selectlist-option-icon-color-key-focus: rgb(20, 115, 230);--spectrum-selectlist-option-background-color-key-focus: rgba(44,44,44,0.04);--spectrum-selectlist-option-border-color-key-focus: rgb(38, 128, 235);--spectrum-selectlist-option-text-color-key-focus: rgb(75, 75, 75);--spectrum-selectlist-icon-color-disabled: rgb(202, 202, 202);--spectrum-selectlist-option-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-selectlist-option-text-color-disabled: rgb(179, 179, 179);--spectrum-selectlist-option-icon-color-disabled: rgb(202, 202, 202);--spectrum-selectlist-option-text-color-selected: rgb(13, 102, 208);--spectrum-selectlist-option-background-color-selected: rgba(0, 0, 0, 0);--spectrum-selectlist-option-icon-color-selected: rgb(20, 115, 230);--spectrum-selectlist-option-icon-color-selected-hover: rgb(20, 115, 230);--spectrum-selectlist-option-background-color-selected-hover: rgba(44,44,44,0.04);--spectrum-selectlist-option-text-color-selected-hover: rgb(13, 102, 208);--spectrum-selectlist-option-focus-indicator-color: rgb(38, 128, 235);--spectrum-selectlist-background-color: rgba(0, 0, 0, 0);--spectrum-selectlist-thumbnail-option-background-color: rgba(0, 0, 0, 0);--spectrum-selectlist-thumbnail-option-text-color: rgb(75, 75, 75);--spectrum-selectlist-thumbnail-option-icon-color: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-divider-color: rgb(245, 245, 245);--spectrum-selectlist-thumbnail-image-opacity: 100%;--spectrum-selectlist-thumbnail-option-icon-color-hover: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-option-background-color-hover: rgba(44,44,44,0.04);--spectrum-selectlist-thumbnail-option-text-color-hover: rgb(75, 75, 75);--spectrum-selectlist-thumbnail-option-text-color-selected: rgb(13, 102, 208);--spectrum-selectlist-thumbnail-option-background-color-selected: rgba(0, 0, 0, 0);--spectrum-selectlist-thumbnail-option-icon-color-selected: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-option-icon-color-selected-hover: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-option-background-color-selected-hover: rgba(44,44,44,0.04);--spectrum-selectlist-thumbnail-option-text-color-selected-hover: rgb(13, 102, 208);--spectrum-selectlist-thumbnail-option-icon-color-key-focus: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-option-background-color-key-focus: rgba(44,44,44,0.04);--spectrum-selectlist-thumbnail-option-border-color-key-focus: rgb(38, 128, 235);--spectrum-selectlist-thumbnail-option-text-color-key-focus: rgb(75, 75, 75);--spectrum-selectlist-thumbnail-option-icon-color-down: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-option-background-color-down: rgba(44,44,44,0.04);--spectrum-selectlist-thumbnail-option-text-color-down: rgb(75, 75, 75);--spectrum-selectlist-thumbnail-option-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-selectlist-thumbnail-option-text-color-disabled: rgb(179, 179, 179);--spectrum-selectlist-thumbnail-option-icon-color-disabled: rgb(202, 202, 202);--spectrum-selectlist-thumbnail-image-opacity-disabled: 30%;--spectrum-selectlist-thumbnail-image-border-color: rgba(0,0,0,0.05);--spectrum-selectlist-thumbnail-option-focus-indicator-color: rgb(38, 128, 235);--spectrum-selectlist-thumbnail-background-color: rgba(0, 0, 0, 0);--spectrum-selectlist-thumbnail-small-option-background-color: rgba(0, 0, 0, 0);--spectrum-selectlist-thumbnail-small-option-text-color: rgb(75, 75, 75);--spectrum-selectlist-thumbnail-small-option-icon-color: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-small-divider-color: rgb(245, 245, 245);--spectrum-selectlist-thumbnail-small-image-opacity: 100%;--spectrum-selectlist-thumbnail-small-option-icon-color-hover: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-small-option-background-color-hover: rgba(44,44,44,0.04);--spectrum-selectlist-thumbnail-small-option-text-color-hover: rgb(75, 75, 75);--spectrum-selectlist-thumbnail-small-option-text-color-selected: rgb(13, 102, 208);--spectrum-selectlist-thumbnail-small-option-background-color-selected: rgba(0, 0, 0, 0);--spectrum-selectlist-thumbnail-small-option-icon-color-selected: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-small-option-icon-color-selected-hover: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-small-option-background-color-selected-hover: rgba(44,44,44,0.04);--spectrum-selectlist-thumbnail-small-option-text-color-selected-hover: rgb(13, 102, 208);--spectrum-selectlist-thumbnail-small-option-icon-color-key-focus: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-small-option-background-color-key-focus: rgba(44,44,44,0.04);--spectrum-selectlist-thumbnail-small-option-border-color-key-focus: rgb(38, 128, 235);--spectrum-selectlist-thumbnail-small-option-text-color-key-focus: rgb(75, 75, 75);--spectrum-selectlist-thumbnail-small-option-icon-color-down: rgb(20, 115, 230);--spectrum-selectlist-thumbnail-small-option-background-color-down: rgba(44,44,44,0.04);--spectrum-selectlist-thumbnail-small-option-text-color-down: rgb(75, 75, 75);--spectrum-selectlist-thumbnail-small-option-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-selectlist-thumbnail-small-option-text-color-disabled: rgb(179, 179, 179);--spectrum-selectlist-thumbnail-small-option-icon-color-disabled: rgb(202, 202, 202);--spectrum-selectlist-thumbnail-small-image-opacity-disabled: 30%;--spectrum-selectlist-thumbnail-small-image-border-color: rgba(0,0,0,0.05);--spectrum-selectlist-thumbnail-small-option-focus-indicator-color: rgb(38, 128, 235);--spectrum-selectlist-thumbnail-small-background-color: rgba(0, 0, 0, 0);--spectrum-sidenav-item-background-color: rgba(0, 0, 0, 0);--spectrum-sidenav-item-text-color: rgb(75, 75, 75);--spectrum-sidenav-header-text-color: rgb(110, 110, 110);--spectrum-sidenav-heading-text-color: rgb(110, 110, 110);--spectrum-sidenav-item-background-color-hover: rgba(44,44,44,0.06);--spectrum-sidenav-item-text-color-hover: rgb(44, 44, 44);--spectrum-sidenav-item-background-color-key-focus: rgba(44,44,44,0.06);--spectrum-sidenav-item-text-color-key-focus: rgb(44, 44, 44);--spectrum-sidenav-item-border-color-key-focus: rgb(38, 128, 235);--spectrum-sidenav-item-background-color-down: rgba(44,44,44,0.06);--spectrum-sidenav-item-text-color-down: rgb(44, 44, 44);--spectrum-sidenav-item-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-sidenav-item-text-color-disabled: rgb(179, 179, 179);--spectrum-sidenav-item-background-color-selected: rgba(44,44,44,0.06);--spectrum-sidenav-item-text-color-selected: rgb(44, 44, 44);--spectrum-sidenav-item-background-color-selected-hover: rgba(44,44,44,0.06);--spectrum-sidenav-item-text-color-selected-hover: rgb(44, 44, 44);--spectrum-sidenav-item-background-color-selected-down: rgba(44,44,44,0.06);--spectrum-sidenav-item-text-color-selected-down: rgb(44, 44, 44);--spectrum-sidenav-item-background-color-selected-key-focus: rgba(44,44,44,0.06);--spectrum-sidenav-item-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-sidenav-item-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-sidenav-multilevel-item-background-color: rgba(0, 0, 0, 0);--spectrum-sidenav-multilevel-item-text-color: rgb(75, 75, 75);--spectrum-sidenav-multilevel-header-text-color: rgb(110, 110, 110);--spectrum-sidenav-multilevel-heading-text-color: rgb(110, 110, 110);--spectrum-sidenav-multilevel-main-item-background-color: rgba(0, 0, 0, 0);--spectrum-sidenav-multilevel-main-item-text-color: rgb(75, 75, 75);--spectrum-sidenav-multilevel-item-background-color-hover: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-item-text-color-hover: rgb(44, 44, 44);--spectrum-sidenav-multilevel-main-item-background-color-hover: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-main-item-text-color-hover: rgb(44, 44, 44);--spectrum-sidenav-multilevel-item-background-color-key-focus: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-item-text-color-key-focus: rgb(44, 44, 44);--spectrum-sidenav-multilevel-item-border-color-key-focus: rgb(38, 128, 235);--spectrum-sidenav-multilevel-main-item-background-color-key-focus: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-main-item-text-color-key-focus: rgb(44, 44, 44);--spectrum-sidenav-multilevel-main-item-border-color-key-focus: rgb(38, 128, 235);--spectrum-sidenav-multilevel-item-background-color-down: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-item-text-color-down: rgb(44, 44, 44);--spectrum-sidenav-multilevel-main-item-background-color-down: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-main-item-text-color-down: rgb(44, 44, 44);--spectrum-sidenav-multilevel-item-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-sidenav-multilevel-item-text-color-disabled: rgb(179, 179, 179);--spectrum-sidenav-multilevel-main-item-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-sidenav-multilevel-main-item-text-color-disabled: rgb(179, 179, 179);--spectrum-sidenav-multilevel-item-background-color-selected: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-item-text-color-selected: rgb(44, 44, 44);--spectrum-sidenav-multilevel-main-item-background-color-selected: rgba(0, 0, 0, 0);--spectrum-sidenav-multilevel-main-item-text-color-selected: rgb(44, 44, 44);--spectrum-sidenav-multilevel-item-background-color-selected-hover: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-item-text-color-selected-hover: rgb(44, 44, 44);--spectrum-sidenav-multilevel-main-item-background-color-selected-hover: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-main-item-text-color-selected-hover: rgb(44, 44, 44);--spectrum-sidenav-multilevel-item-background-color-selected-down: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-item-text-color-selected-down: rgb(44, 44, 44);--spectrum-sidenav-multilevel-main-item-background-color-selected-down: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-main-item-text-color-selected-down: rgb(44, 44, 44);--spectrum-sidenav-multilevel-item-background-color-selected-key-focus: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-item-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-sidenav-multilevel-item-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-sidenav-multilevel-main-item-background-color-selected-key-focus: rgba(44,44,44,0.06);--spectrum-sidenav-multilevel-main-item-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-sidenav-multilevel-main-item-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-slider-color-handle-outset-border-color: rgba(0,0,0,0.05);--spectrum-slider-color-handle-inset-border-color: rgba(0,0,0,0.05);--spectrum-slider-color-handle-border-color: rgb(255, 255, 255);--spectrum-slider-color-handle-color: rgba(0, 0, 0, 0);--spectrum-slider-color-track-background-color-gradient-start: rgb(38, 128, 235);--spectrum-slider-color-track-background-color-gradient-end: rgb(9, 90, 186);--spectrum-slider-color-track-border-color: rgba(0,0,0,0.05);--spectrum-slider-color-handle-outset-border-color-key-focus: rgba(0,0,0,0.05);--spectrum-slider-color-track-color-disabled: rgb(234, 234, 234);--spectrum-slider-color-handle-border-color-disabled: rgb(202, 202, 202);--spectrum-slider-color-handle-color-disabled: rgba(0, 0, 0, 0);--spectrum-slider-handle-border-color: rgb(110, 110, 110);--spectrum-slider-handle-background-color: rgba(0, 0, 0, 0);--spectrum-slider-track-color: rgb(225, 225, 225);--spectrum-slider-handle-border-color-hover: rgb(75, 75, 75);--spectrum-slider-handle-background-color-hover: rgba(0, 0, 0, 0);--spectrum-slider-track-color-hover: rgb(225, 225, 225);--spectrum-slider-handle-border-color-down: rgb(75, 75, 75);--spectrum-slider-handle-background-color-down: rgba(0, 0, 0, 0);--spectrum-slider-track-color-down: rgb(225, 225, 225);--spectrum-slider-radial-reaction-color-down: rgba(75,75,75,0.6);--spectrum-slider-handle-border-color-key-focus: rgb(38, 128, 235);--spectrum-slider-handle-background-color-key-focus: rgb(38, 128, 235);--spectrum-slider-track-color-key-focus: rgb(225, 225, 225);--spectrum-slider-handle-border-color-disabled: rgb(202, 202, 202);--spectrum-slider-handle-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-slider-track-color-disabled: rgb(225, 225, 225);--spectrum-slider-editable-handle-border-color: rgb(110, 110, 110);--spectrum-slider-editable-handle-background-color: rgba(0, 0, 0, 0);--spectrum-slider-editable-track-color: rgb(225, 225, 225);--spectrum-slider-editable-handle-border-color-hover: rgb(75, 75, 75);--spectrum-slider-editable-handle-background-color-hover: rgba(0, 0, 0, 0);--spectrum-slider-editable-track-color-hover: rgb(225, 225, 225);--spectrum-slider-editable-handle-border-color-down: rgb(75, 75, 75);--spectrum-slider-editable-handle-background-color-down: rgba(0, 0, 0, 0);--spectrum-slider-editable-track-color-down: rgb(225, 225, 225);--spectrum-slider-editable-radial-reaction-color-down: rgba(75,75,75,0.6);--spectrum-slider-editable-handle-border-color-key-focus: rgb(38, 128, 235);--spectrum-slider-editable-handle-background-color-key-focus: rgb(38, 128, 235);--spectrum-slider-editable-track-color-key-focus: rgb(225, 225, 225);--spectrum-slider-editable-handle-border-color-disabled: rgb(202, 202, 202);--spectrum-slider-editable-handle-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-slider-editable-track-color-disabled: rgb(225, 225, 225);--spectrum-slider-fill-handle-border-color: rgb(110, 110, 110);--spectrum-slider-fill-handle-background-color: rgba(0, 0, 0, 0);--spectrum-slider-fill-track-color: rgb(110, 110, 110);--spectrum-slider-fill-handle-border-color-hover: rgb(75, 75, 75);--spectrum-slider-fill-handle-background-color-hover: rgba(0, 0, 0, 0);--spectrum-slider-fill-track-color-hover: rgb(225, 225, 225);--spectrum-slider-fill-handle-border-color-down: rgb(75, 75, 75);--spectrum-slider-fill-handle-background-color-down: rgba(0, 0, 0, 0);--spectrum-slider-fill-track-color-down: rgb(225, 225, 225);--spectrum-slider-fill-radial-reaction-color-down: rgba(75,75,75,0.6);--spectrum-slider-fill-handle-border-color-key-focus: rgb(38, 128, 235);--spectrum-slider-fill-handle-background-color-key-focus: rgb(38, 128, 235);--spectrum-slider-fill-track-color-key-focus: rgb(225, 225, 225);--spectrum-slider-fill-handle-border-color-disabled: rgb(202, 202, 202);--spectrum-slider-fill-handle-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-slider-fill-track-color-disabled: rgb(225, 225, 225);--spectrum-slider-player-track-buffer-color: rgb(179, 179, 179);--spectrum-slider-player-track-buffer-color-disabled: rgb(225, 225, 225);--spectrum-slider-ramp-track-color-disabled: rgb(234, 234, 234);--spectrum-slider-tick-mark-color: rgb(225, 225, 225);--spectrum-statuslight-text-color: rgb(75, 75, 75);--spectrum-statuslight-text-color-disabled: rgb(179, 179, 179);--spectrum-statuslight-dot-color-disabled: rgb(202, 202, 202);--spectrum-statuslight-dot-color-label-celery: rgb(68, 181, 86);--spectrum-statuslight-dot-color-label-chartreuse: rgb(133, 208, 68);--spectrum-statuslight-dot-color-label-yellow: rgb(223, 191, 0);--spectrum-statuslight-dot-color-label-magenta: rgb(216, 55, 144);--spectrum-statuslight-dot-color-label-fuchsia: rgb(192, 56, 204);--spectrum-statuslight-dot-color-label-purple: rgb(146, 86, 217);--spectrum-statuslight-dot-color-label-indigo: rgb(103, 103, 236);--spectrum-statuslight-dot-color-label-seafoam: rgb(27, 149, 154);--spectrum-statuslight-info-text-color: rgb(75, 75, 75);--spectrum-statuslight-info-text-color-disabled: rgb(179, 179, 179);--spectrum-statuslight-info-dot-color-disabled: rgb(202, 202, 202);--spectrum-statuslight-info-dot-color: rgb(38, 128, 235);--spectrum-statuslight-negative-text-color: rgb(75, 75, 75);--spectrum-statuslight-negative-text-color-disabled: rgb(179, 179, 179);--spectrum-statuslight-negative-dot-color-disabled: rgb(202, 202, 202);--spectrum-statuslight-negative-dot-color: rgb(227, 72, 80);--spectrum-statuslight-neutral-text-color: rgb(110, 110, 110);--spectrum-statuslight-neutral-text-color-disabled: rgb(179, 179, 179);--spectrum-statuslight-neutral-dot-color-disabled: rgb(202, 202, 202);--spectrum-statuslight-neutral-dot-color: rgb(179, 179, 179);--spectrum-statuslight-notice-text-color: rgb(75, 75, 75);--spectrum-statuslight-notice-text-color-disabled: rgb(179, 179, 179);--spectrum-statuslight-notice-dot-color-disabled: rgb(202, 202, 202);--spectrum-statuslight-notice-dot-color: rgb(230, 134, 25);--spectrum-statuslight-positive-text-color: rgb(75, 75, 75);--spectrum-statuslight-positive-text-color-disabled: rgb(179, 179, 179);--spectrum-statuslight-positive-dot-color-disabled: rgb(202, 202, 202);--spectrum-statuslight-positive-dot-color: rgb(45, 157, 120);--spectrum-steplist-complete-marker-color: rgb(142, 142, 142);--spectrum-steplist-complete-segment-color: rgb(179, 179, 179);--spectrum-steplist-complete-label-text-color: rgb(110, 110, 110);--spectrum-steplist-complete-marker-color-hover: rgb(110, 110, 110);--spectrum-steplist-complete-marker-color-key-focus: rgb(38, 128, 235);--spectrum-steplist-current-marker-color: rgb(75, 75, 75);--spectrum-steplist-current-label-text-color: rgb(75, 75, 75);--spectrum-steplist-current-marker-color-key-focus: rgb(38, 128, 235);--spectrum-steplist-incomplete-marker-color: rgb(225, 225, 225);--spectrum-steplist-incomplete-segment-color: rgb(225, 225, 225);--spectrum-steplist-incomplete-label-text-color: rgb(142, 142, 142);--spectrum-steplist-incomplete-marker-color-hover: rgb(110, 110, 110);--spectrum-switch-text-color: rgb(75, 75, 75);--spectrum-switch-handle-border-color: rgb(142, 142, 142);--spectrum-switch-handle-background-color: rgb(250, 250, 250);--spectrum-switch-track-color: rgb(225, 225, 225);--spectrum-switch-text-color-hover: rgb(44, 44, 44);--spectrum-switch-handle-border-color-hover: rgb(110, 110, 110);--spectrum-switch-handle-background-color-hover: rgb(250, 250, 250);--spectrum-switch-track-color-hover: rgb(225, 225, 225);--spectrum-switch-text-color-down: rgb(44, 44, 44);--spectrum-switch-handle-border-color-down: rgb(75, 75, 75);--spectrum-switch-handle-background-color-down: rgb(250, 250, 250);--spectrum-switch-track-color-down: rgb(225, 225, 225);--spectrum-switch-text-color-key-focus: rgb(13, 102, 208);--spectrum-switch-handle-border-color-key-focus: rgb(38, 128, 235);--spectrum-switch-handle-background-color-key-focus: rgb(250, 250, 250);--spectrum-switch-track-color-key-focus: rgb(225, 225, 225);--spectrum-switch-text-color-disabled: rgb(179, 179, 179);--spectrum-switch-handle-border-color-disabled: rgb(202, 202, 202);--spectrum-switch-handle-background-color-disabled: rgb(250, 250, 250);--spectrum-switch-track-color-disabled: rgb(225, 225, 225);--spectrum-switch-text-color-selected: rgb(75, 75, 75);--spectrum-switch-handle-border-color-selected: rgb(20, 115, 230);--spectrum-switch-handle-background-color-selected: rgb(250, 250, 250);--spectrum-switch-track-color-selected: rgb(20, 115, 230);--spectrum-switch-text-color-selected-hover: rgb(44, 44, 44);--spectrum-switch-handle-border-color-selected-hover: rgb(13, 102, 208);--spectrum-switch-handle-background-color-selected-hover: rgb(250, 250, 250);--spectrum-switch-track-color-selected-hover: rgb(13, 102, 208);--spectrum-switch-text-color-selected-down: rgb(44, 44, 44);--spectrum-switch-handle-border-color-selected-down: rgb(9, 90, 186);--spectrum-switch-handle-background-color-selected-down: rgb(250, 250, 250);--spectrum-switch-track-color-selected-down: rgb(9, 90, 186);--spectrum-switch-text-color-selected-key-focus: rgb(13, 102, 208);--spectrum-switch-track-color-selected-key-focus: rgb(38, 128, 235);--spectrum-switch-handle-background-color-selected-key-focus: rgb(250, 250, 250);--spectrum-switch-handle-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-switch-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-switch-track-color-selected-disabled: rgb(202, 202, 202);--spectrum-switch-handle-border-color-selected-disabled: rgb(202, 202, 202);--spectrum-switch-handle-background-color-selected-disabled: rgb(250, 250, 250);--spectrum-switch-text-color-error: rgb(201, 37, 45);--spectrum-switch-track-color-error: rgb(215, 55, 63);--spectrum-switch-handle-border-color-error: rgb(215, 55, 63);--spectrum-switch-handle-background-color-error: rgb(250, 250, 250);--spectrum-switch-text-color-error-hover: rgb(187, 18, 26);--spectrum-switch-track-color-error-hover: rgb(201, 37, 45);--spectrum-switch-handle-border-color-error-hover: rgb(201, 37, 45);--spectrum-switch-handle-background-color-error-hover: rgb(250, 250, 250);--spectrum-switch-text-color-error-down: rgb(187, 18, 26);--spectrum-switch-track-color-error-down: rgb(187, 18, 26);--spectrum-switch-handle-border-color-error-down: rgb(187, 18, 26);--spectrum-switch-handle-background-color-error-down: rgb(250, 250, 250);--spectrum-switch-text-color-error-key-focus: rgb(13, 102, 208);--spectrum-switch-handle-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-switch-handle-background-color-error-key-focus: rgb(250, 250, 250);--spectrum-switch-track-color-error-key-focus: rgb(225, 225, 225);--spectrum-switch-text-color-error-disabled: rgb(179, 179, 179);--spectrum-switch-handle-border-color-error-disabled: rgb(202, 202, 202);--spectrum-switch-handle-background-color-error-disabled: rgb(250, 250, 250);--spectrum-switch-track-color-error-disabled: rgb(225, 225, 225);--spectrum-switch-text-color-error-selected: rgb(201, 37, 45);--spectrum-switch-track-color-error-selected: rgb(215, 55, 63);--spectrum-switch-handle-border-color-error-selected: rgb(215, 55, 63);--spectrum-switch-handle-background-color-error-selected: rgb(250, 250, 250);--spectrum-switch-text-color-error-selected-hover: rgb(187, 18, 26);--spectrum-switch-track-color-error-selected-hover: rgb(201, 37, 45);--spectrum-switch-handle-border-color-error-selected-hover: rgb(201, 37, 45);--spectrum-switch-handle-background-color-error-selected-hover: rgb(250, 250, 250);--spectrum-switch-text-color-error-selected-down: rgb(187, 18, 26);--spectrum-switch-track-color-error-selected-down: rgb(187, 18, 26);--spectrum-switch-handle-border-color-error-selected-down: rgb(187, 18, 26);--spectrum-switch-handle-background-color-error-selected-down: rgb(250, 250, 250);--spectrum-switch-text-color-error-selected-key-focus: rgb(13, 102, 208);--spectrum-switch-handle-border-color-error-selected-key-focus: rgb(38, 128, 235);--spectrum-switch-handle-background-color-error-selected-key-focus: rgb(250, 250, 250);--spectrum-switch-track-color-error-selected-key-focus: rgb(225, 225, 225);--spectrum-switch-text-color-error-selected-disabled: rgb(179, 179, 179);--spectrum-switch-track-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-switch-handle-border-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-switch-handle-background-color-error-selected-disabled: rgb(250, 250, 250);--spectrum-switch-track-color-disabled-selected: rgb(202, 202, 202);--spectrum-switch-quiet-text-color: rgb(75, 75, 75);--spectrum-switch-quiet-handle-border-color: rgb(142, 142, 142);--spectrum-switch-quiet-handle-background-color: rgb(250, 250, 250);--spectrum-switch-quiet-track-color: rgb(225, 225, 225);--spectrum-switch-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-switch-quiet-handle-border-color-hover: rgb(110, 110, 110);--spectrum-switch-quiet-handle-background-color-hover: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-hover: rgb(225, 225, 225);--spectrum-switch-quiet-text-color-down: rgb(44, 44, 44);--spectrum-switch-quiet-handle-border-color-down: rgb(75, 75, 75);--spectrum-switch-quiet-handle-background-color-down: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-down: rgb(225, 225, 225);--spectrum-switch-quiet-text-color-key-focus: rgb(13, 102, 208);--spectrum-switch-quiet-handle-border-color-key-focus: rgb(38, 128, 235);--spectrum-switch-quiet-handle-background-color-key-focus: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-key-focus: rgb(225, 225, 225);--spectrum-switch-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-switch-quiet-handle-border-color-disabled: rgb(202, 202, 202);--spectrum-switch-quiet-handle-background-color-disabled: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-disabled: rgb(225, 225, 225);--spectrum-switch-quiet-text-color-selected: rgb(75, 75, 75);--spectrum-switch-quiet-handle-border-color-selected: rgb(110, 110, 110);--spectrum-switch-quiet-handle-background-color-selected: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-selected: rgb(110, 110, 110);--spectrum-switch-quiet-text-color-selected-hover: rgb(44, 44, 44);--spectrum-switch-quiet-handle-border-color-selected-hover: rgb(75, 75, 75);--spectrum-switch-quiet-handle-background-color-selected-hover: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-selected-hover: rgb(75, 75, 75);--spectrum-switch-quiet-text-color-selected-down: rgb(44, 44, 44);--spectrum-switch-quiet-handle-border-color-selected-down: rgb(44, 44, 44);--spectrum-switch-quiet-handle-background-color-selected-down: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-selected-down: rgb(44, 44, 44);--spectrum-switch-quiet-text-color-selected-key-focus: rgb(13, 102, 208);--spectrum-switch-quiet-track-color-selected-key-focus: rgb(38, 128, 235);--spectrum-switch-quiet-handle-background-color-selected-key-focus: rgb(250, 250, 250);--spectrum-switch-quiet-handle-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-switch-quiet-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-switch-quiet-track-color-selected-disabled: rgb(202, 202, 202);--spectrum-switch-quiet-handle-border-color-selected-disabled: rgb(202, 202, 202);--spectrum-switch-quiet-handle-background-color-selected-disabled: rgb(250, 250, 250);--spectrum-switch-quiet-text-color-error: rgb(201, 37, 45);--spectrum-switch-quiet-track-color-error: rgb(215, 55, 63);--spectrum-switch-quiet-handle-border-color-error: rgb(215, 55, 63);--spectrum-switch-quiet-handle-background-color-error: rgb(250, 250, 250);--spectrum-switch-quiet-text-color-error-hover: rgb(187, 18, 26);--spectrum-switch-quiet-track-color-error-hover: rgb(201, 37, 45);--spectrum-switch-quiet-handle-border-color-error-hover: rgb(201, 37, 45);--spectrum-switch-quiet-handle-background-color-error-hover: rgb(250, 250, 250);--spectrum-switch-quiet-text-color-error-down: rgb(187, 18, 26);--spectrum-switch-quiet-track-color-error-down: rgb(187, 18, 26);--spectrum-switch-quiet-handle-border-color-error-down: rgb(187, 18, 26);--spectrum-switch-quiet-handle-background-color-error-down: rgb(250, 250, 250);--spectrum-switch-quiet-text-color-error-key-focus: rgb(13, 102, 208);--spectrum-switch-quiet-handle-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-switch-quiet-handle-background-color-error-key-focus: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-error-key-focus: rgb(225, 225, 225);--spectrum-switch-quiet-text-color-error-disabled: rgb(179, 179, 179);--spectrum-switch-quiet-handle-border-color-error-disabled: rgb(202, 202, 202);--spectrum-switch-quiet-handle-background-color-error-disabled: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-error-disabled: rgb(225, 225, 225);--spectrum-switch-quiet-text-color-error-selected: rgb(201, 37, 45);--spectrum-switch-quiet-track-color-error-selected: rgb(215, 55, 63);--spectrum-switch-quiet-handle-border-color-error-selected: rgb(215, 55, 63);--spectrum-switch-quiet-handle-background-color-error-selected: rgb(250, 250, 250);--spectrum-switch-quiet-text-color-error-selected-hover: rgb(187, 18, 26);--spectrum-switch-quiet-track-color-error-selected-hover: rgb(201, 37, 45);--spectrum-switch-quiet-handle-border-color-error-selected-hover: rgb(201, 37, 45);--spectrum-switch-quiet-handle-background-color-error-selected-hover: rgb(250, 250, 250);--spectrum-switch-quiet-text-color-error-selected-down: rgb(187, 18, 26);--spectrum-switch-quiet-track-color-error-selected-down: rgb(187, 18, 26);--spectrum-switch-quiet-handle-border-color-error-selected-down: rgb(187, 18, 26);--spectrum-switch-quiet-handle-background-color-error-selected-down: rgb(250, 250, 250);--spectrum-switch-quiet-text-color-error-selected-key-focus: rgb(13, 102, 208);--spectrum-switch-quiet-handle-border-color-error-selected-key-focus: rgb(38, 128, 235);--spectrum-switch-quiet-handle-background-color-error-selected-key-focus: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-error-selected-key-focus: rgb(225, 225, 225);--spectrum-switch-quiet-text-color-error-selected-disabled: rgb(179, 179, 179);--spectrum-switch-quiet-track-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-switch-quiet-handle-border-color-error-selected-disabled: rgb(202, 202, 202);--spectrum-switch-quiet-handle-background-color-error-selected-disabled: rgb(250, 250, 250);--spectrum-switch-quiet-track-color-disabled-selected: rgb(202, 202, 202);--spectrum-list-background-color: rgb(250, 250, 250);--spectrum-list-focus-indicator-color: rgb(38, 128, 235);--spectrum-list-text-color: rgb(75, 75, 75);--spectrum-list-background-color-hover: rgba(44,44,44,0.04);--spectrum-list-text-color-down: rgb(75, 75, 75);--spectrum-table-background-color: rgb(255, 255, 255);--spectrum-table-border-color: rgb(225, 225, 225);--spectrum-table-divider-border-color: rgb(225, 225, 225);--spectrum-table-row-background-color: rgba(0, 0, 0, 0);--spectrum-table-header-text-color: rgb(110, 110, 110);--spectrum-table-header-sort-icon-color: rgb(142, 142, 142);--spectrum-table-header-background-color: rgba(0, 0, 0, 0);--spectrum-table-cell-text-color: rgb(75, 75, 75);--spectrum-table-cell-background-color: rgba(0, 0, 0, 0);--spectrum-table-cell-border-color: rgb(225, 225, 225);--spectrum-table-row-background-color-hover: rgba(44,44,44,0.06);--spectrum-table-header-text-color-hover: rgb(44, 44, 44);--spectrum-table-header-sort-icon-color-hover: rgb(44, 44, 44);--spectrum-table-cell-background-color-hover: rgb(245, 245, 245);--spectrum-table-row-background-color-down: rgba(44,44,44,0.1);--spectrum-table-header-text-color-down: rgb(44, 44, 44);--spectrum-table-header-sort-icon-color-down: rgb(44, 44, 44);--spectrum-table-cell-background-color-down: rgb(234, 234, 234);--spectrum-table-header-text-color-key-focus: rgb(44, 44, 44);--spectrum-table-header-sort-icon-color-key-focus: rgb(44, 44, 44);--spectrum-table-row-background-color-key-focus: rgba(44,44,44,0.1);--spectrum-table-header-border-color-key-focus: rgb(38, 128, 235);--spectrum-table-cell-border-color-key-focus: rgb(38, 128, 235);--spectrum-table-row-background-color-selected: rgba(20,115,230,0.1);--spectrum-table-cell-background-color-selected: rgb(245, 245, 245);--spectrum-table-row-background-color-selected-hover: rgba(20,115,230,0.2);--spectrum-table-cell-background-color-selected-hover: rgb(234, 234, 234);--spectrum-table-row-background-color-selected-key-focus: rgba(20,115,230,0.2);--spectrum-table-quiet-background-color: rgba(0, 0, 0, 0);--spectrum-table-quiet-border-color: rgb(225, 225, 225);--spectrum-table-quiet-divider-border-color: rgb(225, 225, 225);--spectrum-table-quiet-row-background-color: rgba(0, 0, 0, 0);--spectrum-table-quiet-header-text-color: rgb(110, 110, 110);--spectrum-table-quiet-header-sort-icon-color: rgb(142, 142, 142);--spectrum-table-quiet-header-background-color: rgba(0, 0, 0, 0);--spectrum-table-quiet-cell-text-color: rgb(75, 75, 75);--spectrum-table-quiet-cell-background-color: rgba(0, 0, 0, 0);--spectrum-table-quiet-row-background-color-hover: rgba(44,44,44,0.06);--spectrum-table-quiet-header-text-color-hover: rgb(44, 44, 44);--spectrum-table-quiet-header-sort-icon-color-hover: rgb(44, 44, 44);--spectrum-table-quiet-cell-background-color-hover: rgb(234, 234, 234);--spectrum-table-quiet-row-background-color-down: rgba(44,44,44,0.1);--spectrum-table-quiet-header-text-color-down: rgb(44, 44, 44);--spectrum-table-quiet-header-sort-icon-color-down: rgb(44, 44, 44);--spectrum-table-quiet-cell-background-color-down: rgb(225, 225, 225);--spectrum-table-quiet-header-text-color-key-focus: rgb(44, 44, 44);--spectrum-table-quiet-header-sort-icon-color-key-focus: rgb(44, 44, 44);--spectrum-table-quiet-row-background-color-key-focus: rgba(44,44,44,0.1);--spectrum-table-quiet-header-border-color-key-focus: rgb(38, 128, 235);--spectrum-table-quiet-cell-border-color-key-focus: rgb(38, 128, 235);--spectrum-table-quiet-row-background-color-selected: rgba(20,115,230,0.1);--spectrum-table-quiet-cell-background-color-selected: rgb(234, 234, 234);--spectrum-table-quiet-row-background-color-selected-hover: rgba(20,115,230,0.2);--spectrum-table-quiet-cell-background-color-selected-hover: rgb(225, 225, 225);--spectrum-table-quiet-row-background-color-selected-key-focus: rgba(20,115,230,0.2);--spectrum-tabs-compact-text-color: rgb(110, 110, 110);--spectrum-tabs-compact-icon-color: rgb(110, 110, 110);--spectrum-tabs-compact-selection-indicator-color: rgb(44, 44, 44);--spectrum-tabs-compact-focus-ring-color: rgb(38, 128, 235);--spectrum-tabs-compact-rule-color: rgba(0, 0, 0, 0);--spectrum-tabs-compact-text-color-hover: rgb(44, 44, 44);--spectrum-tabs-compact-icon-color-hover: rgb(44, 44, 44);--spectrum-tabs-compact-text-color-down: rgb(44, 44, 44);--spectrum-tabs-compact-icon-color-down: rgb(44, 44, 44);--spectrum-tabs-compact-text-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-compact-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-compact-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tabs-compact-text-color-disabled: rgb(179, 179, 179);--spectrum-tabs-compact-icon-color-disabled: rgb(202, 202, 202);--spectrum-tabs-compact-text-color-selected: rgb(44, 44, 44);--spectrum-tabs-compact-icon-color-selected: rgb(44, 44, 44);--spectrum-tabs-compact-text-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-compact-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-compact-text-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-compact-icon-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-compact-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-compact-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-compact-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-tabs-compact-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tabs-compact-vertical-text-color: rgb(110, 110, 110);--spectrum-tabs-compact-vertical-icon-color: rgb(110, 110, 110);--spectrum-tabs-compact-vertical-selection-indicator-color: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-focus-ring-color: rgb(38, 128, 235);--spectrum-tabs-compact-vertical-rule-color: rgba(0, 0, 0, 0);--spectrum-tabs-compact-vertical-text-color-hover: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-icon-color-hover: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-text-color-down: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-icon-color-down: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-text-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-text-color-disabled: rgb(179, 179, 179);--spectrum-tabs-compact-vertical-icon-color-disabled: rgb(202, 202, 202);--spectrum-tabs-compact-vertical-text-color-selected: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-icon-color-selected: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-text-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-text-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-icon-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-compact-vertical-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-tabs-compact-vertical-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tabs-text-color: rgb(110, 110, 110);--spectrum-tabs-icon-color: rgb(110, 110, 110);--spectrum-tabs-selection-indicator-color: rgb(44, 44, 44);--spectrum-tabs-focus-ring-color: rgb(38, 128, 235);--spectrum-tabs-rule-color: rgb(234, 234, 234);--spectrum-tabs-text-color-hover: rgb(44, 44, 44);--spectrum-tabs-icon-color-hover: rgb(44, 44, 44);--spectrum-tabs-text-color-down: rgb(44, 44, 44);--spectrum-tabs-icon-color-down: rgb(44, 44, 44);--spectrum-tabs-text-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tabs-text-color-disabled: rgb(179, 179, 179);--spectrum-tabs-icon-color-disabled: rgb(202, 202, 202);--spectrum-tabs-text-color-selected: rgb(44, 44, 44);--spectrum-tabs-icon-color-selected: rgb(44, 44, 44);--spectrum-tabs-text-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-text-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-icon-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-tabs-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tabs-quiet-text-color: rgb(110, 110, 110);--spectrum-tabs-quiet-icon-color: rgb(110, 110, 110);--spectrum-tabs-quiet-selection-indicator-color: rgb(44, 44, 44);--spectrum-tabs-quiet-focus-ring-color: rgb(38, 128, 235);--spectrum-tabs-quiet-rule-color: rgba(0, 0, 0, 0);--spectrum-tabs-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-icon-color-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-text-color-down: rgb(44, 44, 44);--spectrum-tabs-quiet-icon-color-down: rgb(44, 44, 44);--spectrum-tabs-quiet-text-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-tabs-quiet-icon-color-disabled: rgb(202, 202, 202);--spectrum-tabs-quiet-text-color-selected: rgb(44, 44, 44);--spectrum-tabs-quiet-icon-color-selected: rgb(44, 44, 44);--spectrum-tabs-quiet-text-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-text-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-quiet-icon-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-quiet-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-tabs-quiet-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tabs-quiet-compact-text-color: rgb(110, 110, 110);--spectrum-tabs-quiet-compact-icon-color: rgb(110, 110, 110);--spectrum-tabs-quiet-compact-selection-indicator-color: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-focus-ring-color: rgb(38, 128, 235);--spectrum-tabs-quiet-compact-rule-color: rgba(0, 0, 0, 0);--spectrum-tabs-quiet-compact-text-color-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-icon-color-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-text-color-down: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-icon-color-down: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-text-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-text-color-disabled: rgb(179, 179, 179);--spectrum-tabs-quiet-compact-icon-color-disabled: rgb(202, 202, 202);--spectrum-tabs-quiet-compact-text-color-selected: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-icon-color-selected: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-text-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-text-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-icon-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-compact-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-tabs-quiet-compact-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tabs-quiet-vertical-text-color: rgb(110, 110, 110);--spectrum-tabs-quiet-vertical-icon-color: rgb(110, 110, 110);--spectrum-tabs-quiet-vertical-selection-indicator-color: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-focus-ring-color: rgb(38, 128, 235);--spectrum-tabs-quiet-vertical-rule-color: rgba(0, 0, 0, 0);--spectrum-tabs-quiet-vertical-text-color-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-icon-color-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-text-color-down: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-icon-color-down: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-text-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-text-color-disabled: rgb(179, 179, 179);--spectrum-tabs-quiet-vertical-icon-color-disabled: rgb(202, 202, 202);--spectrum-tabs-quiet-vertical-text-color-selected: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-icon-color-selected: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-text-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-text-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-icon-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-quiet-vertical-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-tabs-quiet-vertical-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tabs-vertical-text-color: rgb(110, 110, 110);--spectrum-tabs-vertical-icon-color: rgb(110, 110, 110);--spectrum-tabs-vertical-selection-indicator-color: rgb(44, 44, 44);--spectrum-tabs-vertical-focus-ring-color: rgb(38, 128, 235);--spectrum-tabs-vertical-rule-color: rgb(234, 234, 234);--spectrum-tabs-vertical-text-color-hover: rgb(44, 44, 44);--spectrum-tabs-vertical-icon-color-hover: rgb(44, 44, 44);--spectrum-tabs-vertical-text-color-down: rgb(44, 44, 44);--spectrum-tabs-vertical-icon-color-down: rgb(44, 44, 44);--spectrum-tabs-vertical-text-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-vertical-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tabs-vertical-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tabs-vertical-text-color-disabled: rgb(179, 179, 179);--spectrum-tabs-vertical-icon-color-disabled: rgb(202, 202, 202);--spectrum-tabs-vertical-text-color-selected: rgb(44, 44, 44);--spectrum-tabs-vertical-icon-color-selected: rgb(44, 44, 44);--spectrum-tabs-vertical-text-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-vertical-icon-color-selected-hover: rgb(44, 44, 44);--spectrum-tabs-vertical-text-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-vertical-icon-color-selected-down: rgb(44, 44, 44);--spectrum-tabs-vertical-text-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-vertical-icon-color-selected-key-focus: rgb(44, 44, 44);--spectrum-tabs-vertical-text-color-selected-disabled: rgb(179, 179, 179);--spectrum-tabs-vertical-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tag-background-color: rgb(250, 250, 250);--spectrum-tag-border-color: rgb(142, 142, 142);--spectrum-tag-text-color: rgb(110, 110, 110);--spectrum-tag-icon-color: rgb(142, 142, 142);--spectrum-tag-background-color-hover: rgb(250, 250, 250);--spectrum-tag-border-color-hover: rgb(44, 44, 44);--spectrum-tag-text-color-hover: rgb(44, 44, 44);--spectrum-tag-icon-color-hover: rgb(44, 44, 44);--spectrum-tag-background-color-down: rgb(250, 250, 250);--spectrum-tag-border-color-down: rgb(44, 44, 44);--spectrum-tag-text-color-down: rgb(44, 44, 44);--spectrum-tag-icon-color-down: rgb(44, 44, 44);--spectrum-tag-background-color-key-focus: rgb(250, 250, 250);--spectrum-tag-border-color-key-focus: rgb(38, 128, 235);--spectrum-tag-text-color-key-focus: rgb(44, 44, 44);--spectrum-tag-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tag-background-color-disabled: rgb(234, 234, 234);--spectrum-tag-border-color-disabled: rgb(234, 234, 234);--spectrum-tag-text-color-disabled: rgb(179, 179, 179);--spectrum-tag-icon-color-disabled: rgb(179, 179, 179);--spectrum-tag-border-color-error: rgb(215, 55, 63);--spectrum-tag-icon-color-error: rgb(215, 55, 63);--spectrum-tag-text-color-error: rgb(110, 110, 110);--spectrum-tag-border-color-error-hover: rgb(201, 37, 45);--spectrum-tag-icon-color-error-hover: rgb(201, 37, 45);--spectrum-tag-text-color-error-hover: rgb(44, 44, 44);--spectrum-tag-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-tag-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-tag-text-color-error-key-focus: rgb(44, 44, 44);--spectrum-tag-border-color-error-down: rgb(187, 18, 26);--spectrum-tag-icon-color-error-down: rgb(187, 18, 26);--spectrum-tag-text-color-error-down: rgb(44, 44, 44);--spectrum-tag-deletable-background-color: rgb(250, 250, 250);--spectrum-tag-deletable-border-color: rgb(142, 142, 142);--spectrum-tag-deletable-text-color: rgb(110, 110, 110);--spectrum-tag-deletable-icon-color: rgb(142, 142, 142);--spectrum-tag-deletable-background-color-hover: rgb(250, 250, 250);--spectrum-tag-deletable-border-color-hover: rgb(44, 44, 44);--spectrum-tag-deletable-text-color-hover: rgb(110, 110, 110);--spectrum-tag-deletable-icon-color-hover: rgb(44, 44, 44);--spectrum-tag-deletable-background-color-down: rgb(250, 250, 250);--spectrum-tag-deletable-border-color-down: rgb(44, 44, 44);--spectrum-tag-deletable-text-color-down: rgb(110, 110, 110);--spectrum-tag-deletable-icon-color-down: rgb(44, 44, 44);--spectrum-tag-deletable-background-color-key-focus: rgb(250, 250, 250);--spectrum-tag-deletable-border-color-key-focus: rgb(38, 128, 235);--spectrum-tag-deletable-text-color-key-focus: rgb(110, 110, 110);--spectrum-tag-deletable-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tag-deletable-background-color-disabled: rgb(234, 234, 234);--spectrum-tag-deletable-border-color-disabled: rgb(234, 234, 234);--spectrum-tag-deletable-text-color-disabled: rgb(179, 179, 179);--spectrum-tag-deletable-icon-color-disabled: rgb(179, 179, 179);--spectrum-tag-deletable-border-color-error: rgb(215, 55, 63);--spectrum-tag-deletable-icon-color-error: rgb(215, 55, 63);--spectrum-tag-deletable-text-color-error: rgb(110, 110, 110);--spectrum-tag-deletable-border-color-error-hover: rgb(201, 37, 45);--spectrum-tag-deletable-icon-color-error-hover: rgb(201, 37, 45);--spectrum-tag-deletable-text-color-error-hover: rgb(110, 110, 110);--spectrum-tag-deletable-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-tag-deletable-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-tag-deletable-text-color-error-key-focus: rgb(110, 110, 110);--spectrum-tag-deletable-border-color-error-down: rgb(187, 18, 26);--spectrum-tag-deletable-icon-color-error-down: rgb(187, 18, 26);--spectrum-tag-deletable-text-color-error-down: rgb(110, 110, 110);--spectrum-textfield-placeholder-text-color: rgb(142, 142, 142);--spectrum-textfield-text-color: rgb(75, 75, 75);--spectrum-textfield-background-color: rgb(255, 255, 255);--spectrum-textfield-border-color: rgb(225, 225, 225);--spectrum-textfield-icon-color: rgb(110, 110, 110);--spectrum-textfield-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-textfield-text-color-hover: rgb(44, 44, 44);--spectrum-textfield-background-color-hover: rgb(255, 255, 255);--spectrum-textfield-border-color-hover: rgb(202, 202, 202);--spectrum-textfield-icon-color-hover: rgb(44, 44, 44);--spectrum-textfield-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-textfield-text-color-key-focus: rgb(44, 44, 44);--spectrum-textfield-background-color-key-focus: rgb(255, 255, 255);--spectrum-textfield-icon-color-key-focus: rgb(44, 44, 44);--spectrum-textfield-border-color-key-focus: rgb(38, 128, 235);--spectrum-textfield-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-textfield-text-color-disabled: rgb(179, 179, 179);--spectrum-textfield-background-color-disabled: rgb(234, 234, 234);--spectrum-textfield-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-textfield-icon-color-disabled: rgb(179, 179, 179);--spectrum-textfield-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-textfield-text-color-down: rgb(44, 44, 44);--spectrum-textfield-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-textfield-background-color-down: rgb(255, 255, 255);--spectrum-textfield-border-color-down: rgb(20, 115, 230);--spectrum-textfield-icon-color-down: rgb(44, 44, 44);--spectrum-textfield-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-textfield-placeholder-text-color-mouse-focus: rgb(142, 142, 142);--spectrum-textfield-background-color-mouse-focus: rgb(255, 255, 255);--spectrum-textfield-border-color-mouse-focus: rgb(20, 115, 230);--spectrum-textfield-icon-color-mouse-focus: rgb(110, 110, 110);--spectrum-textfield-border-color-error: rgb(215, 55, 63);--spectrum-textfield-validation-icon-color-error: rgb(201, 37, 45);--spectrum-textfield-border-color-error-hover: rgb(201, 37, 45);--spectrum-textfield-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-textfield-border-color-error-down: rgb(20, 115, 230);--spectrum-textfield-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-textfield-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-textfield-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-textfield-border-color-error-mouse-focus: rgb(20, 115, 230);--spectrum-textfield-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-textfield-icon-color-valid: rgb(45, 157, 120);--spectrum-textfield-border-color-valid-hover: rgb(202, 202, 202);--spectrum-textfield-icon-color-valid-hover: rgb(45, 157, 120);--spectrum-textfield-border-color-valid-down: rgb(20, 115, 230);--spectrum-textfield-icon-color-valid-down: rgb(45, 157, 120);--spectrum-textfield-border-color-valid-key-focus: rgb(38, 128, 235);--spectrum-textfield-icon-color-valid-key-focus: rgb(45, 157, 120);--spectrum-textfield-border-color-valid-mouse-focus: rgb(20, 115, 230);--spectrum-textfield-icon-color-valid-mouse-focus: rgb(45, 157, 120);--spectrum-textfield-quiet-placeholder-text-color: rgb(142, 142, 142);--spectrum-textfield-quiet-text-color: rgb(75, 75, 75);--spectrum-textfield-quiet-background-color: rgba(0, 0, 0, 0);--spectrum-textfield-quiet-border-color: rgb(225, 225, 225);--spectrum-textfield-quiet-icon-color: rgb(110, 110, 110);--spectrum-textfield-quiet-placeholder-text-color-hover: rgb(44, 44, 44);--spectrum-textfield-quiet-text-color-hover: rgb(44, 44, 44);--spectrum-textfield-quiet-background-color-hover: rgba(0, 0, 0, 0);--spectrum-textfield-quiet-border-color-hover: rgb(202, 202, 202);--spectrum-textfield-quiet-icon-color-hover: rgb(44, 44, 44);--spectrum-textfield-quiet-placeholder-text-color-key-focus: rgb(44, 44, 44);--spectrum-textfield-quiet-text-color-key-focus: rgb(44, 44, 44);--spectrum-textfield-quiet-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-textfield-quiet-icon-color-key-focus: rgb(44, 44, 44);--spectrum-textfield-quiet-border-color-key-focus: rgb(38, 128, 235);--spectrum-textfield-quiet-placeholder-text-color-disabled: rgb(179, 179, 179);--spectrum-textfield-quiet-text-color-disabled: rgb(179, 179, 179);--spectrum-textfield-quiet-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-textfield-quiet-border-color-disabled: rgb(225, 225, 225);--spectrum-textfield-quiet-icon-color-disabled: rgb(179, 179, 179);--spectrum-textfield-quiet-validation-icon-color-disabled: rgb(179, 179, 179);--spectrum-textfield-quiet-text-color-down: rgb(44, 44, 44);--spectrum-textfield-quiet-placeholder-text-color-down: rgb(44, 44, 44);--spectrum-textfield-quiet-background-color-down: rgba(0, 0, 0, 0);--spectrum-textfield-quiet-border-color-down: rgb(20, 115, 230);--spectrum-textfield-quiet-icon-color-down: rgb(44, 44, 44);--spectrum-textfield-quiet-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-textfield-quiet-placeholder-text-color-mouse-focus: rgb(142, 142, 142);--spectrum-textfield-quiet-background-color-mouse-focus: rgba(0, 0, 0, 0);--spectrum-textfield-quiet-border-color-mouse-focus: rgb(20, 115, 230);--spectrum-textfield-quiet-icon-color-mouse-focus: rgb(110, 110, 110);--spectrum-textfield-quiet-border-color-error: rgb(215, 55, 63);--spectrum-textfield-quiet-validation-icon-color-error: rgb(201, 37, 45);--spectrum-textfield-quiet-border-color-error-hover: rgb(201, 37, 45);--spectrum-textfield-quiet-validation-icon-color-error-hover: rgb(201, 37, 45);--spectrum-textfield-quiet-border-color-error-down: rgb(20, 115, 230);--spectrum-textfield-quiet-validation-icon-color-error-down: rgb(201, 37, 45);--spectrum-textfield-quiet-border-color-error-key-focus: rgb(38, 128, 235);--spectrum-textfield-quiet-validation-icon-color-error-key-focus: rgb(201, 37, 45);--spectrum-textfield-quiet-border-color-error-mouse-focus: rgb(20, 115, 230);--spectrum-textfield-quiet-validation-icon-color-error-mouse-focus: rgb(201, 37, 45);--spectrum-textfield-quiet-icon-color-valid: rgb(45, 157, 120);--spectrum-textfield-quiet-border-color-valid-hover: rgb(202, 202, 202);--spectrum-textfield-quiet-icon-color-valid-hover: rgb(45, 157, 120);--spectrum-textfield-quiet-border-color-valid-down: rgb(20, 115, 230);--spectrum-textfield-quiet-icon-color-valid-down: rgb(45, 157, 120);--spectrum-textfield-quiet-border-color-valid-key-focus: rgb(38, 128, 235);--spectrum-textfield-quiet-icon-color-valid-key-focus: rgb(45, 157, 120);--spectrum-textfield-quiet-border-color-valid-mouse-focus: rgb(20, 115, 230);--spectrum-textfield-quiet-icon-color-valid-mouse-focus: rgb(45, 157, 120);--spectrum-toast-background-color: rgb(116, 116, 116);--spectrum-toast-text-color: rgb(255, 255, 255);--spectrum-toast-icon-color: rgb(255, 255, 255);--spectrum-toast-rule-color: rgba(255,255,255,0.2);--spectrum-toast-error-background-color: rgb(201, 37, 45);--spectrum-toast-info-background-color: rgb(13, 102, 208);--spectrum-toast-info-text-color: rgb(255, 255, 255);--spectrum-toast-info-icon-color: rgb(255, 255, 255);--spectrum-toast-info-rule-color: rgba(255,255,255,0.2);--spectrum-toast-negative-background-color: rgb(201, 37, 45);--spectrum-toast-negative-text-color: rgb(255, 255, 255);--spectrum-toast-negative-icon-color: rgb(255, 255, 255);--spectrum-toast-negative-rule-color: rgba(255,255,255,0.2);--spectrum-toast-positive-background-color: rgb(18, 128, 92);--spectrum-toast-positive-text-color: rgb(255, 255, 255);--spectrum-toast-positive-icon-color: rgb(255, 255, 255);--spectrum-toast-positive-rule-color: rgba(255,255,255,0.2);--spectrum-toast-success-background-color: rgb(18, 128, 92);--spectrum-toast-warning-background-color: rgb(203, 111, 16);--spectrum-tool-text-color: rgb(75, 75, 75);--spectrum-tool-icon-color: rgb(110, 110, 110);--spectrum-tool-background-color: rgba(0, 0, 0, 0);--spectrum-tool-border-color: rgba(0, 0, 0, 0);--spectrum-tool-hold-icon-color: rgb(110, 110, 110);--spectrum-tool-text-color-hover: rgb(44, 44, 44);--spectrum-tool-icon-color-hover: rgb(44, 44, 44);--spectrum-tool-background-color-hover: rgba(0, 0, 0, 0);--spectrum-tool-border-color-hover: rgba(0, 0, 0, 0);--spectrum-tool-hold-icon-color-hover: rgb(44, 44, 44);--spectrum-tool-text-color-down: rgb(44, 44, 44);--spectrum-tool-icon-color-down: rgb(44, 44, 44);--spectrum-tool-background-color-down: rgba(0, 0, 0, 0);--spectrum-tool-border-color-down: rgba(0, 0, 0, 0);--spectrum-tool-hold-icon-color-down: rgb(44, 44, 44);--spectrum-tool-text-color-key-focus: rgb(44, 44, 44);--spectrum-tool-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tool-border-color-key-focus: rgb(38, 128, 235);--spectrum-tool-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-tool-hold-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tool-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tool-text-color-disabled: rgb(179, 179, 179);--spectrum-tool-icon-color-disabled: rgb(202, 202, 202);--spectrum-tool-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-tool-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-tool-hold-icon-color-disabled: rgb(202, 202, 202);--spectrum-tool-icon-color-selected: rgb(20, 115, 230);--spectrum-tool-hold-icon-color-selected: rgb(20, 115, 230);--spectrum-tool-background-color-selected: rgba(0, 0, 0, 0);--spectrum-tool-border-color-selected: rgba(0, 0, 0, 0);--spectrum-tool-icon-color-selected-hover: rgb(13, 102, 208);--spectrum-tool-hold-icon-color-selected-hover: rgb(13, 102, 208);--spectrum-tool-background-color-selected-hover: rgba(0, 0, 0, 0);--spectrum-tool-border-color-selected-hover: rgba(0, 0, 0, 0);--spectrum-tool-icon-color-selected-down: rgb(9, 90, 186);--spectrum-tool-hold-icon-color-selected-down: rgb(9, 90, 186);--spectrum-tool-background-color-selected-down: rgba(0, 0, 0, 0);--spectrum-tool-border-color-selected-down: rgba(0, 0, 0, 0);--spectrum-tool-icon-color-selected-key-focus: rgb(13, 102, 208);--spectrum-tool-hold-icon-color-selected-key-focus: rgb(13, 102, 208);--spectrum-tool-background-color-selected-key-focus: rgba(0, 0, 0, 0);--spectrum-tool-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-tool-background-color-selected-disabled: rgba(0, 0, 0, 0);--spectrum-tool-border-color-selected-disabled: rgba(0, 0, 0, 0);--spectrum-tool-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tool-hold-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tool-high-emphasis-text-color: rgb(75, 75, 75);--spectrum-tool-high-emphasis-icon-color: rgb(110, 110, 110);--spectrum-tool-high-emphasis-background-color: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-border-color: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-hold-icon-color: rgb(110, 110, 110);--spectrum-tool-high-emphasis-text-color-hover: rgb(44, 44, 44);--spectrum-tool-high-emphasis-icon-color-hover: rgb(44, 44, 44);--spectrum-tool-high-emphasis-background-color-hover: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-border-color-hover: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-hold-icon-color-hover: rgb(44, 44, 44);--spectrum-tool-high-emphasis-text-color-down: rgb(44, 44, 44);--spectrum-tool-high-emphasis-icon-color-down: rgb(44, 44, 44);--spectrum-tool-high-emphasis-background-color-down: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-border-color-down: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-hold-icon-color-down: rgb(44, 44, 44);--spectrum-tool-high-emphasis-text-color-key-focus: rgb(44, 44, 44);--spectrum-tool-high-emphasis-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tool-high-emphasis-border-color-key-focus: rgb(38, 128, 235);--spectrum-tool-high-emphasis-background-color-key-focus: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-hold-icon-color-key-focus: rgb(44, 44, 44);--spectrum-tool-high-emphasis-text-color-mouse-focus: rgb(44, 44, 44);--spectrum-tool-high-emphasis-text-color-disabled: rgb(179, 179, 179);--spectrum-tool-high-emphasis-icon-color-disabled: rgb(202, 202, 202);--spectrum-tool-high-emphasis-background-color-disabled: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-border-color-disabled: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-hold-icon-color-disabled: rgb(202, 202, 202);--spectrum-tool-high-emphasis-icon-color-selected: rgb(255, 255, 255);--spectrum-tool-high-emphasis-hold-icon-color-selected: rgb(255, 255, 255);--spectrum-tool-high-emphasis-background-color-selected: rgb(20, 115, 230);--spectrum-tool-high-emphasis-border-color-selected: rgb(20, 115, 230);--spectrum-tool-high-emphasis-icon-color-selected-hover: rgb(255, 255, 255);--spectrum-tool-high-emphasis-hold-icon-color-selected-hover: rgb(255, 255, 255);--spectrum-tool-high-emphasis-background-color-selected-hover: rgb(13, 102, 208);--spectrum-tool-high-emphasis-border-color-selected-hover: rgb(13, 102, 208);--spectrum-tool-high-emphasis-icon-color-selected-down: rgb(255, 255, 255);--spectrum-tool-high-emphasis-hold-icon-color-selected-down: rgb(255, 255, 255);--spectrum-tool-high-emphasis-background-color-selected-down: rgb(13, 102, 208);--spectrum-tool-high-emphasis-border-color-selected-down: rgb(13, 102, 208);--spectrum-tool-high-emphasis-icon-color-selected-key-focus: rgb(255, 255, 255);--spectrum-tool-high-emphasis-hold-icon-color-selected-key-focus: rgb(255, 255, 255);--spectrum-tool-high-emphasis-background-color-selected-key-focus: rgb(13, 102, 208);--spectrum-tool-high-emphasis-border-color-selected-key-focus: rgb(38, 128, 235);--spectrum-tool-high-emphasis-background-color-selected-disabled: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-border-color-selected-disabled: rgba(0, 0, 0, 0);--spectrum-tool-high-emphasis-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tool-high-emphasis-hold-icon-color-selected-disabled: rgb(202, 202, 202);--spectrum-tooltip-text-color: rgb(255, 255, 255);--spectrum-tooltip-icon-color: rgb(255, 255, 255);--spectrum-tooltip-background-color: rgb(116, 116, 116);--spectrum-tooltip-tip-color: rgb(116, 116, 116);--spectrum-tooltip-info-text-color: rgb(255, 255, 255);--spectrum-tooltip-info-icon-color: rgb(255, 255, 255);--spectrum-tooltip-info-background-color: rgb(13, 102, 208);--spectrum-tooltip-info-tip-color: rgb(13, 102, 208);--spectrum-tooltip-negative-text-color: rgb(255, 255, 255);--spectrum-tooltip-negative-icon-color: rgb(255, 255, 255);--spectrum-tooltip-negative-background-color: rgb(201, 37, 45);--spectrum-tooltip-negative-tip-color: rgb(201, 37, 45);--spectrum-tooltip-positive-text-color: rgb(255, 255, 255);--spectrum-tooltip-positive-icon-color: rgb(255, 255, 255);--spectrum-tooltip-positive-background-color: rgb(18, 128, 92);--spectrum-tooltip-positive-tip-color: rgb(18, 128, 92);--spectrum-tray-background-color: rgb(255, 255, 255);--spectrum-tray-underlay-background-color: rgba(0,0,0,0.4);--spectrum-treeview-item-text-color: rgb(75, 75, 75);--spectrum-treeview-item-group-background-color-hover: rgb(250, 250, 250);--spectrum-treeview-item-group-border-color-hover: rgb(179, 179, 179);--spectrum-treeview-row-border-color-hover: rgb(44, 44, 44);--spectrum-treeview-item-text-color-hover: rgb(44, 44, 44);--spectrum-treeview-item-background-color-hover: rgba(44,44,44,0.04);--spectrum-treeview-item-border-color-key-focus: rgb(38, 128, 235);--spectrum-treeview-item-background-color-key-focus: rgba(44,44,44,0.04);--spectrum-body-1-text-color: rgb(75, 75, 75);--spectrum-body-2-text-color: rgb(75, 75, 75);--spectrum-body-3-text-color: rgb(75, 75, 75);--spectrum-body-4-text-color: rgb(75, 75, 75);--spectrum-body-5-text-color: rgb(75, 75, 75);--spectrum-body-article-1-text-color: rgb(75, 75, 75);--spectrum-body-article-1-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-article-1-strong-text-color: rgb(75, 75, 75);--spectrum-body-article-2-text-color: rgb(75, 75, 75);--spectrum-body-article-2-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-article-2-strong-text-color: rgb(75, 75, 75);--spectrum-body-article-3-text-color: rgb(75, 75, 75);--spectrum-body-article-3-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-article-3-strong-text-color: rgb(75, 75, 75);--spectrum-body-article-4-text-color: rgb(75, 75, 75);--spectrum-body-article-4-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-article-4-strong-text-color: rgb(75, 75, 75);--spectrum-body-article-5-text-color: rgb(75, 75, 75);--spectrum-body-article-5-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-article-5-strong-text-color: rgb(75, 75, 75);--spectrum-body-code-1-text-color: rgb(75, 75, 75);--spectrum-body-code-1-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-code-1-strong-text-color: rgb(75, 75, 75);--spectrum-body-code-2-text-color: rgb(75, 75, 75);--spectrum-body-code-2-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-code-2-strong-text-color: rgb(75, 75, 75);--spectrum-body-code-3-text-color: rgb(75, 75, 75);--spectrum-body-code-3-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-code-3-strong-text-color: rgb(75, 75, 75);--spectrum-body-code-4-text-color: rgb(75, 75, 75);--spectrum-body-code-4-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-code-4-strong-text-color: rgb(75, 75, 75);--spectrum-body-code-5-text-color: rgb(75, 75, 75);--spectrum-body-code-5-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-code-5-strong-text-color: rgb(75, 75, 75);--spectrum-body-base-text-color: rgb(75, 75, 75);--spectrum-body-1-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-1-strong-text-color: rgb(75, 75, 75);--spectrum-body-2-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-2-strong-text-color: rgb(75, 75, 75);--spectrum-body-3-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-3-strong-text-color: rgb(75, 75, 75);--spectrum-body-4-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-4-strong-text-color: rgb(75, 75, 75);--spectrum-body-5-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-5-strong-text-color: rgb(75, 75, 75);--spectrum-body-han-1-text-color: rgb(75, 75, 75);--spectrum-body-han-1-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-han-1-strong-text-color: rgb(75, 75, 75);--spectrum-body-han-2-text-color: rgb(75, 75, 75);--spectrum-body-han-2-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-han-2-strong-text-color: rgb(75, 75, 75);--spectrum-body-han-3-text-color: rgb(75, 75, 75);--spectrum-body-han-3-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-han-3-strong-text-color: rgb(75, 75, 75);--spectrum-body-han-4-text-color: rgb(75, 75, 75);--spectrum-body-han-4-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-han-4-strong-text-color: rgb(75, 75, 75);--spectrum-body-han-5-text-color: rgb(75, 75, 75);--spectrum-body-han-5-emphasis-text-color: rgb(75, 75, 75);--spectrum-body-han-5-strong-text-color: rgb(75, 75, 75);--spectrum-body-text-color: rgb(75, 75, 75);--spectrum-body-large-text-color: rgb(75, 75, 75);--spectrum-body-secondary-text-color: rgb(110, 110, 110);--spectrum-body-small-text-color: rgb(75, 75, 75);--spectrum-detail-article-text-color: rgb(75, 75, 75);--spectrum-detail-article-emphasis-text-color: rgb(75, 75, 75);--spectrum-detail-article-strong-text-color: rgb(75, 75, 75);--spectrum-detail-text-color: rgb(75, 75, 75);--spectrum-detail-emphasis-text-color: rgb(75, 75, 75);--spectrum-detail-strong-text-color: rgb(75, 75, 75);--spectrum-detail-han-text-color: rgb(75, 75, 75);--spectrum-detail-han-emphasis-text-color: rgb(75, 75, 75);--spectrum-detail-han-strong-text-color: rgb(75, 75, 75);--spectrum-display-1-text-color: rgb(44, 44, 44);--spectrum-display-2-text-color: rgb(44, 44, 44);--spectrum-display-article-1-text-color: rgb(44, 44, 44);--spectrum-display-article-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-article-1-strong-text-color: rgb(44, 44, 44);--spectrum-display-article-2-text-color: rgb(44, 44, 44);--spectrum-display-article-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-article-2-strong-text-color: rgb(44, 44, 44);--spectrum-display-quiet-article-1-text-color: rgb(44, 44, 44);--spectrum-display-quiet-article-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-quiet-article-1-strong-text-color: rgb(44, 44, 44);--spectrum-display-quiet-article-2-text-color: rgb(44, 44, 44);--spectrum-display-quiet-article-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-quiet-article-2-strong-text-color: rgb(44, 44, 44);--spectrum-display-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-1-strong-text-color: rgb(44, 44, 44);--spectrum-display-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-2-strong-text-color: rgb(44, 44, 44);--spectrum-display-quiet-1-text-color: rgb(44, 44, 44);--spectrum-display-quiet-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-quiet-1-strong-text-color: rgb(44, 44, 44);--spectrum-display-quiet-2-text-color: rgb(44, 44, 44);--spectrum-display-quiet-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-quiet-2-strong-text-color: rgb(44, 44, 44);--spectrum-display-strong-1-text-color: rgb(44, 44, 44);--spectrum-display-strong-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-strong-1-strong-text-color: rgb(44, 44, 44);--spectrum-display-strong-2-text-color: rgb(44, 44, 44);--spectrum-display-strong-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-strong-2-strong-text-color: rgb(44, 44, 44);--spectrum-display-han-1-text-color: rgb(44, 44, 44);--spectrum-display-han-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-han-1-strong-text-color: rgb(44, 44, 44);--spectrum-display-han-2-text-color: rgb(44, 44, 44);--spectrum-display-han-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-han-2-strong-text-color: rgb(44, 44, 44);--spectrum-display-quiet-han-1-text-color: rgb(44, 44, 44);--spectrum-display-quiet-han-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-quiet-han-1-strong-text-color: rgb(44, 44, 44);--spectrum-display-quiet-han-2-text-color: rgb(44, 44, 44);--spectrum-display-quiet-han-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-quiet-han-2-strong-text-color: rgb(44, 44, 44);--spectrum-display-strong-han-1-text-color: rgb(44, 44, 44);--spectrum-display-strong-han-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-strong-han-1-strong-text-color: rgb(44, 44, 44);--spectrum-display-strong-han-2-text-color: rgb(44, 44, 44);--spectrum-display-strong-han-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-display-strong-han-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-1-text-color: rgb(44, 44, 44);--spectrum-heading-2-text-color: rgb(44, 44, 44);--spectrum-heading-3-text-color: rgb(44, 44, 44);--spectrum-heading-4-text-color: rgb(44, 44, 44);--spectrum-heading-5-text-color: rgb(44, 44, 44);--spectrum-heading-6-text-color: rgb(44, 44, 44);--spectrum-heading-article-1-text-color: rgb(44, 44, 44);--spectrum-heading-article-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-article-1-strong-text-color: rgb(44, 44, 44);--spectrum-heading-article-2-text-color: rgb(44, 44, 44);--spectrum-heading-article-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-article-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-article-3-text-color: rgb(44, 44, 44);--spectrum-heading-article-3-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-article-3-strong-text-color: rgb(44, 44, 44);--spectrum-heading-article-4-text-color: rgb(44, 44, 44);--spectrum-heading-article-4-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-article-4-strong-text-color: rgb(44, 44, 44);--spectrum-heading-article-5-text-color: rgb(44, 44, 44);--spectrum-heading-article-5-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-article-5-strong-text-color: rgb(44, 44, 44);--spectrum-heading-article-6-text-color: rgb(44, 44, 44);--spectrum-heading-article-6-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-article-6-strong-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-article-1-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-article-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-article-1-strong-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-article-2-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-article-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-article-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-base-text-color: rgb(44, 44, 44);--spectrum-heading-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-1-strong-text-color: rgb(44, 44, 44);--spectrum-heading-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-3-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-3-strong-text-color: rgb(44, 44, 44);--spectrum-heading-4-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-4-strong-text-color: rgb(44, 44, 44);--spectrum-heading-5-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-5-strong-text-color: rgb(44, 44, 44);--spectrum-heading-6-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-6-strong-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-1-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-1-strong-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-2-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-strong-1-text-color: rgb(44, 44, 44);--spectrum-heading-strong-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-strong-1-strong-text-color: rgb(44, 44, 44);--spectrum-heading-strong-2-text-color: rgb(44, 44, 44);--spectrum-heading-strong-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-strong-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-han-1-text-color: rgb(44, 44, 44);--spectrum-heading-han-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-han-1-strong-text-color: rgb(44, 44, 44);--spectrum-heading-han-2-text-color: rgb(44, 44, 44);--spectrum-heading-han-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-han-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-han-3-text-color: rgb(44, 44, 44);--spectrum-heading-han-3-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-han-3-strong-text-color: rgb(44, 44, 44);--spectrum-heading-han-4-text-color: rgb(44, 44, 44);--spectrum-heading-han-4-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-han-4-strong-text-color: rgb(44, 44, 44);--spectrum-heading-han-5-text-color: rgb(44, 44, 44);--spectrum-heading-han-5-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-han-5-strong-text-color: rgb(44, 44, 44);--spectrum-heading-han-6-text-color: rgb(44, 44, 44);--spectrum-heading-han-6-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-han-6-strong-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-han-1-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-han-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-han-1-strong-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-han-2-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-han-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-quiet-han-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-strong-han-1-text-color: rgb(44, 44, 44);--spectrum-heading-strong-han-1-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-strong-han-1-strong-text-color: rgb(44, 44, 44);--spectrum-heading-strong-han-2-text-color: rgb(44, 44, 44);--spectrum-heading-strong-han-2-emphasis-text-color: rgb(44, 44, 44);--spectrum-heading-strong-han-2-strong-text-color: rgb(44, 44, 44);--spectrum-heading-display-text-color: rgb(44, 44, 44);--spectrum-heading-page-title-text-color: rgb(110, 110, 110);--spectrum-heading-subtitle1-text-color: rgb(44, 44, 44);--spectrum-heading-subtitle2-text-color: rgb(44, 44, 44);--spectrum-heading-subtitle3-text-color: rgb(110, 110, 110);--spectrum-subheading-article-text-color: rgb(44, 44, 44);--spectrum-subheading-article-emphasis-text-color: rgb(44, 44, 44);--spectrum-subheading-article-strong-text-color: rgb(44, 44, 44);--spectrum-subheading-text-color: rgb(44, 44, 44);--spectrum-subheading-emphasis-text-color: rgb(44, 44, 44);--spectrum-subheading-strong-text-color: rgb(44, 44, 44);--spectrum-subheading-han-text-color: rgb(44, 44, 44);--spectrum-subheading-han-emphasis-text-color: rgb(44, 44, 44);--spectrum-subheading-han-strong-text-color: rgb(44, 44, 44);--spectrum-well-background-color: rgba(75,75,75,0.02);--spectrum-well-border-color: rgba(44,44,44,0.05);--spectrum-well-label-text-color: rgb(44, 44, 44)}
.util__subheaderLink___S5BmP{margin-left:3px;font-size:14px;font-weight:700;display:inline;text-decoration:underline;cursor:pointer}
.ToastItem__toastComp___WHdTv{z-index:99999;bottom:0px;position:fixed}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.UtilityNav__utilityNav___P8OSg{margin-right:0px;z-index:2000}.UtilityNav__utilityNav___P8OSg.UtilityNav__showCCHomeLeftNavTestControl___h7WqT{margin-right:11px}.UtilityNav__utilityNav___P8OSg .utilnav-container .utilitynav-help-popover .help-menu-v3 li{color:var(--spectrum-global-color-gray-900) !important}.UtilityNav__utilityNavLoading___NHxN1{min-width:170px}
.CCFEolUtil__blockUploadDialog___IwL2D{width:480px}
html{-ms-overflow-style:-ms-autohiding-scrollbar}body{font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif;overscroll-behavior:none}.spectrum{font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(en){font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(zh-Hant){font-family:"adobe-clean-han-traditional","MingLiu","Heiti TC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(zh-Hans){font-family:"adobe-clean-han-simplified-c","SimSun","Heiti SC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(ja){font-family:"adobe-clean-han-japanese","Yu Gothic","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳＰゴシック","MS PGothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(ko){font-family:"adobe-clean-han-korean","Malgun Gothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand{font-family:"adobe","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(en){font-family:"adobe","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(zh-Hant){font-family:"adobe-han-tc","adobe-clean-han-traditional","MingLiu","Heiti TC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(zh-Hans){font-family:"adobe-han-sc","adobe-clean-han-simplified-c","SimSun","Heiti SC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(ja){font-family:"adobe-han","adobe-clean-han-japanese","Yu Gothic","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳＰゴシック","MS PGothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(ko){font-family:"adobe-han-k","adobe-clean-han-korean","Malgun Gothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}p{margin:0;padding:0}.wf-loading{visibility:hidden}.wf-active,.wf-inactive{visibility:visible}.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.LinkOut__component___dVdnH{width:100%;left:0;box-sizing:border-box}.LinkOut__component___dVdnH .spectrum-Button{height:auto}.LinkOut__component___dVdnH .spectrum-SideNav .spectrum-SideNav-item:not(.disabled):hover{background-color:var(--spectrum-global-color-gray-200);border-radius:4px;background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/783d5efda1816e3fb963.svg);background-repeat:no-repeat;background-position:90% 50%;background-size:18px;width:100%}@media (max-width: 960px){.LinkOut__component___dVdnH .spectrum-SideNav .spectrum-SideNav-item:not(.disabled):hover{width:86%}}.LinkOut__component___dVdnH .spectrum-SideNav .spectrum-SideNav-item:not(.disabled):hover:after{display:none}.LinkOut__menuItem___GgdJE:hover{border-radius:4px;background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/783d5efda1816e3fb963.svg);background-repeat:no-repeat;background-position:90% 50%;background-size:18px;width:100%}@media (max-width: 960px){.LinkOut__menuItem___GgdJE:hover{width:86%}}.LinkOut__menuItem___GgdJE:hover:after{display:none}.LinkOut__menuItemLargeString___igJ2o:hover{border-radius:4px;background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/783d5efda1816e3fb963.svg);background-repeat:no-repeat;background-position:95% 50%;background-size:18px;width:250px}@media (max-width: 960px){.LinkOut__menuItemLargeString___igJ2o:hover{width:86%}}.LinkOut__menuItemLargeString___igJ2o:hover:after{display:none}.LinkOut__menuItemLargeString___igJ2o{width:250px}.LinkOut__line___FcbW9{width:calc(100% - 28px);height:1px;margin:8px auto;background-color:var(--spectrum-global-color-gray-300)}.LinkOut__text___UPemH{font-weight:bold}.LinkOut__launchMore___WqsmW{padding-left:5px}
._spectrum-Link_f1e6e{background-color:initial;-webkit-text-decoration-skip:objects;transition:color .13s ease-in-out;outline:none;cursor:pointer}._spectrum-Link_f1e6e,._spectrum-Link_f1e6e._is-hovered_f1e6e{text-decoration:underline}._spectrum-Link_f1e6e._focus-ring_f1e6e{text-decoration:underline;-webkit-text-decoration-style:double;text-decoration-style:double}._spectrum-Link_f1e6e._is-disabled_f1e6e{cursor:default;pointer-events:none}._spectrum-Link_f1e6e._is-disabled_f1e6e._is-hovered_f1e6e,._spectrum-Link_f1e6e._is-disabled_f1e6e:focus{text-decoration:none}._spectrum-Link--overBackground_f1e6e,._spectrum-Link--secondary_f1e6e{text-decoration:underline}._spectrum-Link--quiet_f1e6e{text-decoration:none}._spectrum-Link_f1e6e,._spectrum-Link_f1e6e._is-hovered_f1e6e{color:var(--spectrum-global-color-blue-600)}._spectrum-Link_f1e6e:active{color:var(--spectrum-global-color-blue-700)}._spectrum-Link_f1e6e._focus-ring_f1e6e{color:var(--spectrum-alias-text-color-key-focus,var(--spectrum-global-color-blue-600))}._spectrum-Link_f1e6e._is-disabled_f1e6e{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Link--secondary_f1e6e,._spectrum-Link--secondary_f1e6e._is-hovered_f1e6e,._spectrum-Link--secondary_f1e6e:active,._spectrum-Link--secondary_f1e6e:focus{color:inherit}._spectrum-Link--overBackground_f1e6e,._spectrum-Link--overBackground_f1e6e._is-hovered_f1e6e,._spectrum-Link--overBackground_f1e6e:active,._spectrum-Link--overBackground_f1e6e:focus{color:var(--spectrum-global-color-static-white,#fff)}._spectrum-Link--overBackground_f1e6e._is-disabled_f1e6e{color:hsla(0,0%,100%,.5)}
/*# sourceMappingURL=main.css.map */
._spectrum_d43d2{background-color:var(--spectrum-global-color-gray-100);-webkit-tap-highlight-color:rgba(0,0,0,0)}._spectrum_60105{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--spectrum-global-dimension-font-size-100);color:var(--spectrum-global-color-gray-800)}._spectrum_60105:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum_60105:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum_60105:lang(zh),._spectrum_60105:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum_60105:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum_60105:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,"\30E1 \30A4 \30EA \30AA","\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3",Hiragino Kaku Gothic Pro W3,Osaka,"\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF",MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._spectrum-Body_60105,._spectrum_60105,._spectrum_60105._spectrum-Body_60105{font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium));font-style:var(--spectrum-global-font-style-regular,normal)}._spectrum-Body--italic_60105{font-style:var(--spectrum-global-font-style-italic,italic)}
/*# sourceMappingURL=main.css.map */
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.HomeNav__component___HYwhi{position:relative;box-sizing:border-box;flex:0 0 224px;height:100%;min-height:384px;padding:16px 16px 32px;overflow-y:auto}.HomeNav__component___HYwhi .react-spectrum-SideNav{width:100% !important}.HomeNav__component___HYwhi .spectrum-SideNav{width:192px}.HomeNav__showCCHomeLeftNavTestControl____jlru{border-right:solid 2px var(--cchome-border-color)}.HomeNav__navContent___HI1qG{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 48px);overflow-y:auto;padding:16px 16px 32px}.HomeNav__navContent___HI1qG .react-spectrum-SideNav{width:100% !important}.HomeNav__logo___Ssrtq{color:#000;background:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/51c577241cda548cbda0.svg) no-repeat left;cursor:pointer;padding-left:35px;background-size:24px;margin-left:9px;margin-right:10px;text-decoration:none;min-width:24px;min-height:20px}.HomeNav__logo___Ssrtq span{display:inherit}.HomeNav__backIcon___Q1f9g{background:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/4f24c7ea6279ecc36a84.svg) no-repeat left;width:5px;height:20px;float:left;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:'FlipH'}.HomeNav__closeButton___fPWnT{height:20px;width:20px;border:none;position:absolute;right:10px;background:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/5005cafb2a3e8b5ac1bd.svg) no-repeat 0 0}.HomeNav__quota___BDiJA{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;width:100%;padding:0;left:0;box-sizing:border-box}.HomeNav__quota___BDiJA .spectrum-Icon--EmailAlert{width:20px;right:0;padding-right:6px}.HomeNav__sideNavTabs___fmrZZ{justify-content:center}@media (max-width: 480px){.HomeNav__sideNavTabs___fmrZZ{justify-content:flex-start}}
.logo{width:24px;height:100%}
.logo_desktop{width:92px;height:24px}.logo_mobile{width:92px;height:24px}
html{-ms-overflow-style:-ms-autohiding-scrollbar}body{font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif;overscroll-behavior:none}.spectrum{font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(en){font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(zh-Hant){font-family:"adobe-clean-han-traditional","MingLiu","Heiti TC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(zh-Hans){font-family:"adobe-clean-han-simplified-c","SimSun","Heiti SC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(ja){font-family:"adobe-clean-han-japanese","Yu Gothic","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳＰゴシック","MS PGothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum :lang(ko){font-family:"adobe-clean-han-korean","Malgun Gothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand{font-family:"adobe","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(en){font-family:"adobe","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(zh-Hant){font-family:"adobe-han-tc","adobe-clean-han-traditional","MingLiu","Heiti TC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(zh-Hans){font-family:"adobe-han-sc","adobe-clean-han-simplified-c","SimSun","Heiti SC Light","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(ja){font-family:"adobe-han","adobe-clean-han-japanese","Yu Gothic","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳＰゴシック","MS PGothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.spectrum.adobe-rebrand :lang(ko){font-family:"adobe-han-k","adobe-clean-han-korean","Malgun Gothic","adobe-clean","Tahoma","Helvetica","Arial",sans-serif}p{margin:0;padding:0}.wf-loading{visibility:hidden}.wf-active,.wf-inactive{visibility:visible}.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.LeftNavSideMenu__title___BnJpQ{background-color:transparent;border:2px solid transparent;padding:0;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;position:relative}.LeftNavSideMenu__titleText___AP0S5{padding-left:8px;padding-right:16px;color:var(--spectrum-global-color-gray-700);font-size:14px;font-weight:400;font-style:normal;white-space:nowrap;font-family:"adobe-clean","Tahoma","Helvetica","Arial",sans-serif}.LeftNavSideMenu__hideHomeTab___gQqM1{display:none}
.spectrum-Rule {
width: 100%;
overflow: visible;
border: none;
border-width: 2px;
border-radius: 2px;
}
.spectrum-Rule--large {
height: 4px;
border-radius: 2px;
}
.spectrum-Rule--medium {
height: 2px;
border-radius: 1px;
}
.spectrum-Rule--small {
height: 1px;
border-radius: 1px;
}
.spectrum-Rule--vertical {
height: 100%;
}
.spectrum-Rule--vertical.spectrum-Rule--large {
width: 4px;
}
.spectrum-Rule--vertical.spectrum-Rule--medium {
width: 2px;
}
.spectrum-Rule--vertical.spectrum-Rule--small {
width: 1px;
}
.spectrum--light .spectrum-Rule--large {
background-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Rule--medium {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Rule--small {
background-color: rgb(225, 225, 225);
}
.spectrum--lightest .spectrum-Rule--large {
background-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Rule--medium {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Rule--small {
background-color: rgb(234, 234, 234);
}
.spectrum--darkest .spectrum-Rule--large {
background-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Rule--medium {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Rule--small {
background-color: rgb(57, 57, 57);
}
:root{--gray-50: #fff;--gray-75: #fafafa;--gray-100: #f5f5f5;--gray-200: #eaeaea;--gray-300: #e1e1e1;--gray-400: #cacaca;--gray-500: #b3b3b3;--gray-600: #8e8e8e;--gray-700: #6e6e6e;--gray-800: #4b4b4b;--gray-900: #2c2c2c;--blue-400: #2680eb;--blue-500: #1473e6;--blue-600: #0d66d0;--blue-700: #095aba;--red-400: #e34850;--red-500: #d7373f;--red-600: #c9252d;--red-700: #bb121a;--orange-400: #e68619;--orange-500: #da7b11;--orange-600: #cb6f10;--orange-700: #bd640d;--green-400: #2d9d78;--green-500: #268e6c;--green-600: #12805c;--green-700: #107154}:root .spectrum--lightest{--gray-50: #ffffff;--gray-75: #ffffff;--gray-100: #ffffff;--gray-200: #f4f4f4;--gray-300: #eaeaea;--gray-400: #d3d3d3;--gray-500: #bcbcbc;--gray-600: #959595;--gray-700: #747474;--gray-800: #505050;--gray-900: #323232;--blue-400: #378ef0;--blue-500: #2680eb;--blue-600: #1473e6;--blue-700: #0d66d0;--red-400: #ec5b62;--red-500: #e34850;--red-600: #d7373f;--red-700: #c9252d;--orange-400: #f29423;--orange-500: #e68619;--orange-600: #da7b11;--orange-700: #cb6f10;--green-400: #33ab84;--green-500: #2d9d78;--green-600: #268e6c;--green-700: #12805c}:root .spectrum--dark{--gray-50: #252525;--gray-75: #2f2f2f;--gray-100: #323232;--gray-200: #3e3e3e;--gray-300: #4a4a4a;--gray-400: #5a5a5a;--gray-500: #6e6e6e;--gray-600: #909090;--gray-700: #b9b9b9;--gray-800: #e3e3e3;--gray-900: #ffffff;--blue-400: #2680eb;--blue-500: #378ef0;--blue-600: #4b9cf5;--blue-700: #5aa9fa;--red-400: #e34850;--red-500: #ec5b62;--red-600: #f76d74;--red-700: #ff7b82;--orange-400: #e68619;--orange-500: #f29423;--orange-600: #f9a43f;--orange-700: #ffb55b;--green-400: #2d9d78;--green-500: #33ab84;--green-600: #39b990;--green-700: #3fc89c}:root .spectrum--darkest{--gray-50: #080808;--gray-75: #1a1a1a;--gray-100: #1e1e1e;--gray-200: #2c2c2c;--gray-300: #393939;--gray-400: #494949;--gray-500: #5c5c5c;--gray-600: #7c7c7c;--gray-700: #a2a2a2;--gray-800: #c8c8c8;--gray-900: #efefef;--gray-900-hover: #efefef0f;--blue-400: #1473e6;--blue-500: #2680eb;--blue-600: #378ef0;--blue-700: #4b9cf5;--red-400: #d7373f;--red-500: #e34850;--red-600: #ec5b62;--red-700: #f76d74;--orange-400: #da7b11;--orange-500: #e68619;--orange-600: #f29423;--orange-700: #f9a43f;--green-400: #268e6c;--green-500: #2d9d78;--green-600: #33ab84;--green-700: #39b990}.left-nav-container{--header-height: 64px;--left-nav-width: 256px;--footer-height: 39px;background:var(--gray-50);border-right:2px solid var(--gray-200);height:calc(100vh - var(--header-height));left:calc(-1*var(--left-nav-width) - 100px);overflow-y:auto;padding:24px 16px;position:fixed;top:var(--header-height);transition:left 250ms ease-in-out;width:var(--left-nav-width);z-index:250}.spectrum--darkest .left-nav-container{background:var(--gray-100)}.spectrum--darkest .left-nav-container>.left-nav-scroll-container .left-nav-link:hover{background-color:var(--gray-900-hover)}.left-nav-container .is-selected.left-nav-link{border:none}.left-nav-container .hidden{display:none !important}.left-nav-container.header-adjustment{height:calc(100vh - var(--header-height));top:calc(var(--header-height))}.left-nav-container.leftnav-open{left:0}.left-nav-container.cch-leftnav-overlay{top:0}.left-nav-container.overlay-active{height:100vh;top:0;z-index:1002}.left-nav-container.overlay-active+.left-nav-overlay{height:100vh;top:0;z-index:1001}.left-nav-container>.left-nav-scroll-container{display:flex;flex-direction:column;height:100%;min-height:510px;position:relative;width:100%}.left-nav-container>.left-nav-scroll-container span{text-align:left}.left-nav-container>.left-nav-scroll-container h5{color:var(--gray-700);margin:20px 0}.left-nav-container>.left-nav-scroll-container .left-nav-link{margin-bottom:5px;margin-left:0;position:relative;width:100%}.left-nav-container>.left-nav-scroll-container .left-nav-link.left-nav-link-selected{background-color:var(--gray-100)}.left-nav-container>.left-nav-scroll-container .left-nav-link:hover{background-color:var(--gray-100)}.left-nav-container>.left-nav-scroll-container .left-nav-link:hover~.left-nav-linkout{display:inline-block}.left-nav-container>.left-nav-scroll-container .small-link{font-size:13px}.left-nav-container>.left-nav-scroll-container .canvas-link{font-size:13px;letter-spacing:-0.02em}.left-nav-container>.left-nav-scroll-container .left-nav-external-link{position:relative}.left-nav-container>.left-nav-scroll-container .left-nav-external-link>button{width:100%}.left-nav-container>.left-nav-scroll-container .left-nav-external-link>svg{height:16px;position:absolute;right:8px;top:8px;width:16px}.left-nav-container>.left-nav-scroll-container .left-nav-external-link .left-nav-linkout{display:none}.left-nav-container>.left-nav-scroll-container .left-nav-external-link span{padding-bottom:1px}.left-nav-container .left-nav-cc-icon{margin-right:8px}.left-nav-overlay{background-color:rgba(0,0,0,.6);cursor:pointer;height:calc(100vh - var(--header-height));position:fixed;top:var(--header-height);width:100vw;z-index:240}.main-nav-overlay{display:none;height:100%;width:100%;z-index:240;background:rgba(0,0,0,.4);opacity:1;position:fixed;top:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}@media all and (max-width: 768px){.main-nav-overlay{display:block}}.left-nav-icon{border-radius:3px;height:18px;margin-right:8px;width:18px}.left-nav-toggle{align-self:center;margin-left:14px}.left-nav-toggle.leftnav-open{background-color:var(--gray-200)}.left-nav-toggle.leftnav-open:hover{background-color:var(--gray-300)}.main-nav-toggle{align-self:center}.main-nav-toggle.main-nav-open{background-color:var(--gray-200)}.main-nav-toggle.main-nav-open:hover{background-color:var(--gray-300)}@media all and (min-width: 769px){.main-nav-toggle{display:none}}.extra-menu-stocks{display:none}@media(max-width: 1023px){.extra-menu-stocks{align-items:flex-start;display:flex;flex-direction:column}}.extra-menu-stocks>button{display:flex;justify-content:flex-start;margin-bottom:5px !important;margin-left:0 !important;padding-left:10px;width:100%}.extra-menu{display:none}@media(max-width: 960px){.extra-menu{align-items:flex-start;display:flex;flex-direction:column}}.extra-menu>button{display:flex;justify-content:flex-start;margin-bottom:5px !important;margin-left:0 !important;padding-left:10px;width:100%}.extra-footer{display:none}@media(max-width: 960px){.extra-footer{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:32px;margin-top:auto}}.left-nav-separator-stocks{display:none}@media(max-width: 1023px){.left-nav-separator-stocks{border:1px solid #eaeaea;border:1px solid var(--gray-200);display:block;margin:10px auto;margin-bottom:0;width:100%}}.left-nav-separator{display:none}@media(max-width: 960px){.left-nav-separator{border:1px solid #eaeaea;border:1px solid var(--gray-200);display:block;margin:10px auto;margin-bottom:0;width:100%}}@media(max-width: 960px){.cc-link{display:none}}@media(max-width: 1023px){.cc-link-stocks{display:none}}
:root{--gray-50: #fff;--gray-75: #fafafa;--gray-100: #f5f5f5;--gray-200: #eaeaea;--gray-300: #e1e1e1;--gray-400: #cacaca;--gray-500: #b3b3b3;--gray-600: #8e8e8e;--gray-700: #6e6e6e;--gray-800: #4b4b4b;--gray-900: #2c2c2c;--blue-400: #2680eb;--blue-500: #1473e6;--blue-600: #0d66d0;--blue-700: #095aba;--red-400: #e34850;--red-500: #d7373f;--red-600: #c9252d;--red-700: #bb121a;--orange-400: #e68619;--orange-500: #da7b11;--orange-600: #cb6f10;--orange-700: #bd640d;--green-400: #2d9d78;--green-500: #268e6c;--green-600: #12805c;--green-700: #107154}:root .spectrum--lightest{--gray-50: #ffffff;--gray-75: #ffffff;--gray-100: #ffffff;--gray-200: #f4f4f4;--gray-300: #eaeaea;--gray-400: #d3d3d3;--gray-500: #bcbcbc;--gray-600: #959595;--gray-700: #747474;--gray-800: #505050;--gray-900: #323232;--blue-400: #378ef0;--blue-500: #2680eb;--blue-600: #1473e6;--blue-700: #0d66d0;--red-400: #ec5b62;--red-500: #e34850;--red-600: #d7373f;--red-700: #c9252d;--orange-400: #f29423;--orange-500: #e68619;--orange-600: #da7b11;--orange-700: #cb6f10;--green-400: #33ab84;--green-500: #2d9d78;--green-600: #268e6c;--green-700: #12805c}:root .spectrum--dark{--gray-50: #252525;--gray-75: #2f2f2f;--gray-100: #323232;--gray-200: #3e3e3e;--gray-300: #4a4a4a;--gray-400: #5a5a5a;--gray-500: #6e6e6e;--gray-600: #909090;--gray-700: #b9b9b9;--gray-800: #e3e3e3;--gray-900: #ffffff;--blue-400: #2680eb;--blue-500: #378ef0;--blue-600: #4b9cf5;--blue-700: #5aa9fa;--red-400: #e34850;--red-500: #ec5b62;--red-600: #f76d74;--red-700: #ff7b82;--orange-400: #e68619;--orange-500: #f29423;--orange-600: #f9a43f;--orange-700: #ffb55b;--green-400: #2d9d78;--green-500: #33ab84;--green-600: #39b990;--green-700: #3fc89c}:root .spectrum--darkest{--gray-50: #080808;--gray-75: #1a1a1a;--gray-100: #1e1e1e;--gray-200: #2c2c2c;--gray-300: #393939;--gray-400: #494949;--gray-500: #5c5c5c;--gray-600: #7c7c7c;--gray-700: #a2a2a2;--gray-800: #c8c8c8;--gray-900: #efefef;--gray-900-hover: #efefef0f;--blue-400: #1473e6;--blue-500: #2680eb;--blue-600: #378ef0;--blue-700: #4b9cf5;--red-400: #d7373f;--red-500: #e34850;--red-600: #ec5b62;--red-700: #f76d74;--orange-400: #da7b11;--orange-500: #e68619;--orange-600: #f29423;--orange-700: #f9a43f;--green-400: #268e6c;--green-500: #2d9d78;--green-600: #33ab84;--green-700: #39b990}.left-rail-container{width:72px;background:var(--gray-50);border-right:2px solid;border-color:var(--gray-300);position:fixed;top:64px;left:0;bottom:0;transition:left 250ms ease-in-out;overflow-y:auto;z-index:250}.left-rail-inner{padding-top:15px;width:100%;position:relative}.left-rail-inner .left-rail-logo{display:none}.left-rail-inner .left-rail-logo.adobe-logo-red{width:92px;height:24px}.left-rail-inner .left-rail-logo.adobe-logo-red .spectrum-Icon{width:100%;height:100%}.left-rail-inner .left-rail-logo.adobe-logo-red span{color:#fa0f00}@media all and (max-width: 768px){.left-rail-inner .left-rail-logo{display:flex;-ms-flex-align:center;align-items:center;margin:0 16px 16px 4px}}.left-rail-inner .left-rail-logo .spectrum-Icon{width:20px;height:20px}.left-rail-inner .left-rail-logo .spectrum-Heading{margin-left:8px}@media all and (max-width: 425px){.left-rail-inner .left-rail-logo .spectrum-Heading{display:none}}.leftnav-tablist{border-left:none;justify-content:center;align-items:center;padding:0;width:100%;box-sizing:border-box}.leftnav-tablist .leftnav-item::before{left:4px;right:4px;top:0;margin-top:0;height:100%}.leftnav-tablist .spectrum-Rule{width:calc(100% - 24px);margin-top:16px;margin-bottom:16px;box-sizing:border-box}.leftnav-tablist .leftnav-item{flex-direction:column;display:flex;height:auto;align-items:center;margin:0 0 1px;padding:8px 0;line-height:1;box-sizing:border-box;width:100%}.leftnav-tablist .leftnav-item.is-selected{pointer-events:none;cursor:pointer}.leftnav-tablist .leftnav-item.is-selected .spectrum-Icon{background:var(--gray-900);fill:var(--gray-50)}.leftnav-tablist .leftnav-item.is-selected:hover svg{background:var(--gray-900);fill:var(--gray-50)}.leftnav-tablist .leftnav-item .spectrum-Tabs-itemLabel{font-size:11px;margin:4px 0 0;white-space:normal;width:100%;word-wrap:break-word;text-align:center;letter-spacing:-0.01em;color:var(--gray-800)}.leftnav-tablist .leftnav-item .spectrum-Icon{width:20px;height:20px;padding:6px;border-radius:8px;transition:.2s background-color,color .2s;color:var(--gray-800)}@media(hover: hover){.leftnav-tablist .leftnav-item:hover span{color:var(--gray-900)}.leftnav-tablist .leftnav-item:hover svg{color:var(--gray-900);background:var(--gray-200)}.leftnav-tablist .leftnav-item:hover svg.is-selected{background:var(--gray-900);color:var(--gray-50)}}.leftnav-tablist .spectrum-Tabs-selectionIndicator{display:none}@media all and (max-width: 768px){.left-rail-container{width:240px;position:fixed;bottom:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box}.left-rail-container .left-rail-inner{padding:16px;width:calc(100% - 32px)}.left-rail-container .left-rail-inner .leftnav-item{flex-direction:row;width:100%;height:32px;padding:5px 12px;margin:4px 0;font-size:14px;font-weight:400;font-style:normal;text-decoration:none;word-break:break-word}.left-rail-container .left-rail-inner .leftnav-item.is-selected{color:var(--gray-900);background:var(--gray-200);border-radius:4px}.left-rail-container .left-rail-inner .leftnav-item.is-selected .spectrum-Icon{background:unset;fill:var(--gray-700);color:var(--gray-800)}.left-rail-container .left-rail-inner .leftnav-item.is-selected:hover svg{fill:var(--gray-700);color:var(--gray-800)}.left-rail-container .left-rail-inner .leftnav-item .spectrum-Tabs-itemLabel{font-size:14px;font-weight:400;padding:0;font-style:normal;text-decoration:none;text-align:left;margin:0;color:var(--gray-800)}}@media(max-width: 768px)and (hover: hover){.left-rail-container .left-rail-inner .leftnav-item:hover{color:var(--gray-900);background:var(--gray-200);border-radius:4px}.left-rail-container .left-rail-inner .leftnav-item:hover span{color:var(--gray-800)}.left-rail-container .left-rail-inner .leftnav-item:hover svg{color:var(--gray-800);background:none}}.spectrum--darkest .left-rail-container{background:var(--gray-100)}.spectrum--darkest .left-rail{background:var(--gray-100);border-color:var(--gray-300)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.Shell__shell___f4j26{height:100%;width:100vw;display:flex;flex-direction:column;position:fixed;top:0;left:0;background-color:lightgray}.Shell__shell___f4j26.Shell__showCCHomeLeftNavTestControl___Ttpkb{background-color:var(--cchome-header-background-color)}.Shell__header___fzJYL{display:flex;height:64px;min-height:64px;position:relative;padding:0 6px;border-bottom:1px solid var(--spectrum-global-color-gray-300);background-color:var(--background-color-primary);align-items:center;box-sizing:border-box;-webkit-font-smoothing:antialiased}.Shell__header___fzJYL.Shell__showCCHomeLeftNavTestControl___Ttpkb{height:70px;min-height:70px;padding:0 10px;border-bottom:none;background-color:var(--cchome-header-background-color)}.Shell__header___fzJYL.Shell__newOneUpHeader___fy80r{height:48px;min-height:48px;padding-left:5px;padding-right:12px;transition:all 1s}.Shell__header___fzJYL.Shell__hideHeader___GjJrN{height:0px;min-height:0px;opacity:0;visibility:hidden}.Shell__header___fzJYL>.left-nav-toggle{margin-left:3px}.Shell__borderless___wNaM3{background:var(--spectrum-global-color-gray-100)}.Shell__borderless___wNaM3 .Shell__header___fzJYL{border-bottom:0px none}.Shell__headerContent___VilUh{flex-grow:1;display:flex;height:100%;align-items:center;justify-content:flex-end}.Shell__showMenu___sElN7{display:none !important}.Shell__dropdown___LuOb0{display:none}.Shell__menuLinks___UHKMy{display:block;padding:16px 16px 0 16px;box-sizing:border-box}.Shell__search___XaIFu{flex-grow:1;display:flex;font-weight:100;justify-content:space-around}.Shell__title___Sx67i{background-color:transparent;border:0px;padding:0;display:flex;flex-direction:row;align-items:center;height:100%;cursor:pointer;position:relative}.Shell__title___Sx67i:focus{outline:none}@media (min-width: 768px){.Shell__title___Sx67i.Shell__showCCHomeLeftNavTestControl___Ttpkb{padding-top:1px;padding-left:13px}}@media (max-width: 480px){.Shell__title___Sx67i.Shell__showCCHomeLeftNavTestControl___Ttpkb{padding-top:0px;padding-left:0px;height:32px;width:32px;overflow:hidden;vertical-align:middle}}.Shell__title___Sx67i:focus:after{content:' ';position:absolute;top:16px;height:22px;right:16px;left:0;border-radius:6px}.Shell__titleText___sYLto{padding-left:8px;padding-right:16px;color:var(--spectrum-global-color-gray-900);font-size:14px;line-height:16px;font-weight:700;white-space:nowrap}.Shell__links___wYRjq{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;height:calc(100% - 2px);padding:0 4px;box-sizing:border-box}.Shell__footer___MtPTa{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;flex-direction:row}.Shell__tablist___tCqXD,.Shell__centreTablist___zh2Kv{height:100%;padding:0 8px;box-sizing:border-box;flex-grow:1;display:flex;justify-content:space-around}.Shell__tabs___zBH4a,.Shell__centreTabs___WdEGB{height:100%;border-bottom:0}.Shell__tabs___zBH4a .spectrum-Tabs--horizontal .spectrum-Tabs-selectionIndicator,.Shell__centreTabs___WdEGB .spectrum-Tabs--horizontal .spectrum-Tabs-selectionIndicator{bottom:0}.Shell__hideHomeTab___foAz5{display:none}.Shell__page___U5st1{flex-grow:1;display:flex;position:relative;overflow:auto}.Shell__page___U5st1.Shell__showCCHomeLeftNavTestControl___Ttpkb{height:calc(100% - 70px);overflow:unset}.Shell__underlay___Y6zbc{position:absolute;opacity:0;transition:opacity 0.25s ease-in-out}.Shell__content___ypnvJ{flex-grow:1;max-width:100%;background-color:var(--background-color-secondary)}@media (min-width: 769px){.Shell__content___ypnvJ.Shell__showCCHomeLeftNav___Y9XLt{max-width:calc(100% - 74px)}}.Shell__content___ypnvJ.Shell__showCCHomeLeftNavTestControl___Ttpkb{max-width:calc(100% - 72px);border-radius:16px 16px 0px 0px;margin-right:8px;background-color:var(--cchome-background-color);box-shadow:var(--cchome-container-shadow-box)}.Shell__rail___ZOPay{visibility:hidden;position:absolute;left:-100%;display:flex;flex-direction:column;z-index:3;background-color:var(--background-color-secondary);transition:all 0.25s ease-in-out;width:224px;height:100%}.Shell__skipToContent___wKLqk{position:absolute;top:0;left:0;height:0;width:auto;margin:0;display:flex;align-items:center;z-index:1;padding:0 30px;background-color:var(--spectrum-global-color-gray-50);cursor:default;text-decoration:none;border-radius:4px;text-transform:uppercase;opacity:0}.Shell__skipToContent___wKLqk:focus{outline:none}.Shell__skipToContent___wKLqk.focus-ring{height:100%;opacity:1;cursor:pointer;box-shadow:0 0 0 2px var(--spectrum-table-cell-border-color-key-focus)}.Shell__awCCHomeNavContainer___HpmBN{width:70px;height:328px;padding-top:15px}@media (max-width: 960px){.Shell__showMenu___sElN7{display:block !important}.Shell__dropdown___LuOb0{padding:0 8px;box-sizing:border-box;flex-grow:1;display:flex;justify-content:space-around}.Shell__dropdown___LuOb0 .Shell__label___hwKdj{font-size:12px;font-weight:400;margin:0 12px 0 0;color:var(--spectrum-global-color-gray-700)}.Shell__dropdown___LuOb0 .Shell__select___EexTd{padding-right:14px;min-width:100px}.Shell__title___Sx67i{margin-left:0}.Shell__title___Sx67i:focus:after{right:0}.Shell__underlay___Y6zbc.Shell__isVisible___Hlv_N{background-color:rgba(0,0,0,0.6);opacity:1;top:0;left:0;right:0;bottom:0;z-index:2}.Shell__tabs___zBH4a.spectrum-Tabs{visibility:hidden;position:absolute}.Shell__tablist___tCqXD{display:none}.Shell__rail___ZOPay{visibility:hidden}.Shell__rail___ZOPay.Shell__isOpen___mI7QT{visibility:visible;left:0}.Shell__titleText___sYLto{display:none}.Shell__header___fzJYL{padding:0 16px}}@media (max-width: 900px){.Shell__centreTabs___WdEGB.spectrum-Tabs{visibility:hidden;position:absolute}.Shell__centreTablist___zh2Kv{display:none}}@media screen and (min-width: 769px){.main-nav-toggle{display:none !important}}@media screen and (max-width: 768px){.Shell__leftNav___ehNXN{z-index:3000}}@media screen and (max-width: 768px){.Shell__testCCHome___RcTaW{z-index:3000}}@media screen and (min-width: 769px){.Shell__testCCHome___RcTaW div{background-color:var(--cchome-sidenav-background-color);border-right:none}}@media (max-width: 480px){.Shell__header___fzJYL{padding-left:20px;padding-right:20px}.Shell__header___fzJYL.Shell__newOneUpHeader___fy80r{padding-left:5px;padding-right:16px}}
.spectrum-Textfield {
box-sizing: border-box;
border: 1px solid;
border-radius: 4px;
padding: 3px 12px 5px 12px;
text-indent: 0;
min-width: 48px;
height: 32px;
width: 192px;
vertical-align: top;
margin: 0;
overflow: visible;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
text-overflow: ellipsis;
transition: border-color 130ms ease-in-out, box-shadow 130ms ease-in-out;
outline: none;
-webkit-appearance: none;
-moz-appearance: textfield;
}
.spectrum-Textfield::placeholder {
font-weight: 400;
font-style: italic;
transition: color 130ms ease-in-out;
opacity: 1;
}
.spectrum-Textfield::-ms-input-placeholder {
font-weight: 400;
font-style: italic;
transition: color 130ms ease-in-out;
opacity: 1;
}
.spectrum-Textfield:lang(ja)::placeholder, .spectrum-Textfield:lang(zh)::placeholder, .spectrum-Textfield:lang(ko)::placeholder {
font-style: normal;
}
.spectrum-Textfield:lang(ja)::-ms-input-placeholder, .spectrum-Textfield:lang(zh)::-ms-input-placeholder, .spectrum-Textfield:lang(ko)::-ms-input-placeholder {
font-style: normal;
}
.spectrum-Textfield:hover::placeholder {
font-weight: 400;
}
.spectrum-Textfield:disabled {
opacity: 1;
}
.spectrum-Textfield:disabled::placeholder {
font-weight: 400;
}
.spectrum-Textfield::-ms-clear {
width: 0;
height: 0;
}
.spectrum-Textfield::-webkit-inner-spin-button,
.spectrum-Textfield::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.spectrum-Textfield:-moz-ui-invalid {
box-shadow: none;
}
.spectrum-Textfield.is-invalid,
.spectrum-Textfield:invalid,
.spectrum-Textfield.is-valid {
background-repeat: no-repeat;
}
.spectrum-Textfield.is-invalid,
.spectrum-Textfield:invalid {
background-size: 18px 18px;
background-position: calc(100% - 12px) 50%;
padding-right: 42px;
}
.spectrum-Textfield.is-valid {
background-size: 12px 12px;
background-position: calc(100% - 12px) 50%;
padding-right: 36px;
}
.spectrum-Textfield--multiline {
height: auto;
min-height: 56px;
padding: 3px 12px 5px 12px;
overflow: auto;
}
.spectrum-Textfield--multiline.is-invalid,
.spectrum-Textfield--multiline:invalid,
.spectrum-Textfield--multiline.is-valid {
background-position: calc(100% - 9px) calc(100% - 9px);
}
.spectrum-Textfield--quiet {
border-radius: 0;
border-width: 0 0 1px 0;
padding-left: 0;
padding-right: 0;
resize: none;
overflow-y: hidden;
}
.spectrum-Textfield--quiet.is-invalid,
.spectrum-Textfield--quiet:invalid,
.spectrum-Textfield--quiet.is-valid {
background-position: 100% 50%;
}
.spectrum--light .spectrum-Textfield {
background-color: rgb(255, 255, 255);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Textfield::placeholder {
color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-Textfield:hover {
border-color: rgb(202, 202, 202);
box-shadow: none;
}
.spectrum--light .spectrum-Textfield:hover::placeholder {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Textfield:focus {
border-color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Textfield.focus-ring:not(:active) {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--light .spectrum-Textfield[disabled] {
background-color: rgb(234, 234, 234);
border-color: transparent;
color: rgb(179, 179, 179);
-webkit-text-fill-color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Textfield[disabled]::placeholder {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Textfield.is-invalid,
.spectrum--light .spectrum-Textfield:invalid {
border-color: rgb(215, 55, 63);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2718%27 viewBox=%270 0 18 18%27 width=%2718%27%3E%3Cpath style=%27fill:rgb%28227%2C 72%2C 80%29%27 d=%27M8.564 1.289L.2 16.256A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .5-.5.494.494 0 0 0-.064-.244L9.436 1.289a.5.5 0 0 0-.872 0zM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25z%27/%3E%3C/svg%3E");
}
.spectrum--light .spectrum-Textfield.is-invalid.focus-ring:not(:active),
.spectrum--light .spectrum-Textfield:invalid.focus-ring:not(:active) {
border-color: rgb(215, 55, 63);
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.spectrum--light .spectrum-Textfield.is-valid {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2712%27 viewBox=%270 0 12 12%27 width=%2712%27%3E%3Cpath style=%27fill:rgb%2818%2C 128%2C 92%29%27 d=%27M4.5 10a1.023 1.023 0 0 1-.8-.384l-2.488-3a1 1 0 0 1 1.577-1.233L4.5 7.376l4.712-5.991a1 1 0 1 1 1.576 1.23l-5.511 7A.977.977 0 0 1 4.5 10z%27/%3E%3C/svg%3E");
}
.spectrum--light .spectrum-Textfield--quiet {
background-color: transparent;
border-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Textfield--quiet:hover {
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Textfield--quiet:active {
border-color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Textfield--quiet:focus {
border-color: rgb(38, 128, 235);
box-shadow: 0 1px 0 rgb(38, 128, 235);
}
.spectrum--light .spectrum-Textfield--quiet.focus-ring:not(:active) {
border-color: rgb(38, 128, 235);
box-shadow: 0 1px 0 rgb(38, 128, 235);
}
.spectrum--light .spectrum-Textfield--quiet:disabled {
background-color: transparent;
border-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Textfield--quiet.is-invalid,
.spectrum--light .spectrum-Textfield--quiet:invalid {
border-color: rgb(215, 55, 63);
}
.spectrum--light .spectrum-Textfield--quiet.is-invalid:focus,
.spectrum--light .spectrum-Textfield--quiet:invalid:focus {
box-shadow: 0 1px 0 rgb(215, 55, 63);
}
.spectrum--light .spectrum-Textfield--quiet.is-invalid.focus-ring:not(:active),
.spectrum--light .spectrum-Textfield--quiet:invalid.focus-ring:not(:active) {
border-color: rgb(215, 55, 63);
box-shadow: 0 1px 0 rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Textfield {
background-color: rgb(255, 255, 255);
border-color: rgb(234, 234, 234);
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Textfield::placeholder {
color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-Textfield:hover {
border-color: rgb(211, 211, 211);
box-shadow: none;
}
.spectrum--lightest .spectrum-Textfield:hover::placeholder {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Textfield:focus {
border-color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Textfield.focus-ring:not(:active) {
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Textfield[disabled] {
background-color: rgb(244, 244, 244);
border-color: transparent;
color: rgb(188, 188, 188);
-webkit-text-fill-color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Textfield[disabled]::placeholder {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Textfield.is-invalid,
.spectrum--lightest .spectrum-Textfield:invalid {
border-color: rgb(227, 72, 80);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2718%27 viewBox=%270 0 18 18%27 width=%2718%27%3E%3Cpath style=%27fill:rgb%28236%2C 91%2C 98%29%27 d=%27M8.564 1.289L.2 16.256A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .5-.5.494.494 0 0 0-.064-.244L9.436 1.289a.5.5 0 0 0-.872 0zM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25z%27/%3E%3C/svg%3E");
}
.spectrum--lightest .spectrum-Textfield.is-invalid.focus-ring:not(:active),
.spectrum--lightest .spectrum-Textfield:invalid.focus-ring:not(:active) {
border-color: rgb(227, 72, 80);
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.spectrum--lightest .spectrum-Textfield.is-valid {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2712%27 viewBox=%270 0 12 12%27 width=%2712%27%3E%3Cpath style=%27fill:rgb%2838%2C 142%2C 108%29%27 d=%27M4.5 10a1.023 1.023 0 0 1-.8-.384l-2.488-3a1 1 0 0 1 1.577-1.233L4.5 7.376l4.712-5.991a1 1 0 1 1 1.576 1.23l-5.511 7A.977.977 0 0 1 4.5 10z%27/%3E%3C/svg%3E");
}
.spectrum--lightest .spectrum-Textfield--quiet {
background-color: transparent;
border-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Textfield--quiet:hover {
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Textfield--quiet:active {
border-color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Textfield--quiet:focus {
border-color: rgb(55, 142, 240);
box-shadow: 0 1px 0 rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Textfield--quiet.focus-ring:not(:active) {
border-color: rgb(55, 142, 240);
box-shadow: 0 1px 0 rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Textfield--quiet:disabled {
background-color: transparent;
border-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Textfield--quiet.is-invalid,
.spectrum--lightest .spectrum-Textfield--quiet:invalid {
border-color: rgb(227, 72, 80);
}
.spectrum--lightest .spectrum-Textfield--quiet.is-invalid:focus,
.spectrum--lightest .spectrum-Textfield--quiet:invalid:focus {
box-shadow: 0 1px 0 rgb(227, 72, 80);
}
.spectrum--lightest .spectrum-Textfield--quiet.is-invalid.focus-ring:not(:active),
.spectrum--lightest .spectrum-Textfield--quiet:invalid.focus-ring:not(:active) {
border-color: rgb(227, 72, 80);
box-shadow: 0 1px 0 rgb(227, 72, 80);
}
.spectrum--darkest .spectrum-Textfield {
background-color: rgb(8, 8, 8);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Textfield::placeholder {
color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-Textfield:hover {
border-color: rgb(73, 73, 73);
box-shadow: none;
}
.spectrum--darkest .spectrum-Textfield:hover::placeholder {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Textfield:focus {
border-color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Textfield.focus-ring:not(:active) {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Textfield[disabled] {
background-color: rgb(44, 44, 44);
border-color: transparent;
color: rgb(92, 92, 92);
-webkit-text-fill-color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Textfield[disabled]::placeholder {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Textfield.is-invalid,
.spectrum--darkest .spectrum-Textfield:invalid {
border-color: rgb(227, 72, 80);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2718%27 viewBox=%270 0 18 18%27 width=%2718%27%3E%3Cpath style=%27fill:rgb%28215%2C 55%2C 63%29%27 d=%27M8.564 1.289L.2 16.256A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .5-.5.494.494 0 0 0-.064-.244L9.436 1.289a.5.5 0 0 0-.872 0zM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25z%27/%3E%3C/svg%3E");
}
.spectrum--darkest .spectrum-Textfield.is-invalid.focus-ring:not(:active),
.spectrum--darkest .spectrum-Textfield:invalid.focus-ring:not(:active) {
border-color: rgb(227, 72, 80);
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.spectrum--darkest .spectrum-Textfield.is-valid {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2712%27 viewBox=%270 0 12 12%27 width=%2712%27%3E%3Cpath style=%27fill:rgb%2851%2C 171%2C 132%29%27 d=%27M4.5 10a1.023 1.023 0 0 1-.8-.384l-2.488-3a1 1 0 0 1 1.577-1.233L4.5 7.376l4.712-5.991a1 1 0 1 1 1.576 1.23l-5.511 7A.977.977 0 0 1 4.5 10z%27/%3E%3C/svg%3E");
}
.spectrum--darkest .spectrum-Textfield--quiet {
background-color: transparent;
border-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Textfield--quiet:hover {
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Textfield--quiet:active {
border-color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Textfield--quiet:focus {
border-color: rgb(20, 115, 230);
box-shadow: 0 1px 0 rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Textfield--quiet.focus-ring:not(:active) {
border-color: rgb(20, 115, 230);
box-shadow: 0 1px 0 rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Textfield--quiet:disabled {
background-color: transparent;
border-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Textfield--quiet.is-invalid,
.spectrum--darkest .spectrum-Textfield--quiet:invalid {
border-color: rgb(227, 72, 80);
}
.spectrum--darkest .spectrum-Textfield--quiet.is-invalid:focus,
.spectrum--darkest .spectrum-Textfield--quiet:invalid:focus {
box-shadow: 0 1px 0 rgb(227, 72, 80);
}
.spectrum--darkest .spectrum-Textfield--quiet.is-invalid.focus-ring:not(:active),
.spectrum--darkest .spectrum-Textfield--quiet:invalid.focus-ring:not(:active) {
border-color: rgb(227, 72, 80);
box-shadow: 0 1px 0 rgb(227, 72, 80);
}
.spectrum-Search {
display: inline-block;
position: relative;
}
.spectrum-Search .spectrum-ClearButton {
position: absolute;
right: 0;
top: 0;
}
.spectrum-Search-input {
display: block;
-webkit-appearance: none;
outline-offset: -2px;
padding-left: 36px;
text-indent: 0;
padding-right: 28px;
}
.spectrum-Search-input::-webkit-search-cancel-button,
.spectrum-Search-input::-webkit-search-decoration {
-webkit-appearance: none;
}
.spectrum-Search-input.spectrum-Textfield--quiet {
padding-left: 24px;
padding-right: 20px;
}
.spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-icon {
left: 0;
}
.spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-clear {
right: -8px;
}
.spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-rightIcon {
right: 0;
}
.spectrum-Search-icon {
display: block;
position: absolute;
left: 12px;
top: 8px;
pointer-events: none;
}
.spectrum--light .spectrum-Search-icon {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Search-input:disabled ~ .spectrum-Search-icon {
color: rgb(179, 179, 179);
}
.spectrum--lightest .spectrum-Search-icon {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Search-input:disabled ~ .spectrum-Search-icon {
color: rgb(188, 188, 188);
}
.spectrum--darkest .spectrum-Search-icon {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Search-input:disabled ~ .spectrum-Search-icon {
color: rgb(92, 92, 92);
}
.spectrum--light {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(61, 167, 78);
--spectrum-global-color-celery-600: rgb(55, 153, 71);
--spectrum-global-color-celery-700: rgb(49, 139, 64);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(210, 178, 0);
--spectrum-global-color-yellow-600: rgb(196, 166, 0);
--spectrum-global-color-yellow-700: rgb(183, 153, 0);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(206, 39, 131);
--spectrum-global-color-magenta-600: rgb(188, 28, 116);
--spectrum-global-color-magenta-700: rgb(174, 14, 102);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(134, 76, 204);
--spectrum-global-color-purple-600: rgb(122, 66, 191);
--spectrum-global-color-purple-700: rgb(111, 56, 177);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(92, 92, 224);
--spectrum-global-color-indigo-600: rgb(81, 81, 211);
--spectrum-global-color-indigo-700: rgb(70, 70, 198);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(22, 135, 140);
--spectrum-global-color-seafoam-600: rgb(15, 121, 125);
--spectrum-global-color-seafoam-700: rgb(9, 108, 111);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(215, 55, 63);
--spectrum-global-color-red-600: rgb(201, 37, 45);
--spectrum-global-color-red-700: rgb(187, 18, 26);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(218, 123, 17);
--spectrum-global-color-orange-600: rgb(203, 111, 16);
--spectrum-global-color-orange-700: rgb(189, 100, 13);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(38, 142, 108);
--spectrum-global-color-green-600: rgb(18, 128, 92);
--spectrum-global-color-green-700: rgb(16, 113, 84);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(20, 115, 230);
--spectrum-global-color-blue-600: rgb(13, 102, 208);
--spectrum-global-color-blue-700: rgb(9, 90, 186);
--spectrum-global-color-gray-50: rgb(255, 255, 255);
--spectrum-global-color-gray-75: rgb(250, 250, 250);
--spectrum-global-color-gray-100: rgb(245, 245, 245);
--spectrum-global-color-gray-200: rgb(234, 234, 234);
--spectrum-global-color-gray-300: rgb(225, 225, 225);
--spectrum-global-color-gray-400: rgb(202, 202, 202);
--spectrum-global-color-gray-500: rgb(179, 179, 179);
--spectrum-global-color-gray-600: rgb(142, 142, 142);
--spectrum-global-color-gray-700: rgb(110, 110, 110);
--spectrum-global-color-gray-800: rgb(75, 75, 75);
--spectrum-global-color-gray-900: rgb(44, 44, 44);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
--spectrum-alias-highlight-active: rgba(44,44,44,0.1);
--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
--spectrum-colorarea-border-color: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(75,75,75,0.02);
--spectrum-well-border-color: rgba(44,44,44,0.05);
}
.spectrum--dark {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(75, 195, 95);
--spectrum-global-color-celery-600: rgb(81, 210, 103);
--spectrum-global-color-celery-700: rgb(88, 224, 111);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-600: rgb(155, 236, 84);
--spectrum-global-color-chartreuse-700: rgb(163, 248, 88);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(237, 204, 0);
--spectrum-global-color-yellow-600: rgb(250, 217, 0);
--spectrum-global-color-yellow-700: rgb(255, 226, 46);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(226, 73, 157);
--spectrum-global-color-magenta-600: rgb(236, 90, 170);
--spectrum-global-color-magenta-700: rgb(245, 107, 183);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-600: rgb(217, 81, 229);
--spectrum-global-color-fuchsia-700: rgb(227, 102, 239);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(157, 100, 225);
--spectrum-global-color-purple-600: rgb(168, 115, 233);
--spectrum-global-color-purple-700: rgb(180, 131, 240);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(117, 117, 241);
--spectrum-global-color-indigo-600: rgb(130, 130, 246);
--spectrum-global-color-indigo-700: rgb(144, 144, 250);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(32, 163, 168);
--spectrum-global-color-seafoam-600: rgb(35, 178, 184);
--spectrum-global-color-seafoam-700: rgb(38, 192, 199);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(236, 91, 98);
--spectrum-global-color-red-600: rgb(247, 109, 116);
--spectrum-global-color-red-700: rgb(255, 123, 130);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(242, 148, 35);
--spectrum-global-color-orange-600: rgb(249, 164, 63);
--spectrum-global-color-orange-700: rgb(255, 181, 91);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(51, 171, 132);
--spectrum-global-color-green-600: rgb(57, 185, 144);
--spectrum-global-color-green-700: rgb(63, 200, 156);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(55, 142, 240);
--spectrum-global-color-blue-600: rgb(75, 156, 245);
--spectrum-global-color-blue-700: rgb(90, 169, 250);
--spectrum-global-color-gray-50: rgb(37, 37, 37);
--spectrum-global-color-gray-75: rgb(47, 47, 47);
--spectrum-global-color-gray-100: rgb(50, 50, 50);
--spectrum-global-color-gray-200: rgb(62, 62, 62);
--spectrum-global-color-gray-300: rgb(74, 74, 74);
--spectrum-global-color-gray-400: rgb(90, 90, 90);
--spectrum-global-color-gray-500: rgb(110, 110, 110);
--spectrum-global-color-gray-600: rgb(144, 144, 144);
--spectrum-global-color-gray-700: rgb(185, 185, 185);
--spectrum-global-color-gray-800: rgb(227, 227, 227);
--spectrum-global-color-gray-900: rgb(255, 255, 255);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.5);
--spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06);
--spectrum-alias-highlight-hover: rgba(255,255,255,0.07);
--spectrum-alias-highlight-active: rgba(255,255,255,0.1);
--spectrum-alias-highlight-selected: rgba(55,142,240,0.15);
--spectrum-alias-highlight-selected-hover: rgba(55,142,240,0.25);
--spectrum-alias-text-highlight-color: rgba(55,142,240,0.25);
--spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(227,227,227,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(55,142,240,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(55,142,240,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(227,227,227,0.02);
--spectrum-well-border-color: rgba(255,255,255,0.05);
}
.spectrum--darkest {
--spectrum-global-color-celery-400: rgb(61, 167, 78);
--spectrum-global-color-celery-500: rgb(68, 181, 86);
--spectrum-global-color-celery-600: rgb(75, 195, 95);
--spectrum-global-color-celery-700: rgb(81, 210, 103);
--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
--spectrum-global-color-yellow-400: rgb(210, 178, 0);
--spectrum-global-color-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-yellow-600: rgb(237, 204, 0);
--spectrum-global-color-yellow-700: rgb(250, 217, 0);
--spectrum-global-color-magenta-400: rgb(202, 41, 150);
--spectrum-global-color-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-magenta-600: rgb(226, 73, 157);
--spectrum-global-color-magenta-700: rgb(236, 90, 170);
--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
--spectrum-global-color-purple-400: rgb(134, 76, 204);
--spectrum-global-color-purple-500: rgb(146, 86, 217);
--spectrum-global-color-purple-600: rgb(157, 100, 225);
--spectrum-global-color-purple-700: rgb(168, 115, 223);
--spectrum-global-color-indigo-400: rgb(92, 92, 224);
--spectrum-global-color-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-indigo-600: rgb(117, 117, 241);
--spectrum-global-color-indigo-700: rgb(130, 130, 246);
--spectrum-global-color-seafoam-400: rgb(22, 135, 140);
--spectrum-global-color-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-seafoam-600: rgb(32, 163, 168);
--spectrum-global-color-seafoam-700: rgb(35, 178, 184);
--spectrum-global-color-red-400: rgb(215, 55, 63);
--spectrum-global-color-red-500: rgb(227, 72, 80);
--spectrum-global-color-red-600: rgb(236, 91, 98);
--spectrum-global-color-red-700: rgb(247, 109, 116);
--spectrum-global-color-orange-400: rgb(218, 123, 17);
--spectrum-global-color-orange-500: rgb(230, 134, 25);
--spectrum-global-color-orange-600: rgb(242, 148, 35);
--spectrum-global-color-orange-700: rgb(249, 164, 63);
--spectrum-global-color-green-400: rgb(38, 142, 108);
--spectrum-global-color-green-500: rgb(45, 157, 120);
--spectrum-global-color-green-600: rgb(51, 171, 132);
--spectrum-global-color-green-700: rgb(57, 185, 144);
--spectrum-global-color-blue-400: rgb(20, 115, 230);
--spectrum-global-color-blue-500: rgb(38, 128, 235);
--spectrum-global-color-blue-600: rgb(55, 142, 240);
--spectrum-global-color-blue-700: rgb(75, 156, 245);
--spectrum-global-color-gray-50: rgb(8, 8, 8);
--spectrum-global-color-gray-75: rgb(26, 26, 26);
--spectrum-global-color-gray-100: rgb(30, 30, 30);
--spectrum-global-color-gray-200: rgb(44, 44, 44);
--spectrum-global-color-gray-300: rgb(57, 57, 57);
--spectrum-global-color-gray-400: rgb(73, 73, 73);
--spectrum-global-color-gray-500: rgb(92, 92, 92);
--spectrum-global-color-gray-600: rgb(124, 124, 124);
--spectrum-global-color-gray-700: rgb(162, 162, 162);
--spectrum-global-color-gray-800: rgb(200, 200, 200);
--spectrum-global-color-gray-900: rgb(239, 239, 239);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);
--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);
--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);
--spectrum-alias-highlight-active: rgba(239,239,239,0.15);
--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);
--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);
--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);
--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(200,200,200,0.02);
--spectrum-well-border-color: rgba(239,239,239,0.05);
}
.spectrum { /* spectrum-animationGlobals.css */
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
--spectrum-global-animation-duration-300: 190ms;
--spectrum-global-animation-duration-400: 220ms;
--spectrum-global-animation-duration-500: 250ms;
--spectrum-global-animation-duration-600: 300ms;
--spectrum-global-animation-duration-700: 350ms;
--spectrum-global-animation-duration-800: 400ms;
--spectrum-global-animation-duration-900: 450ms;
--spectrum-global-animation-duration-1000: 500ms;
--spectrum-global-animation-duration-2000: 1000ms;
--spectrum-global-animation-duration-4000: 2000ms;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
/* spectrum-colorGlobals.css */
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
--spectrum-global-color-opacity-60: 0.6;
--spectrum-global-color-opacity-50: 0.5;
--spectrum-global-color-opacity-40: 0.4;
--spectrum-global-color-opacity-30: 0.3;
--spectrum-global-color-opacity-25: 0.25;
--spectrum-global-color-opacity-20: 0.2;
--spectrum-global-color-opacity-15: 0.15;
--spectrum-global-color-opacity-10: 0.1;
--spectrum-global-color-opacity-8: 0.08;
--spectrum-global-color-opacity-7: 0.07;
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;
/* spectrum-colorSemantics.css */
--spectrum-semantic-negative-color-background: var(--spectrum-global-color-static-red-700);
--spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-border: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-icon: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-status: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-text-large: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-text-small: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-state-down: var(--spectrum-global-color-red-700);
--spectrum-semantic-negative-color-state-focus: var(--spectrum-global-color-red-400);
--spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-700);
--spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-border: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-icon: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-status: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-text-large: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-text-small: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-state-down: var(--spectrum-global-color-orange-700);
--spectrum-semantic-notice-color-state-focus: var(--spectrum-global-color-orange-400);
--spectrum-semantic-positive-color-background: var(--spectrum-global-color-static-green-700);
--spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-border: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-icon: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-status: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-text-large: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-text-small: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-state-down: var(--spectrum-global-color-green-700);
--spectrum-semantic-positive-color-state-focus: var(--spectrum-global-color-green-400);
--spectrum-semantic-informative-color-background: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-border: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-icon: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-status: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-text-large: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-text-small: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-state-down: var(--spectrum-global-color-blue-700);
--spectrum-semantic-informative-color-state-focus: var(--spectrum-global-color-blue-400);
--spectrum-semantic-cta-color-background-default: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-cta-color-background-hover: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-down: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-neutral-color-background: var(--spectrum-global-color-static-gray-700);
--spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);
--spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);
--spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);
--spectrum-semantic-presence-color-4: rgb(75, 204, 162);
--spectrum-semantic-presence-color-5: rgb(0, 199, 255);
--spectrum-semantic-presence-color-6: rgb(0, 140, 184);
--spectrum-semantic-presence-color-7: rgb(126, 75, 243);
--spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);
/* spectrum-dimensionGlobals.css */
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
--spectrum-global-dimension-static-size-50: 4px;
--spectrum-global-dimension-static-size-40: 3px;
--spectrum-global-dimension-static-size-65: 5px;
--spectrum-global-dimension-static-size-100: 8px;
--spectrum-global-dimension-static-size-115: 9px;
--spectrum-global-dimension-static-size-125: 10px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-175: 14px;
--spectrum-global-dimension-static-size-200: 16px;
--spectrum-global-dimension-static-size-225: 18px;
--spectrum-global-dimension-static-size-250: 20px;
--spectrum-global-dimension-static-size-300: 24px;
--spectrum-global-dimension-static-size-400: 32px;
--spectrum-global-dimension-static-size-450: 36px;
--spectrum-global-dimension-static-size-500: 40px;
--spectrum-global-dimension-static-size-550: 44px;
--spectrum-global-dimension-static-size-600: 48px;
--spectrum-global-dimension-static-size-700: 56px;
--spectrum-global-dimension-static-size-800: 64px;
--spectrum-global-dimension-static-size-900: 72px;
--spectrum-global-dimension-static-size-1000: 80px;
--spectrum-global-dimension-static-size-1200: 96px;
--spectrum-global-dimension-static-size-1700: 136px;
--spectrum-global-dimension-static-size-2400: 192px;
--spectrum-global-dimension-static-size-2600: 208px;
--spectrum-global-dimension-static-size-3400: 272px;
--spectrum-global-dimension-static-size-3600: 288px;
--spectrum-global-dimension-static-size-4600: 368px;
--spectrum-global-dimension-static-size-5000: 400px;
--spectrum-global-dimension-static-size-6000: 480px;
--spectrum-global-dimension-static-font-size-50: 11px;
--spectrum-global-dimension-static-font-size-75: 12px;
--spectrum-global-dimension-static-font-size-100: 14px;
--spectrum-global-dimension-static-font-size-150: 15px;
--spectrum-global-dimension-static-font-size-200: 16px;
--spectrum-global-dimension-static-font-size-300: 18px;
--spectrum-global-dimension-static-font-size-400: 20px;
--spectrum-global-dimension-static-font-size-500: 22px;
--spectrum-global-dimension-static-font-size-600: 25px;
--spectrum-global-dimension-static-font-size-700: 28px;
--spectrum-global-dimension-static-font-size-800: 32px;
--spectrum-global-dimension-static-font-size-900: 36px;
--spectrum-global-dimension-static-font-size-1000: 40px;
--spectrum-global-dimension-static-percent-50: 50%;
--spectrum-global-dimension-static-percent-100: 100%;
--spectrum-global-dimension-static-breakpoint-xsmall: 304px;
--spectrum-global-dimension-static-breakpoint-small: 768px;
--spectrum-global-dimension-static-breakpoint-medium: 1280px;
--spectrum-global-dimension-static-breakpoint-large: 1768px;
--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
/* spectrum-fontGlobals.css */
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
--spectrum-global-font-weight-thin: 100;
--spectrum-global-font-weight-ultra-light: 200;
--spectrum-global-font-weight-light: 300;
--spectrum-global-font-weight-regular: 400;
--spectrum-global-font-weight-medium: 500;
--spectrum-global-font-weight-semi-bold: 600;
--spectrum-global-font-weight-bold: 700;
--spectrum-global-font-weight-extra-bold: 800;
--spectrum-global-font-weight-black: 900;
--spectrum-global-font-style-regular: normal;
--spectrum-global-font-style-italic: italic;
--spectrum-global-font-letter-spacing-none: 0;
--spectrum-global-font-letter-spacing-small: 0.0125em;
--spectrum-global-font-letter-spacing-han: 0.05em;
--spectrum-global-font-letter-spacing-medium: 0.06em;
--spectrum-global-font-line-height-large: 1.7;
--spectrum-global-font-line-height-medium: 1.5;
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;
/* spectrum-staticAliases.css */
--spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
--spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
--spectrum-alias-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif';
--spectrum-alias-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
--spectrum-alias-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
--spectrum-alias-font-family-ja: adobe-clean-han-japanese, source-han-japanese, 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', 'sans-serif';
--spectrum-alias-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small);
--spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large);
--spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
--spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);
--spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);
--spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);
}
.spectrum--medium,
.spectrum--large {
/* spectrum-dimensionAliases.css */
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
}
.spectrum--darkest,
.spectrum--dark,
.spectrum--light,
.spectrum--lightest {
/* spectrum-colorAliases.css */
--spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-background-color-transparent: transparent;
--spectrum-alias-background-color-label-gray: rgb(112, 112, 112);
--spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
--spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-600);
--spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800);
--spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
--spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
--spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
--spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-title-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-focus: var(--spectrum-global-color-blue-400);
--spectrum-alias-border-color-down: var(--spectrum-global-color-blue-500);
--spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100);
--spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
--spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-transparent: transparent;
--spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);
--spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);
--spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
--spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);
--spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white);
--spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-error: var(--spectrum-global-color-red-400);
--spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100);
}
.spectrum--light {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(61, 167, 78);
--spectrum-global-color-celery-600: rgb(55, 153, 71);
--spectrum-global-color-celery-700: rgb(49, 139, 64);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(210, 178, 0);
--spectrum-global-color-yellow-600: rgb(196, 166, 0);
--spectrum-global-color-yellow-700: rgb(183, 153, 0);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(206, 39, 131);
--spectrum-global-color-magenta-600: rgb(188, 28, 116);
--spectrum-global-color-magenta-700: rgb(174, 14, 102);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(134, 76, 204);
--spectrum-global-color-purple-600: rgb(122, 66, 191);
--spectrum-global-color-purple-700: rgb(111, 56, 177);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(92, 92, 224);
--spectrum-global-color-indigo-600: rgb(81, 81, 211);
--spectrum-global-color-indigo-700: rgb(70, 70, 198);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(22, 135, 140);
--spectrum-global-color-seafoam-600: rgb(15, 121, 125);
--spectrum-global-color-seafoam-700: rgb(9, 108, 111);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(215, 55, 63);
--spectrum-global-color-red-600: rgb(201, 37, 45);
--spectrum-global-color-red-700: rgb(187, 18, 26);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(218, 123, 17);
--spectrum-global-color-orange-600: rgb(203, 111, 16);
--spectrum-global-color-orange-700: rgb(189, 100, 13);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(38, 142, 108);
--spectrum-global-color-green-600: rgb(18, 128, 92);
--spectrum-global-color-green-700: rgb(16, 113, 84);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(20, 115, 230);
--spectrum-global-color-blue-600: rgb(13, 102, 208);
--spectrum-global-color-blue-700: rgb(9, 90, 186);
--spectrum-global-color-gray-50: rgb(255, 255, 255);
--spectrum-global-color-gray-75: rgb(250, 250, 250);
--spectrum-global-color-gray-100: rgb(245, 245, 245);
--spectrum-global-color-gray-200: rgb(234, 234, 234);
--spectrum-global-color-gray-300: rgb(225, 225, 225);
--spectrum-global-color-gray-400: rgb(202, 202, 202);
--spectrum-global-color-gray-500: rgb(179, 179, 179);
--spectrum-global-color-gray-600: rgb(142, 142, 142);
--spectrum-global-color-gray-700: rgb(110, 110, 110);
--spectrum-global-color-gray-800: rgb(75, 75, 75);
--spectrum-global-color-gray-900: rgb(44, 44, 44);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
--spectrum-alias-highlight-active: rgba(44,44,44,0.1);
--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
--spectrum-colorarea-border-color: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(75,75,75,0.02);
--spectrum-well-border-color: rgba(44,44,44,0.05);
}
.spectrum--dark {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(75, 195, 95);
--spectrum-global-color-celery-600: rgb(81, 210, 103);
--spectrum-global-color-celery-700: rgb(88, 224, 111);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-600: rgb(155, 236, 84);
--spectrum-global-color-chartreuse-700: rgb(163, 248, 88);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(237, 204, 0);
--spectrum-global-color-yellow-600: rgb(250, 217, 0);
--spectrum-global-color-yellow-700: rgb(255, 226, 46);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(226, 73, 157);
--spectrum-global-color-magenta-600: rgb(236, 90, 170);
--spectrum-global-color-magenta-700: rgb(245, 107, 183);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-600: rgb(217, 81, 229);
--spectrum-global-color-fuchsia-700: rgb(227, 102, 239);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(157, 100, 225);
--spectrum-global-color-purple-600: rgb(168, 115, 233);
--spectrum-global-color-purple-700: rgb(180, 131, 240);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(117, 117, 241);
--spectrum-global-color-indigo-600: rgb(130, 130, 246);
--spectrum-global-color-indigo-700: rgb(144, 144, 250);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(32, 163, 168);
--spectrum-global-color-seafoam-600: rgb(35, 178, 184);
--spectrum-global-color-seafoam-700: rgb(38, 192, 199);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(236, 91, 98);
--spectrum-global-color-red-600: rgb(247, 109, 116);
--spectrum-global-color-red-700: rgb(255, 123, 130);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(242, 148, 35);
--spectrum-global-color-orange-600: rgb(249, 164, 63);
--spectrum-global-color-orange-700: rgb(255, 181, 91);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(51, 171, 132);
--spectrum-global-color-green-600: rgb(57, 185, 144);
--spectrum-global-color-green-700: rgb(63, 200, 156);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(55, 142, 240);
--spectrum-global-color-blue-600: rgb(75, 156, 245);
--spectrum-global-color-blue-700: rgb(90, 169, 250);
--spectrum-global-color-gray-50: rgb(37, 37, 37);
--spectrum-global-color-gray-75: rgb(47, 47, 47);
--spectrum-global-color-gray-100: rgb(50, 50, 50);
--spectrum-global-color-gray-200: rgb(62, 62, 62);
--spectrum-global-color-gray-300: rgb(74, 74, 74);
--spectrum-global-color-gray-400: rgb(90, 90, 90);
--spectrum-global-color-gray-500: rgb(110, 110, 110);
--spectrum-global-color-gray-600: rgb(144, 144, 144);
--spectrum-global-color-gray-700: rgb(185, 185, 185);
--spectrum-global-color-gray-800: rgb(227, 227, 227);
--spectrum-global-color-gray-900: rgb(255, 255, 255);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.5);
--spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06);
--spectrum-alias-highlight-hover: rgba(255,255,255,0.07);
--spectrum-alias-highlight-active: rgba(255,255,255,0.1);
--spectrum-alias-highlight-selected: rgba(55,142,240,0.15);
--spectrum-alias-highlight-selected-hover: rgba(55,142,240,0.25);
--spectrum-alias-text-highlight-color: rgba(55,142,240,0.25);
--spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(227,227,227,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(55,142,240,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(55,142,240,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(227,227,227,0.02);
--spectrum-well-border-color: rgba(255,255,255,0.05);
}
.spectrum--darkest {
--spectrum-global-color-celery-400: rgb(61, 167, 78);
--spectrum-global-color-celery-500: rgb(68, 181, 86);
--spectrum-global-color-celery-600: rgb(75, 195, 95);
--spectrum-global-color-celery-700: rgb(81, 210, 103);
--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
--spectrum-global-color-yellow-400: rgb(210, 178, 0);
--spectrum-global-color-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-yellow-600: rgb(237, 204, 0);
--spectrum-global-color-yellow-700: rgb(250, 217, 0);
--spectrum-global-color-magenta-400: rgb(202, 41, 150);
--spectrum-global-color-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-magenta-600: rgb(226, 73, 157);
--spectrum-global-color-magenta-700: rgb(236, 90, 170);
--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
--spectrum-global-color-purple-400: rgb(134, 76, 204);
--spectrum-global-color-purple-500: rgb(146, 86, 217);
--spectrum-global-color-purple-600: rgb(157, 100, 225);
--spectrum-global-color-purple-700: rgb(168, 115, 223);
--spectrum-global-color-indigo-400: rgb(92, 92, 224);
--spectrum-global-color-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-indigo-600: rgb(117, 117, 241);
--spectrum-global-color-indigo-700: rgb(130, 130, 246);
--spectrum-global-color-seafoam-400: rgb(22, 135, 140);
--spectrum-global-color-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-seafoam-600: rgb(32, 163, 168);
--spectrum-global-color-seafoam-700: rgb(35, 178, 184);
--spectrum-global-color-red-400: rgb(215, 55, 63);
--spectrum-global-color-red-500: rgb(227, 72, 80);
--spectrum-global-color-red-600: rgb(236, 91, 98);
--spectrum-global-color-red-700: rgb(247, 109, 116);
--spectrum-global-color-orange-400: rgb(218, 123, 17);
--spectrum-global-color-orange-500: rgb(230, 134, 25);
--spectrum-global-color-orange-600: rgb(242, 148, 35);
--spectrum-global-color-orange-700: rgb(249, 164, 63);
--spectrum-global-color-green-400: rgb(38, 142, 108);
--spectrum-global-color-green-500: rgb(45, 157, 120);
--spectrum-global-color-green-600: rgb(51, 171, 132);
--spectrum-global-color-green-700: rgb(57, 185, 144);
--spectrum-global-color-blue-400: rgb(20, 115, 230);
--spectrum-global-color-blue-500: rgb(38, 128, 235);
--spectrum-global-color-blue-600: rgb(55, 142, 240);
--spectrum-global-color-blue-700: rgb(75, 156, 245);
--spectrum-global-color-gray-50: rgb(8, 8, 8);
--spectrum-global-color-gray-75: rgb(26, 26, 26);
--spectrum-global-color-gray-100: rgb(30, 30, 30);
--spectrum-global-color-gray-200: rgb(44, 44, 44);
--spectrum-global-color-gray-300: rgb(57, 57, 57);
--spectrum-global-color-gray-400: rgb(73, 73, 73);
--spectrum-global-color-gray-500: rgb(92, 92, 92);
--spectrum-global-color-gray-600: rgb(124, 124, 124);
--spectrum-global-color-gray-700: rgb(162, 162, 162);
--spectrum-global-color-gray-800: rgb(200, 200, 200);
--spectrum-global-color-gray-900: rgb(239, 239, 239);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);
--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);
--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);
--spectrum-alias-highlight-active: rgba(239,239,239,0.15);
--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);
--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);
--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);
--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(200,200,200,0.02);
--spectrum-well-border-color: rgba(239,239,239,0.05);
}
.spectrum { /* spectrum-animationGlobals.css */
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
--spectrum-global-animation-duration-300: 190ms;
--spectrum-global-animation-duration-400: 220ms;
--spectrum-global-animation-duration-500: 250ms;
--spectrum-global-animation-duration-600: 300ms;
--spectrum-global-animation-duration-700: 350ms;
--spectrum-global-animation-duration-800: 400ms;
--spectrum-global-animation-duration-900: 450ms;
--spectrum-global-animation-duration-1000: 500ms;
--spectrum-global-animation-duration-2000: 1000ms;
--spectrum-global-animation-duration-4000: 2000ms;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
/* spectrum-colorGlobals.css */
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
--spectrum-global-color-opacity-60: 0.6;
--spectrum-global-color-opacity-50: 0.5;
--spectrum-global-color-opacity-40: 0.4;
--spectrum-global-color-opacity-30: 0.3;
--spectrum-global-color-opacity-25: 0.25;
--spectrum-global-color-opacity-20: 0.2;
--spectrum-global-color-opacity-15: 0.15;
--spectrum-global-color-opacity-10: 0.1;
--spectrum-global-color-opacity-8: 0.08;
--spectrum-global-color-opacity-7: 0.07;
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;
/* spectrum-colorSemantics.css */
--spectrum-semantic-negative-color-background: var(--spectrum-global-color-static-red-700);
--spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-border: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-icon: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-status: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-text-large: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-text-small: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-state-down: var(--spectrum-global-color-red-700);
--spectrum-semantic-negative-color-state-focus: var(--spectrum-global-color-red-400);
--spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-700);
--spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-border: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-icon: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-status: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-text-large: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-text-small: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-state-down: var(--spectrum-global-color-orange-700);
--spectrum-semantic-notice-color-state-focus: var(--spectrum-global-color-orange-400);
--spectrum-semantic-positive-color-background: var(--spectrum-global-color-static-green-700);
--spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-border: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-icon: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-status: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-text-large: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-text-small: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-state-down: var(--spectrum-global-color-green-700);
--spectrum-semantic-positive-color-state-focus: var(--spectrum-global-color-green-400);
--spectrum-semantic-informative-color-background: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-border: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-icon: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-status: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-text-large: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-text-small: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-state-down: var(--spectrum-global-color-blue-700);
--spectrum-semantic-informative-color-state-focus: var(--spectrum-global-color-blue-400);
--spectrum-semantic-cta-color-background-default: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-cta-color-background-hover: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-down: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-neutral-color-background: var(--spectrum-global-color-static-gray-700);
--spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);
--spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);
--spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);
--spectrum-semantic-presence-color-4: rgb(75, 204, 162);
--spectrum-semantic-presence-color-5: rgb(0, 199, 255);
--spectrum-semantic-presence-color-6: rgb(0, 140, 184);
--spectrum-semantic-presence-color-7: rgb(126, 75, 243);
--spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);
/* spectrum-dimensionGlobals.css */
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
--spectrum-global-dimension-static-size-50: 4px;
--spectrum-global-dimension-static-size-40: 3px;
--spectrum-global-dimension-static-size-65: 5px;
--spectrum-global-dimension-static-size-100: 8px;
--spectrum-global-dimension-static-size-115: 9px;
--spectrum-global-dimension-static-size-125: 10px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-175: 14px;
--spectrum-global-dimension-static-size-200: 16px;
--spectrum-global-dimension-static-size-225: 18px;
--spectrum-global-dimension-static-size-250: 20px;
--spectrum-global-dimension-static-size-300: 24px;
--spectrum-global-dimension-static-size-400: 32px;
--spectrum-global-dimension-static-size-450: 36px;
--spectrum-global-dimension-static-size-500: 40px;
--spectrum-global-dimension-static-size-550: 44px;
--spectrum-global-dimension-static-size-600: 48px;
--spectrum-global-dimension-static-size-700: 56px;
--spectrum-global-dimension-static-size-800: 64px;
--spectrum-global-dimension-static-size-900: 72px;
--spectrum-global-dimension-static-size-1000: 80px;
--spectrum-global-dimension-static-size-1200: 96px;
--spectrum-global-dimension-static-size-1700: 136px;
--spectrum-global-dimension-static-size-2400: 192px;
--spectrum-global-dimension-static-size-2600: 208px;
--spectrum-global-dimension-static-size-3400: 272px;
--spectrum-global-dimension-static-size-3600: 288px;
--spectrum-global-dimension-static-size-4600: 368px;
--spectrum-global-dimension-static-size-5000: 400px;
--spectrum-global-dimension-static-size-6000: 480px;
--spectrum-global-dimension-static-font-size-50: 11px;
--spectrum-global-dimension-static-font-size-75: 12px;
--spectrum-global-dimension-static-font-size-100: 14px;
--spectrum-global-dimension-static-font-size-150: 15px;
--spectrum-global-dimension-static-font-size-200: 16px;
--spectrum-global-dimension-static-font-size-300: 18px;
--spectrum-global-dimension-static-font-size-400: 20px;
--spectrum-global-dimension-static-font-size-500: 22px;
--spectrum-global-dimension-static-font-size-600: 25px;
--spectrum-global-dimension-static-font-size-700: 28px;
--spectrum-global-dimension-static-font-size-800: 32px;
--spectrum-global-dimension-static-font-size-900: 36px;
--spectrum-global-dimension-static-font-size-1000: 40px;
--spectrum-global-dimension-static-percent-50: 50%;
--spectrum-global-dimension-static-percent-100: 100%;
--spectrum-global-dimension-static-breakpoint-xsmall: 304px;
--spectrum-global-dimension-static-breakpoint-small: 768px;
--spectrum-global-dimension-static-breakpoint-medium: 1280px;
--spectrum-global-dimension-static-breakpoint-large: 1768px;
--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
/* spectrum-fontGlobals.css */
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
--spectrum-global-font-weight-thin: 100;
--spectrum-global-font-weight-ultra-light: 200;
--spectrum-global-font-weight-light: 300;
--spectrum-global-font-weight-regular: 400;
--spectrum-global-font-weight-medium: 500;
--spectrum-global-font-weight-semi-bold: 600;
--spectrum-global-font-weight-bold: 700;
--spectrum-global-font-weight-extra-bold: 800;
--spectrum-global-font-weight-black: 900;
--spectrum-global-font-style-regular: normal;
--spectrum-global-font-style-italic: italic;
--spectrum-global-font-letter-spacing-none: 0;
--spectrum-global-font-letter-spacing-small: 0.0125em;
--spectrum-global-font-letter-spacing-han: 0.05em;
--spectrum-global-font-letter-spacing-medium: 0.06em;
--spectrum-global-font-line-height-large: 1.7;
--spectrum-global-font-line-height-medium: 1.5;
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;
/* spectrum-staticAliases.css */
--spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
--spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
--spectrum-alias-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif';
--spectrum-alias-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
--spectrum-alias-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
--spectrum-alias-font-family-ja: adobe-clean-han-japanese, source-han-japanese, 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', 'sans-serif';
--spectrum-alias-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small);
--spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large);
--spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
--spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);
--spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);
--spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);
}
.spectrum--medium,
.spectrum--large {
/* spectrum-dimensionAliases.css */
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
}
.spectrum--darkest,
.spectrum--dark,
.spectrum--light,
.spectrum--lightest {
/* spectrum-colorAliases.css */
--spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-background-color-transparent: transparent;
--spectrum-alias-background-color-label-gray: rgb(112, 112, 112);
--spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
--spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-600);
--spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800);
--spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
--spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
--spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
--spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-title-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-focus: var(--spectrum-global-color-blue-400);
--spectrum-alias-border-color-down: var(--spectrum-global-color-blue-500);
--spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100);
--spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
--spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-transparent: transparent;
--spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);
--spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);
--spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
--spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);
--spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white);
--spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-error: var(--spectrum-global-color-red-400);
--spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100);
}
.spectrum--light {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(61, 167, 78);
--spectrum-global-color-celery-600: rgb(55, 153, 71);
--spectrum-global-color-celery-700: rgb(49, 139, 64);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(210, 178, 0);
--spectrum-global-color-yellow-600: rgb(196, 166, 0);
--spectrum-global-color-yellow-700: rgb(183, 153, 0);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(206, 39, 131);
--spectrum-global-color-magenta-600: rgb(188, 28, 116);
--spectrum-global-color-magenta-700: rgb(174, 14, 102);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(134, 76, 204);
--spectrum-global-color-purple-600: rgb(122, 66, 191);
--spectrum-global-color-purple-700: rgb(111, 56, 177);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(92, 92, 224);
--spectrum-global-color-indigo-600: rgb(81, 81, 211);
--spectrum-global-color-indigo-700: rgb(70, 70, 198);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(22, 135, 140);
--spectrum-global-color-seafoam-600: rgb(15, 121, 125);
--spectrum-global-color-seafoam-700: rgb(9, 108, 111);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(215, 55, 63);
--spectrum-global-color-red-600: rgb(201, 37, 45);
--spectrum-global-color-red-700: rgb(187, 18, 26);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(218, 123, 17);
--spectrum-global-color-orange-600: rgb(203, 111, 16);
--spectrum-global-color-orange-700: rgb(189, 100, 13);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(38, 142, 108);
--spectrum-global-color-green-600: rgb(18, 128, 92);
--spectrum-global-color-green-700: rgb(16, 113, 84);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(20, 115, 230);
--spectrum-global-color-blue-600: rgb(13, 102, 208);
--spectrum-global-color-blue-700: rgb(9, 90, 186);
--spectrum-global-color-gray-50: rgb(255, 255, 255);
--spectrum-global-color-gray-75: rgb(250, 250, 250);
--spectrum-global-color-gray-100: rgb(245, 245, 245);
--spectrum-global-color-gray-200: rgb(234, 234, 234);
--spectrum-global-color-gray-300: rgb(225, 225, 225);
--spectrum-global-color-gray-400: rgb(202, 202, 202);
--spectrum-global-color-gray-500: rgb(179, 179, 179);
--spectrum-global-color-gray-600: rgb(142, 142, 142);
--spectrum-global-color-gray-700: rgb(110, 110, 110);
--spectrum-global-color-gray-800: rgb(75, 75, 75);
--spectrum-global-color-gray-900: rgb(44, 44, 44);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
--spectrum-alias-highlight-active: rgba(44,44,44,0.1);
--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
--spectrum-colorarea-border-color: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(75,75,75,0.02);
--spectrum-well-border-color: rgba(44,44,44,0.05);
}
.spectrum--dark {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(75, 195, 95);
--spectrum-global-color-celery-600: rgb(81, 210, 103);
--spectrum-global-color-celery-700: rgb(88, 224, 111);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-600: rgb(155, 236, 84);
--spectrum-global-color-chartreuse-700: rgb(163, 248, 88);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(237, 204, 0);
--spectrum-global-color-yellow-600: rgb(250, 217, 0);
--spectrum-global-color-yellow-700: rgb(255, 226, 46);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(226, 73, 157);
--spectrum-global-color-magenta-600: rgb(236, 90, 170);
--spectrum-global-color-magenta-700: rgb(245, 107, 183);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-600: rgb(217, 81, 229);
--spectrum-global-color-fuchsia-700: rgb(227, 102, 239);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(157, 100, 225);
--spectrum-global-color-purple-600: rgb(168, 115, 233);
--spectrum-global-color-purple-700: rgb(180, 131, 240);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(117, 117, 241);
--spectrum-global-color-indigo-600: rgb(130, 130, 246);
--spectrum-global-color-indigo-700: rgb(144, 144, 250);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(32, 163, 168);
--spectrum-global-color-seafoam-600: rgb(35, 178, 184);
--spectrum-global-color-seafoam-700: rgb(38, 192, 199);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(236, 91, 98);
--spectrum-global-color-red-600: rgb(247, 109, 116);
--spectrum-global-color-red-700: rgb(255, 123, 130);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(242, 148, 35);
--spectrum-global-color-orange-600: rgb(249, 164, 63);
--spectrum-global-color-orange-700: rgb(255, 181, 91);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(51, 171, 132);
--spectrum-global-color-green-600: rgb(57, 185, 144);
--spectrum-global-color-green-700: rgb(63, 200, 156);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(55, 142, 240);
--spectrum-global-color-blue-600: rgb(75, 156, 245);
--spectrum-global-color-blue-700: rgb(90, 169, 250);
--spectrum-global-color-gray-50: rgb(37, 37, 37);
--spectrum-global-color-gray-75: rgb(47, 47, 47);
--spectrum-global-color-gray-100: rgb(50, 50, 50);
--spectrum-global-color-gray-200: rgb(62, 62, 62);
--spectrum-global-color-gray-300: rgb(74, 74, 74);
--spectrum-global-color-gray-400: rgb(90, 90, 90);
--spectrum-global-color-gray-500: rgb(110, 110, 110);
--spectrum-global-color-gray-600: rgb(144, 144, 144);
--spectrum-global-color-gray-700: rgb(185, 185, 185);
--spectrum-global-color-gray-800: rgb(227, 227, 227);
--spectrum-global-color-gray-900: rgb(255, 255, 255);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.5);
--spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06);
--spectrum-alias-highlight-hover: rgba(255,255,255,0.07);
--spectrum-alias-highlight-active: rgba(255,255,255,0.1);
--spectrum-alias-highlight-selected: rgba(55,142,240,0.15);
--spectrum-alias-highlight-selected-hover: rgba(55,142,240,0.25);
--spectrum-alias-text-highlight-color: rgba(55,142,240,0.25);
--spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(227,227,227,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(55,142,240,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(55,142,240,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(227,227,227,0.02);
--spectrum-well-border-color: rgba(255,255,255,0.05);
}
.spectrum--darkest {
--spectrum-global-color-celery-400: rgb(61, 167, 78);
--spectrum-global-color-celery-500: rgb(68, 181, 86);
--spectrum-global-color-celery-600: rgb(75, 195, 95);
--spectrum-global-color-celery-700: rgb(81, 210, 103);
--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
--spectrum-global-color-yellow-400: rgb(210, 178, 0);
--spectrum-global-color-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-yellow-600: rgb(237, 204, 0);
--spectrum-global-color-yellow-700: rgb(250, 217, 0);
--spectrum-global-color-magenta-400: rgb(202, 41, 150);
--spectrum-global-color-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-magenta-600: rgb(226, 73, 157);
--spectrum-global-color-magenta-700: rgb(236, 90, 170);
--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
--spectrum-global-color-purple-400: rgb(134, 76, 204);
--spectrum-global-color-purple-500: rgb(146, 86, 217);
--spectrum-global-color-purple-600: rgb(157, 100, 225);
--spectrum-global-color-purple-700: rgb(168, 115, 223);
--spectrum-global-color-indigo-400: rgb(92, 92, 224);
--spectrum-global-color-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-indigo-600: rgb(117, 117, 241);
--spectrum-global-color-indigo-700: rgb(130, 130, 246);
--spectrum-global-color-seafoam-400: rgb(22, 135, 140);
--spectrum-global-color-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-seafoam-600: rgb(32, 163, 168);
--spectrum-global-color-seafoam-700: rgb(35, 178, 184);
--spectrum-global-color-red-400: rgb(215, 55, 63);
--spectrum-global-color-red-500: rgb(227, 72, 80);
--spectrum-global-color-red-600: rgb(236, 91, 98);
--spectrum-global-color-red-700: rgb(247, 109, 116);
--spectrum-global-color-orange-400: rgb(218, 123, 17);
--spectrum-global-color-orange-500: rgb(230, 134, 25);
--spectrum-global-color-orange-600: rgb(242, 148, 35);
--spectrum-global-color-orange-700: rgb(249, 164, 63);
--spectrum-global-color-green-400: rgb(38, 142, 108);
--spectrum-global-color-green-500: rgb(45, 157, 120);
--spectrum-global-color-green-600: rgb(51, 171, 132);
--spectrum-global-color-green-700: rgb(57, 185, 144);
--spectrum-global-color-blue-400: rgb(20, 115, 230);
--spectrum-global-color-blue-500: rgb(38, 128, 235);
--spectrum-global-color-blue-600: rgb(55, 142, 240);
--spectrum-global-color-blue-700: rgb(75, 156, 245);
--spectrum-global-color-gray-50: rgb(8, 8, 8);
--spectrum-global-color-gray-75: rgb(26, 26, 26);
--spectrum-global-color-gray-100: rgb(30, 30, 30);
--spectrum-global-color-gray-200: rgb(44, 44, 44);
--spectrum-global-color-gray-300: rgb(57, 57, 57);
--spectrum-global-color-gray-400: rgb(73, 73, 73);
--spectrum-global-color-gray-500: rgb(92, 92, 92);
--spectrum-global-color-gray-600: rgb(124, 124, 124);
--spectrum-global-color-gray-700: rgb(162, 162, 162);
--spectrum-global-color-gray-800: rgb(200, 200, 200);
--spectrum-global-color-gray-900: rgb(239, 239, 239);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);
--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);
--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);
--spectrum-alias-highlight-active: rgba(239,239,239,0.15);
--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);
--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);
--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);
--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(200,200,200,0.02);
--spectrum-well-border-color: rgba(239,239,239,0.05);
}
.spectrum { /* spectrum-animationGlobals.css */
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
--spectrum-global-animation-duration-300: 190ms;
--spectrum-global-animation-duration-400: 220ms;
--spectrum-global-animation-duration-500: 250ms;
--spectrum-global-animation-duration-600: 300ms;
--spectrum-global-animation-duration-700: 350ms;
--spectrum-global-animation-duration-800: 400ms;
--spectrum-global-animation-duration-900: 450ms;
--spectrum-global-animation-duration-1000: 500ms;
--spectrum-global-animation-duration-2000: 1000ms;
--spectrum-global-animation-duration-4000: 2000ms;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
/* spectrum-colorGlobals.css */
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
--spectrum-global-color-opacity-60: 0.6;
--spectrum-global-color-opacity-50: 0.5;
--spectrum-global-color-opacity-40: 0.4;
--spectrum-global-color-opacity-30: 0.3;
--spectrum-global-color-opacity-25: 0.25;
--spectrum-global-color-opacity-20: 0.2;
--spectrum-global-color-opacity-15: 0.15;
--spectrum-global-color-opacity-10: 0.1;
--spectrum-global-color-opacity-8: 0.08;
--spectrum-global-color-opacity-7: 0.07;
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;
/* spectrum-colorSemantics.css */
--spectrum-semantic-negative-color-background: var(--spectrum-global-color-static-red-700);
--spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-border: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-icon: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-status: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-text-large: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-text-small: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-state-down: var(--spectrum-global-color-red-700);
--spectrum-semantic-negative-color-state-focus: var(--spectrum-global-color-red-400);
--spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-700);
--spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-border: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-icon: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-status: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-text-large: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-text-small: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-state-down: var(--spectrum-global-color-orange-700);
--spectrum-semantic-notice-color-state-focus: var(--spectrum-global-color-orange-400);
--spectrum-semantic-positive-color-background: var(--spectrum-global-color-static-green-700);
--spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-border: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-icon: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-status: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-text-large: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-text-small: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-state-down: var(--spectrum-global-color-green-700);
--spectrum-semantic-positive-color-state-focus: var(--spectrum-global-color-green-400);
--spectrum-semantic-informative-color-background: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-border: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-icon: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-status: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-text-large: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-text-small: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-state-down: var(--spectrum-global-color-blue-700);
--spectrum-semantic-informative-color-state-focus: var(--spectrum-global-color-blue-400);
--spectrum-semantic-cta-color-background-default: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-cta-color-background-hover: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-down: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-neutral-color-background: var(--spectrum-global-color-static-gray-700);
--spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);
--spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);
--spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);
--spectrum-semantic-presence-color-4: rgb(75, 204, 162);
--spectrum-semantic-presence-color-5: rgb(0, 199, 255);
--spectrum-semantic-presence-color-6: rgb(0, 140, 184);
--spectrum-semantic-presence-color-7: rgb(126, 75, 243);
--spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);
/* spectrum-dimensionGlobals.css */
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
--spectrum-global-dimension-static-size-50: 4px;
--spectrum-global-dimension-static-size-40: 3px;
--spectrum-global-dimension-static-size-65: 5px;
--spectrum-global-dimension-static-size-100: 8px;
--spectrum-global-dimension-static-size-115: 9px;
--spectrum-global-dimension-static-size-125: 10px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-175: 14px;
--spectrum-global-dimension-static-size-200: 16px;
--spectrum-global-dimension-static-size-225: 18px;
--spectrum-global-dimension-static-size-250: 20px;
--spectrum-global-dimension-static-size-300: 24px;
--spectrum-global-dimension-static-size-400: 32px;
--spectrum-global-dimension-static-size-450: 36px;
--spectrum-global-dimension-static-size-500: 40px;
--spectrum-global-dimension-static-size-550: 44px;
--spectrum-global-dimension-static-size-600: 48px;
--spectrum-global-dimension-static-size-700: 56px;
--spectrum-global-dimension-static-size-800: 64px;
--spectrum-global-dimension-static-size-900: 72px;
--spectrum-global-dimension-static-size-1000: 80px;
--spectrum-global-dimension-static-size-1200: 96px;
--spectrum-global-dimension-static-size-1700: 136px;
--spectrum-global-dimension-static-size-2400: 192px;
--spectrum-global-dimension-static-size-2600: 208px;
--spectrum-global-dimension-static-size-3400: 272px;
--spectrum-global-dimension-static-size-3600: 288px;
--spectrum-global-dimension-static-size-4600: 368px;
--spectrum-global-dimension-static-size-5000: 400px;
--spectrum-global-dimension-static-size-6000: 480px;
--spectrum-global-dimension-static-font-size-50: 11px;
--spectrum-global-dimension-static-font-size-75: 12px;
--spectrum-global-dimension-static-font-size-100: 14px;
--spectrum-global-dimension-static-font-size-150: 15px;
--spectrum-global-dimension-static-font-size-200: 16px;
--spectrum-global-dimension-static-font-size-300: 18px;
--spectrum-global-dimension-static-font-size-400: 20px;
--spectrum-global-dimension-static-font-size-500: 22px;
--spectrum-global-dimension-static-font-size-600: 25px;
--spectrum-global-dimension-static-font-size-700: 28px;
--spectrum-global-dimension-static-font-size-800: 32px;
--spectrum-global-dimension-static-font-size-900: 36px;
--spectrum-global-dimension-static-font-size-1000: 40px;
--spectrum-global-dimension-static-percent-50: 50%;
--spectrum-global-dimension-static-percent-100: 100%;
--spectrum-global-dimension-static-breakpoint-xsmall: 304px;
--spectrum-global-dimension-static-breakpoint-small: 768px;
--spectrum-global-dimension-static-breakpoint-medium: 1280px;
--spectrum-global-dimension-static-breakpoint-large: 1768px;
--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
/* spectrum-fontGlobals.css */
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
--spectrum-global-font-weight-thin: 100;
--spectrum-global-font-weight-ultra-light: 200;
--spectrum-global-font-weight-light: 300;
--spectrum-global-font-weight-regular: 400;
--spectrum-global-font-weight-medium: 500;
--spectrum-global-font-weight-semi-bold: 600;
--spectrum-global-font-weight-bold: 700;
--spectrum-global-font-weight-extra-bold: 800;
--spectrum-global-font-weight-black: 900;
--spectrum-global-font-style-regular: normal;
--spectrum-global-font-style-italic: italic;
--spectrum-global-font-letter-spacing-none: 0;
--spectrum-global-font-letter-spacing-small: 0.0125em;
--spectrum-global-font-letter-spacing-han: 0.05em;
--spectrum-global-font-letter-spacing-medium: 0.06em;
--spectrum-global-font-line-height-large: 1.7;
--spectrum-global-font-line-height-medium: 1.5;
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;
/* spectrum-staticAliases.css */
--spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
--spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
--spectrum-alias-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif';
--spectrum-alias-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
--spectrum-alias-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
--spectrum-alias-font-family-ja: adobe-clean-han-japanese, source-han-japanese, 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', 'sans-serif';
--spectrum-alias-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small);
--spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large);
--spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
--spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);
--spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);
--spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);
}
.spectrum--medium,
.spectrum--large {
/* spectrum-dimensionAliases.css */
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
}
.spectrum--darkest,
.spectrum--dark,
.spectrum--light,
.spectrum--lightest {
/* spectrum-colorAliases.css */
--spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-background-color-transparent: transparent;
--spectrum-alias-background-color-label-gray: rgb(112, 112, 112);
--spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
--spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-600);
--spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800);
--spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
--spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
--spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
--spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-title-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-focus: var(--spectrum-global-color-blue-400);
--spectrum-alias-border-color-down: var(--spectrum-global-color-blue-500);
--spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100);
--spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
--spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-transparent: transparent;
--spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);
--spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);
--spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
--spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);
--spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white);
--spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-error: var(--spectrum-global-color-red-400);
--spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100);
}
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-dropdown-history-title {
color: var(--spectrum-global-color-gray-600);
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin: 0;
padding: 8px 20px 5px;
text-align: left; }
.light-mode .search-dropdown-history-item,
.dark-mode .search-dropdown-history-item,
.darkest-mode .search-dropdown-history-item {
display: flex;
flex-direction: row;
justify-content: space-between;
min-height: 40px; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-text-container,
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-text-container,
.darkest-mode .search-dropdown-history-item .search-dropdown-history-item-text-container {
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-left: 20px;
width: 94%; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-history-icon-container,
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-history-icon-container,
.darkest-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-history-icon-container {
color: var(--spectrum-global-color-gray-600);
padding: 11px 5px 0; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-history-icon-container .search-dropdown-history-item-history-icon,
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-history-icon-container .search-dropdown-history-item-history-icon,
.darkest-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-history-icon-container .search-dropdown-history-item-history-icon {
height: 18px;
width: 18px; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-text,
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-text,
.darkest-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-text {
display: flex;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
max-width: 90%;
overflow: hidden;
padding: 11px 0 12px 10px;
text-align: left;
vertical-align: middle; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container,
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container,
.darkest-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container {
color: var(--spectrum-global-color-gray-700);
padding: 12px 10px 0 0;
text-align: right;
visibility: hidden; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container .search-dropdown-history-item-close-icon,
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container .search-dropdown-history-item-close-icon,
.darkest-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container .search-dropdown-history-item-close-icon {
height: 13px;
width: 13px; }
.light-mode .search-dropdown-history-item:hover,
.dark-mode .search-dropdown-history-item:hover,
.darkest-mode .search-dropdown-history-item:hover {
background-color: var(--spectrum-alias-highlight-hover); }
.light-mode .search-dropdown-history-item:hover .search-dropdown-history-item-close-icon-container,
.dark-mode .search-dropdown-history-item:hover .search-dropdown-history-item-close-icon-container,
.darkest-mode .search-dropdown-history-item:hover .search-dropdown-history-item-close-icon-container {
visibility: visible; }
.light-mode .search-dropdown-history-item:focus,
.dark-mode .search-dropdown-history-item:focus,
.darkest-mode .search-dropdown-history-item:focus {
background-color: var(--spectrum-alias-highlight-hover);
outline: none; }
.light-mode .search-dropdown-history-item:focus .search-dropdown-history-item-close-icon-container,
.dark-mode .search-dropdown-history-item:focus .search-dropdown-history-item-close-icon-container,
.darkest-mode .search-dropdown-history-item:focus .search-dropdown-history-item-close-icon-container {
visibility: visible; }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container {
display: flex; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group {
cursor: default;
display: flex;
flex-direction: row;
justify-content: right;
margin-left: auto; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item {
align-items: center;
display: flex;
height: 40px;
padding: 0 4px; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-link {
color: var(--spectrum-global-color-blue-600);
cursor: pointer;
padding: 5px 0;
text-align: left;
text-decoration: none;
width: 100%; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-link:hover {
text-decoration: underline; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-link:active {
text-decoration: none; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-text-container {
cursor: default;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 0;
width: 100%; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-icon-container {
display: flex;
flex-direction: column;
justify-content: center; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-icon-container .search-dropdown-quick-links-item-icon {
border-radius: 4px;
height: 32px;
width: 32px; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-text-title-container {
min-width: 150px; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-text-title-container .search-dropdown-quick-links-item-text-title {
display: flex;
font-size: 14px;
font-weight: bold;
padding-left: 9px; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-text-title-container .search-dropdown-quick-links-item-text-type {
color: var(--spectrum-global-color-gray-600);
display: flex;
font-size: 12px;
min-width: 0;
/* or some value */
padding-left: 9px; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-text-title-container .search-dropdown-quick-links-item-text-type span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group .search-dropdown-quick-links-item .search-dropdown-quick-links-item-text-launch-button {
color: var(--spectrum-global-color-gray-600);
font-size: 12px;
margin-left: auto;
margin-right: 20px;
padding-top: 12px;
white-space: nowrap; }
.search-dropdown-quick-links .search-dropdown-quick-links-group-container .search-dropdown-quick-links-group:not(:last-child) {
border-bottom: 1px solid var(--spectrum-global-color-gray-200); }
@media all and (max-width: 479px) {
.search-dropdown-quick-links-item-quick-links-text-location {
display: none; } }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.horizontal-divider {
border-bottom-width: 0;
border-color: #eaeaea;
border-color: var(--spectrum-global-color-gray-200);
border-style: solid;
margin-bottom: auto;
margin-top: auto; }
.spectrum--light .horizontal-divider {
border-color: #e6e6e6; }
.spectrum--darkest .horizontal-divider {
border-color: #3f3f3f; }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.light-mode .search-dropdown-auto-complete-item,
.dark-mode .search-dropdown-auto-complete-item,
.darkest-mode .search-dropdown-auto-complete-item {
min-height: 40px; }
.light-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container,
.dark-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container,
.darkest-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container {
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding-left: 20px;
position: absolute;
width: 100%; }
.light-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-auto-complete-icon-container,
.dark-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-auto-complete-icon-container,
.darkest-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-auto-complete-icon-container {
color: var(--spectrum-global-color-gray-600);
padding: 11px 5px 5.5px; }
.light-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-auto-complete-icon-container .search-dropdown-auto-complete-item-auto-complete-icon,
.dark-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-auto-complete-icon-container .search-dropdown-auto-complete-item-auto-complete-icon,
.darkest-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-auto-complete-icon-container .search-dropdown-auto-complete-item-auto-complete-icon {
height: 18px;
transform: scaleX(-1);
width: 18px; }
.light-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-text,
.dark-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-text,
.darkest-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-text {
display: flex;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
max-width: 90%;
overflow: hidden;
padding: 11px 0 1.5px 10px;
text-align: left;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap; }
.light-mode .search-dropdown-auto-complete-item:hover,
.dark-mode .search-dropdown-auto-complete-item:hover,
.darkest-mode .search-dropdown-auto-complete-item:hover {
background-color: var(--spectrum-alias-highlight-hover); }
.light-mode .search-dropdown-auto-complete-item:focus,
.dark-mode .search-dropdown-auto-complete-item:focus,
.darkest-mode .search-dropdown-auto-complete-item:focus {
background-color: var(--spectrum-alias-highlight-hover);
outline: none; }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.light-mode .search-dropdown-apps-item,
.dark-mode .search-dropdown-apps-item,
.darkest-mode .search-dropdown-apps-item {
height: 44px;
vertical-align: middle; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-container,
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-container,
.darkest-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-container {
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 4px 0 6px 20px;
width: 100%; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-icon-container,
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-icon-container,
.darkest-mode .search-dropdown-apps-item .search-dropdown-apps-item-icon-container {
display: flex;
flex-direction: column;
justify-content: center; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-icon-container .search-dropdown-apps-item-icon,
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-icon-container .search-dropdown-apps-item-icon,
.darkest-mode .search-dropdown-apps-item .search-dropdown-apps-item-icon-container .search-dropdown-apps-item-icon {
border-radius: 4px;
height: 28px;
width: 28px; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container,
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container,
.darkest-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container {
min-width: 150px; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-title,
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-title,
.darkest-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-title {
display: flex;
font-size: 14px;
font-weight: normal;
line-height: 17px;
padding-left: 10px;
white-space: nowrap; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-type,
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-type,
.darkest-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-type {
color: var(--spectrum-global-color-gray-600);
display: flex;
font-size: 12px;
line-height: 15px;
padding-left: 10px; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-type span,
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-type span,
.darkest-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-title-container .search-dropdown-apps-item-text-type span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-launch-button,
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-launch-button,
.darkest-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-launch-button {
color: var(--spectrum-global-color-gray-600);
font-size: 12px;
margin-left: auto;
margin-right: 20px;
padding-top: 9px;
white-space: nowrap; }
.light-mode .search-dropdown-apps-item:hover,
.dark-mode .search-dropdown-apps-item:hover,
.darkest-mode .search-dropdown-apps-item:hover {
background-color: var(--spectrum-alias-highlight-hover); }
.light-mode .search-dropdown-apps-item:focus,
.dark-mode .search-dropdown-apps-item:focus,
.darkest-mode .search-dropdown-apps-item:focus {
background-color: var(--spectrum-alias-highlight-hover);
outline: none; }
.light-mode .search-dropdown-apps-item:first-of-type,
.dark-mode .search-dropdown-apps-item:first-of-type,
.darkest-mode .search-dropdown-apps-item:first-of-type {
margin-top: 8px; }
.light-mode .search-dropdown-apps-item:last-of-type,
.dark-mode .search-dropdown-apps-item:last-of-type,
.darkest-mode .search-dropdown-apps-item:last-of-type {
margin-bottom: 8px; }
@media all and (max-width: 479px) {
.search-dropdown-apps-item-app-text-location {
display: none; }
.search-dropdown-apps-item-text-launch-button {
padding-top: 12px; } }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
.light-mode .search-dropdown-container {
background: #fff;
border: 1px solid var(--spectrum-global-color-gray-400);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16);
height: auto;
margin-top: 0;
max-height: calc(100vh - 96px);
overflow-y: auto;
position: absolute;
width: 320px;
z-index: 999; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.light-mode .search-dropdown-container {
/* IE10 & IE11 CSS styles go here */
margin-top: 1px; } }
.light-mode .search-dropdown-container {
border-color: #e6e6e6; }
.dark-mode .search-dropdown-container {
background: #fff;
border: 1px solid var(--spectrum-global-color-gray-400);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16);
height: auto;
margin-top: 0;
max-height: calc(100vh - 96px);
overflow-y: auto;
position: absolute;
width: 320px;
z-index: 999; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.dark-mode .search-dropdown-container {
/* IE10 & IE11 CSS styles go here */
margin-top: 1px; } }
.dark-mode .search-dropdown-container {
background: #1d1d1d; }
.dark-mode .search-dropdown-container .search-dropdown-history-item:hover {
background-color: var(--spectrum-alias-highlight-hover); }
.darkest-mode .search-dropdown-container {
background: #fff;
border: 1px solid var(--spectrum-global-color-gray-400);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16);
height: auto;
margin-top: 0;
max-height: calc(100vh - 96px);
overflow-y: auto;
position: absolute;
width: 320px;
z-index: 999; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.darkest-mode .search-dropdown-container {
/* IE10 & IE11 CSS styles go here */
margin-top: 1px; } }
.darkest-mode .search-dropdown-container {
background: #1d1d1d;
border-color: #3f3f3f; }
.darkest-mode .search-dropdown-container .search-dropdown-history-item:hover {
background-color: var(--spectrum-alias-highlight-hover); }
.search-dropdown-text-bold {
font-weight: bold; }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-group-title {
color: var(--spectrum-global-color-gray-600);
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin: 0;
padding: 8px 20px 5px;
text-align: left; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item {
align-items: center;
display: flex;
height: 44px;
margin-bottom: 0;
padding: 0 20px; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-link {
color: var(--spectrum-global-color-blue-600);
padding: 5px 0;
text-align: left;
text-decoration: none;
width: 100%; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-link:active {
text-decoration: none; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-text-container {
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 0;
width: 100%; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-icon-container {
display: flex;
flex-direction: column;
justify-content: center; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-icon-container .search-dropdown-recommendation-item-icon {
border-radius: 4px;
height: 28px;
width: 28px; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-text-title-container {
min-width: 150px; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-text-title-container .search-dropdown-recommendation-item-text-title {
display: flex;
font-size: 14px;
font-weight: normal;
line-height: 17px;
padding-left: 10px; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-text-title-container .search-dropdown-recommendation-item-text-type {
color: var(--spectrum-global-color-gray-600);
display: flex;
font-size: 12px;
line-height: 15px;
padding-left: 10px; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-text-title-container .search-dropdown-recommendation-item-text-type span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item .search-dropdown-recommendation-item-text-launch-button {
color: var(--spectrum-global-color-gray-600);
font-size: 12px;
margin-left: auto;
margin-right: 0;
padding-top: 9px;
white-space: nowrap; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item:hover {
background-color: var(--spectrum-alias-highlight-hover); }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item:focus {
background-color: var(--spectrum-alias-highlight-hover);
outline: none; }
.search-dropdown-recommendation .search-dropdown-recommendation-group .search-dropdown-recommendation-item:last-of-type {
margin-bottom: 8px; }
.search-dropdown-recommendation .search-dropdown-recommendation-group:not(:last-child) {
border-bottom: 1px solid var(--spectrum-global-color-gray-200); }
@media all and (max-width: 479px) {
.search-dropdown-recommendation-item-recommendation-text-location {
display: none; } }
.spectrum--light {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(61, 167, 78);
--spectrum-global-color-celery-600: rgb(55, 153, 71);
--spectrum-global-color-celery-700: rgb(49, 139, 64);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(210, 178, 0);
--spectrum-global-color-yellow-600: rgb(196, 166, 0);
--spectrum-global-color-yellow-700: rgb(183, 153, 0);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(206, 39, 131);
--spectrum-global-color-magenta-600: rgb(188, 28, 116);
--spectrum-global-color-magenta-700: rgb(174, 14, 102);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(134, 76, 204);
--spectrum-global-color-purple-600: rgb(122, 66, 191);
--spectrum-global-color-purple-700: rgb(111, 56, 177);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(92, 92, 224);
--spectrum-global-color-indigo-600: rgb(81, 81, 211);
--spectrum-global-color-indigo-700: rgb(70, 70, 198);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(22, 135, 140);
--spectrum-global-color-seafoam-600: rgb(15, 121, 125);
--spectrum-global-color-seafoam-700: rgb(9, 108, 111);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(215, 55, 63);
--spectrum-global-color-red-600: rgb(201, 37, 45);
--spectrum-global-color-red-700: rgb(187, 18, 26);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(218, 123, 17);
--spectrum-global-color-orange-600: rgb(203, 111, 16);
--spectrum-global-color-orange-700: rgb(189, 100, 13);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(38, 142, 108);
--spectrum-global-color-green-600: rgb(18, 128, 92);
--spectrum-global-color-green-700: rgb(16, 113, 84);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(20, 115, 230);
--spectrum-global-color-blue-600: rgb(13, 102, 208);
--spectrum-global-color-blue-700: rgb(9, 90, 186);
--spectrum-global-color-gray-50: rgb(255, 255, 255);
--spectrum-global-color-gray-75: rgb(250, 250, 250);
--spectrum-global-color-gray-100: rgb(245, 245, 245);
--spectrum-global-color-gray-200: rgb(234, 234, 234);
--spectrum-global-color-gray-300: rgb(225, 225, 225);
--spectrum-global-color-gray-400: rgb(202, 202, 202);
--spectrum-global-color-gray-500: rgb(179, 179, 179);
--spectrum-global-color-gray-600: rgb(142, 142, 142);
--spectrum-global-color-gray-700: rgb(110, 110, 110);
--spectrum-global-color-gray-800: rgb(75, 75, 75);
--spectrum-global-color-gray-900: rgb(44, 44, 44);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
--spectrum-alias-highlight-active: rgba(44,44,44,0.1);
--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
--spectrum-colorarea-border-color: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(75,75,75,0.02);
--spectrum-well-border-color: rgba(44,44,44,0.05);
}
.spectrum--dark {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(75, 195, 95);
--spectrum-global-color-celery-600: rgb(81, 210, 103);
--spectrum-global-color-celery-700: rgb(88, 224, 111);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-600: rgb(155, 236, 84);
--spectrum-global-color-chartreuse-700: rgb(163, 248, 88);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(237, 204, 0);
--spectrum-global-color-yellow-600: rgb(250, 217, 0);
--spectrum-global-color-yellow-700: rgb(255, 226, 46);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(226, 73, 157);
--spectrum-global-color-magenta-600: rgb(236, 90, 170);
--spectrum-global-color-magenta-700: rgb(245, 107, 183);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-600: rgb(217, 81, 229);
--spectrum-global-color-fuchsia-700: rgb(227, 102, 239);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(157, 100, 225);
--spectrum-global-color-purple-600: rgb(168, 115, 233);
--spectrum-global-color-purple-700: rgb(180, 131, 240);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(117, 117, 241);
--spectrum-global-color-indigo-600: rgb(130, 130, 246);
--spectrum-global-color-indigo-700: rgb(144, 144, 250);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(32, 163, 168);
--spectrum-global-color-seafoam-600: rgb(35, 178, 184);
--spectrum-global-color-seafoam-700: rgb(38, 192, 199);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(236, 91, 98);
--spectrum-global-color-red-600: rgb(247, 109, 116);
--spectrum-global-color-red-700: rgb(255, 123, 130);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(242, 148, 35);
--spectrum-global-color-orange-600: rgb(249, 164, 63);
--spectrum-global-color-orange-700: rgb(255, 181, 91);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(51, 171, 132);
--spectrum-global-color-green-600: rgb(57, 185, 144);
--spectrum-global-color-green-700: rgb(63, 200, 156);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(55, 142, 240);
--spectrum-global-color-blue-600: rgb(75, 156, 245);
--spectrum-global-color-blue-700: rgb(90, 169, 250);
--spectrum-global-color-gray-50: rgb(37, 37, 37);
--spectrum-global-color-gray-75: rgb(47, 47, 47);
--spectrum-global-color-gray-100: rgb(50, 50, 50);
--spectrum-global-color-gray-200: rgb(62, 62, 62);
--spectrum-global-color-gray-300: rgb(74, 74, 74);
--spectrum-global-color-gray-400: rgb(90, 90, 90);
--spectrum-global-color-gray-500: rgb(110, 110, 110);
--spectrum-global-color-gray-600: rgb(144, 144, 144);
--spectrum-global-color-gray-700: rgb(185, 185, 185);
--spectrum-global-color-gray-800: rgb(227, 227, 227);
--spectrum-global-color-gray-900: rgb(255, 255, 255);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.5);
--spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06);
--spectrum-alias-highlight-hover: rgba(255,255,255,0.07);
--spectrum-alias-highlight-active: rgba(255,255,255,0.1);
--spectrum-alias-highlight-selected: rgba(55,142,240,0.15);
--spectrum-alias-highlight-selected-hover: rgba(55,142,240,0.25);
--spectrum-alias-text-highlight-color: rgba(55,142,240,0.25);
--spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(227,227,227,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(55,142,240,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(55,142,240,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(227,227,227,0.02);
--spectrum-well-border-color: rgba(255,255,255,0.05);
}
.spectrum--darkest {
--spectrum-global-color-celery-400: rgb(61, 167, 78);
--spectrum-global-color-celery-500: rgb(68, 181, 86);
--spectrum-global-color-celery-600: rgb(75, 195, 95);
--spectrum-global-color-celery-700: rgb(81, 210, 103);
--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
--spectrum-global-color-yellow-400: rgb(210, 178, 0);
--spectrum-global-color-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-yellow-600: rgb(237, 204, 0);
--spectrum-global-color-yellow-700: rgb(250, 217, 0);
--spectrum-global-color-magenta-400: rgb(202, 41, 150);
--spectrum-global-color-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-magenta-600: rgb(226, 73, 157);
--spectrum-global-color-magenta-700: rgb(236, 90, 170);
--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
--spectrum-global-color-purple-400: rgb(134, 76, 204);
--spectrum-global-color-purple-500: rgb(146, 86, 217);
--spectrum-global-color-purple-600: rgb(157, 100, 225);
--spectrum-global-color-purple-700: rgb(168, 115, 223);
--spectrum-global-color-indigo-400: rgb(92, 92, 224);
--spectrum-global-color-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-indigo-600: rgb(117, 117, 241);
--spectrum-global-color-indigo-700: rgb(130, 130, 246);
--spectrum-global-color-seafoam-400: rgb(22, 135, 140);
--spectrum-global-color-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-seafoam-600: rgb(32, 163, 168);
--spectrum-global-color-seafoam-700: rgb(35, 178, 184);
--spectrum-global-color-red-400: rgb(215, 55, 63);
--spectrum-global-color-red-500: rgb(227, 72, 80);
--spectrum-global-color-red-600: rgb(236, 91, 98);
--spectrum-global-color-red-700: rgb(247, 109, 116);
--spectrum-global-color-orange-400: rgb(218, 123, 17);
--spectrum-global-color-orange-500: rgb(230, 134, 25);
--spectrum-global-color-orange-600: rgb(242, 148, 35);
--spectrum-global-color-orange-700: rgb(249, 164, 63);
--spectrum-global-color-green-400: rgb(38, 142, 108);
--spectrum-global-color-green-500: rgb(45, 157, 120);
--spectrum-global-color-green-600: rgb(51, 171, 132);
--spectrum-global-color-green-700: rgb(57, 185, 144);
--spectrum-global-color-blue-400: rgb(20, 115, 230);
--spectrum-global-color-blue-500: rgb(38, 128, 235);
--spectrum-global-color-blue-600: rgb(55, 142, 240);
--spectrum-global-color-blue-700: rgb(75, 156, 245);
--spectrum-global-color-gray-50: rgb(8, 8, 8);
--spectrum-global-color-gray-75: rgb(26, 26, 26);
--spectrum-global-color-gray-100: rgb(30, 30, 30);
--spectrum-global-color-gray-200: rgb(44, 44, 44);
--spectrum-global-color-gray-300: rgb(57, 57, 57);
--spectrum-global-color-gray-400: rgb(73, 73, 73);
--spectrum-global-color-gray-500: rgb(92, 92, 92);
--spectrum-global-color-gray-600: rgb(124, 124, 124);
--spectrum-global-color-gray-700: rgb(162, 162, 162);
--spectrum-global-color-gray-800: rgb(200, 200, 200);
--spectrum-global-color-gray-900: rgb(239, 239, 239);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);
--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);
--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);
--spectrum-alias-highlight-active: rgba(239,239,239,0.15);
--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);
--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);
--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);
--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(200,200,200,0.02);
--spectrum-well-border-color: rgba(239,239,239,0.05);
}
.spectrum { /* spectrum-animationGlobals.css */
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
--spectrum-global-animation-duration-300: 190ms;
--spectrum-global-animation-duration-400: 220ms;
--spectrum-global-animation-duration-500: 250ms;
--spectrum-global-animation-duration-600: 300ms;
--spectrum-global-animation-duration-700: 350ms;
--spectrum-global-animation-duration-800: 400ms;
--spectrum-global-animation-duration-900: 450ms;
--spectrum-global-animation-duration-1000: 500ms;
--spectrum-global-animation-duration-2000: 1000ms;
--spectrum-global-animation-duration-4000: 2000ms;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
/* spectrum-colorGlobals.css */
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
--spectrum-global-color-opacity-60: 0.6;
--spectrum-global-color-opacity-50: 0.5;
--spectrum-global-color-opacity-40: 0.4;
--spectrum-global-color-opacity-30: 0.3;
--spectrum-global-color-opacity-25: 0.25;
--spectrum-global-color-opacity-20: 0.2;
--spectrum-global-color-opacity-15: 0.15;
--spectrum-global-color-opacity-10: 0.1;
--spectrum-global-color-opacity-8: 0.08;
--spectrum-global-color-opacity-7: 0.07;
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;
/* spectrum-colorSemantics.css */
--spectrum-semantic-negative-color-background: var(--spectrum-global-color-static-red-700);
--spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-border: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-icon: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-status: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-text-large: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-text-small: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-state-down: var(--spectrum-global-color-red-700);
--spectrum-semantic-negative-color-state-focus: var(--spectrum-global-color-red-400);
--spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-700);
--spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-border: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-icon: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-status: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-text-large: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-text-small: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-state-down: var(--spectrum-global-color-orange-700);
--spectrum-semantic-notice-color-state-focus: var(--spectrum-global-color-orange-400);
--spectrum-semantic-positive-color-background: var(--spectrum-global-color-static-green-700);
--spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-border: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-icon: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-status: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-text-large: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-text-small: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-state-down: var(--spectrum-global-color-green-700);
--spectrum-semantic-positive-color-state-focus: var(--spectrum-global-color-green-400);
--spectrum-semantic-informative-color-background: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-border: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-icon: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-status: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-text-large: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-text-small: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-state-down: var(--spectrum-global-color-blue-700);
--spectrum-semantic-informative-color-state-focus: var(--spectrum-global-color-blue-400);
--spectrum-semantic-cta-color-background-default: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-cta-color-background-hover: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-down: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-neutral-color-background: var(--spectrum-global-color-static-gray-700);
--spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);
--spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);
--spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);
--spectrum-semantic-presence-color-4: rgb(75, 204, 162);
--spectrum-semantic-presence-color-5: rgb(0, 199, 255);
--spectrum-semantic-presence-color-6: rgb(0, 140, 184);
--spectrum-semantic-presence-color-7: rgb(126, 75, 243);
--spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);
/* spectrum-dimensionGlobals.css */
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
--spectrum-global-dimension-static-size-50: 4px;
--spectrum-global-dimension-static-size-40: 3px;
--spectrum-global-dimension-static-size-65: 5px;
--spectrum-global-dimension-static-size-100: 8px;
--spectrum-global-dimension-static-size-115: 9px;
--spectrum-global-dimension-static-size-125: 10px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-175: 14px;
--spectrum-global-dimension-static-size-200: 16px;
--spectrum-global-dimension-static-size-225: 18px;
--spectrum-global-dimension-static-size-250: 20px;
--spectrum-global-dimension-static-size-300: 24px;
--spectrum-global-dimension-static-size-400: 32px;
--spectrum-global-dimension-static-size-450: 36px;
--spectrum-global-dimension-static-size-500: 40px;
--spectrum-global-dimension-static-size-550: 44px;
--spectrum-global-dimension-static-size-600: 48px;
--spectrum-global-dimension-static-size-700: 56px;
--spectrum-global-dimension-static-size-800: 64px;
--spectrum-global-dimension-static-size-900: 72px;
--spectrum-global-dimension-static-size-1000: 80px;
--spectrum-global-dimension-static-size-1200: 96px;
--spectrum-global-dimension-static-size-1700: 136px;
--spectrum-global-dimension-static-size-2400: 192px;
--spectrum-global-dimension-static-size-2600: 208px;
--spectrum-global-dimension-static-size-3400: 272px;
--spectrum-global-dimension-static-size-3600: 288px;
--spectrum-global-dimension-static-size-4600: 368px;
--spectrum-global-dimension-static-size-5000: 400px;
--spectrum-global-dimension-static-size-6000: 480px;
--spectrum-global-dimension-static-font-size-50: 11px;
--spectrum-global-dimension-static-font-size-75: 12px;
--spectrum-global-dimension-static-font-size-100: 14px;
--spectrum-global-dimension-static-font-size-150: 15px;
--spectrum-global-dimension-static-font-size-200: 16px;
--spectrum-global-dimension-static-font-size-300: 18px;
--spectrum-global-dimension-static-font-size-400: 20px;
--spectrum-global-dimension-static-font-size-500: 22px;
--spectrum-global-dimension-static-font-size-600: 25px;
--spectrum-global-dimension-static-font-size-700: 28px;
--spectrum-global-dimension-static-font-size-800: 32px;
--spectrum-global-dimension-static-font-size-900: 36px;
--spectrum-global-dimension-static-font-size-1000: 40px;
--spectrum-global-dimension-static-percent-50: 50%;
--spectrum-global-dimension-static-percent-100: 100%;
--spectrum-global-dimension-static-breakpoint-xsmall: 304px;
--spectrum-global-dimension-static-breakpoint-small: 768px;
--spectrum-global-dimension-static-breakpoint-medium: 1280px;
--spectrum-global-dimension-static-breakpoint-large: 1768px;
--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
/* spectrum-fontGlobals.css */
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
--spectrum-global-font-weight-thin: 100;
--spectrum-global-font-weight-ultra-light: 200;
--spectrum-global-font-weight-light: 300;
--spectrum-global-font-weight-regular: 400;
--spectrum-global-font-weight-medium: 500;
--spectrum-global-font-weight-semi-bold: 600;
--spectrum-global-font-weight-bold: 700;
--spectrum-global-font-weight-extra-bold: 800;
--spectrum-global-font-weight-black: 900;
--spectrum-global-font-style-regular: normal;
--spectrum-global-font-style-italic: italic;
--spectrum-global-font-letter-spacing-none: 0;
--spectrum-global-font-letter-spacing-small: 0.0125em;
--spectrum-global-font-letter-spacing-han: 0.05em;
--spectrum-global-font-letter-spacing-medium: 0.06em;
--spectrum-global-font-line-height-large: 1.7;
--spectrum-global-font-line-height-medium: 1.5;
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;
/* spectrum-staticAliases.css */
--spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
--spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
--spectrum-alias-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif';
--spectrum-alias-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
--spectrum-alias-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
--spectrum-alias-font-family-ja: adobe-clean-han-japanese, source-han-japanese, 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', 'sans-serif';
--spectrum-alias-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small);
--spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large);
--spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
--spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);
--spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);
--spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);
}
.spectrum--medium,
.spectrum--large {
/* spectrum-dimensionAliases.css */
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
}
.spectrum--darkest,
.spectrum--dark,
.spectrum--light,
.spectrum--lightest {
/* spectrum-colorAliases.css */
--spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-background-color-transparent: transparent;
--spectrum-alias-background-color-label-gray: rgb(112, 112, 112);
--spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
--spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-600);
--spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800);
--spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
--spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
--spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
--spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-title-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-focus: var(--spectrum-global-color-blue-400);
--spectrum-alias-border-color-down: var(--spectrum-global-color-blue-500);
--spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100);
--spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
--spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-transparent: transparent;
--spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);
--spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);
--spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
--spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);
--spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white);
--spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-error: var(--spectrum-global-color-red-400);
--spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100);
}
.spectrum--light {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(61, 167, 78);
--spectrum-global-color-celery-600: rgb(55, 153, 71);
--spectrum-global-color-celery-700: rgb(49, 139, 64);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(210, 178, 0);
--spectrum-global-color-yellow-600: rgb(196, 166, 0);
--spectrum-global-color-yellow-700: rgb(183, 153, 0);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(206, 39, 131);
--spectrum-global-color-magenta-600: rgb(188, 28, 116);
--spectrum-global-color-magenta-700: rgb(174, 14, 102);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(134, 76, 204);
--spectrum-global-color-purple-600: rgb(122, 66, 191);
--spectrum-global-color-purple-700: rgb(111, 56, 177);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(92, 92, 224);
--spectrum-global-color-indigo-600: rgb(81, 81, 211);
--spectrum-global-color-indigo-700: rgb(70, 70, 198);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(22, 135, 140);
--spectrum-global-color-seafoam-600: rgb(15, 121, 125);
--spectrum-global-color-seafoam-700: rgb(9, 108, 111);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(215, 55, 63);
--spectrum-global-color-red-600: rgb(201, 37, 45);
--spectrum-global-color-red-700: rgb(187, 18, 26);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(218, 123, 17);
--spectrum-global-color-orange-600: rgb(203, 111, 16);
--spectrum-global-color-orange-700: rgb(189, 100, 13);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(38, 142, 108);
--spectrum-global-color-green-600: rgb(18, 128, 92);
--spectrum-global-color-green-700: rgb(16, 113, 84);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(20, 115, 230);
--spectrum-global-color-blue-600: rgb(13, 102, 208);
--spectrum-global-color-blue-700: rgb(9, 90, 186);
--spectrum-global-color-gray-50: rgb(255, 255, 255);
--spectrum-global-color-gray-75: rgb(250, 250, 250);
--spectrum-global-color-gray-100: rgb(245, 245, 245);
--spectrum-global-color-gray-200: rgb(234, 234, 234);
--spectrum-global-color-gray-300: rgb(225, 225, 225);
--spectrum-global-color-gray-400: rgb(202, 202, 202);
--spectrum-global-color-gray-500: rgb(179, 179, 179);
--spectrum-global-color-gray-600: rgb(142, 142, 142);
--spectrum-global-color-gray-700: rgb(110, 110, 110);
--spectrum-global-color-gray-800: rgb(75, 75, 75);
--spectrum-global-color-gray-900: rgb(44, 44, 44);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
--spectrum-alias-highlight-active: rgba(44,44,44,0.1);
--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
--spectrum-colorarea-border-color: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(75,75,75,0.02);
--spectrum-well-border-color: rgba(44,44,44,0.05);
}
.spectrum--dark {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(75, 195, 95);
--spectrum-global-color-celery-600: rgb(81, 210, 103);
--spectrum-global-color-celery-700: rgb(88, 224, 111);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-600: rgb(155, 236, 84);
--spectrum-global-color-chartreuse-700: rgb(163, 248, 88);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(237, 204, 0);
--spectrum-global-color-yellow-600: rgb(250, 217, 0);
--spectrum-global-color-yellow-700: rgb(255, 226, 46);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(226, 73, 157);
--spectrum-global-color-magenta-600: rgb(236, 90, 170);
--spectrum-global-color-magenta-700: rgb(245, 107, 183);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-600: rgb(217, 81, 229);
--spectrum-global-color-fuchsia-700: rgb(227, 102, 239);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(157, 100, 225);
--spectrum-global-color-purple-600: rgb(168, 115, 233);
--spectrum-global-color-purple-700: rgb(180, 131, 240);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(117, 117, 241);
--spectrum-global-color-indigo-600: rgb(130, 130, 246);
--spectrum-global-color-indigo-700: rgb(144, 144, 250);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(32, 163, 168);
--spectrum-global-color-seafoam-600: rgb(35, 178, 184);
--spectrum-global-color-seafoam-700: rgb(38, 192, 199);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(236, 91, 98);
--spectrum-global-color-red-600: rgb(247, 109, 116);
--spectrum-global-color-red-700: rgb(255, 123, 130);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(242, 148, 35);
--spectrum-global-color-orange-600: rgb(249, 164, 63);
--spectrum-global-color-orange-700: rgb(255, 181, 91);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(51, 171, 132);
--spectrum-global-color-green-600: rgb(57, 185, 144);
--spectrum-global-color-green-700: rgb(63, 200, 156);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(55, 142, 240);
--spectrum-global-color-blue-600: rgb(75, 156, 245);
--spectrum-global-color-blue-700: rgb(90, 169, 250);
--spectrum-global-color-gray-50: rgb(37, 37, 37);
--spectrum-global-color-gray-75: rgb(47, 47, 47);
--spectrum-global-color-gray-100: rgb(50, 50, 50);
--spectrum-global-color-gray-200: rgb(62, 62, 62);
--spectrum-global-color-gray-300: rgb(74, 74, 74);
--spectrum-global-color-gray-400: rgb(90, 90, 90);
--spectrum-global-color-gray-500: rgb(110, 110, 110);
--spectrum-global-color-gray-600: rgb(144, 144, 144);
--spectrum-global-color-gray-700: rgb(185, 185, 185);
--spectrum-global-color-gray-800: rgb(227, 227, 227);
--spectrum-global-color-gray-900: rgb(255, 255, 255);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.5);
--spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06);
--spectrum-alias-highlight-hover: rgba(255,255,255,0.07);
--spectrum-alias-highlight-active: rgba(255,255,255,0.1);
--spectrum-alias-highlight-selected: rgba(55,142,240,0.15);
--spectrum-alias-highlight-selected-hover: rgba(55,142,240,0.25);
--spectrum-alias-text-highlight-color: rgba(55,142,240,0.25);
--spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(227,227,227,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-hover: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-down: rgba(255,255,255,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(255,255,255,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(55,142,240,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(55,142,240,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(227,227,227,0.02);
--spectrum-well-border-color: rgba(255,255,255,0.05);
}
.spectrum--darkest {
--spectrum-global-color-celery-400: rgb(61, 167, 78);
--spectrum-global-color-celery-500: rgb(68, 181, 86);
--spectrum-global-color-celery-600: rgb(75, 195, 95);
--spectrum-global-color-celery-700: rgb(81, 210, 103);
--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
--spectrum-global-color-yellow-400: rgb(210, 178, 0);
--spectrum-global-color-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-yellow-600: rgb(237, 204, 0);
--spectrum-global-color-yellow-700: rgb(250, 217, 0);
--spectrum-global-color-magenta-400: rgb(202, 41, 150);
--spectrum-global-color-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-magenta-600: rgb(226, 73, 157);
--spectrum-global-color-magenta-700: rgb(236, 90, 170);
--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
--spectrum-global-color-purple-400: rgb(134, 76, 204);
--spectrum-global-color-purple-500: rgb(146, 86, 217);
--spectrum-global-color-purple-600: rgb(157, 100, 225);
--spectrum-global-color-purple-700: rgb(168, 115, 223);
--spectrum-global-color-indigo-400: rgb(92, 92, 224);
--spectrum-global-color-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-indigo-600: rgb(117, 117, 241);
--spectrum-global-color-indigo-700: rgb(130, 130, 246);
--spectrum-global-color-seafoam-400: rgb(22, 135, 140);
--spectrum-global-color-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-seafoam-600: rgb(32, 163, 168);
--spectrum-global-color-seafoam-700: rgb(35, 178, 184);
--spectrum-global-color-red-400: rgb(215, 55, 63);
--spectrum-global-color-red-500: rgb(227, 72, 80);
--spectrum-global-color-red-600: rgb(236, 91, 98);
--spectrum-global-color-red-700: rgb(247, 109, 116);
--spectrum-global-color-orange-400: rgb(218, 123, 17);
--spectrum-global-color-orange-500: rgb(230, 134, 25);
--spectrum-global-color-orange-600: rgb(242, 148, 35);
--spectrum-global-color-orange-700: rgb(249, 164, 63);
--spectrum-global-color-green-400: rgb(38, 142, 108);
--spectrum-global-color-green-500: rgb(45, 157, 120);
--spectrum-global-color-green-600: rgb(51, 171, 132);
--spectrum-global-color-green-700: rgb(57, 185, 144);
--spectrum-global-color-blue-400: rgb(20, 115, 230);
--spectrum-global-color-blue-500: rgb(38, 128, 235);
--spectrum-global-color-blue-600: rgb(55, 142, 240);
--spectrum-global-color-blue-700: rgb(75, 156, 245);
--spectrum-global-color-gray-50: rgb(8, 8, 8);
--spectrum-global-color-gray-75: rgb(26, 26, 26);
--spectrum-global-color-gray-100: rgb(30, 30, 30);
--spectrum-global-color-gray-200: rgb(44, 44, 44);
--spectrum-global-color-gray-300: rgb(57, 57, 57);
--spectrum-global-color-gray-400: rgb(73, 73, 73);
--spectrum-global-color-gray-500: rgb(92, 92, 92);
--spectrum-global-color-gray-600: rgb(124, 124, 124);
--spectrum-global-color-gray-700: rgb(162, 162, 162);
--spectrum-global-color-gray-800: rgb(200, 200, 200);
--spectrum-global-color-gray-900: rgb(239, 239, 239);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);
--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);
--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);
--spectrum-alias-highlight-active: rgba(239,239,239,0.15);
--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);
--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);
--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);
--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(200,200,200,0.02);
--spectrum-well-border-color: rgba(239,239,239,0.05);
}
.spectrum { /* spectrum-animationGlobals.css */
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
--spectrum-global-animation-duration-300: 190ms;
--spectrum-global-animation-duration-400: 220ms;
--spectrum-global-animation-duration-500: 250ms;
--spectrum-global-animation-duration-600: 300ms;
--spectrum-global-animation-duration-700: 350ms;
--spectrum-global-animation-duration-800: 400ms;
--spectrum-global-animation-duration-900: 450ms;
--spectrum-global-animation-duration-1000: 500ms;
--spectrum-global-animation-duration-2000: 1000ms;
--spectrum-global-animation-duration-4000: 2000ms;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
/* spectrum-colorGlobals.css */
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
--spectrum-global-color-opacity-60: 0.6;
--spectrum-global-color-opacity-50: 0.5;
--spectrum-global-color-opacity-40: 0.4;
--spectrum-global-color-opacity-30: 0.3;
--spectrum-global-color-opacity-25: 0.25;
--spectrum-global-color-opacity-20: 0.2;
--spectrum-global-color-opacity-15: 0.15;
--spectrum-global-color-opacity-10: 0.1;
--spectrum-global-color-opacity-8: 0.08;
--spectrum-global-color-opacity-7: 0.07;
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;
/* spectrum-colorSemantics.css */
--spectrum-semantic-negative-color-background: var(--spectrum-global-color-static-red-700);
--spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-border: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-icon: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-status: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-text-large: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-text-small: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-state-down: var(--spectrum-global-color-red-700);
--spectrum-semantic-negative-color-state-focus: var(--spectrum-global-color-red-400);
--spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-700);
--spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-border: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-icon: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-status: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-text-large: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-text-small: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-state-down: var(--spectrum-global-color-orange-700);
--spectrum-semantic-notice-color-state-focus: var(--spectrum-global-color-orange-400);
--spectrum-semantic-positive-color-background: var(--spectrum-global-color-static-green-700);
--spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-border: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-icon: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-status: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-text-large: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-text-small: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-state-down: var(--spectrum-global-color-green-700);
--spectrum-semantic-positive-color-state-focus: var(--spectrum-global-color-green-400);
--spectrum-semantic-informative-color-background: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-border: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-icon: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-status: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-text-large: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-text-small: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-state-down: var(--spectrum-global-color-blue-700);
--spectrum-semantic-informative-color-state-focus: var(--spectrum-global-color-blue-400);
--spectrum-semantic-cta-color-background-default: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-cta-color-background-hover: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-down: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-neutral-color-background: var(--spectrum-global-color-static-gray-700);
--spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);
--spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);
--spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);
--spectrum-semantic-presence-color-4: rgb(75, 204, 162);
--spectrum-semantic-presence-color-5: rgb(0, 199, 255);
--spectrum-semantic-presence-color-6: rgb(0, 140, 184);
--spectrum-semantic-presence-color-7: rgb(126, 75, 243);
--spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);
/* spectrum-dimensionGlobals.css */
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
--spectrum-global-dimension-static-size-50: 4px;
--spectrum-global-dimension-static-size-40: 3px;
--spectrum-global-dimension-static-size-65: 5px;
--spectrum-global-dimension-static-size-100: 8px;
--spectrum-global-dimension-static-size-115: 9px;
--spectrum-global-dimension-static-size-125: 10px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-175: 14px;
--spectrum-global-dimension-static-size-200: 16px;
--spectrum-global-dimension-static-size-225: 18px;
--spectrum-global-dimension-static-size-250: 20px;
--spectrum-global-dimension-static-size-300: 24px;
--spectrum-global-dimension-static-size-400: 32px;
--spectrum-global-dimension-static-size-450: 36px;
--spectrum-global-dimension-static-size-500: 40px;
--spectrum-global-dimension-static-size-550: 44px;
--spectrum-global-dimension-static-size-600: 48px;
--spectrum-global-dimension-static-size-700: 56px;
--spectrum-global-dimension-static-size-800: 64px;
--spectrum-global-dimension-static-size-900: 72px;
--spectrum-global-dimension-static-size-1000: 80px;
--spectrum-global-dimension-static-size-1200: 96px;
--spectrum-global-dimension-static-size-1700: 136px;
--spectrum-global-dimension-static-size-2400: 192px;
--spectrum-global-dimension-static-size-2600: 208px;
--spectrum-global-dimension-static-size-3400: 272px;
--spectrum-global-dimension-static-size-3600: 288px;
--spectrum-global-dimension-static-size-4600: 368px;
--spectrum-global-dimension-static-size-5000: 400px;
--spectrum-global-dimension-static-size-6000: 480px;
--spectrum-global-dimension-static-font-size-50: 11px;
--spectrum-global-dimension-static-font-size-75: 12px;
--spectrum-global-dimension-static-font-size-100: 14px;
--spectrum-global-dimension-static-font-size-150: 15px;
--spectrum-global-dimension-static-font-size-200: 16px;
--spectrum-global-dimension-static-font-size-300: 18px;
--spectrum-global-dimension-static-font-size-400: 20px;
--spectrum-global-dimension-static-font-size-500: 22px;
--spectrum-global-dimension-static-font-size-600: 25px;
--spectrum-global-dimension-static-font-size-700: 28px;
--spectrum-global-dimension-static-font-size-800: 32px;
--spectrum-global-dimension-static-font-size-900: 36px;
--spectrum-global-dimension-static-font-size-1000: 40px;
--spectrum-global-dimension-static-percent-50: 50%;
--spectrum-global-dimension-static-percent-100: 100%;
--spectrum-global-dimension-static-breakpoint-xsmall: 304px;
--spectrum-global-dimension-static-breakpoint-small: 768px;
--spectrum-global-dimension-static-breakpoint-medium: 1280px;
--spectrum-global-dimension-static-breakpoint-large: 1768px;
--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
/* spectrum-fontGlobals.css */
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
--spectrum-global-font-weight-thin: 100;
--spectrum-global-font-weight-ultra-light: 200;
--spectrum-global-font-weight-light: 300;
--spectrum-global-font-weight-regular: 400;
--spectrum-global-font-weight-medium: 500;
--spectrum-global-font-weight-semi-bold: 600;
--spectrum-global-font-weight-bold: 700;
--spectrum-global-font-weight-extra-bold: 800;
--spectrum-global-font-weight-black: 900;
--spectrum-global-font-style-regular: normal;
--spectrum-global-font-style-italic: italic;
--spectrum-global-font-letter-spacing-none: 0;
--spectrum-global-font-letter-spacing-small: 0.0125em;
--spectrum-global-font-letter-spacing-han: 0.05em;
--spectrum-global-font-letter-spacing-medium: 0.06em;
--spectrum-global-font-line-height-large: 1.7;
--spectrum-global-font-line-height-medium: 1.5;
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;
/* spectrum-staticAliases.css */
--spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
--spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
--spectrum-alias-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif';
--spectrum-alias-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
--spectrum-alias-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
--spectrum-alias-font-family-ja: adobe-clean-han-japanese, source-han-japanese, 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', 'sans-serif';
--spectrum-alias-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small);
--spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large);
--spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
--spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);
--spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);
--spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);
}
.spectrum--medium,
.spectrum--large {
/* spectrum-dimensionAliases.css */
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
}
.spectrum--darkest,
.spectrum--dark,
.spectrum--light,
.spectrum--lightest {
/* spectrum-colorAliases.css */
--spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-background-color-transparent: transparent;
--spectrum-alias-background-color-label-gray: rgb(112, 112, 112);
--spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
--spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-600);
--spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800);
--spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
--spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
--spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
--spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-title-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-focus: var(--spectrum-global-color-blue-400);
--spectrum-alias-border-color-down: var(--spectrum-global-color-blue-500);
--spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100);
--spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
--spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-transparent: transparent;
--spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);
--spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);
--spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
--spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);
--spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white);
--spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-error: var(--spectrum-global-color-red-400);
--spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100);
}
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring, .light-mode .search-card.focus-ring, .light-mode .search-card-1.focus-ring, .light-mode .search-card-2.focus-ring, .light-mode .search-card-3.focus-ring, .dark-mode .search-card.focus-ring, .dark-mode .search-card-1.focus-ring, .dark-mode .search-card-2.focus-ring, .dark-mode .search-card-3.focus-ring, .darkest-mode .search-card.focus-ring, .darkest-mode .search-card-1.focus-ring, .darkest-mode .search-card-2.focus-ring, .darkest-mode .search-card-3.focus-ring, .search-dropdown-spark-card .search-card-image-container .search-card-image-fit-no-icon.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring, .light-mode .search-card.focus-ring, .light-mode .search-card-1.focus-ring, .light-mode .search-card-2.focus-ring, .light-mode .search-card-3.focus-ring, .dark-mode .search-card.focus-ring, .dark-mode .search-card-1.focus-ring, .dark-mode .search-card-2.focus-ring, .dark-mode .search-card-3.focus-ring, .darkest-mode .search-card.focus-ring, .darkest-mode .search-card-1.focus-ring, .darkest-mode .search-card-2.focus-ring, .darkest-mode .search-card-3.focus-ring, .search-dropdown-spark-card .search-card-image-container .search-card-image-fit-no-icon.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
.light-mode .search-card {
border: 1px solid var(--spectrum-global-color-gray-200);
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.light-mode .search-card:hover {
box-shadow: 0 0 0 1px #cacaca;
cursor: pointer; }
.light-mode .search-card:focus {
outline: none; }
.light-mode .search-card .search-card-image-container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
background-color: var(--primary-ccs-bg-color); }
.light-mode .search-card .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.light-mode .search-card .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.light-mode .search-card .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.light-mode .search-card .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.light-mode .search-card .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.light-mode .search-card .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.light-mode .search-card .search-card-text-container {
min-height: 100px;
padding: 12px 20px 16px; }
.light-mode .search-card .search-card-text-container .search-card-tutorial-text-title {
color: #323232;
font-size: 14px;
font-weight: bold;
max-height: 59px;
min-height: 59px;
padding-bottom: 12px;
line-height: 20px;
margin-right: -1.2em;
max-width: 85vw;
overflow: hidden;
position: relative;
width: 90%; }
.light-mode .search-card .search-card-text-container .search-card-support-text-title {
font-size: 18px !important;
font-weight: bold;
line-height: 22px !important;
padding-top: 8px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card .search-card-text-container .search-card-text-description {
min-height: 20px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card .search-card-content-details-container {
align-items: center;
display: flex; }
.light-mode .search-card .search-card-content-details-container .search-card-content-details-text {
color: var(--spectrum-global-color-gray-700);
float: left;
padding: 8px 0 0;
white-space: nowrap; }
.light-mode .search-card .search-card-content-details-container .search-card-content-details-text .search-card-content-detail-time {
color: var(--spectrum-global-color-gray-700);
display: inline-block;
font-size: 12px;
padding-left: 4px;
padding-right: 8px; }
.light-mode .search-card .search-card-content-details-container .search-card-content-details-text .search-card-content-detail-clock {
display: inline-block;
width: 16px; }
.light-mode .search-card-1 {
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.light-mode .search-card-1:hover {
cursor: pointer; }
.light-mode .search-card-1:focus {
outline: none; }
.light-mode .search-card-1 .search-card-image-container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
background-color: var(--primary-ccs-bg-color); }
.light-mode .search-card-1 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.light-mode .search-card-1 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.light-mode .search-card-1 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.light-mode .search-card-1 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.light-mode .search-card-1 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.light-mode .search-card-1 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.light-mode .search-card-1 .search-card-1-text-container {
margin-top: -6px;
padding: 12px 0 0; }
.light-mode .search-card-1 .search-card-1-text-container .search-card-content-detail-collab {
width: 12px; }
.light-mode .search-card-1 .search-card-1-text-container .search-card-1-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0; }
.light-mode .search-card-1 .search-card-1-text-container .search-card-1-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card-1 .search-card-content-details-container {
align-items: center;
justify-content: center;
margin-top: 4px; }
.light-mode .search-card-1 .search-card-content-details-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.light-mode .search-card-2 {
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.light-mode .search-card-2:hover {
cursor: pointer; }
.light-mode .search-card-2:focus {
outline: none; }
.light-mode .search-card-2 .search-card-image-container {
background-color: var(--primary-ccs-bg-color);
border-radius: 4px;
box-sizing: border-box;
padding: 16px;
display: inline-block;
height: 100%;
position: relative;
width: 100%; }
.light-mode .search-card-2 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.light-mode .search-card-2 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.light-mode .search-card-2 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.light-mode .search-card-2 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.light-mode .search-card-2 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.light-mode .search-card-2 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.light-mode .search-card-2 .search-card-image-container .search-card-image {
background-size: contain; }
.light-mode .search-card-2 .search-card-2-text-container {
margin-top: -6px;
padding: 12px 0 0; }
.light-mode .search-card-2 .search-card-2-text-container .search-card-content-detail-collab {
width: 12px; }
.light-mode .search-card-2 .search-card-2-text-container .search-card-2-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card-2 .search-card-2-text-container .search-card-2-text-spark-title {
color: var(--spectrum-global-color-gray-800);
font-size: 14px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card-2 .search-card-2-text-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.light-mode .search-card-2 .search-card-2-text-container .search-card-2-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card-3 {
background-color: transparent !important;
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.light-mode .search-card-3:hover {
cursor: pointer; }
.light-mode .search-card-3:focus {
outline: none; }
.light-mode .search-card-3 .search-card-image-container {
background-color: var(--primary-ccs-bg-color);
border-radius: 4px;
padding: 0;
display: inline-block;
height: 100%;
position: relative;
width: 100%; }
.light-mode .search-card-3 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.light-mode .search-card-3 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.light-mode .search-card-3 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.light-mode .search-card-3 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.light-mode .search-card-3 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.light-mode .search-card-3 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.light-mode .search-card-3 .search-card-3-text-container {
margin-top: -6px;
padding: 12px 0 0;
text-align: center; }
.light-mode .search-card-3 .search-card-3-text-container .search-card-content-detail-collab {
width: 12px; }
.light-mode .search-card-3 .search-card-3-text-container .search-card-3-cap-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: capitalize; }
.light-mode .search-card-3 .search-card-3-text-container .search-card-3-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card-3 .search-card-3-text-container .search-card-3-text-spark-title {
color: var(--spectrum-global-color-gray-800);
font-size: 14px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card-3 .search-card-3-text-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.light-mode .search-card-3 .search-card-3-text-container .search-card-3-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.light-mode .search-card {
background-color: var(--spectrum-global-color-gray-50); }
.dark-mode .search-card {
border: 1px solid var(--spectrum-global-color-gray-200);
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.dark-mode .search-card:hover {
box-shadow: 0 0 0 1px #cacaca;
cursor: pointer; }
.dark-mode .search-card:focus {
outline: none; }
.dark-mode .search-card .search-card-image-container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
background-color: var(--primary-ccs-bg-color); }
.dark-mode .search-card .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.dark-mode .search-card .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.dark-mode .search-card .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.dark-mode .search-card .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.dark-mode .search-card .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.dark-mode .search-card .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.dark-mode .search-card .search-card-text-container {
min-height: 100px;
padding: 12px 20px 16px; }
.dark-mode .search-card .search-card-text-container .search-card-tutorial-text-title {
color: #323232;
font-size: 14px;
font-weight: bold;
max-height: 59px;
min-height: 59px;
padding-bottom: 12px;
line-height: 20px;
margin-right: -1.2em;
max-width: 85vw;
overflow: hidden;
position: relative;
width: 90%; }
.dark-mode .search-card .search-card-text-container .search-card-support-text-title {
font-size: 18px !important;
font-weight: bold;
line-height: 22px !important;
padding-top: 8px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card .search-card-text-container .search-card-text-description {
min-height: 20px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card .search-card-content-details-container {
align-items: center;
display: flex; }
.dark-mode .search-card .search-card-content-details-container .search-card-content-details-text {
color: var(--spectrum-global-color-gray-700);
float: left;
padding: 8px 0 0;
white-space: nowrap; }
.dark-mode .search-card .search-card-content-details-container .search-card-content-details-text .search-card-content-detail-time {
color: var(--spectrum-global-color-gray-700);
display: inline-block;
font-size: 12px;
padding-left: 4px;
padding-right: 8px; }
.dark-mode .search-card .search-card-content-details-container .search-card-content-details-text .search-card-content-detail-clock {
display: inline-block;
width: 16px; }
.dark-mode .search-card-1 {
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.dark-mode .search-card-1:hover {
cursor: pointer; }
.dark-mode .search-card-1:focus {
outline: none; }
.dark-mode .search-card-1 .search-card-image-container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
background-color: var(--primary-ccs-bg-color); }
.dark-mode .search-card-1 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.dark-mode .search-card-1 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.dark-mode .search-card-1 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.dark-mode .search-card-1 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.dark-mode .search-card-1 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.dark-mode .search-card-1 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.dark-mode .search-card-1 .search-card-1-text-container {
margin-top: -6px;
padding: 12px 0 0; }
.dark-mode .search-card-1 .search-card-1-text-container .search-card-content-detail-collab {
width: 12px; }
.dark-mode .search-card-1 .search-card-1-text-container .search-card-1-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0; }
.dark-mode .search-card-1 .search-card-1-text-container .search-card-1-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card-1 .search-card-content-details-container {
align-items: center;
justify-content: center;
margin-top: 4px; }
.dark-mode .search-card-1 .search-card-content-details-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.dark-mode .search-card-2 {
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.dark-mode .search-card-2:hover {
cursor: pointer; }
.dark-mode .search-card-2:focus {
outline: none; }
.dark-mode .search-card-2 .search-card-image-container {
background-color: var(--primary-ccs-bg-color);
border-radius: 4px;
box-sizing: border-box;
padding: 16px;
display: inline-block;
height: 100%;
position: relative;
width: 100%; }
.dark-mode .search-card-2 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.dark-mode .search-card-2 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.dark-mode .search-card-2 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.dark-mode .search-card-2 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.dark-mode .search-card-2 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.dark-mode .search-card-2 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.dark-mode .search-card-2 .search-card-image-container .search-card-image {
background-size: contain; }
.dark-mode .search-card-2 .search-card-2-text-container {
margin-top: -6px;
padding: 12px 0 0; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-content-detail-collab {
width: 12px; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-2-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-2-text-spark-title {
color: var(--spectrum-global-color-gray-800);
font-size: 14px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-2-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card-3 {
background-color: transparent !important;
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.dark-mode .search-card-3:hover {
cursor: pointer; }
.dark-mode .search-card-3:focus {
outline: none; }
.dark-mode .search-card-3 .search-card-image-container {
background-color: var(--primary-ccs-bg-color);
border-radius: 4px;
padding: 0;
display: inline-block;
height: 100%;
position: relative;
width: 100%; }
.dark-mode .search-card-3 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.dark-mode .search-card-3 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.dark-mode .search-card-3 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.dark-mode .search-card-3 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.dark-mode .search-card-3 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.dark-mode .search-card-3 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.dark-mode .search-card-3 .search-card-3-text-container {
margin-top: -6px;
padding: 12px 0 0;
text-align: center; }
.dark-mode .search-card-3 .search-card-3-text-container .search-card-content-detail-collab {
width: 12px; }
.dark-mode .search-card-3 .search-card-3-text-container .search-card-3-cap-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: capitalize; }
.dark-mode .search-card-3 .search-card-3-text-container .search-card-3-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card-3 .search-card-3-text-container .search-card-3-text-spark-title {
color: var(--spectrum-global-color-gray-800);
font-size: 14px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card-3 .search-card-3-text-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.dark-mode .search-card-3 .search-card-3-text-container .search-card-3-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dark-mode .search-card {
background-color: #1a1a1a;
border: var(--spectrum-global-color-gray-900); }
.dark-mode .search-card:hover {
border: var(--spectrum-global-color-gray-900);
box-shadow: 0 0 0 1px #494949;
cursor: pointer; }
.dark-mode .search-card .search-card-tutorial-text-title {
color: #efefef !important; }
.dark-mode .search-card .search-card-content-details-container {
color: #efefef !important; }
.dark-mode .search-card .search-card-content-details-container .search-card-content-detail-time {
color: #a2a2a2 !important; }
.dark-mode .search-card-1 .search-card-1-text-container {
background-color: transparent !important; }
.dark-mode .search-card-1 .search-card-1-text-container .search-card-1-text-title {
color: #efefef !important; }
.dark-mode .search-card-1 .search-card-1-text-container .search-card-content-details-container .search-card-content-type {
color: #efefef !important; }
.dark-mode .search-card-2 {
height: 306px !important;
background-color: transparent !important; }
.dark-mode .search-card-2 .search-card-image-container {
background-color: var(--spectrum-global-color-gray-200); }
.dark-mode .search-card-2 .search-card-image-container .search-card-2-text-title {
color: #efefef !important; }
.dark-mode .search-card-2 .search-card-2-text-container {
background-color: transparent !important; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-2-text-title {
color: #efefef !important; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-content-details-text .search-card-content-type {
color: #efefef !important; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-content-details-container .search-card-content-type {
color: #efefef !important; }
.dark-mode .search-card-2 .search-card-2-text-container .search-card-content-detail {
color: #efefef !important; }
.dark-mode .search-card-3 .search-card-3-text-container .search-card-3-cap-text-title {
color: #efefef !important; }
.dark-mode .search-card-3 .search-card-3-text-container .search-card-content-type {
color: #efefef !important; }
.darkest-mode .search-card {
border: 1px solid var(--spectrum-global-color-gray-200);
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.darkest-mode .search-card:hover {
box-shadow: 0 0 0 1px #cacaca;
cursor: pointer; }
.darkest-mode .search-card:focus {
outline: none; }
.darkest-mode .search-card .search-card-image-container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
background-color: var(--primary-ccs-bg-color); }
.darkest-mode .search-card .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.darkest-mode .search-card .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.darkest-mode .search-card .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.darkest-mode .search-card .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.darkest-mode .search-card .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.darkest-mode .search-card .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.darkest-mode .search-card .search-card-text-container {
min-height: 100px;
padding: 12px 20px 16px; }
.darkest-mode .search-card .search-card-text-container .search-card-tutorial-text-title {
color: #323232;
font-size: 14px;
font-weight: bold;
max-height: 59px;
min-height: 59px;
padding-bottom: 12px;
line-height: 20px;
margin-right: -1.2em;
max-width: 85vw;
overflow: hidden;
position: relative;
width: 90%; }
.darkest-mode .search-card .search-card-text-container .search-card-support-text-title {
font-size: 18px !important;
font-weight: bold;
line-height: 22px !important;
padding-top: 8px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card .search-card-text-container .search-card-text-description {
min-height: 20px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card .search-card-content-details-container {
align-items: center;
display: flex; }
.darkest-mode .search-card .search-card-content-details-container .search-card-content-details-text {
color: var(--spectrum-global-color-gray-700);
float: left;
padding: 8px 0 0;
white-space: nowrap; }
.darkest-mode .search-card .search-card-content-details-container .search-card-content-details-text .search-card-content-detail-time {
color: var(--spectrum-global-color-gray-700);
display: inline-block;
font-size: 12px;
padding-left: 4px;
padding-right: 8px; }
.darkest-mode .search-card .search-card-content-details-container .search-card-content-details-text .search-card-content-detail-clock {
display: inline-block;
width: 16px; }
.darkest-mode .search-card-1 {
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.darkest-mode .search-card-1:hover {
cursor: pointer; }
.darkest-mode .search-card-1:focus {
outline: none; }
.darkest-mode .search-card-1 .search-card-image-container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
background-color: var(--primary-ccs-bg-color); }
.darkest-mode .search-card-1 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.darkest-mode .search-card-1 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.darkest-mode .search-card-1 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.darkest-mode .search-card-1 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.darkest-mode .search-card-1 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.darkest-mode .search-card-1 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.darkest-mode .search-card-1 .search-card-1-text-container {
margin-top: -6px;
padding: 12px 0 0; }
.darkest-mode .search-card-1 .search-card-1-text-container .search-card-content-detail-collab {
width: 12px; }
.darkest-mode .search-card-1 .search-card-1-text-container .search-card-1-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0; }
.darkest-mode .search-card-1 .search-card-1-text-container .search-card-1-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card-1 .search-card-content-details-container {
align-items: center;
justify-content: center;
margin-top: 4px; }
.darkest-mode .search-card-1 .search-card-content-details-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.darkest-mode .search-card-2 {
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.darkest-mode .search-card-2:hover {
cursor: pointer; }
.darkest-mode .search-card-2:focus {
outline: none; }
.darkest-mode .search-card-2 .search-card-image-container {
background-color: var(--primary-ccs-bg-color);
border-radius: 4px;
box-sizing: border-box;
padding: 16px;
display: inline-block;
height: 100%;
position: relative;
width: 100%; }
.darkest-mode .search-card-2 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.darkest-mode .search-card-2 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.darkest-mode .search-card-2 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.darkest-mode .search-card-2 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.darkest-mode .search-card-2 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.darkest-mode .search-card-2 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.darkest-mode .search-card-2 .search-card-image-container .search-card-image {
background-size: contain; }
.darkest-mode .search-card-2 .search-card-2-text-container {
margin-top: -6px;
padding: 12px 0 0; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-content-detail-collab {
width: 12px; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-2-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-2-text-spark-title {
color: var(--spectrum-global-color-gray-800);
font-size: 14px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-2-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card-3 {
background-color: transparent !important;
border-radius: 4px;
flex: 1;
height: 100%;
margin-bottom: 0;
overflow: hidden;
transition: border 0.2s ease;
width: 100%; }
.darkest-mode .search-card-3:hover {
cursor: pointer; }
.darkest-mode .search-card-3:focus {
outline: none; }
.darkest-mode .search-card-3 .search-card-image-container {
background-color: var(--primary-ccs-bg-color);
border-radius: 4px;
padding: 0;
display: inline-block;
height: 100%;
position: relative;
width: 100%; }
.darkest-mode .search-card-3 .search-card-image-container .search-card-image {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%; }
.darkest-mode .search-card-3 .search-card-image-container .search-card-image-fit-no-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
max-height: 200px;
min-height: 200px;
width: 100%;
background-size: contain; }
.darkest-mode .search-card-3 .search-card-image-container .search-card-image-fit-icon {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 80px;
margin: 0 auto;
max-height: 200px;
min-height: 200px;
width: 80px; }
.darkest-mode .search-card-3 .search-card-image-container .search-card-image-app {
height: 32px;
left: 16px;
position: absolute;
top: 16px;
width: 32px; }
.darkest-mode .search-card-3 .search-card-image-container:hover {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.darkest-mode .search-card-3 .search-card-image-container:focus {
outline: 1px solid var(--spectrum-global-color-gray-200); }
.darkest-mode .search-card-3 .search-card-3-text-container {
margin-top: -6px;
padding: 12px 0 0;
text-align: center; }
.darkest-mode .search-card-3 .search-card-3-text-container .search-card-content-detail-collab {
width: 12px; }
.darkest-mode .search-card-3 .search-card-3-text-container .search-card-3-cap-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: capitalize; }
.darkest-mode .search-card-3 .search-card-3-text-container .search-card-3-text-title {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card-3 .search-card-3-text-container .search-card-3-text-spark-title {
color: var(--spectrum-global-color-gray-800);
font-size: 14px;
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card-3 .search-card-3-text-container .search-card-content-type {
color: var(--spectrum-global-color-gray-700);
font-size: 12px; }
.darkest-mode .search-card-3 .search-card-3-text-container .search-card-3-text-description {
color: var(--spectrum-global-color-gray-800);
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.darkest-mode .search-card {
background-color: var(--primary-ccs-bg-color);
border: 1px solid #393939 !important; }
.darkest-mode .search-card:hover {
border: var(--spectrum-global-color-gray-900);
box-shadow: 0 0 0 1px #494949;
cursor: pointer; }
.darkest-mode .search-card .search-card-tutorial-text-title {
color: #efefef !important; }
.darkest-mode .search-card .search-card-content-details-container {
color: #efefef !important; }
.darkest-mode .search-card .search-card-content-details-container .search-card-content-detail-time {
color: #a2a2a2 !important; }
.darkest-mode .search-card-1 .search-card-1-text-container {
background-color: transparent !important; }
.darkest-mode .search-card-1 .search-card-1-text-container .search-card-1-text-title {
color: #efefef !important; }
.darkest-mode .search-card-1 .search-card-1-text-container .search-card-content-details-container .search-card-content-type {
color: #efefef !important; }
.darkest-mode .search-card-2 {
height: 306px !important;
background-color: transparent !important; }
.darkest-mode .search-card-2 .search-card-image-container {
background-color: var(--primary-ccs-bg-color); }
.darkest-mode .search-card-2 .search-card-image-container .search-card-2-text-title {
color: #efefef !important; }
.darkest-mode .search-card-2 .search-card-2-text-container {
background-color: transparent !important; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-2-text-title {
color: #efefef !important; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-content-details-text .search-card-content-type {
color: #efefef !important; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-content-details-container .search-card-content-type {
color: #efefef !important; }
.darkest-mode .search-card-2 .search-card-2-text-container .search-card-content-detail {
color: #efefef !important; }
.darkest-mode .search-card-3 .search-card-3-text-container .search-card-3-cap-text-title {
color: #efefef !important; }
.darkest-mode .search-card-3 .search-card-3-text-container .search-card-content-type {
color: #efefef !important; }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-dropdown-spark-card {
cursor: default !important;
display: flex;
position: relative; }
.search-dropdown-spark-card.dark-mode .search-spark-card-hover-button .spectrum-Icon {
color: #c8c8c8 !important; }
.search-dropdown-spark-card.item-0 .search-card-image-container .search-card-image-fit-no-icon {
margin-left: 2px !important; }
.search-dropdown-spark-card.last-item .search-card-image-container .search-card-image-fit-no-icon {
margin-right: 2px !important; }
.search-dropdown-spark-card .search-card-3-text-container.search-dropdown-spark-card-title-container {
padding: 0 !important; }
.search-dropdown-spark-card .search-card-3-text-container.search-dropdown-spark-card-title-container .search-dropdown-spark-card-title {
padding: 0 10px 10px; }
.search-dropdown-spark-card .search-card-image-container {
position: relative; }
.search-dropdown-spark-card .search-card-image-container .search-card-image-fit-no-icon {
margin: 2px 5px !important;
max-height: none !important;
min-height: auto !important; }
.search-dropdown-spark-card .search-card-image-container .search-card-image-fit-no-icon .search-dropdown-spark-card-hoverstate {
display: none; }
.search-dropdown-spark-card .search-card-image-container .search-card-image-fit-no-icon .search-spark-card-hover-button {
display: none; }
.search-dropdown-spark-card .search-card-image-container .search-card-image-fit-no-icon .search-spark-card-hover-button .spectrum-Icon {
color: #4b4b4b; }
.search-dropdown-spark-card .search-card-image-container .search-card-image-fit-no-icon:hover .search-dropdown-spark-card-hoverstate {
align-items: center;
background: var(--spectrum-global-color-gray-900) 0% 0% no-repeat padding-box;
border-radius: 4px;
cursor: pointer;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.search-dropdown-spark-card .search-card-image-container .search-card-image-fit-no-icon:hover .search-spark-card-hover-button {
background-color: var(--spectrum-global-color-gray-75);
border-color: transparent;
border-radius: 50%;
display: inline-block;
left: 50%;
padding: 5px 10px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2; }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-dropdown-spark-templates-container {
display: flex;
flex: 1 auto;
flex-direction: column;
overflow-x: hidden;
padding: 0 10px 20px 20px;
width: 100%; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates-header {
align-items: center;
display: flex;
justify-content: space-between;
padding: 8px 0 11px !important; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates-header .search-dropdown-spark-templates-title-container {
align-items: center;
display: flex; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates-header .search-dropdown-spark-templates-title-container .search-dropdown-spark-templates-title h5 {
color: var(--spectrum-global-color-gray-600);
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin-bottom: 0;
margin-top: 0; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates-header .search-dropdown-spark-templates-title-container .spark-logo {
height: 24px;
padding-right: 10px;
width: 35px; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates-header .link-out-tag {
color: #0d66d0; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates-header .link-out-tag:hover {
text-decoration: underline; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates .carousel-left-decorator > button {
height: 48px;
transform: scale(0.5625) translate(5px);
width: 48px; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates.transforming .search-dropdown-spark-card-hoverstate,
.search-dropdown-spark-templates-container .search-dropdown-spark-templates.transforming .search-spark-card-hover-button {
display: none !important; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates .carousel-right-decorator > button {
height: 48px;
transform: scale(0.5625) translate(-5px);
width: 48px; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates .carousel-left-decorator > button > svg {
margin-top: 2px; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates .carousel-right-decorator > button > svg {
margin-top: 2px; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates .carousel-list {
display: flex !important; }
.search-dropdown-spark-templates-container .search-dropdown-spark-templates .search-card-3-cap-text-title {
overflow: hidden;
white-space: initial !important; }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring, .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-dropdown-quick-action-container {
display: flex;
flex: 1 auto;
flex-direction: column;
overflow-x: hidden;
padding: 0 10px 20px 20px;
width: 100%; }
.search-dropdown-quick-action-container .search-dropdown-quick-action-header {
align-items: center;
display: flex;
justify-content: space-between;
padding: 8px 0 11px !important; }
.search-dropdown-quick-action-container .search-dropdown-quick-action-header .search-dropdown-quick-action-title-container {
align-items: center;
display: flex; }
.search-dropdown-quick-action-container .search-dropdown-quick-action-header .search-dropdown-quick-action-title-container .search-dropdown-quick-actions-title h5 {
color: var(--spectrum-global-color-gray-600);
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin-bottom: 0;
margin-top: 0; }
.search-dropdown-quick-action-container .search-dropdown-quick-action-header .search-dropdown-quick-action-title-container .quick-action-logo {
height: 24px;
padding-right: 10px;
width: 35px; }
.search-dropdown-quick-action-container .search-dropdown-quick-action-header .link-out-tag {
color: #0d66d0; }
.search-dropdown-quick-action-container .search-dropdown-quick-action-header .link-out-tag:hover {
text-decoration: underline; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .carousel-list {
display: flex !important; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .carousel-left-decorator > button {
height: 48px;
transform: scale(0.5625) translate(5px);
width: 48px; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .carousel-right-decorator > button {
height: 48px;
transform: scale(0.5625) translate(-5px);
width: 48px; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .carousel-left-decorator > button > svg {
margin-top: 2px; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .carousel-right-decorator > button > svg {
margin-top: 2px; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-card-3-cap-text-title {
overflow: hidden;
white-space: initial !important; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item {
align-items: center;
background: var(--spectrum-global-color-gray-50) 0% 0% no-repeat padding-box;
border: 1px solid var(--spectrum-global-color-static-gray-300);
border-radius: 4px;
cursor: pointer;
display: flex;
margin: 2px 10px 2px 2px;
max-width: 200px;
min-width: 120px;
padding: 8px 20px 10px 0; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item:lang(fr) {
min-width: 212px; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item:hover {
border: 1px solid var(--spectrum-global-color-gray-400); }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item.last-item {
margin-right: 2px !important; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item .search-dropdown-quick-action-item-icon-container {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
margin: 0 10px; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item .search-dropdown-quick-action-item-icon-container .search-dropdown-quick-action-item-icon {
height: auto;
width: 32px; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item .search-dropdown-quick-action-item-text-title-container {
-webkit-box-orient: vertical;
display: inline-block;
font-weight: bold;
-webkit-line-clamp: 2;
min-width: 55px;
overflow: hidden;
overflow-wrap: break-word;
padding-left: 5px;
text-align: left;
text-overflow: ellipsis;
white-space: pre-wrap; }
.search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item .search-dropdown-quick-action-item-text-title-container:lang(fr) {
min-width: 150px; }
.dark-mode .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item,
.darkest-mode .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item {
background: var(--spectrum-global-color-gray-100) 0% 0% no-repeat padding-box;
border: 1px solid var(--spectrum-global-color-gray-300);
min-width: 100px;
padding: 5px;
text-align: center; }
.dark-mode .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item:lang(fr),
.darkest-mode .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item:lang(fr) {
min-width: 150px; }
.dark-mode .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item .search-dropdown-quick-action-item-text-title-container,
.darkest-mode .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item .search-dropdown-quick-action-item-text-title-container {
text-align: center; }
.dark-mode .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item .search-dropdown-quick-action-item-text-title-container:lang(fr),
.darkest-mode .search-dropdown-quick-action-container .search-dropdown-quick-action .search-dropdown-quick-action-item .search-dropdown-quick-action-item-text-title-container:lang(fr) {
min-width: none; }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-bar-container.assetsWeb div,
.search-bar-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container.assetsWeb div,
.search-container.assetsWebAdobeHome div {
box-sizing: border-box; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text.focus-ring, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .top-results-list-item-container.focus-ring, .top-results-list-item-container .top-results-list-item-text-container .text-container-type-text.focus-ring, .search-back-button.focus-ring, .light-mode .text-container .text-title.focus-ring, .light-mode .text-container .see-all-text .all-text.focus-ring, .light-mode .text-container .see-all-text .link-out-tag.focus-ring, .light-mode .text-container .see-all-text.focus-ring, .dark-mode .text-container .text-title.focus-ring, .dark-mode .text-container .see-all-text .all-text.focus-ring, .dark-mode .text-container .see-all-text .link-out-tag.focus-ring, .dark-mode .text-container .see-all-text.focus-ring, .darkest-mode .text-container .text-title.focus-ring, .darkest-mode .text-container .see-all-text .all-text.focus-ring, .darkest-mode .text-container .see-all-text .link-out-tag.focus-ring, .darkest-mode .text-container .see-all-text.focus-ring, .adobeforum-results .see-all-text.focus-ring, .forums-results .see-all-text.focus-ring, .search-bar-container .spectrum-Search #ccsearch-input-clear-button.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content-updated .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content-updated .carousel-list {
display: flex !important; }
.search-container-content-updated .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.search-container-content-updated .toggle-view-all {
display: intial; }
.search-container-content-updated .toggle-content {
display: none; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all {
display: inital; }
.search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .learn-results .learn-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all {
display: inital; }
.search-container-content-updated .helpcenter-results .helpcenter-container .toggle-view-all .see-all-text:focus {
outline: none; }
.search-container-content-updated .helpcenter-results .helpcenter-container .title .toggle-view-all {
display: initial; }
.search-container-content-updated .tutorials-container .title .toggle-content {
display: inline; }
.search-container-content-updated .tutorials-container .toggle-content {
display: none; }
.search-container-content-updated .tutorials-container .view-all-text {
display: none; }
.search-container-content-updated .view-all-text {
text-decoration: none; }
.search-container-content-updated .view-all-text .all-text {
padding-right: 6px; }
.search-container-content-updated .view-all-text:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.search-container-content-updated .view-all-text .link-out-tag:focus {
outline: none; }
.search-container-content-updated .view-all-text .link-out-tag:hover {
cursor: pointer; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-container-content .top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text, .top-results-list-item-container .top-results-list-item-text-container .search-container-content .text-container-extra-info-text {
align-items: center;
bottom: 0;
display: flex;
flex-direction: row; }
.search-container-content .toggle-view-all {
display: none; }
.search-container-content .toggle-content {
display: intial; }
.top-results-list-item-container {
cursor: pointer;
display: flex;
flex-direction: row; }
.top-results-list-item-container:focus {
outline: none; }
.top-results-list-item-container:hover {
cursor: pointer; }
.top-results-list-item-container .top-results-list-item-image-container {
border-radius: 4px;
display: inline-block;
max-height: 80px;
max-width: 80px;
min-width: 80px;
overflow: hidden;
vertical-align: top; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content {
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content img {
border-radius: 4px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps {
align-items: center;
background-color: var(--spectrum-global-color-gray-900);
display: flex;
height: 80px;
justify-content: center;
position: relative;
width: 80px !important; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-apps img {
border-radius: 4px;
height: 44px;
width: 44px; }
.top-results-list-item-container .top-results-list-item-image-container .image-container-content-support {
height: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial {
border-radius: 4px;
display: inline-block;
min-width: 80px;
overflow: hidden;
position: relative;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-tutorial {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
max-height: 80px;
min-height: 80px;
width: 80px; }
.top-results-list-item-container .top-results-list-item-image-container-tutorial .image-container-content-icon-tutorial {
left: 8px;
position: absolute;
top: 8px;
width: 24px; }
.top-results-list-item-container .top-results-list-item-text-container {
display: inline-block;
margin-left: 16px;
max-width: 100%;
min-width: 200px;
position: relative;
vertical-align: top;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text {
color: #0d66d0;
display: inline-block;
font-size: 12px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:hover {
text-decoration: underline; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-type-text:focus {
outline: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text {
font-size: 14px;
font-weight: bold;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon-hidden {
display: none; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text .text-container-title-icon {
display: inline;
margin-left: 5px;
position: absolute;
width: 16px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text {
font-size: 14px;
font-weight: lighter;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-description-text-large {
font-size: 14px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 5px;
max-height: calc(1em * 1.5 * 2);
overflow: hidden; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-title-text-large {
font-size: 16px !important; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text {
color: var(--spectrum-global-color-gray-700);
display: block;
line-height: 14px;
width: 100%; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-tutorial-time .text-container-tutorial-time-text {
font-size: 12px;
line-height: 18px;
padding-left: 3px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info {
display: flex;
flex-direction: row;
position: relative; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app {
font-size: 12px;
line-height: 16px;
max-width: 100%;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-app span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
.search-back-button {
align-items: center;
color: var(--spectrum-global-color-gray-700);
cursor: pointer;
display: flex;
max-width: fit-content;
position: relative; }
.search-back-button .back-image {
margin-left: 2px;
margin-right: 10px;
width: 6px; }
.search-back-button:focus {
outline: none; }
.detailed-line {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.light-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.light-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.light-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.light-mode .text-container .see-all-text:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.light-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.light-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.light-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.light-mode .text-container .see-all-text:focus {
outline: none; }
.light-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.dark-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.dark-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.dark-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.dark-mode .text-container .see-all-text:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.dark-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.dark-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.dark-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.dark-mode .text-container .see-all-text:focus {
outline: none; }
.dark-mode .text-container .clear-fix {
clear: right; }
.dark-mode .text-container .text-title {
color: #c8c8c8; }
.darkest-mode .text-container {
align-items: center;
display: inline-flex;
justify-content: flex-start;
line-height: 22px;
padding-bottom: 16px; }
.darkest-mode .text-container .toggle-content {
float: right;
margin-left: auto; }
.darkest-mode .text-container .text-title {
color: var(--spectrum-global-color-gray-800);
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-right: auto; }
.darkest-mode .text-container .text-title:focus {
outline: none; }
.darkest-mode .text-container .see-all-text {
color: var(--spectrum-global-color-gray-700);
float: right;
font-size: 14px;
line-height: 15px;
margin-left: auto;
padding-top: 2px;
position: relative;
text-decoration: none;
white-space: nowrap; }
.darkest-mode .text-container .see-all-text .all-text {
padding-right: 6px; }
.darkest-mode .text-container .see-all-text .all-text:focus {
outline: none; }
.darkest-mode .text-container .see-all-text:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-tag {
display: inline-block;
font-size: 14px; }
.darkest-mode .text-container .see-all-text .link-out-tag:focus {
outline: none; }
.darkest-mode .text-container .see-all-text .link-out-tag:hover {
cursor: pointer; }
.darkest-mode .text-container .see-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.darkest-mode .text-container .see-all-text:focus {
outline: none; }
.darkest-mode .text-container .clear-fix {
clear: right; }
.darkest-mode .text-container .text-title {
color: #c8c8c8; }
.tutorials-container .carousel-list {
display: flex !important; }
.tutorials-container .carousel-list .carousel-item {
left: auto !important;
margin-right: 0 !important;
padding: 2px;
position: relative !important; }
.tutorials-container .title .text-container:hover {
cursor: pointer; }
.tutorials-container .title .text-container:hover .text-title {
text-decoration: underline; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.tutorials-container .carousel-list .carousel-item:first-child .search-tutorial-card {
margin-left: 0; }
.tutorials-container .carousel-list .carousel-item:last-child .search-tutorial-card {
margin-right: 0 !important; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.search-empty-results):not(:first-child) {
margin: 40px 0 0; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeforum-results .see-all-text:focus {
outline: none; }
.forums-results .see-all-text:focus {
outline: none; }
.helpcenter-container .text-container:hover,
.forums-container .text-container:hover,
.sparkTemplates-container .text-container:hover,
.stock-container .text-container:hover,
.templates-container .text-container:hover,
.search-fonts-results .text-container:hover,
.search-plugins-container .text-container:hover,
.search-productinformation-container .text-container:hover,
.your-work-container .text-container:hover {
cursor: pointer; }
.helpcenter-container .text-container:hover .text-title,
.forums-container .text-container:hover .text-title,
.sparkTemplates-container .text-container:hover .text-title,
.stock-container .text-container:hover .text-title,
.templates-container .text-container:hover .text-title,
.search-fonts-results .text-container:hover .text-title,
.search-plugins-container .text-container:hover .text-title,
.search-productinformation-container .text-container:hover .text-title,
.your-work-container .text-container:hover .text-title {
text-decoration: underline; }
@media all and (min-width: 844px) {
.helpcenter-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; }
.forums-results {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
.search-bar-container {
width: 320px; }
.search-bar-container .spectrum-Search {
vertical-align: middle;
width: 100%;
/* stylelint-disable */
/* stylelint-enable */ }
.search-bar-container .spectrum-Search #ccsearch-input-clear-button {
border-radius: 30%;
height: auto;
margin-right: 20px;
overflow: hidden;
top: 50%;
transform: translate(0, -50%);
width: auto; }
.search-bar-container .spectrum-Search .spectrum-Textfield {
background-color: var(--primary-ccs-bg-color);
border: 2px solid var(--spectrum-global-color-gray-400);
border-radius: 20px;
max-width: 100%;
min-width: 50px;
width: 900px !important; }
.search-bar-container .spectrum-Search .spectrum-Textfield:focus {
border-color: var(--spectrum-global-color-gray-400); }
@media all and (max-width: 479px) {
.search-bar-container .spectrum-Search .spectrum-Textfield {
font-size: 16px !important; } }
.search-bar-container .spectrum-Search .spectrum-Search-icon {
height: 18px;
left: 20px;
margin-left: 5px;
margin-right: 5px;
width: 18px; }
.search-bar-container .spectrum-Search .spectrum-Search-clear {
position: absolute;
right: 0;
top: 0; }
.search-bar-container .spectrum-Search .spectrum-Search-input {
-webkit-appearance: none;
/* stylelint-disable-line */
box-sizing: border-box !important;
max-width: 100% !important;
min-width: 50px;
padding-left: 58px; }
@-moz-document url-prefix("") {
.search-bar-container .spectrum-Search .spectrum-Search-input:lang(ja) {
padding-top: 0; } }
.search-bar-container .spectrum-Search .spectrum-Search-input:hover {
text-overflow: clip !important; }
.search-bar-container .spectrum-Search .spectrum-Search-input.focus-ring {
border: 2px solid var(--spectrum-global-color-gray-400) !important;
box-shadow: none !important; }
.search-bar-container .spectrum-Search .spectrum-Textfield:lang(ja)::placeholder, .search-bar-container .spectrum-Search .spectrum-Textfield:lang(ko)::placeholder, .search-bar-container .spectrum-Search .spectrum-Textfield:lang(zh-Hans)::placeholder, .search-bar-container .spectrum-Search .spectrum-Textfield:lang(zh-Hant)::placeholder {
/* Chrome/Opera/Safari/Edge */
font-style: normal !important;
user-select: none; }
.search-bar-container .spectrum-Search .spectrum-Textfield:lang(ja):-ms-input-placeholder, .search-bar-container .spectrum-Search .spectrum-Textfield:lang(ko):-ms-input-placeholder, .search-bar-container .spectrum-Search .spectrum-Textfield:lang(zh-Hans):-ms-input-placeholder, .search-bar-container .spectrum-Search .spectrum-Textfield:lang(zh-Hant):-ms-input-placeholder {
/* IE11 */
font-style: normal !important;
user-select: none; }
.search-bar-container .spectrum-Search .spectrum-Textfield::placeholder {
color: #767676;
user-select: none;
font-style: normal; }
.search-bar-container .spectrum-Search .spectrum-Textfield:focus::placeholder {
color: var(--spectrum-global-color-gray-800); }
.search-bar-container .spectrum-Search .spectrum-Textfield:hover::placeholder {
color: var(--spectrum-global-color-gray-800); }
.search-bar-container .spectrum-Search .spectrum-Textfield:-ms-input-placeholder {
/* IE11 */
color: #767676;
overflow: hidden;
text-overflow: ellipsis !important;
white-space: nowrap;
user-select: none; }
.search-bar-container .spectrum-Search .spectrum-Textfield:lang(ja):-ms-input-placeholder {
/* IE11 Japanese */
padding-top: 7px;
user-select: none; }
.search-bar-container .spectrum-Search .spectrum-ClearButton {
padding-top: 4px; }
.search-bar-container .spectrum-Search .spectrum-ClearButton .clearIcon {
height: 14px;
width: 14px; }
.search-bar-container .spectrum-Search .spectrum-ClearButton:focus {
background-color: var(--spectrum-alias-highlight-hover); }
.spectrum:lang(zh-Hans) {
font-family: adobe-clean-han-simplified-c, adobe-clean, Helvetica, Arial, sans-serif; }
.spectrum:lang(zh-Hans) .spectrumButton,
.spectrum:lang(zh-Hans) .spectrum-ActionButton,
.spectrum:lang(zh-Hans) .spectrum-LogicButton,
.spectrum:lang(zh-Hans) .spectrum-FieldButton,
.spectrum:lang(zh-Hans) .spectrum-ClearButton,
.spectrum:lang(zh-Hans) .spectrum-Tool,
.spectrum:lang(zh-Hans) .spectrum-Textfield {
font-family: adobe-clean-han-simplified-c, adobe-clean, Helvetica, Arial, sans-serif !important; }
.spectrum:lang(zh-Hant) {
font-family: adobe-clean-han-tranditional, adobe-clean, Helvetica, Arial, sans-serif; }
.spectrum:lang(zh-Hant) .spectrumButton,
.spectrum:lang(zh-Hant) .spectrum-ActionButton,
.spectrum:lang(zh-Hant) .spectrum-LogicButton,
.spectrum:lang(zh-Hant) .spectrum-FieldButton,
.spectrum:lang(zh-Hant) .spectrum-ClearButton,
.spectrum:lang(zh-Hant) .spectrum-Tool,
.spectrum:lang(zh-Hant) .spectrum-Textfield {
font-family: adobe-clean-han-tranditional, adobe-clean, Helvetica, Arial, sans-serif !important; }
.spectrum:lang(ja) {
font-family: adobe-clean-han-japanese, adobe-clean, "Source Sans Pro", Helvetica, Arial, sans-serif; }
.spectrum:lang(ja) .spectrumButton,
.spectrum:lang(ja) .spectrum-ActionButton,
.spectrum:lang(ja) .spectrum-LogicButton,
.spectrum:lang(ja) .spectrum-FieldButton,
.spectrum:lang(ja) .spectrum-ClearButton,
.spectrum:lang(ja) .spectrum-Tool,
.spectrum:lang(ja) .spectrum-Textfield {
font-family: adobe-clean-han-japanese, adobe-clean, "Source Sans Pro", Helvetica, Arial, sans-serif !important; }
.spectrum:lang(ko) {
font-family: adobe-clean-han-korean, adobe-clean, "Source Sans Pro", Helvetica, Arial, sans-serif; }
.spectrum:lang(ko) .spectrumButton,
.spectrum:lang(ko) .spectrum-ActionButton,
.spectrum:lang(ko) .spectrum-LogicButton,
.spectrum:lang(ko) .spectrum-FieldButton,
.spectrum:lang(ko) .spectrum-ClearButton,
.spectrum:lang(ko) .spectrum-Tool,
.spectrum:lang(ko) .spectrum-Textfield {
font-family: adobe-clean-han-korean, adobe-clean, "Source Sans Pro", Helvetica, Arial, sans-serif !important; }
.search-searchbar {
border-radius: 5px; }
.ccd-search-root .search-bar-container .spectrum-Search .spectrum-Search-input {
height: 28px; }
.ccd-search-root .search-bar-container.leftNavOn .spectrum-Search .spectrum-Search-input {
height: 40px !important; }
.ccd-search-root .search-bar-container.leftNavOn .spectrum-Search .spectrum-ClearButton {
height: 40px !important; }
.ccd-search-root .search-bar-container.leftNavOn .spectrum-Search .spectrum-Search-icon {
top: 12px !important; }
.ccd-search-root .search-bar-container.dropdownOn .spectrum-Search .spectrum-Textfield {
border: 1px solid var(--spectrum-global-color-gray-400); }
.ccd-search-root .search-bar-container.dropdownOn .spectrum-Search .spectrum-Textfield:focus {
border-color: var(--spectrum-global-color-gray-400); }
.spectrum--light .ccd-search-root .search-bar-container.dropdownOn .spectrum-Search .spectrum-Textfield {
border-color: #e6e6e6; }
.spectrum--darkest .ccd-search-root .search-bar-container.dropdownOn .spectrum-Search .spectrum-Textfield {
border-color: #3f3f3f; }
.ccd-search-root .search-bar-container.dropdownOn .spectrum-Search .spectrum-Search-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.16); }
.ccd-search-root .search-bar-container .spectrum-Search .spectrum-Search-icon {
top: 6px !important; }
.ccd-search-root .search-bar-container .spectrum-Search .spectrum-ClearButton {
height: 18px !important; }
.search-bar-container.dropdownOn .spectrum-Search .spectrum-Textfield {
border: 1px solid var(--spectrum-global-color-gray-400); }
.spectrum--light .search-bar-container.dropdownOn .spectrum-Search .spectrum-Textfield {
border-color: #e6e6e6; }
.spectrum--darkest .search-bar-container.dropdownOn .spectrum-Search .spectrum-Textfield {
border-color: #3f3f3f; }
.search-bar-container.dropdownOn .spectrum-Search .spectrum-Search-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.16); }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
/* eslint-disable-next-line spaced-comment */
/*************************************************************************
*
* Copyright 2021 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum--light,
.spectrum--lightest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-50) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-100); }
.spectrum--dark,
.spectrum--darkest {
--primary-ccs-bg-color: var(--spectrum-global-color-gray-100) ;
--secondary-ccs-bg-color: var(--spectrum-global-color-gray-75); }
.search-error-state-container-general {
margin-top: 12%;
text-align: center;
width: 100%; }
.search-error-state-container-general .error-content-container {
display: inline-block; }
.search-error-state-container-general .error-detail-message-4xx {
max-width: 250px;
color: #8e8e8e;
font-size: 14px;
line-height: 135%;
padding: 18px 0 3px; }
.search-error-state-container-general .error-detail-message-5xx {
max-width: 330px;
color: #8e8e8e;
font-size: 14px;
line-height: 135%;
padding: 18px 0 3px; }
.search-error-state-container-general .error-detail-message-italics {
font-style: italic; }
@media all and (max-width: 479px) {
.search-error-state-container-general .main {
width: 260px; }
.search-error-state-container-general .error-detail-message {
font-size: 12px; } }
/*
// L screen size
@media all and (min-width: $site-breakpoint--L) {
}
// LM screen size
@media all
and (max-width: $site-breakpoint--L - 1)
and (min-width: $site-breakpoint--LM) {
}
// M screen size
@media all
and (max-width: $site-breakpoint--LM - 1)
and (min-width: $site-breakpoint--M) {
}
// MS screen size
@media all
and (max-width: $site-breakpoint--M - 1)
and (min-width: $site-breakpoint--MS) {
}
// S screen size
@media all
and (max-width: $site-breakpoint--MS - 1)
and (min-width: $site-breakpoint--S) {
}
// SS screen size
@media all
and (max-width: $site-breakpoint--S - 1)
and (min-width: $site-breakpoint--SS) {
}
// XS screen size
@media all
and (max-width: $site-breakpoint--SS - 1) {
}
*/
@media all and (min-width: 1768px) {
.search-container::after {
content: "L";
display: none; } }
@media all and (max-width: 1767px) and (min-width: 1440px) {
.search-container::after {
content: "LM";
display: none; } }
@media all and (max-width: 1439px) and (min-width: 1280px) {
.search-container::after {
content: "M";
display: none; } }
@media all and (max-width: 1279px) and (min-width: 960px) {
.search-container::after {
content: "MS";
display: none; } }
@media all and (max-width: 959px) and (min-width: 768px) {
.search-container::after {
content: "S";
display: none; } }
@media all and (max-width: 767px) and (min-width: 480px) {
.search-container::after {
content: "SS";
display: none; } }
@media all and (max-width: 479px) {
.search-container::after {
content: "XS";
display: none; } }
.logo_vertical{width:24px;height:24px}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.Search__searchBar___uM1UZ input{box-sizing:border-box !important;font-family:adobe-clean, Helvetica, Arial, sans-serif;max-width:320px;min-width:50px;width:800px}.Search__searchBar___uM1UZ .spectrum-Search-icon{height:32px;width:16px;left:12px;transform:scaleX(-1)}.Search__collapsedSearch___kpJAc{display:none}.Search__searchOverlay___gVETv{height:100%;width:100%;position:absolute;left:0;top:0;padding:0 16px;z-index:3001;background:white;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.Search__searchOverlay___gVETv .Search__searchInput___w5uhe{width:500px;margin-right:16px}.Search__searchOverlay___gVETv input{width:100%;box-sizing:border-box !important}@keyframes increaseOpacity{0%{opacity:0}100%{opacity:0.8}}@keyframes decreaseOpacity{0%{opacity:0.8;visibility:visible}100%{opacity:0;visibility:hidden}}.Search__searchBarTakeoverBackdrop___yzXLj{background-color:var(--spectrum-global-color-gray-75);height:100vh;left:0;opacity:0.8;position:absolute;top:0;width:100%;z-index:3000}.Search__searchBarTakeoverBackdrop___yzXLj.Search__invisible___FU6Db{animation:Search__decreaseOpacity___At8Rw 0.15s ease-out;visibility:hidden}.Search__searchBarTakeoverBackdrop___yzXLj.Search__visible___BRqzG{animation:Search__increaseOpacity___sJkwm 0.15s ease-out;visibility:visible}.Search__backButton___B1bpn{border:none;border-radius:4px;height:32px;margin-right:6px;margin-top:4px;padding:0;min-width:32px}.Search__searchBarTakeover___nKwup{display:flex;width:100%;height:100%;left:0px;padding:12px 16px 12px 14px;z-index:1001;background:var(--background-color-primary);box-sizing:border-box;position:absolute;top:0}.Search__searchBarTakeover___nKwup.Search__showCCHomeLeftNavTestControl___y1G_O{background-color:var(--cchome-header-background-color);padding:16px 16px 12px 14px;z-index:auto}@media (max-width: 768px){.Search__searchBarTakeover___nKwup.Search__showCCHomeLeftNavTestControl___y1G_O{padding:12px 16px 12px 1px;z-index:2009;background:var(--background-color-primary)}}@media (max-width: 480px){.Search__searchBarTakeover___nKwup.Search__showCCHomeLeftNavTestControl___y1G_O{z-index:3001;left:0px}}.Search__searchBarTakeover___nKwup.Search__showCCHomeLeftNavTestControl___y1G_O::after{content:'';flex-shrink:3;height:100%;width:100%;min-width:0;background-color:var(--cchome-header-background-color)}@media (max-width: 768px){.Search__searchBarTakeover___nKwup.Search__showCCHomeLeftNavTestControl___y1G_O::after{content:none;background:var(--background-color-primary)}}.Search__searchBarTakeover___nKwup .search-bar-container{display:inline-block;flex-shrink:2;margin-right:10px;max-width:70%;position:relative;width:640px}.Search__searchBarTakeover___nKwup .search-bar-container .spectrum-Search input{height:40px !important}.Search__searchBarTakeover___nKwup .search-bar-container .spectrum-Search .spectrum-Search-icon{margin-top:4px}@media (max-width: 479px){.Search__searchBarTakeover___nKwup .search-bar-container{margin-right:0;max-width:90%;margin-left:0px;width:320px}}.Search__searchBarTakeover___nKwup .search-dropdown-container{margin:0 0 0 !important;position:relative !important;top:0 !important;width:100% !important}.Search__searchBarTakeover___nKwup .spectrum-Button{white-space:nowrap;margin-left:66px}@media (max-width: 768px){.Search__searchBarTakeover___nKwup .spectrum-Button{margin-left:10px}}.Search__searchBarTakeover___nKwup .spectrum-Button.spectrum-Button--primary.spectrum-Button--quiet{color:inherit}.Search__searchBarTakeover___nKwup .Search__title___djcdS{background-color:transparent;border:2px solid transparent;padding:0;display:flex;flex-direction:row;align-items:center;height:35px;margin:2px 4px 0 8px;cursor:pointer;position:relative}.Search__searchBarTakeover___nKwup .Search__title___djcdS:focus{outline:none}.Search__searchBarTakeover___nKwup .Search__title___djcdS.Search__showCCHomeLeftNavTestControl___y1G_O{margin:0 4px 0 8px;border-top-width:0px}@media (max-width: 768px){.Search__searchBarTakeover___nKwup .Search__title___djcdS.Search__showCCHomeLeftNavTestControl___y1G_O{margin:0 4px 0 2px;border-top-width:4px}}.Search__searchBarTakeover___nKwup .Search__title___djcdS:focus:after{position:absolute;top:16px;height:22px;right:16px;left:0;border-radius:6px}@media (max-width: 960px){.Search__searchBarTakeover___nKwup .Search__title___djcdS{margin-left:0px}}.Search__searchBarTakeover___nKwup::before{content:'';flex-shrink:3;height:100%;min-width:0}@media (max-width: 767px){.Search__searchBarTakeover___nKwup::before{content:none}}.Search__searchBarNoTakeover___nhgD2.Search__showCCHomeLeftNavTestControlSearch___bUTlW{margin-right:61px}.Search__searchBarNoTakeover___nhgD2 .search-bar-container{width:520px}.Search__searchBarNoTakeover___nhgD2 .search-bar-container .spectrum-Search input{height:40px !important}.Search__searchBarNoTakeover___nhgD2 .search-bar-container .spectrum-Search .spectrum-Search-icon{margin-top:4px}.Search__searchBarNoTakeoverNoLN___PQYqU .search-bar-container{width:320px}.Search__searchBarNoTakeoverNoLN___PQYqU .search-bar-container .spectrum-Search input{height:40px !important}.Search__searchBarNoTakeoverNoLN___PQYqU .search-bar-container .spectrum-Search .spectrum-Search-icon{margin-top:4px}.Search__searchBarNoTakeover___nhgD2 .Search__searchBarTakeover___nKwup .spectrum-Search-input{outline-offset:-2px;padding-left:36px;text-indent:0;padding-right:28px}@keyframes growWidth{0%{width:520px}100%{width:600px}}.Search__searchIconText___YXbpc{margin-left:8px}.Search__searchBarTakeoverBackdrop___yzXLj+.Search__searchBarTakeover___nKwup{z-index:3001;justify-content:center;left:0;height:0;margin-top:16px;padding:0;background-color:transparent}.Search__searchBarTakeoverBackdrop___yzXLj+.Search__searchBarTakeover___nKwup::before{content:'';flex-shrink:3;height:100%}.Search__searchBarTakeoverBackdrop___yzXLj+.Search__searchBarTakeover___nKwup::after{display:none}.Search__searchBarTakeoverAnimation____ftPs .Search__title___djcdS{display:none}.Search__searchBarTakeoverAnimation____ftPs .Search__backButton___B1bpn{display:none}.Search__searchBarTakeoverAnimation____ftPs .search-bar-container{animation:growWidth 0.15s ease-out}@media (max-width: 1094px){.Search__searchBarTakeover___nKwup{z-index:2002}.Search__searchBarTakeover___nKwup::after{z-index:2001;margin-left:-2px}.Search__searchBarTakeover___nKwup .search-bar-container{margin-right:0px;z-index:2002}}@media (max-width: 768px){.Search__searchBarTakeover___nKwup{padding-left:1px;z-index:2009;left:47px;background:var(--background-color-primary)}}@media (max-width: 480px){.Search__searchBarTakeover___nKwup{z-index:3001;left:0px}.Search__title___djcdS{display:none !important}}@media (max-width: 479px){.Search__searchIconText___YXbpc{display:none}}@media (max-width: 1279px){.Search__searchBar___uM1UZ.Search__hideableSearchbar___H0pII{display:none}.Search__collapsedSearch___kpJAc{display:block;text-align:right;width:100%}.Search__searchBarNoTakeover___nhgD2{display:none}}
.Shell__rail___iUyaJ{flex-grow:1;justify-content:flex-end;display:flex;flex-direction:column;padding:16px;align-items:center}
.HomeNavLayout__component___C4yU8{display:flex;flex-direction:row;position:relative;min-width:720px;min-height:384px;height:100%}.HomeNavLayout__component___C4yU8.HomeNavLayout__tabsOnTop___pV2Eb{min-width:initial;flex-direction:column}@media (max-width: 768px){.HomeNavLayout__homeComponent___Gc74G{width:100%;left:0px}}.HomeNavLayout__tabsOnTop___pV2Eb .HomeNavLayout__homeNav___TBqEG{border-radius:16px 16px 0px 0px;box-shadow:var(--cchome-container-shadow-box);box-shadow:inset 0px -2px 0px 0px var(--spectrum-global-color-gray-200);background-color:var(--spectrum-global-color-gray-50);overflow-x:scroll;overflow-y:hidden;min-height:48px;padding:0 12px 3px 12px;box-sizing:border-box;-ms-overflow-style:-ms-autohiding-scrollbar;align-self:flex-start;width:100%;max-width:100%;flex:none;padding-bottom:10px}.HomeNavLayout__tabsOnTop___pV2Eb .HomeNavLayout__homeNav___TBqEG .spectrum-Tabs--horizontal{border:none}.HomeNavLayout__homeNav___TBqEG{flex:224px;max-width:224px}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.react-spectrum-Image {
opacity: 0;
transition: opacity 125ms;
}
.react-spectrum-Image.is-loaded,
.react-spectrum-Image.is-placeholder {
opacity: 1;
}
.spectrum-Asset {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.spectrum-Asset-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: opacity 130ms;
}
.spectrum-Asset-folder,
.spectrum-Asset-file {
width: 100%;
height: 100%;
min-width: 48px;
max-width: 80px;
margin: 20px;
}
.spectrum--light .spectrum-Asset-folderBackground {
fill: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Asset-fileBackground {
fill: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Asset-folderOutline,
.spectrum--light .spectrum-Asset-fileOutline {
fill: rgb(179, 179, 179);
}
.spectrum--lightest .spectrum-Asset-folderBackground {
fill: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Asset-fileBackground {
fill: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Asset-folderOutline,
.spectrum--lightest .spectrum-Asset-fileOutline {
fill: rgb(188, 188, 188);
}
.spectrum--darkest .spectrum-Asset-folderBackground {
fill: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Asset-fileBackground {
fill: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Asset-folderOutline,
.spectrum--darkest .spectrum-Asset-fileOutline {
fill: rgb(92, 92, 92);
}
.spectrum-Radio {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
min-height: 32px;
max-width: 100%;
margin-right: 16px;
vertical-align: top;
}
.spectrum-Radio-input {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
box-sizing: border-box;
padding: 0;
position: absolute;
top: 0;
left: -8px;
width: calc(100% + 16px);
height: 100%;
opacity: .0001;
z-index: 1;
cursor: pointer;
}
.spectrum-Radio-input:disabled {
cursor: default;
}
.spectrum-Radio-input:checked + .spectrum-Radio-button {
border-width: 5px;
}
.spectrum-Radio-label {
margin-left: 10px;
font-size: 14px;
transition: color 130ms ease-in-out;
margin-top: 6px;
}
.spectrum-Radio-button {
position: relative;
box-sizing: border-box;
width: 14px;
height: 14px;
margin: 9px 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 7px;
border-width: 2px;
border-style: solid;
transition: border 130ms ease-in-out, box-shadow 130ms ease-in-out;
}
.spectrum-Radio--labelBelow {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
height: auto;
}
.spectrum-Radio--labelBelow .spectrum-Radio-button {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
}
.spectrum-Radio--labelBelow .spectrum-Radio-label {
margin: 3px 0 0 0;
}
.spectrum--light .spectrum-Radio .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Radio-label {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Radio-button {
background-color: rgb(250, 250, 250);
border-color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-Radio:hover .spectrum-Radio-button {
border-color: rgb(110, 110, 110);
box-shadow: none;
}
.spectrum--light .spectrum-Radio:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Radio:hover .spectrum-Radio-label {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Radio:active .spectrum-Radio-button {
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Radio:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(9, 90, 186);
}
.spectrum--light .spectrum-Radio:active .spectrum-Radio-label {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Radio--quiet .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Radio--quiet:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Radio--quiet:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Radio.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button,
.spectrum--light .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Radio.is-invalid:hover .spectrum-Radio-label,
.spectrum--light .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-label {
color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Radio.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button,
.spectrum--light .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(187, 18, 26);
}
.spectrum--light .spectrum-Radio.is-invalid:active .spectrum-Radio-label,
.spectrum--light .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-label {
color: rgb(187, 18, 26);
}
.spectrum--light .spectrum-Radio.is-invalid .spectrum-Radio-button,
.spectrum--light .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button,
.spectrum--light .spectrum-Radio--quiet.is-invalid .spectrum-Radio-button,
.spectrum--light .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(215, 55, 63);
}
.spectrum--light .spectrum-Radio.is-invalid .spectrum-Radio-label,
.spectrum--light .spectrum-Radio--quiet.is-invalid .spectrum-Radio-label {
color: rgb(215, 55, 63);
}
.spectrum--light .spectrum-Radio-input:disabled + .spectrum-Radio-button {
border-color: rgb(202, 202, 202) !important;
}
.spectrum--light .spectrum-Radio-input:disabled ~ .spectrum-Radio-label {
color: rgb(179, 179, 179) !important;
}
.spectrum--light .spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--light .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--light .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--light .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--light .spectrum-Radio .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--light .spectrum-Radio:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--light .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--light .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Radio.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button,
.spectrum--light .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Radio .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Radio-label {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Radio-button {
background-color: rgb(255, 255, 255);
border-color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-button {
border-color: rgb(116, 116, 116);
box-shadow: none;
}
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-label {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Radio:active .spectrum-Radio-button {
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Radio:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Radio:active .spectrum-Radio-label {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Radio--quiet .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Radio--quiet:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Radio--quiet:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Radio.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Radio.is-invalid:hover .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-label {
color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Radio.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Radio.is-invalid:active .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-label {
color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Radio.is-invalid .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(227, 72, 80);
}
.spectrum--lightest .spectrum-Radio.is-invalid .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-label {
color: rgb(227, 72, 80);
}
.spectrum--lightest .spectrum-Radio-input:disabled + .spectrum-Radio-button {
border-color: rgb(211, 211, 211) !important;
}
.spectrum--lightest .spectrum-Radio-input:disabled ~ .spectrum-Radio-label {
color: rgb(188, 188, 188) !important;
}
.spectrum--lightest .spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button {
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Radio .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Radio.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button {
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Radio .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Radio-label {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Radio-button {
background-color: rgb(26, 26, 26);
border-color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-button {
border-color: rgb(162, 162, 162);
box-shadow: none;
}
.spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-label {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Radio:active .spectrum-Radio-button {
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Radio:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(75, 156, 245);
}
.spectrum--darkest .spectrum-Radio:active .spectrum-Radio-label {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Radio--quiet .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Radio--quiet:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Radio--quiet:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Radio.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-Radio.is-invalid:hover .spectrum-Radio-label,
.spectrum--darkest .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-label {
color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-Radio.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(247, 109, 116);
}
.spectrum--darkest .spectrum-Radio.is-invalid:active .spectrum-Radio-label,
.spectrum--darkest .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-label {
color: rgb(247, 109, 116);
}
.spectrum--darkest .spectrum-Radio.is-invalid .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(227, 72, 80);
}
.spectrum--darkest .spectrum-Radio.is-invalid .spectrum-Radio-label,
.spectrum--darkest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-label {
color: rgb(227, 72, 80);
}
.spectrum--darkest .spectrum-Radio-input:disabled + .spectrum-Radio-button {
border-color: rgb(73, 73, 73) !important;
}
.spectrum--darkest .spectrum-Radio-input:disabled ~ .spectrum-Radio-label {
color: rgb(92, 92, 92) !important;
}
.spectrum--darkest .spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Radio .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--darkest .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--darkest .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Radio.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button,
.spectrum--darkest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum-FieldGroup {
display: -ms-flexbox;
display: flex;
vertical-align: top;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.spectrum-FieldGroup--vertical {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
}
.ExportDialog__container___wja74{width:386px}.ExportDialog__message___VXKDZ{font-size:14px;font-weight:700;padding-top:7px;padding-bottom:24px}.ExportDialog__table___m38Pc{width:100px;height:100px}.ExportDialog__table___m38Pc .spectrum-Radio{margin-left:0px;padding-left:0px;width:180px;float:left}.ExportDialog__radioGroup___GMOeA{flex-flow:row wrap}.ExportDialog__renditionContainer___w13ik{display:flex;flex-flow:row;align-items:center;width:100%;max-height:200px;padding:12px 20px;margin-bottom:15px;border:1px solid var(--spectrum-global-color-gray-300);border-radius:3px;background-color:var(--spectrum-global-color-gray-50);box-sizing:border-box}.ExportDialog__renditionContainer___w13ik .ExportDialog__image___b1VCs{display:block;width:24px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:contain}.ExportDialog__renditionContainer___w13ik .ExportDialog__name___r6t3y{flex:1 auto;overflow:hidden;padding-left:24px;white-space:nowrap;text-overflow:ellipsis}.ExportDialog__downloadSelectWrapper___Gb6j2{padding:8px 0}
.spectrum-Checkbox {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
min-height: 32px;
max-width: 100%;
margin-right: 16px;
vertical-align: top;
}
.spectrum-Checkbox-input {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
box-sizing: border-box;
padding: 0;
position: absolute;
top: 0;
left: -8px;
width: calc(100% + 16px);;
height: 100%;
opacity: .0001;
z-index: 1;
cursor: pointer;
}
.spectrum-Checkbox-input:disabled {
cursor: default;
}
.spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-width: 7px;
}
.spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark {
transform: scale(1);
opacity: 1;
}
.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box,
.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-width: 7px;
}
.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-checkmark, .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark {
display: none;
}
.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark, .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark {
display: block;
transform: scale(1);
opacity: 1;
}
.spectrum-Checkbox-label {
margin-left: 10px;
font-size: 14px;
font-weight: 400;
transition: color 130ms ease-in-out;
margin-top: 6px;
}
.spectrum-Checkbox-box {
position: relative;
box-sizing: border-box;
width: 14px;
height: 14px;
margin: 9px 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 2px;
border-width: 2px;
border-style: solid;
transition: border 130ms ease-in-out, box-shadow 130ms ease-in-out;
}
.spectrum-Checkbox-checkmark,
.spectrum-Checkbox-partialCheckmark {
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -5px;
opacity: 0;
transform: scale(0);
transition: opacity 130ms ease-in-out, transform 130ms ease-in-out;
}
.spectrum-Checkbox-partialCheckmark {
display: none;
}
.spectrum--light .spectrum-Checkbox-label {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Checkbox-box {
border-color: rgb(142, 142, 142);
background-color: rgb(250, 250, 250);
}
.spectrum--light .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Checkbox:hover.is-indeterminate .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Checkbox:active.is-indeterminate .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(9, 90, 186);
}
.spectrum--light .spectrum-Checkbox {
border-color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-box {
border-color: rgb(110, 110, 110);
box-shadow: none;
}
.spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-label {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-box {
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-label {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Checkbox .spectrum-Checkbox-checkmark,
.spectrum--light .spectrum-Checkbox .spectrum-Checkbox-partialCheckmark {
color: rgb(250, 250, 250);
}
.spectrum--light .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box {
border-color: rgb(202, 202, 202) !important;
background-color: rgb(250, 250, 250);
}
.spectrum--light .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box {
border-color: rgb(38, 128, 235) !important;
box-shadow: 0 0 0 1px rgb(38, 128, 235) !important;
}
.spectrum--light .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
color: rgb(13, 102, 208) !important;
}
.spectrum--light .spectrum-Checkbox--quiet.is-indeterminate .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox--quiet .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Checkbox--quiet:hover.is-indeterminate .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox--quiet:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Checkbox--quiet:active.is-indeterminate .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox--quiet:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box {
border-color: rgb(215, 55, 63);
}
.spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-label {
color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box {
border-color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-label {
color: rgb(187, 18, 26);
}
.spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-box {
border-color: rgb(187, 18, 26);
}
.spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-label {
color: rgb(187, 18, 26);
}
.spectrum--lightest .spectrum-Checkbox-label {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Checkbox-box {
border-color: rgb(149, 149, 149);
background-color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Checkbox:hover.is-indeterminate .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Checkbox:active.is-indeterminate .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Checkbox {
border-color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-Checkbox:hover .spectrum-Checkbox-box {
border-color: rgb(116, 116, 116);
box-shadow: none;
}
.spectrum--lightest .spectrum-Checkbox:hover .spectrum-Checkbox-label {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Checkbox:active .spectrum-Checkbox-box {
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Checkbox:active .spectrum-Checkbox-label {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Checkbox .spectrum-Checkbox-checkmark,
.spectrum--lightest .spectrum-Checkbox .spectrum-Checkbox-partialCheckmark {
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box {
border-color: rgb(211, 211, 211) !important;
background-color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box {
border-color: rgb(55, 142, 240) !important;
box-shadow: 0 0 0 1px rgb(55, 142, 240) !important;
}
.spectrum--lightest .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
color: rgb(20, 115, 230) !important;
}
.spectrum--lightest .spectrum-Checkbox--quiet.is-indeterminate .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox--quiet .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Checkbox--quiet:hover.is-indeterminate .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox--quiet:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Checkbox--quiet:active.is-indeterminate .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox--quiet:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box {
border-color: rgb(227, 72, 80);
}
.spectrum--lightest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-label {
color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box {
border-color: rgb(215, 55, 63);
}
.spectrum--lightest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-label {
color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--lightest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-box {
border-color: rgb(201, 37, 45);
}
.spectrum--lightest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-label {
color: rgb(201, 37, 45);
}
.spectrum--darkest .spectrum-Checkbox-label {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Checkbox-box {
border-color: rgb(124, 124, 124);
background-color: rgb(26, 26, 26);
}
.spectrum--darkest .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Checkbox:hover.is-indeterminate .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Checkbox:active.is-indeterminate .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(75, 156, 245);
}
.spectrum--darkest .spectrum-Checkbox {
border-color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-box {
border-color: rgb(162, 162, 162);
box-shadow: none;
}
.spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-label {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-box {
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-label {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Checkbox .spectrum-Checkbox-checkmark,
.spectrum--darkest .spectrum-Checkbox .spectrum-Checkbox-partialCheckmark {
color: rgb(26, 26, 26);
}
.spectrum--darkest .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box {
border-color: rgb(73, 73, 73) !important;
background-color: rgb(26, 26, 26);
}
.spectrum--darkest .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box {
border-color: rgb(20, 115, 230) !important;
box-shadow: 0 0 0 1px rgb(20, 115, 230) !important;
}
.spectrum--darkest .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
color: rgb(55, 142, 240) !important;
}
.spectrum--darkest .spectrum-Checkbox--quiet.is-indeterminate .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox--quiet .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Checkbox--quiet:hover.is-indeterminate .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox--quiet:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Checkbox--quiet:active.is-indeterminate .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox--quiet:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box {
border-color: rgb(227, 72, 80);
}
.spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-label {
color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box {
border-color: rgb(236, 91, 98);
}
.spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-label {
color: rgb(247, 109, 116);
}
.spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box,
.spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-box {
border-color: rgb(247, 109, 116);
}
.spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-label {
color: rgb(247, 109, 116);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum-Card-preview {
overflow: visible !important;
}
.spectrum-Card {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
min-width: 240px;
border: 1px solid transparent;
border-radius: 4px;
text-decoration: none;
}
.spectrum-Card:focus {
outline: none;
}
.spectrum-Card.is-focused .spectrum-Card-quickActions,
.spectrum-Card.is-focused .spectrum-Card-actions,
.spectrum-Card.is-selected .spectrum-Card-quickActions,
.spectrum-Card.is-selected .spectrum-Card-actions,
.spectrum-Card:focus .spectrum-Card-quickActions,
.spectrum-Card:focus .spectrum-Card-actions,
.spectrum-Card:hover .spectrum-Card-quickActions,
.spectrum-Card:hover .spectrum-Card-actions {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.spectrum-Card-actions {
position: absolute;
right: 10px;
top: 10px;
height: 40px;
visibility: hidden;
}
.spectrum-Card-quickActions {
position: absolute;
left: 16px;
top: 16px;
width: 40px;
height: 40px;
visibility: hidden;
}
.spectrum-Card-quickActions .spectrum-Checkbox {
margin: 0;
}
.spectrum-Card-coverPhoto {
height: 136px;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 1px solid transparent;
border-radius: 3px 3px 0 0;
background-size: cover;
background-position: center center;
}
.spectrum-Card-body {
padding-top: 20px;
padding-right: 24px;
padding-bottom: 20px;
padding-left: 24px;
}
.spectrum-Card-body:last-child {
border-radius: 0 0 4px 4px;
}
.spectrum-Card-preview {
overflow: hidden;
border-radius: 3px 3px 0 0;
}
.spectrum-Card-header {
height: 18px;
}
.spectrum-Card-content {
display: -ms-flexbox;
display: flex;
height: 14px;
margin-top: 6px;
}
.spectrum-Card-title {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 8px;
}
.spectrum-Card-subtitle {
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
padding-right: 8px;
}
.spectrum-Card-description {
font-size: 11px;
}
.spectrum-Card-subtitle + .spectrum-Card-description:before {
content: "•";
padding-right: 8px;
}
.spectrum-Card-footer {
padding-top: 14px;
margin-right: 24px;
padding-bottom: 20px;
margin-left: 24px;
border-top: 1px solid;
}
.spectrum-Card-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
}
.spectrum-Card-actionButton {
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: center;
align-self: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
.spectrum-Card--quiet .spectrum-Card-preview {
min-height: 136px;
}
.spectrum-Card--quiet,
.spectrum-Card--gallery {
width: 100%;
height: 100%;
min-width: 136px;
border-width: 0;
border-radius: 0;
overflow: visible;
}
.spectrum-Card--quiet .spectrum-Card-preview, .spectrum-Card--gallery .spectrum-Card-preview {
width: 100%;
-ms-flex: 1;
flex: 1;
padding: 20px;
margin: 0 auto;
box-sizing: border-box;
border-radius: 4px;
position: relative;
transition: background-color 130ms;
overflow: visible;
}
.spectrum-Card--quiet .spectrum-Card-preview:before, .spectrum-Card--gallery .spectrum-Card-preview:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border-radius: inherit;
border: 1px solid transparent;
}
.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview, .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview {
transition: none;
}
.spectrum-Card--quiet .spectrum-Card-header, .spectrum-Card--gallery .spectrum-Card-header {
height: 18px;
margin-top: 14px;
}
.spectrum-Card--quiet .spectrum-Card-body, .spectrum-Card--gallery .spectrum-Card-body {
padding: 0;
}
.spectrum-Card--small {
min-width: 72px;
}
.spectrum-Card--small .spectrum-Card-quickActions {
left: 10px;
top: 10px;
}
.spectrum-Card--small .spectrum-Card-preview {
padding: 12px;
min-height: 72px;
}
.spectrum-Card--small .spectrum-Card-header {
margin-top: 8px;
height: 12px;
}
.spectrum-Card--small .spectrum-Card-title {
font-size: 14px;
}
.spectrum-Card--horizontal {
-ms-flex-direction: row;
flex-direction: row;
}
.spectrum-Card--horizontal .spectrum-Card-preview {
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 4px 0 0 4px;
border-right: 1px solid transparent;
padding: 14px;
}
.spectrum-Card--horizontal .spectrum-Card-header,
.spectrum-Card--horizontal .spectrum-Card-content {
margin-top: 0;
height: auto;
}
.spectrum-Card--horizontal .spectrum-Card-title {
padding-right: 0;
}
.spectrum-Card--horizontal .spectrum-Card-body {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 16px;
}
.spectrum-Card--gallery {
min-width: 0;
}
.spectrum-Card--gallery .spectrum-Card-preview {
padding: 0;
border-radius: 0;
}
.spectrum--light .spectrum-Card {
border-color: rgb(234, 234, 234);
background-color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Card:hover {
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Card.is-selected,
.spectrum--light .spectrum-Card.focus-ring {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--light .spectrum-Card.is-drop-target {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
background-color: rgba(20,115,230,0.1);
}
.spectrum--light .spectrum-Card .spectrum-Card-title {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Card .spectrum-Card-subtitle {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Card-description {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Card-coverPhoto {
background-color: rgb(234, 234, 234);
border-bottom-color: rgb(234, 234, 234);
}
.spectrum--light .spectrum-Card-footer {
border-color: rgb(234, 234, 234);
}
.spectrum--light .spectrum-Card--quiet,
.spectrum--light .spectrum-Card--gallery {
border-color: transparent;
background-color: transparent;
}
.spectrum--light .spectrum-Card--quiet .spectrum-Card-preview,
.spectrum--light .spectrum-Card--gallery .spectrum-Card-preview {
background-color: rgb(234, 234, 234);
}
.spectrum--light .spectrum-Card--quiet:hover,
.spectrum--light .spectrum-Card--gallery:hover {
border-color: transparent;
}
.spectrum--light .spectrum-Card--quiet:hover .spectrum-Card-preview,
.spectrum--light .spectrum-Card--gallery:hover .spectrum-Card-preview {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Card--quiet.is-selected,
.spectrum--light .spectrum-Card--quiet.focus-ring,
.spectrum--light .spectrum-Card--gallery.is-selected,
.spectrum--light .spectrum-Card--gallery.focus-ring {
border-color: transparent;
box-shadow: none;
}
.spectrum--light .spectrum-Card--quiet.is-selected .spectrum-Card-preview,
.spectrum--light .spectrum-Card--quiet.focus-ring .spectrum-Card-preview,
.spectrum--light .spectrum-Card--gallery.is-selected .spectrum-Card-preview,
.spectrum--light .spectrum-Card--gallery.focus-ring .spectrum-Card-preview {
background-color: rgb(234, 234, 234);
}
.spectrum--light .spectrum-Card--quiet.is-selected .spectrum-Card-preview:before,
.spectrum--light .spectrum-Card--quiet.focus-ring .spectrum-Card-preview:before,
.spectrum--light .spectrum-Card--gallery.is-selected .spectrum-Card-preview:before,
.spectrum--light .spectrum-Card--gallery.focus-ring .spectrum-Card-preview:before {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum--light .spectrum-Card--quiet.is-drop-target,
.spectrum--light .spectrum-Card--gallery.is-drop-target {
border-color: transparent;
background-color: transparent;
box-shadow: none;
}
.spectrum--light .spectrum-Card--quiet.is-drop-target .spectrum-Card-preview,
.spectrum--light .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview {
background-color: rgba(20,115,230,0.1);
}
.spectrum--light .spectrum-Card--quiet.is-drop-target .spectrum-Card-preview:before,
.spectrum--light .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview:before {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum--light .spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderBackground,
.spectrum--light .spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileBackground,
.spectrum--light .spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderBackground,
.spectrum--light .spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileBackground {
fill: rgba(20,115,230,0.1);
}
.spectrum--light .spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderOutline,
.spectrum--light .spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileOutline,
.spectrum--light .spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderOutline,
.spectrum--light .spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileOutline {
fill: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Card--quiet .spectrum-Card-title,
.spectrum--light .spectrum-Card--gallery .spectrum-Card-title {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Card--quiet .spectrum-Card-subtitle,
.spectrum--light .spectrum-Card--gallery .spectrum-Card-subtitle {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Card--horizontal:hover .spectrum-Card-preview {
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Card--horizontal .spectrum-Card-preview {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Card {
border-color: rgb(244, 244, 244);
background-color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Card:hover {
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Card.is-selected,
.spectrum--lightest .spectrum-Card.focus-ring {
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Card.is-drop-target {
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
background-color: rgba(38,128,235,0.1);
}
.spectrum--lightest .spectrum-Card .spectrum-Card-title {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Card .spectrum-Card-subtitle {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Card-description {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Card-coverPhoto {
background-color: rgb(244, 244, 244);
border-bottom-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Card-footer {
border-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Card--quiet,
.spectrum--lightest .spectrum-Card--gallery {
border-color: transparent;
background-color: transparent;
}
.spectrum--lightest .spectrum-Card--quiet .spectrum-Card-preview,
.spectrum--lightest .spectrum-Card--gallery .spectrum-Card-preview {
background-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Card--quiet:hover,
.spectrum--lightest .spectrum-Card--gallery:hover {
border-color: transparent;
}
.spectrum--lightest .spectrum-Card--quiet:hover .spectrum-Card-preview,
.spectrum--lightest .spectrum-Card--gallery:hover .spectrum-Card-preview {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Card--quiet.is-selected,
.spectrum--lightest .spectrum-Card--quiet.focus-ring,
.spectrum--lightest .spectrum-Card--gallery.is-selected,
.spectrum--lightest .spectrum-Card--gallery.focus-ring {
border-color: transparent;
box-shadow: none;
}
.spectrum--lightest .spectrum-Card--quiet.is-selected .spectrum-Card-preview,
.spectrum--lightest .spectrum-Card--quiet.focus-ring .spectrum-Card-preview,
.spectrum--lightest .spectrum-Card--gallery.is-selected .spectrum-Card-preview,
.spectrum--lightest .spectrum-Card--gallery.focus-ring .spectrum-Card-preview {
background-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Card--quiet.is-selected .spectrum-Card-preview:before,
.spectrum--lightest .spectrum-Card--quiet.focus-ring .spectrum-Card-preview:before,
.spectrum--lightest .spectrum-Card--gallery.is-selected .spectrum-Card-preview:before,
.spectrum--lightest .spectrum-Card--gallery.focus-ring .spectrum-Card-preview:before {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Card--quiet.is-drop-target,
.spectrum--lightest .spectrum-Card--gallery.is-drop-target {
border-color: transparent;
background-color: transparent;
box-shadow: none;
}
.spectrum--lightest .spectrum-Card--quiet.is-drop-target .spectrum-Card-preview,
.spectrum--lightest .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview {
background-color: rgba(38,128,235,0.1);
}
.spectrum--lightest .spectrum-Card--quiet.is-drop-target .spectrum-Card-preview:before,
.spectrum--lightest .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview:before {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderBackground,
.spectrum--lightest .spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileBackground,
.spectrum--lightest .spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderBackground,
.spectrum--lightest .spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileBackground {
fill: rgba(38,128,235,0.1);
}
.spectrum--lightest .spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderOutline,
.spectrum--lightest .spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileOutline,
.spectrum--lightest .spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderOutline,
.spectrum--lightest .spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileOutline {
fill: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Card--quiet .spectrum-Card-title,
.spectrum--lightest .spectrum-Card--gallery .spectrum-Card-title {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Card--quiet .spectrum-Card-subtitle,
.spectrum--lightest .spectrum-Card--gallery .spectrum-Card-subtitle {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Card--horizontal:hover .spectrum-Card-preview {
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Card--horizontal .spectrum-Card-preview {
background-color: rgb(244, 244, 244);
border-color: rgb(244, 244, 244);
}
.spectrum--darkest .spectrum-Card {
border-color: rgb(44, 44, 44);
background-color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Card:hover {
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Card.is-selected,
.spectrum--darkest .spectrum-Card.focus-ring {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Card.is-drop-target {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
background-color: rgba(38,128,235,0.2);
}
.spectrum--darkest .spectrum-Card .spectrum-Card-title {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Card .spectrum-Card-subtitle {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Card-description {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Card-coverPhoto {
background-color: rgb(44, 44, 44);
border-bottom-color: rgb(44, 44, 44);
}
.spectrum--darkest .spectrum-Card-footer {
border-color: rgb(44, 44, 44);
}
.spectrum--darkest .spectrum-Card--quiet,
.spectrum--darkest .spectrum-Card--gallery {
border-color: transparent;
background-color: transparent;
}
.spectrum--darkest .spectrum-Card--quiet .spectrum-Card-preview,
.spectrum--darkest .spectrum-Card--gallery .spectrum-Card-preview {
background-color: rgb(44, 44, 44);
}
.spectrum--darkest .spectrum-Card--quiet:hover,
.spectrum--darkest .spectrum-Card--gallery:hover {
border-color: transparent;
}
.spectrum--darkest .spectrum-Card--quiet:hover .spectrum-Card-preview,
.spectrum--darkest .spectrum-Card--gallery:hover .spectrum-Card-preview {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Card--quiet.is-selected,
.spectrum--darkest .spectrum-Card--quiet.focus-ring,
.spectrum--darkest .spectrum-Card--gallery.is-selected,
.spectrum--darkest .spectrum-Card--gallery.focus-ring {
border-color: transparent;
box-shadow: none;
}
.spectrum--darkest .spectrum-Card--quiet.is-selected .spectrum-Card-preview,
.spectrum--darkest .spectrum-Card--quiet.focus-ring .spectrum-Card-preview,
.spectrum--darkest .spectrum-Card--gallery.is-selected .spectrum-Card-preview,
.spectrum--darkest .spectrum-Card--gallery.focus-ring .spectrum-Card-preview {
background-color: rgb(44, 44, 44);
}
.spectrum--darkest .spectrum-Card--quiet.is-selected .spectrum-Card-preview:before,
.spectrum--darkest .spectrum-Card--quiet.focus-ring .spectrum-Card-preview:before,
.spectrum--darkest .spectrum-Card--gallery.is-selected .spectrum-Card-preview:before,
.spectrum--darkest .spectrum-Card--gallery.focus-ring .spectrum-Card-preview:before {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Card--quiet.is-drop-target,
.spectrum--darkest .spectrum-Card--gallery.is-drop-target {
border-color: transparent;
background-color: transparent;
box-shadow: none;
}
.spectrum--darkest .spectrum-Card--quiet.is-drop-target .spectrum-Card-preview,
.spectrum--darkest .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview {
background-color: rgba(38,128,235,0.2);
}
.spectrum--darkest .spectrum-Card--quiet.is-drop-target .spectrum-Card-preview:before,
.spectrum--darkest .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview:before {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderBackground,
.spectrum--darkest .spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileBackground,
.spectrum--darkest .spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderBackground,
.spectrum--darkest .spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileBackground {
fill: rgba(38,128,235,0.2);
}
.spectrum--darkest .spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderOutline,
.spectrum--darkest .spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileOutline,
.spectrum--darkest .spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderOutline,
.spectrum--darkest .spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileOutline {
fill: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Card--quiet .spectrum-Card-title,
.spectrum--darkest .spectrum-Card--gallery .spectrum-Card-title {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Card--quiet .spectrum-Card-subtitle,
.spectrum--darkest .spectrum-Card--gallery .spectrum-Card-subtitle {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Card--horizontal:hover .spectrum-Card-preview {
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Card--horizontal .spectrum-Card-preview {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
}
.spectrum-QuickActions {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.spectrum-QuickActions.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.spectrum-QuickActions--left.is-open {
transform: translateX(6px);
}
.spectrum-QuickActions--right.is-open {
transform: translateX(-6px);
}
.spectrum-QuickActions {
box-sizing: border-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4px 4px;
height: 40px;
border-radius: 4px;
}
.spectrum-QuickActions .spectrum-ActionButton + .spectrum-ActionButton {
margin-left: 8px;
}
.spectrum-QuickActions--textOnly .spectrum-ActionButton + .spectrum-ActionButton {
margin-left: 4px;
}
.spectrum--light .spectrum-QuickActions-overlay {
background-color: rgba(0,0,0,0.2);
}
.spectrum--light .spectrum-QuickActions {
background-color: rgba(245,245,245,0.9);
}
.spectrum--lightest .spectrum-QuickActions-overlay {
background-color: rgba(0,0,0,0.2);
}
.spectrum--lightest .spectrum-QuickActions {
background-color: rgba(255,255,255,0.9);
}
.spectrum--darkest .spectrum-QuickActions-overlay {
background-color: rgba(0,0,0,0.2);
}
.spectrum--darkest .spectrum-QuickActions {
background-color: rgba(30,30,30,0.9);
}
.PaddedRenditionWrapper__listRendition___Muhuo{height:100%;width:100%;position:relative;box-sizing:border-box}.PaddedRenditionWrapper__gridRendition___SogM4{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center}.PaddedRenditionWrapper__gridRendition___SogM4 [class*='Representation__container'] [class*='Representation__folder'],.PaddedRenditionWrapper__gridRendition___SogM4 [class*='Representation__container'] [class*='Representation__document']{height:64px}
.AuthenticatedAssetRepresentation__container___wfNwv{border-radius:inherit;width:100%;height:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.AuthenticatedAssetRepresentation__container___wfNwv img.loading{display:none}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__ingredient___nDfBV{flex:1;border-radius:inherit}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__ingredient___nDfBV.graphic-representation{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__ingredient___nDfBV.graphic-representation img{object-fit:contain;max-height:100%;max-width:100%;width:auto;height:auto}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__thumbnail___zrjM2{background-repeat:no-repeat;background-size:contain;background-position:center center}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__thumbnail___zrjM2.backgroundInherit{background-size:inherit}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__ghost___dCiP3{width:100%;height:100%;animation:wiper 2s linear 0s infinite;background:linear-gradient(to right, var(--spectrum-global-color-gray-100) 0, var(--spectrum-global-color-gray-200) 50%, var(--spectrum-global-color-gray-100) 100%);background-size:1000px}@keyframes wiper{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1{display:flex;flex-direction:column;justify-content:center}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu .rendition,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1 .rendition{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:100%;flex:1;display:flex}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu .rendition.large,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1 .rendition.large{align-items:center;justify-content:center}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu .rendition.large .small-thumbnail,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1 .rendition.large .small-thumbnail{display:none}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu .rendition.small .large-thumbnail,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1 .rendition.small .large-thumbnail{display:none}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu .rendition .large-thumbnail svg,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1 .rendition .large-thumbnail svg{width:100%;height:100%}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu .rendition .large-thumbnail svg text,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1 .rendition .large-thumbnail svg text{font-size:150px}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu .rendition .small-thumbnail,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1 .rendition .small-thumbnail{margin:4px;background-repeat:no-repeat;background-position:center center;background-size:contain;display:inline-block;width:100%}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__paragraphStyle___UdDVu .metadata,.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__characterStyle___sr6_1 .metadata{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__folder___swKlL svg{enable-background:new 0 0 64 64;width:100%;height:100%}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__folder___swKlL svg .st0{fill:var(--spectrum-global-color-gray-300)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__folder___swKlL svg .st1{fill:var(--spectrum-global-color-gray-500)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__folder___swKlL svg .st2{fill:var(--spectrum-global-color-gray-800)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r{width:100%;height:100%;max-width:500px;max-height:500px;background-repeat:no-repeat;background-position:center}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.generic{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/19596e6ccc968e931342.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.dcgeneric{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/ffc233ba4c5c99862afd.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.dcgeneric_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/80cba5808d894460f361.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aac{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/603b579acf48d296e6d9.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aecap{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/75bae3edfe66dd334bec.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aeg{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/cc5b0c48a8ccc25335e3.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aep{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e520d25d6e0d4d938eac.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aepx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/3f27fdc0f1c402dad4b7.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aet{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/1e5345c5f45cfe6b8e1a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aetx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/94640a296abed6d70de1.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.ai{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6e05dde56d32b6764bda.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aif{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/74fdd4b31c841d581486.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.aiff{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/cc46d3151fa8386e9cae.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.ait{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/ec47fe0efd5e0c461f31.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.arcut{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/794fabcfa2de34284030.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.astx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/ddb7c8223121f244ce21.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.cat{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/bbbcc6489fc4f9f366cf.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.cdlx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/0e1b702daf450ebfe782.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.chproj{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e6ee2548370c7d71fb9e.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.comp{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/83e5250cfa024eb782b6.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.dn{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/558b351e7e434976e224.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.glb{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/941b22e87cc5ca0d9690.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.dw{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/570bd020fa5f61e82162.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.dwt{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/221ee8cc82fb7713751d.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.fla{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/0b6d5c74d9f8b6169b61.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.fs{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/bed46931ae7253315e9b.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.icap{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6ab1f55714e2e6742fa1.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.icml{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/2be3e63c852b66e8ebc1.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.icmt{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/988dd0d46d5b7094c81c.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.idap{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/57166fdd15ffa5a48d87.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.idml{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/2c7edd3c3d15229232ba.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.incx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/f507d71cfb244dc0eb83.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.indb{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/7d0cbab9f590c6596180.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.indd{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/cea979a89895af21c46f.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.indp{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/36fa1c958bbaa6c06c6c.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.indt{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/c81bb60b97bd5bdb2a39.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.lrlibrary{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/882f898225ea0c74d4a5.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.m4a{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/bce7a36021ebf03c15eb.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mp2{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b433829d563389cc0469.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mp3{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/2893a6751015125864e2.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mu{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/ec45188693f32cf00f72.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.pdf{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/1998d82b31b02d7fa62d.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.pdf_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/64eb29dcbcc06e795bfd.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.plproj{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/1d0fa6452d99c10a8b93.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.prproj{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/44b689c1e8e87a437479.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.psb{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/c5a4424e4290c47ef0a1.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.psd{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/63a86eb84c6d00576df9.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.real{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/52295cf88d8da10dda3a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.sesx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/4d6c2dad21ab4c747355.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.stdoc{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/3db396969ab976a7c6e4.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.usdz{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/3f044de1f554261fb90f.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.wav{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/3f6e8ffe1e24baa4366a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.xd{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b3b27742f1a5bea86ee3.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.xfl{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/5b27b659801070b9eaa2.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.xra{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/941b22e87cc5ca0d9690.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.zip{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6a96267ab98bb550fe53.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mov{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mov_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mp4{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mp4_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mpeg{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mpeg_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mp4{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mp4_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.psdt{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.psdt_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.f4v{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.f4v_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.flv{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.flv_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.m4v{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.m4v_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.avi{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.avi_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.asf{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.asf_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.wmv{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.wmv_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.psd{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.psd_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mov{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mov_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.3gp{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.3gp_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mkv{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b9d8ea964549d3ced854.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.mkv_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/e62974d6024d78632775.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.css{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.css_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.html{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.html_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.js{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.js_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.txt{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.txt_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.csv{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.csv_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.rtf{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.rtf_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.textfragment{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.textfragment_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.xls{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b889a686e052cc58ee90.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.xls_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/226ad6d35d7b0758c675.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.xlsx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/b889a686e052cc58ee90.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.xlsx_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/226ad6d35d7b0758c675.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.ppt{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6ecb060b7d24ef10e3f7.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.ppt_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/03d3ab7a053a1e89e32c.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.pptx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6ecb060b7d24ef10e3f7.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.pptx_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/03d3ab7a053a1e89e32c.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.ps{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/ffc233ba4c5c99862afd.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.ps_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/80cba5808d894460f361.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.docx{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.docx_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.doc{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.doc_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.pages{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.pages_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.numbers{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/078ef9106e5ea173b485.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.numbers_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/9dff72f210ed2ca94f0a.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.key{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6ecb060b7d24ef10e3f7.svg)}.AuthenticatedAssetRepresentation__container___wfNwv .AuthenticatedAssetRepresentation__document___nQI5r.key_darkest{background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/03d3ab7a053a1e89e32c.svg)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.Rendition__spectrumAsset___eO8EH.spectrum-Asset-image{height:100%;width:100%;object-fit:cover;margin:0 !important}.Rendition__renditionWrapper___b0kMD{position:relative;height:100%;width:100%;overflow:hidden}.Rendition__textRenditionContainer___Ofej0{width:100%;height:88%;box-sizing:border-box;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;background-color:var(--spectrum-global-color-gray-50);overflow:hidden;position:relative;margin:auto}.Rendition__textRenditionContainer___Ofej0.Rendition__isList___cs9vP{width:40px;height:40px}.Rendition__textRenditionContainer___Ofej0.Rendition__isOneUp___TyuHf{width:188px;height:149px;top:0;transform:none}.Rendition__textRendition___qRZDf{width:60px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%)}.Rendition__textRendition___qRZDf.Rendition__isList___cs9vP{width:26px}.Rendition__textRendition___qRZDf.Rendition__isOneUp___TyuHf{width:80px}.Rendition__textRenditionBar___BcyXt{width:100%;height:12px;box-sizing:border-box;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.Rendition__textRenditionBar___BcyXt.Rendition__isList___cs9vP{height:4px}.Rendition__colorRendition___wHmXH{border-radius:4px;height:100%;width:100%;position:relative;margin:auto;box-sizing:border-box}.Rendition__colorRendition___wHmXH.Rendition__isList___cs9vP{height:100%;width:100%}.Rendition__colorRendition___wHmXH.Rendition__isOneUp___TyuHf{top:0%;transform:none;height:calc(100vh - 120px);width:calc(100vh - 120px);padding:64px}.Rendition__colorContainer___WkLxg{width:100%;height:100%}.Rendition__colorBorder___JLunm{border:1px solid rgba(0,0,0,0.1);border-radius:4px;box-sizing:border-box}.Rendition__gradientRendition___ApEGg{border-radius:4px;height:100%;width:100%;margin:auto;box-sizing:border-box;overflow:hidden;background-color:#c4c4c4;background-image:linear-gradient(225deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5),linear-gradient(225deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5);background-size:20px 20px;background-position:0 0,10px 10px;background-clip:border-box}.Rendition__gradientRendition___ApEGg.Rendition__isOneUp___TyuHf{background-color:#c4c4c4;background-image:linear-gradient(225deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5),linear-gradient(225deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5);background-size:30px 30px;background-position:0 0,15px 15px;background-clip:border-box;margin:64px;height:calc(100vh - 120px);width:calc(100vh - 120px)}.Rendition__gradientRendition___ApEGg.Rendition__isList___cs9vP{background-color:#c4c4c4;background-image:linear-gradient(225deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5),linear-gradient(225deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5);background-size:10px 10px;background-position:0 0,5px 5px;background-clip:border-box;height:100%;width:100%}.Rendition__gradientRendition___ApEGg .Rendition__gradientContainer___Wf8wN{border-radius:4px}.Rendition__gradientContainer___Wf8wN{overflow:hidden;width:100%;height:100%}.Rendition__colorThemeRendition___rfCO2{display:flex;flex-direction:column;margin:0 auto;width:100%;height:70px;position:relative;box-sizing:border-box}.Rendition__colorThemeRendition___rfCO2.Rendition__isList___cs9vP{height:19px}.Rendition__colorThemeRendition___rfCO2.Rendition__isOneUp___TyuHf{padding:0 48px;width:calc(100vw - 96px);height:calc((100vw - 196px) / 5);top:0%;transform:none}.Rendition__insetColorTheme___DUcih{height:100%;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.Rendition__colorThemeBorder___MJjYC{flex-direction:row}.Rendition__colorThemeBorder___MJjYC div{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}.Rendition__colorThemeBorder___MJjYC div:first-child{border-left:1px solid rgba(0,0,0,0.1)}.Rendition__colorThemeBorder___MJjYC div:last-child{border-right:1px solid rgba(0,0,0,0.1)}.Rendition__horizontalColorThemePanel___PR5Qp{width:100%;height:calc(100% / 5);box-sizing:border-box}.Rendition__verticalColorThemePanel___T_Z6d{box-sizing:border-box;width:calc(100% / 5);height:100%}.Rendition__mosaicMain___DGltF{width:100%;height:100%;overflow:hidden}.Rendition__emptyLibraryMain___lVwjJ{height:100%;width:100%;background-color:var(--spectrum-global-color-gray-100);color:var(--spectrum-global-color-gray-500);margin:0 auto;display:flex;align-items:center}.Rendition__emptyLibraryMain___lVwjJ svg{margin:0 auto}.Rendition__errorLibraryMainContainer___GbfIi{height:100%;width:100%;display:flex}.Rendition__errorLibraryMainContainer___GbfIi.Rendition__grid___pITFP{background-color:var(--spectrum-global-color-gray-100)}.Rendition__errorLibraryMain___GfRsz{margin:0 auto;text-align:center;position:absolute;left:50%;transform:translate(-50%, 85%)}.Rendition__errorLibraryMain___GfRsz:before{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6d5d0a1d8a19a33ac03a.svg)}.Rendition__errorLibraryMain___GfRsz span{color:var(--spectrum-global-color-gray-600);padding-top:4px;font-style:italic;font-size:15px;display:block}.Rendition__errorLibraryList___tJvyU{height:100%;width:100%;background:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6d5d0a1d8a19a33ac03a.svg) no-repeat 50% 50%}.Rendition__emptyChildTile___kuiYA{height:100%;width:100%;background-color:var(--spectrum-global-color-gray-50)}.Rendition__mosaicBorder___DFmCs{height:100%;width:100%;border-radius:4px;box-sizing:border-box;overflow:hidden}.Rendition__mosaicBorder___DFmCs.Rendition__grid___pITFP{border:1px solid var(--spectrum-global-color-gray-200);box-shadow:0 0 0 1px var(--spectrum-global-color-gray-200)}.Rendition__mosaicBorder___DFmCs.Rendition__list___IW9Wz{border:1px solid var(--spectrum-global-color-gray-200)}.spectrum-Card .Rendition__mosaic___L8STl:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:4px;border:1px solid transparent}.spectrum-Card.is-selected .Rendition__mosaic___L8STl:before{border-color:var(--spectrum-global-color-blue-400);box-shadow:0 0 0 1px var(--spectrum-global-color-blue-400)}.Rendition__mosaic___L8STl{height:100%;width:100%;font-size:0;position:relative;border-radius:4px;border:1px solid transparent}.spectrum-Card:hover .Rendition__mosaic___L8STl::after{position:absolute;top:0;bottom:0;left:0;right:0;content:'';opacity:0.06;background-color:var(--spectrum-global-color-gray-200)}.Rendition__mosaicTiles___oeyum{height:100%;width:100%;display:flex;flex-direction:row;box-sizing:border-box;overflow:hidden}.Rendition__mosaicTiles___oeyum.Rendition__list___IW9Wz{border-top:1px solid var(--spectrum-global-color-gray-200)}.Rendition__mosaicTiles___oeyum.Rendition__list___IW9Wz>:last-child{border-left:1px solid var(--spectrum-global-color-gray-200)}.Rendition__mosaicTiles___oeyum.Rendition__grid___pITFP{border-top:2px solid var(--spectrum-global-color-gray-200)}.Rendition__mosaicTiles___oeyum.Rendition__grid___pITFP>:first-child{border-right:2px solid var(--spectrum-global-color-gray-200)}.Rendition__mosaicTiles___oeyum.Rendition__grid___pITFP>:last-child{border-left:2px solid var(--spectrum-global-color-gray-200)}.Rendition__loadingRendition___mPMoI{background-color:var(--spectrum-global-color-gray-100)}
.BackgroundActivityIndicator__activityIndicatorContainer___ejPgS{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:20px;box-sizing:border-box}.BackgroundActivityIndicator__wait___el75z{margin:auto;display:block}.BackgroundActivityIndicator__messageHeading___cjFw4{display:block;margin-top:6px;font-size:20px;text-align:center;margin-left:auto;margin-right:auto}.BackgroundActivityIndicator__messageDescription___o99z_{margin-left:auto;margin-right:auto;margin-top:4px;font-size:12px;font-style:italic;text-align:center;display:block}
.Page__Page___R0v4q{box-sizing:border-box;position:relative;overflow:hidden;width:500px;height:500px;display:flex;justify-content:center;align-items:center;font-size:0;border:0px none}.Page__Page___R0v4q .Page__PageContent___koMcU{position:absolute;top:0;left:0;transform-origin:0 0;transform:scale(1);transition:opacity 200ms ease}.Page__Page___R0v4q.Page__isLoading____5Biv{border:0px none;background:linear-gradient(to right, var(--spectrum-global-color-gray-100) 0, var(--spectrum-global-color-gray-75) 50%, var(--spectrum-global-color-gray-100) 100%);background-size:1000px}.Page__Page___R0v4q.Page__isLoading____5Biv .Page__PageContent___koMcU{opacity:0}.Page__Page___R0v4q.Page__isLoading____5Biv{animation:pageWiper 2s linear 0s infinite}@keyframes pageWiper{0%{background-position:-1000px 0}100%{background-position:1000px 0}}
.VideoDisplay__root___yF8qP{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.VideoDisplay__videoFrame___n8cNr{border:0 none}
.SharedStatusTooltip__memberList___JP0f3{list-style:none;padding:5px 0;margin:0;line-height:1.5}.SharedStatusTooltip__memberList___JP0f3 .SharedStatusTooltip__collaborator___O99Ss{display:flex;max-width:180px}.SharedStatusTooltip__memberList___JP0f3 .SharedStatusTooltip__name___CIn_7{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:3px}.SharedStatusTooltip__memberList___JP0f3 .SharedStatusTooltip__status___NrRLB{flex:1 0 0;opacity:0.5;font-weight:100;white-space:nowrap}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.SharedStatus__component___X0ipS{display:inline-block}.SharedStatus__component___X0ipS .SharedStatus__publicButton___zMwwH,.SharedStatus__component___X0ipS .SharedStatus__membersButton___SZJxq,.SharedStatus__component___X0ipS .SharedStatus__onlyYou___qpZaO{color:var(--spectrum-global-color-gray-600);padding:0;font-size:11px;background:transparent;border:none;display:flex;align-items:center;width:100%}.SharedStatus__component___X0ipS .SharedStatus__publicButton___zMwwH:focus,.SharedStatus__component___X0ipS .SharedStatus__membersButton___SZJxq:focus,.SharedStatus__component___X0ipS .SharedStatus__onlyYou___qpZaO:focus{background-color:transparent;outline:none}.SharedStatus__component___X0ipS .SharedStatus__subtext___HCm4y{margin-left:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:-moz-available;max-width:-webkit-fill-available;text-transform:uppercase}.SharedStatus__component___X0ipS.SharedStatus__gridView___GQh2s{vertical-align:middle;width:100%}.SharedStatus__component___X0ipS.SharedStatus__gridView___GQh2s .SharedStatus__publicButton___zMwwH:not(.SharedStatus__iconOnly___fbAiD):before,.SharedStatus__component___X0ipS.SharedStatus__gridView___GQh2s .SharedStatus__membersButton___SZJxq:not(.SharedStatus__iconOnly___fbAiD):before{content:'•';font-size:22px;padding:0 4px;position:relative;top:-2px}.SharedStatus__component___X0ipS.SharedStatus__gridView___GQh2s .SharedStatus__publicButton___zMwwH .SharedStatus__count___RlPj_,.SharedStatus__component___X0ipS.SharedStatus__gridView___GQh2s .SharedStatus__membersButton___SZJxq .SharedStatus__count___RlPj_{margin-left:4px;font-size:11px}.SharedStatus__component___X0ipS.SharedStatus__gridView___GQh2s .SharedStatus__publicButton___zMwwH:hover,.SharedStatus__component___X0ipS.SharedStatus__gridView___GQh2s .SharedStatus__membersButton___SZJxq:hover{color:var(--spectrum-global-color-gray-800)}.SharedStatus__component___X0ipS.SharedStatus__gridView___GQh2s .SharedStatus__publicButton___zMwwH .SharedStatus__text___E29kr{display:none}.SharedStatus__component___X0ipS.SharedStatus__listView___d5s2v .SharedStatus__publicButton___zMwwH,.SharedStatus__component___X0ipS.SharedStatus__listView___d5s2v .SharedStatus__membersButton___SZJxq,.SharedStatus__component___X0ipS.SharedStatus__listView___d5s2v .SharedStatus__onlyYou___qpZaO{font-size:12px;line-height:22px}.SharedStatus__component___X0ipS.SharedStatus__listView___d5s2v .SharedStatus__publicButton___zMwwH .SharedStatus__text___E29kr,.SharedStatus__component___X0ipS.SharedStatus__listView___d5s2v .SharedStatus__membersButton___SZJxq .SharedStatus__text___E29kr,.SharedStatus__component___X0ipS.SharedStatus__listView___d5s2v .SharedStatus__onlyYou___qpZaO .SharedStatus__text___E29kr{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75px}.SharedStatus__component___X0ipS.SharedStatus__listView___d5s2v .SharedStatus__publicButton___zMwwH:hover,.SharedStatus__component___X0ipS.SharedStatus__listView___d5s2v .SharedStatus__membersButton___SZJxq:hover{color:var(--spectrum-global-color-gray-800)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.Library__decorator___WPSTf{position:absolute;top:16px;right:22px;z-index:100;display:flex}.Library__decorator___WPSTf .Library__decoratorButton___Ii7o0{background-color:var(--spectrum-global-color-gray-100) !important}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.sharesheet__dialogWrapper___J15GF .spectrum-Dialog{padding:0 16px;width:448px;max-height:600px;min-height:330px;background-color:var(--background-color-primary)}
.LibrariesExpandedView__librariesExpandedView___tJe5z{height:100%;width:100%}.LibrariesExpandedView__librariesExpandedView___tJe5z ::slotted(*){height:100%;width:100%}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.index__titleContainer___bnPZb{display:inline-flex;align-items:center}.index__searchText___GG27X{color:var(--spectrum-global-color-gray-600);font-size:11px;letter-spacing:0.666px;text-transform:uppercase;position:absolute;left:8px;bottom:24px}.index__mobile___O3Jbk{left:20px}.index__empty___TG_CC{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center}.index__searchResultsWrapper___JJFQ_{height:100%;overflow:hidden}@media (min-width: 768px){.index__searchResultsWrapper___JJFQ_ .index__searchResultsWrapper___JJFQ_{margin-left:0px}}.index__searchResultsWrapper___JJFQ_ .search-your-work-filter-sidebar{box-sizing:border-box}
.CollectionHeader__container___N8Mbf{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between}.CollectionHeader__extendedHeader___utZp1{height:70px}.CollectionHeader__selectedHeader___UuGdi{color:var(--spectrum-global-color-blue-500)}.CollectionHeader__title___Dlm_x{width:100%;display:inline-grid}.CollectionHeader__titleHeading___ZcBJ9{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.CollectionHeader__rightActions____rUeJ{display:flex;white-space:nowrap}.CollectionHeader__buttonContainer___WJk9Y{display:inline-block}.CollectionHeader__buttonContainer___WJk9Y:not(:last-child){margin-right:8px}.CollectionHeader__listGridToggle___Zl9MX{padding-left:8px;display:inline-flex}.CollectionHeader__staticActions___HsKeA:not(:last-child){border-right:1px solid var(--spectrum-global-color-gray-200);padding-right:8px}.CollectionHeader__dropdown___NzLbW{display:inline-block}.CollectionHeader__headingContainer___jgRzn{display:flex}
:root{--spectrum-global-color-static-black: rgb(0, 0, 0);--spectrum-global-color-static-white: rgb(255, 255, 255);--spectrum-global-color-static-blue: rgb(20, 115, 230);--spectrum-global-color-static-gray-50: rgb(255, 255, 255);--spectrum-global-color-static-gray-75: rgb(255, 255, 255);--spectrum-global-color-static-gray-100: rgb(255, 255, 255);--spectrum-global-color-static-gray-200: rgb(244, 244, 244);--spectrum-global-color-static-gray-300: rgb(234, 234, 234);--spectrum-global-color-static-gray-400: rgb(211, 211, 211);--spectrum-global-color-static-gray-500: rgb(188, 188, 188);--spectrum-global-color-static-gray-600: rgb(149, 149, 149);--spectrum-global-color-static-gray-700: rgb(116, 116, 116);--spectrum-global-color-static-gray-800: rgb(80, 80, 80);--spectrum-global-color-static-gray-900: rgb(50, 50, 50);--spectrum-global-color-static-blue-400: rgb(55, 142, 240);--spectrum-global-color-static-blue-500: rgb(38, 128, 235);--spectrum-global-color-static-blue-600: rgb(20, 115, 230);--spectrum-global-color-static-blue-700: rgb(13, 102, 208);--spectrum-global-color-static-red-400: rgb(236, 91, 98);--spectrum-global-color-static-red-500: rgb(227, 72, 80);--spectrum-global-color-static-red-600: rgb(215, 55, 63);--spectrum-global-color-static-red-700: rgb(201, 37, 45);--spectrum-global-color-static-orange-400: rgb(242, 148, 35);--spectrum-global-color-static-orange-500: rgb(230, 134, 25);--spectrum-global-color-static-orange-600: rgb(218, 123, 17);--spectrum-global-color-static-orange-700: rgb(203, 111, 16);--spectrum-global-color-static-green-400: rgb(51, 171, 132);--spectrum-global-color-static-green-500: rgb(45, 157, 120);--spectrum-global-color-static-green-600: rgb(38, 142, 108);--spectrum-global-color-static-green-700: rgb(18, 128, 92);--spectrum-global-color-opacity-100: 1;--spectrum-global-color-opacity-90: 0.9;--spectrum-global-color-opacity-80: 0.8;--spectrum-global-color-opacity-60: 0.6;--spectrum-global-color-opacity-50: 0.5;--spectrum-global-color-opacity-40: 0.4;--spectrum-global-color-opacity-30: 0.3;--spectrum-global-color-opacity-25: 0.25;--spectrum-global-color-opacity-20: 0.2;--spectrum-global-color-opacity-15: 0.15;--spectrum-global-color-opacity-10: 0.1;--spectrum-global-color-opacity-8: 0.08;--spectrum-global-color-opacity-7: 0.07;--spectrum-global-color-opacity-6: 0.06;--spectrum-global-color-opacity-5: 0.05;--spectrum-global-color-opacity-4: 0.04;--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;--spectrum-global-font-weight-thin: 100;--spectrum-global-font-weight-ultra-light: 200;--spectrum-global-font-weight-light: 300;--spectrum-global-font-weight-regular: 400;--spectrum-global-font-weight-medium: 500;--spectrum-global-font-weight-semi-bold: 600;--spectrum-global-font-weight-bold: 700;--spectrum-global-font-weight-extra-bold: 800;--spectrum-global-font-weight-black: 900;--spectrum-global-font-style-regular: normal;--spectrum-global-font-style-italic: italic;--spectrum-global-font-letter-spacing-none: 0;--spectrum-global-font-letter-spacing-small: 0.0125em;--spectrum-global-font-letter-spacing-han: 0.05em;--spectrum-global-font-letter-spacing-medium: 0.06em;--spectrum-global-font-line-height-large: 1.7;--spectrum-global-font-line-height-medium: 1.5;--spectrum-global-font-line-height-small: 1.3;--spectrum-global-font-multiplier-25: 0.25em;--spectrum-global-font-multiplier-75: 0.75em;--spectrum-global-dimension-static-size-0: 0px;--spectrum-global-dimension-static-size-10: 1px;--spectrum-global-dimension-static-size-25: 2px;--spectrum-global-dimension-static-size-50: 4px;--spectrum-global-dimension-static-size-40: 3px;--spectrum-global-dimension-static-size-65: 5px;--spectrum-global-dimension-static-size-100: 8px;--spectrum-global-dimension-static-size-115: 9px;--spectrum-global-dimension-static-size-125: 10px;--spectrum-global-dimension-static-size-150: 12px;--spectrum-global-dimension-static-size-175: 14px;--spectrum-global-dimension-static-size-200: 16px;--spectrum-global-dimension-static-size-225: 18px;--spectrum-global-dimension-static-size-250: 20px;--spectrum-global-dimension-static-size-300: 24px;--spectrum-global-dimension-static-size-400: 32px;--spectrum-global-dimension-static-size-450: 36px;--spectrum-global-dimension-static-size-500: 40px;--spectrum-global-dimension-static-size-550: 44px;--spectrum-global-dimension-static-size-600: 48px;--spectrum-global-dimension-static-size-700: 56px;--spectrum-global-dimension-static-size-800: 64px;--spectrum-global-dimension-static-size-900: 72px;--spectrum-global-dimension-static-size-1000: 80px;--spectrum-global-dimension-static-size-1200: 96px;--spectrum-global-dimension-static-size-1700: 136px;--spectrum-global-dimension-static-size-2400: 192px;--spectrum-global-dimension-static-size-2600: 208px;--spectrum-global-dimension-static-size-3400: 272px;--spectrum-global-dimension-static-size-3600: 288px;--spectrum-global-dimension-static-size-4600: 368px;--spectrum-global-dimension-static-size-5000: 400px;--spectrum-global-dimension-static-size-6000: 480px;--spectrum-global-dimension-static-font-size-50: 11px;--spectrum-global-dimension-static-font-size-75: 12px;--spectrum-global-dimension-static-font-size-100: 14px;--spectrum-global-dimension-static-font-size-150: 15px;--spectrum-global-dimension-static-font-size-200: 16px;--spectrum-global-dimension-static-font-size-300: 18px;--spectrum-global-dimension-static-font-size-400: 20px;--spectrum-global-dimension-static-font-size-500: 22px;--spectrum-global-dimension-static-font-size-600: 25px;--spectrum-global-dimension-static-font-size-700: 28px;--spectrum-global-dimension-static-font-size-800: 32px;--spectrum-global-dimension-static-font-size-900: 36px;--spectrum-global-dimension-static-font-size-1000: 40px;--spectrum-global-dimension-static-percent-50: 50%;--spectrum-global-dimension-static-percent-100: 100%;--spectrum-global-dimension-static-breakpoint-xsmall: 304px;--spectrum-global-dimension-static-breakpoint-small: 768px;--spectrum-global-dimension-static-breakpoint-medium: 1280px;--spectrum-global-dimension-static-breakpoint-large: 1768px;--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;--spectrum-global-dimension-static-grid-columns: 12;--spectrum-global-dimension-static-grid-fluid-width: 100%;--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;--spectrum-global-animation-duration-0: 0ms;--spectrum-global-animation-duration-100: 130ms;--spectrum-global-animation-duration-200: 160ms;--spectrum-global-animation-duration-300: 190ms;--spectrum-global-animation-duration-400: 220ms;--spectrum-global-animation-duration-500: 250ms;--spectrum-global-animation-duration-600: 300ms;--spectrum-global-animation-duration-700: 350ms;--spectrum-global-animation-duration-800: 400ms;--spectrum-global-animation-duration-900: 450ms;--spectrum-global-animation-duration-1000: 500ms;--spectrum-global-animation-duration-2000: 1000ms;--spectrum-global-animation-duration-4000: 2000ms;--spectrum-global-animation-ease-in-out: (.45, 0, .40, 1);--spectrum-global-animation-ease-in: (.50, 0, 1, 1);--spectrum-global-animation-ease-out: (0, 0, 0.40, 1);--spectrum-global-animation-linear: (0, 0, 1, 1)}
.MobileCollectionHeader__header___yQ4Ys{color:var(--spectrum-global-color-static-gray-700);line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;outline:1px solid var(--spectrum-global-color-gray-300);height:64px;font-size:18px;font-weight:700;padding-right:20px;background-color:var(--spectrum-global-color-gray-50);display:flex;align-items:center}.MobileCollectionHeader__headerWithSubheader___qv_uV{color:var(--spectrum-global-color-gray-900);line-height:24px;outline:1px solid var(--spectrum-global-color-gray-300);height:80px;font-size:18px;font-weight:700;padding-top:24px;padding-bottom:24px;padding-right:12px;background-color:var(--spectrum-global-color-gray-50);display:flex;flex-direction:column}.MobileCollectionHeader__title___JJWg8{width:100%}.MobileCollectionHeader__title___JJWg8:first-of-type{padding-left:16px}.MobileCollectionHeader__title___JJWg8:last-of-type{color:var(--spectrum-global-color-gray-900)}.MobileCollectionHeader__subheaderContainer___qiuPs{width:100%;color:var(--spectrum-global-color-gray-600);font-weight:100;font-size:15px;padding-left:18px}
.CollectionSort__component___rwBUA{user-select:none;-webkit-touch-callout:none;position:relative;z-index:1;height:64px;display:flex;flex-direction:row;color:var(--spectrum-global-color-gray-700);border-bottom:1px solid var(--spectrum-global-color-gray-300);align-items:center}.CollectionSort__component___rwBUA:after{width:48px;min-width:48px;content:''}.CollectionSort__component___rwBUA.CollectionSort__isListView___AHXgo:not(.CollectionSort__mobile___kIuX0) .CollectionSort__renditionBuffer___FaLOJ{width:96px;min-width:96px}.CollectionSort__checkbox___hExoH{padding-left:16px;width:36px;min-width:36px;box-sizing:border-box}.CollectionSort__columnLabel___rYlRP,.CollectionSort__sortArrow___SCMVv{vertical-align:middle}.CollectionSort__sortArrow___SCMVv{margin-left:8px}.CollectionSort__renditionBuffer___FaLOJ+.CollectionSort__dataColumn___iLT7k{width:16.6%;flex-grow:1}.CollectionSort__dataColumn___iLT7k{box-sizing:border-box;font-size:11px;letter-spacing:0.666px;text-transform:uppercase;padding-right:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:100px;display:flex;flex-direction:row;width:16.6%;color:var(--spectrum-global-color-gray-700);align-items:center}.CollectionSort__isClickable___gT2vv{cursor:pointer;border-bottom:2px solid transparent}.CollectionSort__isClickable___gT2vv:hover{color:var(--spectrum-global-color-gray-900)}.CollectionSort__isClickable___gT2vv:focus{outline:none}.CollectionSort__isClickable___gT2vv.focus-ring{border-bottom-color:var(--spectrum-table-cell-border-color-key-focus)}.CollectionSort__notClickable___PtmZ9{cursor:default;pointer-events:none}
.GridItemRow__itemRow___SOqTY{display:flex;flex-direction:row;height:100%;width:100%;position:relative}.GridItemRow__itemContainer___x4MAV{flex-grow:1;max-width:100%}
.Grid__list___rWQD7{-ms-overflow-style:-ms-autohiding-scrollbar;padding-bottom:36px}.Grid__list___rWQD7:focus{outline:none}
.MoreButton__isVisible___Ghglp{visibility:visible !important}
.ListElement__dataCell___A7cJ6{box-sizing:border-box;min-width:100px;text-align:left;padding-right:50px;white-space:nowrap;overflow:hidden}.ListElement__dataCell___A7cJ6:not(.ListElement__primaryCell___bzeSV){color:var(--spectrum-global-color-static-gray-700);font-size:12px;width:16.6%}.ListElement__dataCell___A7cJ6.ListElement__primaryCell___bzeSV{flex:1;flex-grow:1}.ListElement__showMore___JT_y7{width:32px;min-width:32px;margin-right:16px}.ListElement__container___asc3g{display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%;height:72px;align-items:center;border-bottom:1px solid var(--spectrum-global-color-gray-200);border-left:2px solid transparent;box-sizing:border-box;user-select:none}.ListElement__container___asc3g.ListElement__isDisabled___taB9b{opacity:0.3;pointer-events:none}.ListElement__container___asc3g.ListElement__isDisabled___taB9b .ListElement__dataCell___A7cJ6:not(.ListElement__primaryCell___bzeSV){display:none}.ListElement__container___asc3g.ListElement__isSelected___gNwPm{background-color:rgba(38,128,235,0.1)}.ListElement__container___asc3g.ListElement__isClickable___O8lpz{cursor:pointer}.ListElement__container___asc3g:focus{outline:none}.ListElement__container___asc3g.focus-ring{background-color:rgba(44,44,44,0.04);border-left-color:var(--spectrum-table-cell-border-color-key-focus)}.ListElement__container___asc3g.focus-ring .ListElement__checkbox___S0HAo{opacity:1}.ListElement__container___asc3g .ListElement__heading___GLs_6{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ListElement__container___asc3g .ListElement__subheading___Eatjl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--spectrum-global-color-static-gray-700);font-size:10.5px;letter-spacing:0.666px;text-transform:uppercase}.ListElement__container___asc3g .ListElement__rendition___pkoJ1{padding-left:20px;width:40px;min-width:40px;height:40px;padding-right:36px;display:flex;align-items:center}.ListElement__container___asc3g:not(.ListElement__isSelected___gNwPm):hover{background-color:rgba(44,44,44,0.04)}.ListElement__container___asc3g:not(.ListElement__isSelected___gNwPm):hover .ListElement__checkbox___S0HAo{opacity:1}.ListElement__container___asc3g .ListElement__checkbox___S0HAo{width:36px;padding-left:16px;box-sizing:border-box;visibility:visible;opacity:0;position:relative}.ListElement__container___asc3g .ListElement__checkbox___S0HAo.ListElement__is-visible___wa36x{opacity:1}.ListElement__container___asc3g .ListElement__checkbox___S0HAo:focus-within{opacity:1}.ListElement__container___asc3g .ListElement__checkbox___S0HAo:after{position:absolute;top:0;bottom:0;left:0;right:0;content:' ';z-index:2;cursor:pointer}
.GridElement__container___pNzJB{box-sizing:border-box;padding:1px 8px 0 8px;position:relative;user-select:none}.GridElement__container___pNzJB .GridElement__small___aecTN{width:calc(224px * .66);height:calc(316px * .66)}.GridElement__container___pNzJB .GridElement__large___Ge5CQ{width:224px;height:316px}.GridElement__container___pNzJB .GridElement__isDisabled___LWKKs{opacity:0.3;pointer-events:none}.GridElement__container___pNzJB .GridElement__card___Ld09w.GridElement__small___aecTN{width:calc(208px * .66);height:calc(264px * .66)}.GridElement__container___pNzJB .GridElement__card___Ld09w.GridElement__large___Ge5CQ{width:208px;height:264px}.GridElement__container___pNzJB .GridElement__cardContent___xhMj5{width:100%;height:100%}.GridElement__container___pNzJB .GridElement__cardContent___xhMj5:focus{outline:none}.GridElement__container___pNzJB .GridElement__cardContent___xhMj5.focus-ring .spectrum-Card-preview{box-shadow:0 0 0 2px var(--spectrum-table-cell-border-color-key-focus)}.GridElement__container___pNzJB .GridElement__cardContent___xhMj5.focus-ring .mosaic-Card-preview{box-shadow:0 0 0 2px var(--spectrum-table-cell-border-color-key-focus)}.GridElement__container___pNzJB .GridElement__cardContent___xhMj5.focus-ring .spectrum-Card-quickActions{opacity:1}.GridElement__container___pNzJB .GridElement__cardContent___xhMj5.focus-ring .GridElement__moreButton___D8_08{opacity:1}.GridElement__container___pNzJB .GridElement__selectionMode___S0DaV .spectrum-QuickActions{visibility:visible;opacity:1}.GridElement__container___pNzJB .GridElement__isClickable___rOS3i{cursor:pointer}.GridElement__container___pNzJB .GridElement__moreButton___D8_08{visibility:visible;opacity:0}.GridElement__container___pNzJB .GridElement__moreButton___D8_08:focus-within{opacity:1}.GridElement__container___pNzJB .spectrum-Card:hover .GridElement__moreButton___D8_08{opacity:1}.GridElement__container___pNzJB .spectrum-Card .spectrum-Card-subtitle{padding-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.GridElement__container___pNzJB .spectrum-Card .spectrum-Card-description{display:flex;align-items:center;white-space:nowrap;overflow:hidden}.GridElement__container___pNzJB .spectrum-Card .spectrum-Card-description:before{display:none}.GridElement__container___pNzJB .spectrum-QuickActions{visibility:visible}.GridElement__container___pNzJB .spectrum-QuickActions .spectrum-Checkbox:after{content:' ';position:absolute;top:0;bottom:0;left:-8px;right:-8px;opacity:0;z-index:2;cursor:pointer}.GridElement__container___pNzJB .spectrum-QuickActions:focus-within{opacity:1}
.ListLabel__gridLabel___A63nS{border-bottom:1px solid var(--spectrum-global-color-gray-200);padding-bottom:20px;padding-top:48px;margin:0}.ListLabel__gridLabel___A63nS.ListLabel__mobile___WZl6W{padding-left:10px}
.index__container___BBAzD{padding:0 32px 0 16px;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;flex:calc(100% - 224px)}{height:100%}.index__container___BBAzD.index__small___BPUv3{padding:0;min-height:300px}.index__container___BBAzD.index__mobile___I30QJ{padding:0;flex:100%}.index__container___BBAzD.index__mobile___I30QJ .index__header____YXvH{height:129px;width:inherit;z-index:1;position:fixed;left:0;background-color:#fbfbfb;transition:height 0.25s ease-in-out}.index__container___BBAzD.index__mobile___I30QJ .index__header____YXvH.index__collapseHeader___oaUKh{height:0px;overflow:hidden}.index__container___BBAzD.index__mobile___I30QJ .index__header____YXvH.index__collapseHeader___oaUKh.index__forceHeader___VF7oV{height:129px}.index__container___BBAzD.index__mobile___I30QJ .index__listGrid___TpncZ{flex-grow:1;position:relative}.index__container___BBAzD.index__mobile___I30QJ .index__listGrid___TpncZ.index__collapseHeaderListGrid___tO0sj{margin-top:129px;transition:all 0.15s ease-in-out}.index__container___BBAzD.index__mobile___I30QJ .index__listGrid___TpncZ.index__collapseHeader___oaUKh{margin-top:0}.index__listGrid___TpncZ{flex-grow:1;position:relative}.index__listGridInner___D34Fy{position:absolute;top:0;bottom:0;left:0;right:0}
.index__navigation___v9Bdm{box-sizing:border-box;box-shadow:inset 0 -2px 0 0 var(--spectrum-global-color-gray-200)}.index__navigation___v9Bdm.index__mobile___K70_4{padding-left:10px}.index__headerContainer___egL93{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--spectrum-global-color-gray-300)}.index__containerTooltip___Wc5zo{display:flex;margin-right:22px}
.SortSelector__arrow___yoYm6{float:right;transform:translateY(50%);margin-left:20px}.SortSelector__arrowAscending___SQLIx{transform:translateY(50%) rotate(180deg)}.SortSelector__sortSelector___Gx0OP svg.spectrum-Menu-checkmark{display:block}.SortSelector__heading___va5LA.spectrum-Heading{margin:0}.SortSelector__chevron___G74CR{margin-left:4px}.SortSelector__button___eSqe8.SortSelector__button___eSqe8.SortSelector__button___eSqe8{padding:4px}.SortSelector__button___eSqe8.SortSelector__button___eSqe8.SortSelector__button___eSqe8:hover,.SortSelector__button___eSqe8.SortSelector__button___eSqe8.SortSelector__button___eSqe8:active,.SortSelector__button___eSqe8.SortSelector__button___eSqe8.SortSelector__button___eSqe8.is-selected.is-selected.is-selected{background-color:transparent;border-color:transparent}.SortSelector__button___eSqe8.SortSelector__button___eSqe8.SortSelector__button___eSqe8:hover .SortSelector__heading___va5LA,.SortSelector__button___eSqe8.SortSelector__button___eSqe8.SortSelector__button___eSqe8:active .SortSelector__heading___va5LA,.SortSelector__button___eSqe8.SortSelector__button___eSqe8.SortSelector__button___eSqe8.is-selected.is-selected.is-selected .SortSelector__heading___va5LA{font-weight:600;color:#2c2c2c}.SortSelector__label___i_4s1{text-transform:uppercase;letter-spacing:0.666px;font-size:11px;display:inline-block;vertical-align:top}.SortSelector__reverseOrderSpan___lV6Tm span{padding-left:6px;position:relative;top:-4px}
.spectrum-IllustratedMessage {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.spectrum-IllustratedMessage-illustration {
margin-bottom: 24px;
}
.spectrum-IllustratedMessage-heading {
max-width: 500px;
margin: 0;
}
.spectrum-IllustratedMessage-description {
max-width: 500px;
margin: 4px 0 0 0;
font-style: italic;
}
.spectrum-IllustratedMessage--cta .spectrum-IllustratedMessage-description {
font-style: normal;
}
.spectrum--light .spectrum-IllustratedMessage-illustration {
color: rgb(179, 179, 179);
fill: currentColor;
stroke: currentColor;
}
.spectrum--lightest .spectrum-IllustratedMessage-illustration {
color: rgb(188, 188, 188);
fill: currentColor;
stroke: currentColor;
}
.spectrum--darkest .spectrum-IllustratedMessage-illustration {
color: rgb(92, 92, 92);
fill: currentColor;
stroke: currentColor;
}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.emptyState__container___RYlkp{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.emptyState__container___RYlkp:focus{outline:none}.emptyState__container___RYlkp .spectrum-IllustratedMessage-heading{font-size:28px;font-weight:var(--spectrum-global-font-weight-light);margin-top:0px;color:var(--spectrum-global-color-gray-700);max-width:500px}.emptyState__container___RYlkp .spectrum-IllustratedMessage-description{font-size:14px;font-style:italic;color:var(--spectrum-global-color-gray-800);max-width:500px}.emptyState__component___qWFwW{display:flex;flex-direction:column;align-items:center}.emptyState__actionContainer___V13BH{width:100%;margin-top:20px;display:flex;justify-content:center}.emptyState__emptyElements___KHLwK{text-decoration:var(--spectrum-global-color-gray-200);font-style:italic;border-bottom:1px var(--spectrum-global-color-gray-200) solid;border-top:1px var(--spectrum-global-color-gray-200) solid;height:40px;padding-top:20px}
.index__empty___FZn5g{display:flex;align-items:center;overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0}.index__sortSelector___uV56N{margin-left:12px;display:flex;align-items:center}.index__sortSelector___uV56N.index__mobile___ZGYJy{margin-left:20px}.index__mainTitle___yYC9Q{margin:2px;border-bottom:2px solid transparent}.index__mainTitle___yYC9Q:focus{outline:none}.index__mainTitle___yYC9Q.focus-ring{border-bottom-color:var(--spectrum-table-cell-border-color-key-focus)}.index__mainTitle___yYC9Q .spectrum-Breadcrumbs-item{margin-right:25px}.index__mainTitle___yYC9Q .spectrum-Breadcrumbs-itemSeparator{right:-12px}.index__mainTitle___yYC9Q .spectrum-Breadcrumbs-itemLink{padding:0;height:auto;border-bottom:2px solid transparent}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.NavigationTabList__navigationTabList___oXKYY{width:100%}.NavigationTabList__navigationTabList___oXKYY.NavigationTabList__mobile___myl__ .spectrum-Tabs--horizontal{border-bottom:0;box-sizing:border-box;padding-left:10px;overflow-y:hidden;overflow-x:scroll;width:100%}.NavigationTabList__navigationTabList___oXKYY.NavigationTabList__mobile___myl__ .spectrum-Tabs-item{margin-bottom:0;padding:0}.NavigationTabList__navigationTabList___oXKYY.NavigationTabList__mobile___myl__ .spectrum-Tabs-item-label{margin-left:0;white-space:nowrap}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.TextInputDialog__dialog___MJMuu.react-spectrum-Dialog{width:393px}.spectrum-Dialog-footer .spectrum-Button{margin:8px}.TextInputDialog__content___HrtZ7{padding-top:16px;flex-direction:row;display:flex;align-items:flex-start;overflow:hidden}.TextInputDialog__iconWrapper___iCP8z{width:40px;height:40px;padding-right:26px;color:var(--spectrum-global-color-gray-600)}.TextInputDialog__image___m2YXE{background-repeat:no-repeat;background-position:center center;background-size:contain}.TextInputDialog__inputWrapper___vDTcw{flex-grow:1;margin-bottom:16px}.TextInputDialog__inputWrapper___vDTcw input{width:100%;margin-top:4px}.TextInputDialog__reportAbuseWrapper___X6_F1{margin-left:4px;margin-top:4px}.TextInputDialog__errorMessage___oeJ8t{font-style:italic;padding-top:3px;color:var(--spectrum-global-color-red-400)}
.spectrum-FieldLabel,
.spectrum-Form-itemLabel {
display: block;
box-sizing: border-box;
padding: 4px 0 5px;
font-size: 12px;
font-weight: 400;
line-height: 1.3;
vertical-align: top;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
font-smoothing: subpixel-antialiased;
}
.spectrum-FieldLabel-requiredIcon {
margin: 4px 0 0 2px;
}
.spectrum-FieldLabel--left {
display: inline-block;
padding: 8px 8px 0 0;
}
.spectrum-FieldLabel--left .spectrum-FieldLabel-requiredIcon {
margin: 0px 0 0 2px;
}
.spectrum-FieldLabel--right {
display: inline-block;
text-align: right;
padding: 8px 8px 0 0;
}
.spectrum-Form {
display: table;
border-collapse: separate;
border-spacing: 0 24px;
margin: -20px 0;
}
.spectrum-Form-item {
display: table-row;
}
.spectrum-Form-itemLabel {
display: table-cell;
}
.spectrum-Form-itemField {
display: table-cell;
}
.spectrum-Form--labelsAbove {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.spectrum-Form--labelsAbove .spectrum-Form-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.spectrum-Form--labelsAbove .spectrum-Form-item + .spectrum-Form-item {
margin-top: 8px;
}
.spectrum--light .spectrum-FieldLabel,
.spectrum--light .spectrum-Form-itemLabel {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-FieldLabel.is-disabled,
.spectrum--light .spectrum-Form-itemLabel.is-disabled {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon,
.spectrum--light .spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-FieldLabel-requiredIcon {
color: rgb(142, 142, 142);
}
.spectrum--lightest .spectrum-FieldLabel,
.spectrum--lightest .spectrum-Form-itemLabel {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-FieldLabel.is-disabled,
.spectrum--lightest .spectrum-Form-itemLabel.is-disabled {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon,
.spectrum--lightest .spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-FieldLabel-requiredIcon {
color: rgb(149, 149, 149);
}
.spectrum--darkest .spectrum-FieldLabel,
.spectrum--darkest .spectrum-Form-itemLabel {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-FieldLabel.is-disabled,
.spectrum--darkest .spectrum-Form-itemLabel.is-disabled {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon,
.spectrum--darkest .spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-FieldLabel-requiredIcon {
color: rgb(124, 124, 124);
}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.ReportAbuseDialog__dialog___CdNIC{max-width:480px}.ReportAbuseDialog__dialogContent___5yX1h{padding:15px}.ReportAbuseDialog__titleTextContent___TDDlm{margin-bottom:28px}.ReportAbuseDialog__assetInfo___qcBcC{display:flex;flex-direction:row;margin-bottom:10px}.ReportAbuseDialog__assetInfo___qcBcC .ReportAbuseDialog__rendition___oSUAf{max-width:100px;max-height:100px;margin-right:20px}.ReportAbuseDialog__assetInfo___qcBcC .ReportAbuseDialog__title___JEvr3{display:flex;align-items:center}.ReportAbuseDialog__emailNameInputFields___RyQdc{margin-bottom:30px}.ReportAbuseDialog__emailNameInputFields___RyQdc .ReportAbuseDialog__emailInputField___i1GXo{display:inline-block;margin-right:10px}.ReportAbuseDialog__emailNameInputFields___RyQdc .ReportAbuseDialog__nameInputField___L2HQh{display:inline-block}.ReportAbuseDialog__radioGroupText___jtVcT{margin-bottom:5px}.ReportAbuseDialog__radioGroupText___jtVcT:after{content:'*';color:var(--spectrum-global-color-red-400);padding-left:3px}.ReportAbuseDialog__radioGroupContainer___DqiW_{margin-bottom:34px}.ReportAbuseDialog__textAreaDesc___NNoOi{width:100%;height:95px;margin-bottom:20px}.ReportAbuseDialog__disclaimerHelperText___zUuWk:before{content:'*';color:var(--spectrum-global-color-red-400);padding-left:3px}.ReportAbuseDialog__disclaimerHelperText___zUuWk{font-size:11px;color:var(--spectrum-global-color-red-400)}.ReportAbuseDialog__footer___CknmX{position:relative}.ReportAbuseDialog__radio___cSRdK{width:180px;margin-left:0;padding-left:0}.ReportAbuseDialog__radioGroup___tglsd{flex-flow:row wrap}.ReportAbuseDialog__legalLink___kDU1r{cursor:pointer;color:var(--spectrum-global-color-blue-500);margin-top:3px;width:fit-content;margin:2px}
.spectrum-Link {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
transition: color 130ms ease-in-out;
outline: none;
}
.spectrum-Link:hover {
text-decoration: underline;
}
.spectrum-Link.focus-ring {
text-decoration: underline;
}
.spectrum-Link.focus-ring {
text-decoration: underline;
-webkit-text-decoration-style: double;
text-decoration-style: double;
}
.spectrum-Link.is-disabled {
cursor: default;
pointer-events: none;
}
.spectrum-Link.is-disabled:hover,
.spectrum-Link.is-disabled:focus {
text-decoration: none;
}
.spectrum-Link--subtle,
/** @deprecated */.spectrum-Link--quiet {
text-decoration: underline;
}
.spectrum-Link--overBackground {
text-decoration: underline;
}
.spectrum--light .spectrum-Link {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Link:hover {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Link:active {
color: rgb(9, 90, 186);
}
.spectrum--light .spectrum-Link.focus-ring {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Link.is-disabled {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Link--quiet,
.spectrum--light .spectrum-Link--subtle {
color: inherit;
}
.spectrum--light .spectrum-Link--quiet:hover,
.spectrum--light .spectrum-Link--subtle:hover {
color: inherit;
}
.spectrum--light .spectrum-Link--quiet:active,
.spectrum--light .spectrum-Link--subtle:active {
color: inherit;
}
.spectrum--light .spectrum-Link--quiet:focus,
.spectrum--light .spectrum-Link--subtle:focus {
color: inherit;
}
.spectrum--light .spectrum-Link--overBackground {
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Link--overBackground:hover {
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Link--overBackground:active {
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Link--overBackground:focus {
color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Link--overBackground.is-disabled {
color: rgba(255,255,255,0.5);
}
.spectrum--lightest .spectrum-Link {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Link:hover {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Link:active {
color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-Link.focus-ring {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-Link.is-disabled {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Link--quiet,
.spectrum--lightest .spectrum-Link--subtle {
color: inherit;
}
.spectrum--lightest .spectrum-Link--quiet:hover,
.spectrum--lightest .spectrum-Link--subtle:hover {
color: inherit;
}
.spectrum--lightest .spectrum-Link--quiet:active,
.spectrum--lightest .spectrum-Link--subtle:active {
color: inherit;
}
.spectrum--lightest .spectrum-Link--quiet:focus,
.spectrum--lightest .spectrum-Link--subtle:focus {
color: inherit;
}
.spectrum--lightest .spectrum-Link--overBackground {
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Link--overBackground:hover {
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Link--overBackground:active {
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Link--overBackground:focus {
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Link--overBackground.is-disabled {
color: rgba(255,255,255,0.5);
}
.spectrum--darkest .spectrum-Link {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Link:hover {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Link:active {
color: rgb(75, 156, 245);
}
.spectrum--darkest .spectrum-Link.focus-ring {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-Link.is-disabled {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Link--quiet,
.spectrum--darkest .spectrum-Link--subtle {
color: inherit;
}
.spectrum--darkest .spectrum-Link--quiet:hover,
.spectrum--darkest .spectrum-Link--subtle:hover {
color: inherit;
}
.spectrum--darkest .spectrum-Link--quiet:active,
.spectrum--darkest .spectrum-Link--subtle:active {
color: inherit;
}
.spectrum--darkest .spectrum-Link--quiet:focus,
.spectrum--darkest .spectrum-Link--subtle:focus {
color: inherit;
}
.spectrum--darkest .spectrum-Link--overBackground {
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Link--overBackground:hover {
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Link--overBackground:active {
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Link--overBackground:focus {
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Link--overBackground.is-disabled {
color: rgba(255,255,255,0.5);
}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.index__container___bXssT{display:flex;height:100%;flex-direction:column;flex-grow:1}.index__body___mpqcS{position:relative;flex-grow:1}.index__body___mpqcS .index__innerBody___FU8a_{position:absolute;top:0;bottom:0;left:0;right:0;display:flex}.index__displaySidebarOnBottom___zm_T6 .index__innerBody___FU8a_{flex-direction:column}.index__content___C2boT{flex:1 1;position:relative;overflow:auto;min-height:100px}.index__displayAsLink___ykxPs{padding-left:1em}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.style__Footer___PWvwe{color:var(--spectrum-body-secondary-text-color);font-size:12px;padding:0 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.style__Footer___PWvwe svg{fill:var(--spectrum-body-secondary-text-color)}.style__copyright___mOLW3{padding:7px 0}.style__link___MHKpl,.style__link___MHKpl:hover{cursor:pointer;color:inherit !important;margin-right:10px;white-space:nowrap}
.OrganizationList__dropdown___hK37O{width:100%}.OrganizationList__dropdown___hK37O button.spectrum-FieldButton.spectrum-Dropdown-trigger{height:initial;padding:8px 12px 8px 8px}.OrganizationList__dropdown___hK37O svg.spectrum-Icon:not(.spectrum-Dropdown-icon){margin-top:0}.OrganizationList__dropdown___hK37O span.spectrum-Dropdown-label{height:inherit;line-height:inherit}.OrganizationList__org___mB1W7{font-size:11px;color:var(--spectrum-global-color-gray-600);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.OrganizationList__orgContainer___GieIZ{display:grid}.OrganizationList__mainContainer___bZP8v{display:grid;grid-template-columns:40px 1fr;align-items:center}.OrganizationList__icon___ZflZa{width:16px;height:16px;padding:8px;background-color:var(--spectrum-global-color-gray-300);border-radius:4px}.OrganizationList__icon_no_bg___rT3dN{background-color:transparent}.OrganizationList__icon_margin___UoJO6{margin:8px 0 8px 8px}.OrganizationList__spectrum-Menu-item___by4XI:first-of-type .OrganizationList__icon___ZflZa{background-color:red}.OrganizationList__dropDownContainer___bQKlX{display:grid;grid-template-columns:296px 32px;align-items:center;margin-bottom:16px}.OrganizationList__permsMainContainer___JMhQv{display:grid}.OrganizationList__permsMenuContainer___KVS5d{display:grid;grid-template-columns:26px 1fr;align-items:center}.OrganizationList__permsicon___tE5C2{width:18px;height:18px}.OrganizationList__permsDropDown___jN9uB button.spectrum-FieldButton.spectrum-Dropdown-trigger{height:initial;padding:0;width:auto}.OrganizationList__permsDropDown___jN9uB svg.spectrum-Icon:not(.spectrum-Dropdown-icon){margin-top:0}.OrganizationList__m10___eN4V3{margin-right:-10px}
.DropDownLabel__dropDownLabel___29db3{font-size:12px;font-weight:400;margin:0 12px 0 0;color:var(--spectrum-global-color-gray-700)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.CreateLibraryDialog__content___tDjYR{padding-top:16px;flex-direction:column;display:flex;overflow:hidden}.CreateLibraryDialog__teamLibsOptionsContainer___fmc0w{display:flex;justify-content:space-between;flex-wrap:wrap}.CreateLibraryDialog__learnMore___yK7Iu{padding:0}.CreateLibraryDialog__learnMore___yK7Iu:hover{background-color:inherit}.CreateLibraryDialog__dialog___DRxqv.react-spectrum-Dialog{width:416px}.CreateLibraryDialog__dialog___DRxqv.react-spectrum-Dialog .spectrum-Dialog-header{padding:0;margin:0}.CreateLibraryDialog__dialog___DRxqv.react-spectrum-Dialog .spectrum-Dialog-header::after{content:none}.CreateLibraryDialog__dialog___DRxqv.react-spectrum-Dialog .spectrum-Dialog-header h2{font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--spectrum-global-color-gray-900)}.CreateLibraryDialog__inputWrapper___rn2u3 input{font-size:22px;color:var(--spectrum-global-color-gray-900);padding:0px}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.TeamLibrary__decorator___udVAM{position:absolute;top:16px;left:22px;z-index:100}.TeamLibrary__decorator___udVAM.TeamLibrary__followed___VXBnW{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:var(--spectrum-global-color-blue-600);border-radius:16px}.TeamLibrary__decorator___udVAM .TeamLibrary__followed___VXBnW{fill:var(--spectrum-global-color-gray-50);width:16px;height:auto}.TeamLibrary__decorator___udVAM .TeamLibrary__hide____PnTt{display:none}.TeamLibrary__subtext___mi6OM{position:absolute;margin-top:-2px;margin-left:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:-moz-available;max-width:-webkit-fill-available;width:92%}.TeamLibrary__teamname___frcfF{margin-left:5px;text-overflow:ellipsis;overflow:hidden}
.DestructiveActionDialog__message___FA_yp{font-size:14px;font-weight:700;padding-top:7px;padding-bottom:24px}.DestructiveActionDialog__table___YVrQx{overflow-y:auto;max-height:200px;padding:12px 20px;border:1px solid var(--spectrum-global-color-gray-300);border-radius:3px;background-color:var(--spectrum-global-color-gray-50)}.DestructiveActionDialog__row___l5Ydv{display:flex;width:100%;vertical-align:middle;flex-flow:row}.DestructiveActionDialog__row___l5Ydv+.DestructiveActionDialog__row___l5Ydv{padding-top:26px}.DestructiveActionDialog__image___qABvQ{display:block;width:25px;height:24px;background-repeat:no-repeat;background-position:center center;background-size:contain}.DestructiveActionDialog__name___qu2oT{overflow:hidden;width:75px;padding-left:24px;white-space:nowrap;text-overflow:ellipsis;flex:1 auto}.DestructiveActionDialog__description___sxXPn{padding-left:24px;white-space:nowrap}.DestructiveActionDialog__itemCount___B2qU7{font-size:12px;display:flex;padding:12px 20px 0;justify-content:space-between}.DestructiveActionDialog__alertIcon___BdPWM{color:#c9252d;vertical-align:middle;display:inline-block;margin-right:4px}.DestructiveActionDialog__dialog___rp25k.spectrum-Dialog{max-width:480px;width:480px}.DestructiveActionDialog__dialog___rp25k .spectrum-Dialog-title{overflow-wrap:break-word;max-width:100%}.DestructiveActionDialog__body___tWUSx{list-style:none;margin-top:0px;margin-bottom:10px}.DestructiveActionDialog__body___tWUSx .DestructiveActionDialog__listText___edIEi{position:relative;padding-bottom:12px}.DestructiveActionDialog__body___tWUSx .DestructiveActionDialog__listText___edIEi:before{content:'\25CF';font-size:20px;color:#b3b3b3;display:inline-block;margin-left:-1em;padding-right:12px}.DestructiveActionDialog__extraContentWrapper___zIA52{display:flex}.DestructiveActionDialog__extraContentWrapper___zIA52 div{display:flex}@media only screen and (max-width: 768px){.DestructiveActionDialog__dialog___rp25k.spectrum-Dialog{max-width:calc(100% - 18px);width:calc(100% - 18px);padding:24px}.DestructiveActionDialog__dialog___rp25k .spectrum-Dialog-footer{padding-top:0px}.DestructiveActionDialog__message___FA_yp{font-weight:400;padding-top:0}}
.MakeTeamLibraryDialog__container___fc_gU{width:386px}.MakeTeamLibraryDialog__message___pj0Qd{font-size:14px;padding-top:24px;color:var(--spectrum-global-color-gray-800);padding-bottom:8px}.MakeTeamLibraryDialog__content___vZOoX{font-style:italic;color:var(--spectrum-global-color-gray-700)}.MakeTeamLibraryDialog__dropdown___ScDn5{width:100%;margin-bottom:16px}.MakeTeamLibraryDialog__moveDropDown___qKvez .spectrum-Dialog-header{padding-bottom:30px}.MakeTeamLibraryDialog__moveDropDown___qKvez .spectrum-Dialog-header::after{content:'';position:absolute;bottom:16px;left:0;right:0;content:'';height:2px;background:#e1e1e1}.MakeTeamLibraryDialog__moveDropDown___qKvez .spectrum-Dialog-header h2{font-size:18px;font-weight:bold;text-transform:initial;letter-spacing:initial;color:var(--spectrum-global-color-gray-900)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.EmptyTeamViewFactory__empty___lz67i{white-space:nowrap}.EmptyTeamViewFactory__empty___lz67i h2,.EmptyTeamViewFactory__empty___lz67i p{max-width:unset !important}.EmptyTeamViewFactory__empty___lz67i .spectrum-IllustratedMessage-heading{font-size:28px;font-weight:var(--spectrum-global-font-weight-light);margin-top:0px;color:var(--spectrum-global-color-gray-700)}.EmptyTeamViewFactory__empty___lz67i .spectrum-IllustratedMessage-description{word-break:break-all;white-space:normal;font-size:14px;font-style:italic;color:var(--spectrum-global-color-gray-800)}.EmptyTeamViewFactory__emptyLibraries___ZhVlP{width:80px;height:80px}
.EmptyView__emptyScrollView___vBoXw{overflow:auto;flex-grow:1;flex-basis:0;display:flex;align-items:flex-start;padding-bottom:32px;height:100%}.EmptyView__emptyContainer___SwhzI{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;align-items:center;justify-content:center;position:relative;border:2px dashed var(--spectrum-global-color-gray-400);background-color:var(--spectrum-global-color-gray-200);border-radius:22px;padding-top:30px;padding-bottom:30px;min-height:100%}.EmptyView__actionContainerParent___Mn1NX{margin-top:91px;margin-bottom:44px;height:260px;overflow-x:auto;overflow-y:visible;margin-left:auto;margin-right:auto;max-width:100%}.EmptyView__actionContainer___LtTdQ{width:100%;display:flex;justify-content:flex-start;flex-direction:row}.EmptyView__heading___WxW2a{max-width:730px;margin-left:80px;margin-right:80px;font-size:28px;font-weight:100;margin-bottom:14px;text-align:center;opacity:1}.EmptyView__description___ByA8a{max-width:730px;margin-left:80px;margin-right:80px;font-size:14px;font-weight:100;font-style:normal;text-align:center}.EmptyView__heading___WxW2a span{font-weight:100;font-size:28px;line-height:36px;color:var(--spectrum-global-color-gray-800)}.EmptyView__description___ByA8a span{font-size:14px;line-height:21px;color:var(--spectrum-global-color-gray-800)}.EmptyView__description___ByA8a .spectrum-Link span{color:var(--spectrum-global-color-blue-700);margin:0 6px}.EmptyView__emptyButton___tSxnD.spectrum-Button--quiet{flex-direction:column;padding-top:10px;height:max-content;flex-shrink:0;padding:0;margin:0;transition:none;border-radius:0}.EmptyView__emptyButton___tSxnD.spectrum-Button--quiet.focus-ring:after{display:none;transition:none}.EmptyView__emptyButton___tSxnD.spectrum-Button--secondary.spectrum-Button--quiet.focus-ring{background-color:transparent;border-color:transparent;transition:none}.EmptyView__emptyButton___tSxnD.spectrum-Button--secondary.spectrum-Button--quiet:active{background:none;border-color:transparent}.EmptyView__emptyButton___tSxnD.spectrum-Button--secondary.spectrum-Button--quiet:hover{background:none;border-color:transparent}.EmptyView__emptyIcon___ylbl3{position:relative;box-sizing:border-box;border:1px solid var(--spectrum-global-color-gray-400);border-radius:4px;background-color:var(--spectrum-global-color-gray-300)}.EmptyView__emptyIcon___ylbl3{width:180px;height:180px;padding:40px}.EmptyView__emptyButton___tSxnD:hover .EmptyView__emptyIcon___ylbl3{border:1px solid var(--spectrum-global-color-gray-500);background-color:var(--spectrum-global-color-gray-400)}.EmptyView__emptyButton___tSxnD:active .EmptyView__emptyIcon___ylbl3{border:1px solid var(--spectrum-global-color-gray-500);background-color:var(--spectrum-global-color-gray-500)}.EmptyView__emptyButton___tSxnD.spectrum-Button--secondary.spectrum-Button--quiet .EmptyView__emptyIcon___ylbl3:after{border-radius:6px;content:' ';display:block;position:absolute;left:0;right:0;bottom:0;top:0;margin:-10px;pointer-events:none}.EmptyView__emptyButton___tSxnD.spectrum-Button--secondary.spectrum-Button--quiet.focus-ring .EmptyView__emptyIcon___ylbl3:after{margin:-4px;box-shadow:0 0 0 2px var(--spectrum-global-color-blue-500)}.EmptyView__emptyIcon___ylbl3>svg{width:100%;height:100%}.EmptyView__emptyButtonLabel___YUVTG{align-self:flex-start;margin-top:10px;font-weight:normal;color:var(--spectrum-global-color-gray-800)}.EmptyView__actionContainerParent___Mn1NX .EmptyView__emptyButton___tSxnD.spectrum-Button--secondary.spectrum-Button--quiet{margin:12px}
.LibraryTeamView__body___E4G7y{position:relative;margin-left:0;margin-right:0;flex-grow:1}.LibraryTeamView__innerBody___aBb8N{position:absolute;top:0;bottom:0;left:0;right:0}.LibraryTeamView__teamViewCollection___ptULG{padding:0}
.LibraryTeamSelectionHeader__libraryTeamSelectionHeader___IMlnN{width:100%;height:unset;min-height:unset}
.index__title___HERTZ .index__dropdown___zd1ZX,.index__title___HERTZ .index__filter___zKkLl{display:none}.index__title___HERTZ.index__mobile___NM590{display:flex;justify-content:space-between;align-items:center}.index__title___HERTZ.index__mobile___NM590 .index__dropdown___zd1ZX{display:inline-block}.index__title___HERTZ.index__mobile___NM590 .index__filter___zKkLl{display:inline-block}.index__title___HERTZ.index__mobile___NM590 .index__pageTitle___yBIeu{display:none}.index__title___HERTZ.index__forceTitle___LuYDS .index__pageTitle___yBIeu{display:inline-block;width:100%}.index__title___HERTZ.index__forceTitle___LuYDS .index__dropdown___zd1ZX{display:none}
.index__dropdown___bDm8V{display:flex;align-items:center}.index__dropdown___bDm8V .index__label___Bkvne{font-size:12px;font-weight:400;margin:0 12px 0 0;color:var(--spectrum-global-color-gray-700)}.index__dropdown___bDm8V .index__select___Iw4n7{padding-right:14px}.index__dropdown___bDm8V .index__select___Iw4n7 .spectrum-Dropdown-label .orgname{display:none}
.index__breadcrumbs___f_XQX{overflow:hidden;display:flex;align-items:center}.index__breadcrumbs___f_XQX nav{width:100%;overflow:hidden;text-overflow:ellipsis}.index__breadcrumbs___f_XQX .spectrum-Breadcrumbs{display:flex}.index__breadcrumbs___f_XQX .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item{display:flex;overflow:visible;max-width:max-content}.index__breadcrumbs___f_XQX .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-of-type{min-width:0}.index__breadcrumbs___f_XQX .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink{min-width:0;cursor:pointer;font-weight:bold;font-size:18px}.index__breadcrumbs___f_XQX .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child{color:var(--spectrum-global-color-gray-900);margin-right:0;pointer-events:none;flex:1}.index__breadcrumbs___f_XQX .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child .spectrum-Breadcrumbs-itemLink>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:fit-content;width:calc(100vw - 36vw)}@media (max-width: 480px){.index__breadcrumbs___f_XQX .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child .spectrum-Breadcrumbs-itemLink>span{width:calc(100vw)}}.index__breadcrumbs___f_XQX .index__share___UKaAK{display:inline-block}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.ProjectRepresentation__gridCardPreview___kPKZE{padding:0 !important;border:1px solid var(--spectrum-global-color-gray-300)}.ProjectRepresentation__gridCardPreview___kPKZE .ProjectRepresentation__grid___wTERW{display:flex;flex-flow:column;justify-content:flex-end;height:100%;border-top-width:6px;border-top-style:solid;border-radius:4px 4px 0 0}.ProjectRepresentation__gridCardPreview___kPKZE .ProjectRepresentation__grid___wTERW .ProjectRepresentation__metadata___pGJFN{padding:0 16px 24px}.ProjectRepresentation__gridCardPreview___kPKZE .ProjectRepresentation__grid___wTERW .ProjectRepresentation__name___rsZHN{display:-webkit-box;color:var(--spectrum-global-color-gray-700);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:22px;font-weight:600;line-height:27px;max-height:83px;text-overflow:ellipsis;word-break:break-word;overflow:hidden}.ProjectRepresentation__list____Xlxf{height:100%;width:100%;position:relative;box-sizing:border-box;border-radius:4px;display:flex;align-items:center;justify-content:center}.ProjectRepresentation__list____Xlxf svg{color:var(--spectrum-global-color-gray-50);width:14px}.spectrum-Card--quiet:not(:hover) .ProjectRepresentation__gridCardPreview___kPKZE{background-color:var(--spectrum-global-color-gray-50) !important}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.react-spectrum-Breadcrumbs-icon {
cursor: default;
vertical-align: sub;
}
.spectrum-Breadcrumbs {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: start;
justify-content: start;
list-style-type: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.spectrum-Breadcrumbs-itemSeparator {
position: relative;
top: 1px;
width: 6px;
height: 8px;
transform: scale(1);
opacity: 1;
}
.spectrum-Breadcrumbs-item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: start;
box-sizing: border-box;
height: 32px;
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.spectrum-Breadcrumbs-item:last-of-type {
font-weight: 700;
}
.spectrum-Breadcrumbs-item:last-of-type .spectrum-Breadcrumbs-itemSeparator {
display: none;
}
.spectrum-Breadcrumbs-item > .spectrum-ActionButton {
margin-right: 1px;
}
.spectrum-Breadcrumbs-itemLink {
cursor: default;
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: start;
padding: 0 8px;
height: 32px;
margin-right: 1px;
border-radius: 4px;
outline: none;
text-decoration: none;
}
.spectrum-Breadcrumbs-itemLink:hover,
.spectrum-Breadcrumbs-itemLink.focus-ring {
text-decoration: underline;
}
.spectrum-Breadcrumbs-itemLink[href],
.spectrum-Breadcrumbs-itemLink[tabindex="0"] {
cursor: pointer;
}
.spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before,
.spectrum-Breadcrumbs-itemLink.focus-ring:before {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-radius: 4px;
content: '';
pointer-events: none;
}
.spectrum-Breadcrumbs--compact .spectrum-Breadcrumbs-item {
font-size: 14px;
}
.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
}
.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item:last-of-type {
height: auto;
width: 100%;
margin-top: 0px;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item:last-of-type .spectrum-Breadcrumbs-itemLink {
height: auto;
text-decoration: none;
}
.spectrum-Breadcrumbs--title .spectrum-Breadcrumbs-item:last-of-type {
width: 100%;
margin: 0.3em 0;
font-size: 28px;
font-weight: 300;
line-height: 32px;
}
.spectrum-Breadcrumbs--title .spectrum-Breadcrumbs-item .spectrum-Heading--pageTitle {
margin: 0;
font-size: inherit;
font-weight: inherit;
}
.spectrum--light .spectrum-Breadcrumbs-item {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink {
color: rgb(44, 44, 44);
background-color: rgba(20,115,230,0.1);
}
.spectrum--light .spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before {
border-color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemSeparator {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink {
color: inherit;
}
.spectrum--light .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink:hover {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.focus-ring {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.focus-ring:before {
border-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink:active {
color: rgb(44, 44, 44);
border-bottom: 0;
}
.spectrum--light .spectrum-Breadcrumbs-item.is-selected,
.spectrum--light .spectrum-Breadcrumbs-item:last-of-type {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-Breadcrumbs-item.is-selected ~ .spectrum-Breadcrumb:last-of-type {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Breadcrumbs-item.is-selected .spectrum-Breadcrumbs-itemLink.focus-ring {
color: rgb(44, 44, 44);
border-bottom: 0;
}
.spectrum--lightest .spectrum-Breadcrumbs-item {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink {
color: rgb(50, 50, 50);
background-color: rgba(38,128,235,0.1);
}
.spectrum--lightest .spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before {
border-color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemSeparator {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink {
color: inherit;
}
.spectrum--lightest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink:hover {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.focus-ring {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.focus-ring:before {
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink:active {
color: rgb(50, 50, 50);
border-bottom: 0;
}
.spectrum--lightest .spectrum-Breadcrumbs-item.is-selected,
.spectrum--lightest .spectrum-Breadcrumbs-item:last-of-type {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-Breadcrumbs-item.is-selected ~ .spectrum-Breadcrumb:last-of-type {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Breadcrumbs-item.is-selected .spectrum-Breadcrumbs-itemLink.focus-ring {
color: rgb(50, 50, 50);
border-bottom: 0;
}
.spectrum--darkest .spectrum-Breadcrumbs-item {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink {
color: rgb(239, 239, 239);
background-color: rgba(38,128,235,0.2);
}
.spectrum--darkest .spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before {
border-color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemSeparator {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink {
color: inherit;
}
.spectrum--darkest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink:hover {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.focus-ring {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.focus-ring:before {
border-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink:active {
color: rgb(239, 239, 239);
border-bottom: 0;
}
.spectrum--darkest .spectrum-Breadcrumbs-item.is-selected,
.spectrum--darkest .spectrum-Breadcrumbs-item:last-of-type {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-Breadcrumbs-item.is-selected ~ .spectrum-Breadcrumb:last-of-type {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Breadcrumbs-item.is-selected .spectrum-Breadcrumbs-itemLink.focus-ring {
color: rgb(239, 239, 239);
border-bottom: 0;
}
.AssetMiniatureElement__miniatureList___dAA0Q{display:flex;height:100%;cursor:pointer;align-items:center;border-left:2px solid transparent}.AssetMiniatureElement__miniatureList___dAA0Q .AssetMiniatureElement__listRepresentationContainer___L2p1w{width:24px;height:21px;margin-right:10px;padding:0}.AssetMiniatureElement__miniatureList___dAA0Q .AssetMiniatureElement__paddedRepresentation___Tk6zS{margin-left:10px}.AssetMiniatureElement__miniatureList___dAA0Q .AssetMiniatureElement__assetName___n96eH{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--spectrum-global-color-gray-800)}.AssetMiniatureElement__miniatureList___dAA0Q .AssetMiniatureElement__listAssetDetails___HGtIU{display:flex;width:calc( 100% - 24px - 10px * 2 - 11px);height:auto;margin-left:0;justify-content:space-between;align-items:center}.AssetMiniatureElement__miniatureList___dAA0Q .AssetMiniatureElement__assetNameAndFormat___kwlEP{width:auto;max-width:100%}.AssetMiniatureElement__miniatureList___dAA0Q .AssetMiniatureElement__assetFolderArrow___NXXo9{display:none}.AssetMiniatureElement__miniatureList___dAA0Q:not(.AssetMiniatureElement__noArrow___GekJh):hover{background-color:#f1f1f1}.AssetMiniatureElement__miniatureList___dAA0Q:not(.AssetMiniatureElement__noArrow___GekJh):hover:after{position:absolute;right:16px;display:block;width:11px;height:10px;content:'';-webkit-transform:rotate(180deg);transform:rotate(180deg);background:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/d5a45b4673921a47c6ee.svg) no-repeat 50% 50%}.AssetMiniatureElement__miniatureList___dAA0Q:not(.isFolder){pointer-events:none;opacity:0.3}.AssetMiniatureElement__miniatureList___dAA0Q.AssetMiniatureElement__isSelected___mKGeK{background-color:rgba(38,128,235,0.1)}.AssetMiniatureElement__miniatureList___dAA0Q:focus{outline:none}.AssetMiniatureElement__miniatureList___dAA0Q.focus-ring{background-color:rgba(44,44,44,0.04);border-left-color:var(--spectrum-table-cell-border-color-key-focus)}
.MovePopover__list___k8k9c{margin-bottom:12px;margin-top:12px;width:100%;height:212px;max-height:212px !important;box-sizing:border-box;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;background-color:var(--spectrum-global-color-gray-75) !important}.MovePopover__createbox___suMsR.spectrum-Popover{height:135px}.MovePopover__popover___qmNxt{position:absolute;width:265px;min-width:265px;transition-duration:0ms}.MovePopover__popover___qmNxt.spectrum-Popover{padding:14px 16px 16px;margin-top:4px;height:auto}.MovePopover__popover___qmNxt .spectrum-Popover-tip{display:none}.MovePopover__popover___qmNxt .spectrum-Dialog-content{padding-top:0}.MovePopover__popover___qmNxt .spectrum-Textfield{width:100%;margin-top:6px;margin-bottom:8px}.MovePopover__popover___qmNxt .spectrum-Button--quiet--action{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:bold;padding:0;color:var(--spectrum-global-color-gray-600)}.MovePopover__popover___qmNxt .spectrum-Button--quiet--action:active{background-color:transparent}.MovePopover__popover___qmNxt .spectrum-Button--cta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MovePopover__popover___qmNxt .miniature{box-sizing:border-box;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;background-color:var(--spectrum-global-color-gray-75)}.MovePopover__flexbox___NJcuz{display:flex;align-items:center;flex-wrap:nowrap;padding-bottom:10px}.MovePopover__title___Zmfm3{font-size:0.75em;letter-spacing:0.6px;text-transform:uppercase;color:#707070}.MovePopover__name___ogL4g{padding-top:12px;padding-bottom:5px;max-height:21px;flex-wrap:nowrap}.MovePopover__name___ogL4g .spectrum-Button{margin-right:12px}.MovePopover__name___ogL4g .MovePopover__nameText___h3ULe{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.MovePopover__actions___pl9RT{justify-content:space-between}.MovePopover__inlineActions___WhzQV{left:-16px;min-width:calc(100% - 16px)}.MovePopover__submitActions___U6nJ8{display:flex;flex-wrap:wrap-reverse;justify-content:center;overflow:hidden;position:relative;margin-bottom:-8px}.MovePopover__submitActions___U6nJ8 .spectrum-Button{margin-left:16px;margin-bottom:8px;margin-top:4px}.MovePopover__submitActions___U6nJ8 .spectrum-Button>span{line-height:initial;overflow:hidden;text-overflow:ellipsis}.MovePopover__searchField___SwDSu{height:204px;margin-bottom:12px;border:1px solid var(--spectrum-global-color-gray-300);border-radius:2%;background-color:var(--spectrum-global-color-gray-75)}.MovePopover__createFolderButton___Bes8F{z-index:10020}.MovePopover__searchPlaceholder___dKJhl{font-style:italic;position:absolute;top:calc(50% - 20px);left:calc(50% - 60px);max-width:120px;text-align:center;opacity:0.33;text-overflow:ellipsis;overflow:hidden}.MovePopover__searchPlaceholder___dKJhl .MovePopover__searchDirectory___gqtHi{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 10px);vertical-align:middle}.MovePopover__searchPlaceholder___dKJhl .MovePopover__quotes___yVblM:before,.MovePopover__searchPlaceholder___dKJhl .MovePopover__quotes___yVblM:after{display:inline-block;content:'"'}.MovePopover__tooltip___dhe3V.spectrum-Tooltip{left:19.5px;will-change:transform;position:absolute;top:72px;z-index:10020;max-width:110px;margin-left:105px}.MovePopover__softArrowLeft____JDMr.spectrum-ActionButton{min-width:36px}.MovePopover__softArrowLeft____JDMr.spectrum-ActionButton:before{display:block;width:12px;height:11px;content:'';background:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/d5a45b4673921a47c6ee.svg) no-repeat 50% 50%}.MovePopover__libraryList___WE4Nw{height:206px;box-sizing:border-box;border:1px solid var(--spectrum-global-color-gray-300);border-radius:4px;margin-bottom:12px;margin-top:12px}
.TransferredLinkRedirectionWarning__dialog___lzh59.react-spectrum-Dialog{width:calc( var(--spectrum-global-dimension-static-size-6000) + var(--spectrum-global-dimension-static-size-250))}.TransferredLinkRedirectionWarning__checkbox___Y5hhs{padding-top:10px}.TransferredLinkRedirectionWarning__fileName___UInbe{font-weight:var(--spectrum-global-font-weight-bold)}.TransferredLinkRedirectionWarning__alert___BBiey{position:absolute;top:0;right:0;margin:var(--spectrum-global-dimension-static-size-500);color:#e68619}
.CloudDocConvertDialog__dialog___DgVP8.react-spectrum-Dialog{width:calc( var(--spectrum-global-dimension-static-size-6000) + var(--spectrum-global-dimension-static-size-250))}.CloudDocConvertDialog__title___yXSp6{font-weight:var(--spectrum-global-font-weight-bold)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.Sidebar__Sidebar___ouF5G{display:flex}.Sidebar__Sidebar___ouF5G.Sidebar__onSide___g1x15{flex-direction:row}.Sidebar__Sidebar___ouF5G.Sidebar__onBottom___nO5rM{flex-direction:column}.Sidebar__Sidebar___ouF5G .spectrum-ActionButton+.spectrum-ActionButton{margin-left:0}.Sidebar__Divider___oiVgC{border-bottom:0.125rem solid var(--spectrum-global-color-gray-200);width:32px;height:1px;margin:0;padding:0}.Sidebar__SidebarPanel___ppCbG{background-color:var(--background-color-primary);overflow-y:auto;position:relative}.Sidebar__SidebarPanel___ppCbG.Sidebar__onSide___g1x15{width:335px;height:100%;border-left:1px solid var(--spectrum-global-color-gray-200)}.Sidebar__SidebarPanel___ppCbG.Sidebar__onBottom___nO5rM{width:100%;border-top:1px solid var(--spectrum-global-color-gray-200);flex-basis:100%}.Sidebar__ActionBar___CQWo5{display:flex;padding:8px 6px;background-color:var(--background-color-primary)}.Sidebar__ActionBar___CQWo5.Sidebar__horizontal___ea9Dw{flex-direction:row;justify-content:space-around;border-top:1px solid var(--spectrum-alias-border-color-light)}.Sidebar__ActionBar___CQWo5.Sidebar__vertical___PoU4K{flex-direction:column;justify-content:flex-start;border-left:1px solid var(--spectrum-alias-border-color-light)}.Sidebar__ActionBar___CQWo5.Sidebar__vertical___PoU4K>button{margin-bottom:6px}.Sidebar__ActionBar___CQWo5.Sidebar__vertical___PoU4K .Sidebar__buttons___eCY5Z{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;margin-top:auto;-webkit-align-items:center;align-items:center}.Sidebar__ActionBar___CQWo5.Sidebar__vertical___PoU4K .Sidebar__buttons___eCY5Z>*{padding-top:6px;padding-bottom:6px}.Sidebar__ActionBar___CQWo5 .Sidebar__reportAbuse___JKjA7{position:absolute;right:7px;bottom:18px}
.ShareButton__popoverContent___ToOVg{display:flex;flex-direction:column;align-items:center}.ShareButton__popoverContent___ToOVg .ShareButton__buttons___xeJdF{flex-direction:row;margin-top:32px;white-space:nowrap}.ShareButton__popoverContent___ToOVg .ShareButton__dialog___m8oz7{font-size:12px}.ShareButton__popoverContent___ToOVg .spectrum-Breadcrumbs-item{margin:0}.ShareButton__popoverContent___ToOVg .spectrum-Breadcrumbs-itemLink{font-size:14px;font-weight:bold;height:unset}.ShareButton__popoverContent___ToOVg .spectrum-Breadcrumbs-itemSeparator{top:0;right:0}.ShareButton__projectsPopover___cYu6Z .spectrum-Heading--subtitle3{margin:0 0 25px !important}.ShareButton__projectsPopover___cYu6Z .spectrum-Popover--dialog{padding:17px 17px 30px !important}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.SpacesMetadata__dot___iA3FH{height:3px;width:3px;margin:4px 3px;background-color:var(--spectrum-global-color-gray-500);border-radius:50%;display:inline-block}.SpacesMetadata__spacesIcon___bfkF5{height:15px;width:15px;margin-right:8px;padding:3px;border-radius:4px}.SpacesMetadata__collaborator___M2bYy{margin-left:3px}.SpacesMetadata__projectName___It5VC{font-size:14px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;justify-content:center;flex-direction:column}.SpacesMetadata__projectName___It5VC:hover{cursor:default;text-decoration:underline}.SpacesMetadata__spaceNameAndIconContainer___tDgFn{display:flex;margin-top:5px}.SpacesMetadata__spaceMetadataContainer___ZCiRU{display:flex;align-items:center;font-size:11px;margin-left:30px}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.MetadataPanel__component___CIRwZ{box-sizing:border-box;padding:32px;font-weight:300;color:var(--spectrum-global-color-gray-600)}@media only screen and (max-width: 600px){.MetadataPanel__component___CIRwZ.MetadataPanel__mobile___GJpMs{width:100%}}.MetadataPanel__verticalLayout___jt2mR{flex-direction:column}.MetadataPanel__row___eUqYN,.MetadataPanel__fullWidthRow___vLqfw,.MetadataPanel__colorValueRow___Dy3xo{border-bottom:1px solid var(--spectrum-global-color-gray-300);display:flex;padding:10px 0;width:100%}.MetadataPanel__row___eUqYN.MetadataPanel__isSubRow___hQEf0,.MetadataPanel__isSubRow___hQEf0.MetadataPanel__fullWidthRow___vLqfw,.MetadataPanel__isSubRow___hQEf0.MetadataPanel__colorValueRow___Dy3xo{border-bottom:none;padding:0}.MetadataPanel__row___eUqYN.MetadataPanel__disabled___EhRLc,.MetadataPanel__disabled___EhRLc.MetadataPanel__fullWidthRow___vLqfw,.MetadataPanel__disabled___EhRLc.MetadataPanel__colorValueRow___Dy3xo{color:#b3b3b3}.MetadataPanel__row___eUqYN .MetadataPanel__label___rmrzG,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__label___rmrzG,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__label___rmrzG,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__noteLabel___SslmX,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__colorValue___RefTh .MetadataPanel__colorValueLabel___uUfHA{font-size:10.5px;letter-spacing:0.666px;text-transform:uppercase;width:106px;min-width:106px;align-items:center;line-height:2}.MetadataPanel__row___eUqYN .MetadataPanel__colorThemeLabel___P5fch,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__colorThemeLabel___P5fch,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__colorThemeLabel___P5fch{width:270px}.MetadataPanel__row___eUqYN .MetadataPanel__value___V1RrF,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__value___V1RrF,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__value___V1RrF{font-size:14px;text-overflow:ellipsis;flex:1;min-width:0}.MetadataPanel__row___eUqYN .MetadataPanel__value___V1RrF .MetadataPanel__license___XxDDN,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__value___V1RrF .MetadataPanel__license___XxDDN,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__value___V1RrF .MetadataPanel__license___XxDDN{display:inline-flex;align-items:center}.MetadataPanel__row___eUqYN .MetadataPanel__value___V1RrF .MetadataPanel__license___XxDDN .MetadataPanel__checkMark___ueAge,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__value___V1RrF .MetadataPanel__license___XxDDN .MetadataPanel__checkMark___ueAge,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__value___V1RrF .MetadataPanel__license___XxDDN .MetadataPanel__checkMark___ueAge{align-content:center;height:15px;margin-right:6px;content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/fbf653a7d0476aeb691a.svg)}.MetadataPanel__row___eUqYN .MetadataPanel__value___V1RrF .MetadataPanel__libraryName___XLiDw,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__value___V1RrF .MetadataPanel__libraryName___XLiDw,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__value___V1RrF .MetadataPanel__libraryName___XLiDw{overflow:hidden;text-overflow:ellipsis;align-items:center}.MetadataPanel__row___eUqYN .MetadataPanel__value___V1RrF .MetadataPanel__libraryName___XLiDw .MetadataPanel__icon___UxeWn,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__value___V1RrF .MetadataPanel__libraryName___XLiDw .MetadataPanel__icon___UxeWn,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__value___V1RrF .MetadataPanel__libraryName___XLiDw .MetadataPanel__icon___UxeWn{padding-right:5px;position:relative;top:2px}.MetadataPanel__row___eUqYN .MetadataPanel__value___V1RrF .MetadataPanel__buyButton___WGQ1w,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__value___V1RrF .MetadataPanel__buyButton___WGQ1w,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__value___V1RrF .MetadataPanel__buyButton___WGQ1w{margin-top:5px}.MetadataPanel__row___eUqYN .MetadataPanel__value___V1RrF .MetadataPanel__buyButton___WGQ1w .MetadataPanel__buttonText___HrWpz,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__value___V1RrF .MetadataPanel__buyButton___WGQ1w .MetadataPanel__buttonText___HrWpz,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__value___V1RrF .MetadataPanel__buyButton___WGQ1w .MetadataPanel__buttonText___HrWpz{margin-left:7px}.MetadataPanel__row___eUqYN .MetadataPanel__value___V1RrF .MetadataPanel__hexValueColor___Z4IgP,.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__value___V1RrF .MetadataPanel__hexValueColor___Z4IgP,.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__value___V1RrF .MetadataPanel__hexValueColor___Z4IgP{letter-spacing:0.3px}.MetadataPanel__fullWidthRow___vLqfw{display:block}.MetadataPanel__fullWidthRow___vLqfw .MetadataPanel__noteLabel___SslmX{margin-left:5px;margin-top:-1px}.MetadataPanel__fullWidthHeading___DBUHl{display:flex}.MetadataPanel__fontDialog___fzM4H{max-width:600px}.MetadataPanel__fontDialog___fzM4H .MetadataPanel__dialogContentContainer___gil_a{padding-left:15px;padding-right:30px}.MetadataPanel__fontDialog___fzM4H .MetadataPanel__dialogContentContainer___gil_a .MetadataPanel__dialogRow___s1ifI{padding-bottom:20px}.MetadataPanel__fontDialog___fzM4H .MetadataPanel__dialogContentContainer___gil_a .MetadataPanel__dialogHeading___cx3Oj{display:flex;align-items:center}.MetadataPanel__fontDialog___fzM4H .MetadataPanel__dialogContentContainer___gil_a .MetadataPanel__dialogHeadingText____x8Tw{color:var(--spectrum-global-color-gray-700);margin-left:10px}.MetadataPanel__fontDialog___fzM4H .MetadataPanel__dialogContentContainer___gil_a .MetadataPanel__dialogContentText___O_mSm{margin-left:28px}.MetadataPanel__fontDialog___fzM4H .MetadataPanel__dialogFooter___T26ZD{display:flex;justify-content:space-between;margin-top:48px}.MetadataPanel__fontFamilyAction___Um4T5{align-items:center;display:flex}.MetadataPanel__fontFamilyAction___Um4T5 .MetadataPanel__switchLabel___i1Bdz{margin-left:10px;height:100%;color:var(--spectrum-global-color-gray-500) !important}.MetadataPanel__fontFamilyAction___Um4T5 a{color:var(--spectrum-global-color-blue-600);text-decoration:none}.MetadataPanel__fontFamilyAction___Um4T5 a:hover{text-decoration:underline}.MetadataPanel__activationError___UI7SZ a{padding-left:0.5em;color:var(--spectrum-global-color-gray-50);text-decoration:underline}.MetadataPanel__activationError___UI7SZ a:hover{opacity:0.75}.MetadataPanel__colorSwatches___WQiIJ{display:flex;margin-top:6px}.MetadataPanel__colorSwatches___WQiIJ .MetadataPanel__colorSwatch___tnHO7{border-radius:3px;width:48px;height:48px;margin-right:8px}.MetadataPanel__colorSwatches___WQiIJ .MetadataPanel__colorSwatch___tnHO7:last-child{margin-right:0}.MetadataPanel__colorSwatches___WQiIJ .MetadataPanel__isSelected___nkJ_P{box-sizing:border-box;border:2px solid #1473e6}.MetadataPanel__colorValueRow___Dy3xo{border-bottom:none}.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__colorValue___RefTh{display:flex}.MetadataPanel__colorValueRow___Dy3xo .MetadataPanel__colorValue___RefTh .MetadataPanel__colorValueLabel___uUfHA{width:40px;min-width:40px}.MetadataPanel__noteBody___Ago1V{word-wrap:break-word}.MetadataPanel__gradientStops___ZfwCJ{position:relative}.MetadataPanel__gradientStops___ZfwCJ .MetadataPanel__gradientStopSelector___U0UMY{display:flex;align-items:center;position:relative;left:-12px;width:fit-content}.MetadataPanel__gradientStops___ZfwCJ .MetadataPanel__gradientStopSelector___U0UMY .MetadataPanel__stopCounter___bEBkO{margin:0 12px}.MetadataPanel__gradientStops___ZfwCJ .MetadataPanel__gradientStopExplorer___BUQJi{position:relative;left:calc(-1 * 106px);min-width:calc( 100px - 32px * 2);width:calc( 335px - 32px * 2)}.MetadataPanel__gradientStops___ZfwCJ .MetadataPanel__gradientStopExplorer___BUQJi .MetadataPanel__gradientStopSlider___pbBAH{margin:16px 0;min-height:24px}.MetadataPanel__gradientStops___ZfwCJ .MetadataPanel__gradientStopExplorer___BUQJi .MetadataPanel__gradientStopSlider___pbBAH .spectrum-Slider{background-color:#c4c4c4;background-image:linear-gradient(225deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5),linear-gradient(225deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5);background-size:10px 10px;background-position:0 0,5px 5px;background-clip:border-box;border-radius:4px}.MetadataPanel__gradientStops___ZfwCJ .MetadataPanel__gradientStopExplorer___BUQJi .MetadataPanel__gradientStopSlider___pbBAH .spectrum-Slider .spectrum-Slider-controls{height:24px;width:100%;background-image:var(--gradientElement-slider-color);border-radius:4px;margin:0}.MetadataPanel__gradientStops___ZfwCJ .MetadataPanel__gradientStopExplorer___BUQJi .MetadataPanel__gradientStopSlider___pbBAH .spectrum-Slider .spectrum-Slider-controls .spectrum-Slider-track{display:none}.MetadataPanel__gradientStops___ZfwCJ .MetadataPanel__gradientStopExplorer___BUQJi .MetadataPanel__gradientStopSlider___pbBAH .spectrum-Slider .spectrum-Slider-controls .spectrum-Slider-handle{box-shadow:none;border:3px solid var(--spectrum-global-color-gray-300);border-radius:12px;height:24px;width:24px;top:12px;background:transparent}
.Pin__cursorMarker___iXtDD{align-items:center;background-color:var(--ccx-comments-pin-color);border:1px solid white;box-sizing:border-box;color:#fff;cursor:none;display:none;fill:#fff;flex-direction:column;justify-content:center;line-height:var(--ccx-comments-cursor-marker-line-height);pointer-events:none;position:fixed;z-index:1000}.Pin__cursorMarker___iXtDD.compact,body.ccx-comments-adding-annotation-pin .Pin__cursorMarker___iXtDD{display:flex}.Pin__component___ABfOW{--pin-diameter: 24px;font-size:12px;left:calc(var(--offset-x) - var(--pin-diameter) / 2);top:calc(var(--offset-y) - var(--pin-diameter) / 2);background:var(--ccx-comments-pin-color);box-sizing:border-box;color:#fff;cursor:pointer;pointer-events:auto;position:absolute;touch-action:none;user-select:none;z-index:3;display:flex;justify-content:center;align-items:center;height:var(--pin-diameter);width:var(--pin-diameter);border-radius:var(--pin-diameter);border:1px solid white}.Pin__component___ABfOW.touch-size:before{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.Pin__component___ABfOW.ignore-mouse-events{pointer-events:none}.annotating-new .Pin__component___ABfOW{cursor:none}#ccx-annotations-overlay:not(.touch) .Pin__component___ABfOW:hover,.Pin__component___ABfOW.hovered,.Pin__component___ABfOW.selected:not(.temp-pin){--ccx-comments-pin-color: var(--ccx-comments-annotation-highlight) !important;z-index:4}.Pin__component___ABfOW.temp-pin{background:#fff;color:var(--ccx-comments-pin-color);border:1px dashed var(--ccx-comments-pin-color)}.Pin__component___ABfOW.can-move{cursor:move}.Pin__component___ABfOW.selected:not(.temp-pin)::after{content:"";position:absolute;height:var(--pin-diameter);width:var(--pin-diameter);border-radius:30px;border:2px solid var(--ccx-comments-annotation-outline)}
.Drawing__component___PELj3{cursor:pointer;display:inline-block;pointer-events:none;position:absolute;user-select:none;z-index:1}.Drawing__component___PELj3.ignore-mouse-events svg path{pointer-events:none}.Drawing__component___PELj3 svg{overflow:visible !important;pointer-events:none;transform:translate3d(0, 0, 0)}.Drawing__component___PELj3 svg path{pointer-events:stroke;stroke-linejoin:round}.Drawing__component___PELj3.hovered,#ccx-annotations-overlay:not(.touch) .Drawing__component___PELj3:hover,.Drawing__component___PELj3.selected:not(.temp-drawing){border:2px solid var(--ccx-comments-annotation-outline);margin-left:-2px;margin-top:-2px}
.Text__component___u1Vg3{cursor:pointer;display:inline-block;pointer-events:auto;position:absolute;user-select:none;z-index:2}.Text__component___u1Vg3.ignore-mouse-events{pointer-events:none}.Text__component___u1Vg3 svg{position:absolute;transform:translate3d(0, 0, 0)}.Text__component___u1Vg3.hovered,#ccx-annotations-overlay:not(.touch) .Text__component___u1Vg3:hover,.Text__component___u1Vg3.selected{border:2px solid var(--ccx-comments-annotation-outline);margin-left:-2px;margin-top:-2px}
.Insert__component___Qbb9l{cursor:pointer;display:inline-block;pointer-events:auto;position:absolute;user-select:none;z-index:2}.Insert__component___Qbb9l.ignore-mouse-events{pointer-events:none}.Insert__component___Qbb9l.hovered,.Insert__component___Qbb9l:hover,.Insert__component___Qbb9l.selected{border:2px solid var(--ccx-comments-annotation-outline);margin-left:-2px;margin-top:-2px}
.AnnotationsView__component___MPyat{background:transparent;font-size:var(--ccx-comments-annotation-view-font-size);height:100%;left:0;pointer-events:none;user-select:none;position:absolute;touch-action:pan-x pan-y pinch-zoom;top:0;width:100%}@supports (-ms-ime-align: auto){.AnnotationsView__component___MPyat{touch-action:pinch-zoom}}.AnnotationsView__component___MPyat.capture-pointer-events{pointer-events:auto}.AnnotationsView__component___MPyat.annotating-new{pointer-events:auto}.AnnotationsView__component___MPyat.annotating-new.hide-cursor{cursor:none}.AnnotationsView__component___MPyat.annotating-new.highlight:hover{background-color:rgba(231,176,0,0.53)}.AnnotationsView__component___MPyat.addining-annotation-draw{cursor:url("data:image/svg+xml;utf8,") 15 15,auto}body.ccx-comments-adding-annotation-highlight,body.ccx-comments-adding-annotation-insert,body.ccx-comments-adding-annotation-replace,body.ccx-comments-adding-annotation-strikethrough{cursor:url("data:image/svg+xml;utf8,") 0 15,auto}
.FadeOut__component___m7Q1_{transition:opacity 2000ms ease-in-out 0s;opacity:1}.FadeOut__component___m7Q1_.is-complete,.FadeOut__component___m7Q1_.is-visible{transition:initial}.FadeOut__component___m7Q1_.is-visible:not(.is-complete){opacity:1 !important}.FadeOut__component___m7Q1_.fade-exit-active{opacity:0}
.AnnotationsMaskView__component___yrGbS{background:transparent;cursor:pointer;font-size:var(--ccx-comments-annotation-mask-view-font-size);height:100%;pointer-events:auto;position:absolute;user-select:none;width:100%;z-index:3}.AnnotationsMaskView__component___yrGbS.no-capture-pointer-events{pointer-events:none}.AnnotationsMaskView__component___yrGbS .hint-mask{align-items:center;background:rgba(0,0,0,0.5);color:#fff;display:flex;flex-direction:column;fill:#fff;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}
.custom-visually-hidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.custom-visually-hidden.is-focusable:active,.custom-visually-hidden.is-focusable:focus{clip:auto;clip-path:none;height:auto;margin:inherit;overflow:visible;position:static;width:auto;white-space:inherit}
.Divider__component___c9tOz{background:var(--ccx-comments-border-color-1);margin:var(--ccx-comments-divider-margin);height:1px}
.UserCard__component___bEOlk{align-items:center;cursor:pointer;display:flex;padding:var(--ccx-comments-user-card-padding)}.latest-mobile .UserCard__component___bEOlk{flex:1;--ccx-comments-user-card-padding: 8px 20px}.latest-mobile .UserCard__component___bEOlk .name{font-size:var(--ccx-comments-user-card-name-font-size--mobile)}.latest-mobile .UserCard__component___bEOlk .email,.latest-mobile .UserCard__component___bEOlk .org-name{font-size:var(--ccx-comments-user-card-email-font-size--mobile);color:var(--ccx-comments-user-card-subtitle-color)}.latest-mobile .UserCard__component___bEOlk .text-wrapper{line-height:initial}.latest-mobile .UserCard__component___bEOlk .avatar-column{display:flex;--ccx-comments-avatar-column-margin-right: 18px}.UserCard__component___bEOlk.selected{background-color:var(--ccx-comments-background-color-2)}.UserCard__component___bEOlk .avatar-column{margin-right:var(--ccx-comments-avatar-column-margin-right);flex-shrink:0}.UserCard__component___bEOlk .text-wrapper{flex-basis:auto;font-size:11px;line-height:16px;min-width:0;flex:1 0 0;-ms-flex:1 0 0;width:100%}.UserCard__component___bEOlk .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ccx-comments-user-card-name-font-size);font-weight:var(--ccx-comments-user-card-name-font-weight)}.UserCard__component___bEOlk .email,.UserCard__component___bEOlk .org-name{overflow:hidden;text-overflow:ellipsis;font-size:var(--ccx-comments-user-card-email-font-size)}.UserCard__component___bEOlk .matched-character{color:var(--ccx-comments-text-box-mention-font-color)}.UserCard__component___bEOlk.popover{padding:0 0 0px;min-width:0;pointer-events:none}.UserCard__component___bEOlk.popover .spectrum-Dialog-content{padding-top:0}.UserCard__component___bEOlk.popover .email,.UserCard__component___bEOlk.popover .name,.UserCard__component___bEOlk.popover .org-name{text-overflow:initial;white-space:normal;word-wrap:break-word}.UserCard__component___bEOlk.popover .name{font-weight:bold}.UserCard__component___bEOlk.popover .text-wrapper{max-width:100%;word-break:break-all}
.UserAvatar__avatar___ajnwW{border-radius:50%;height:var(--ccx-comments-avatar-size);width:var(--ccx-comments-avatar-size)}.latest-mobile .UserAvatar__avatar___ajnwW{--ccx-comments-avatar-size: 42px}.UserAvatar__avatar___ajnwW.placeholder rect{fill:var(--ccx-comments-avatar-background)}.UserAvatar__avatar___ajnwW.placeholder path{fill:var(--ccx-comments-avatar-foreground)}
.SuggestionsList__component___VeEoO{background:var(--ccx-comments-background-color-1);border:1px solid var(--ccx-comments-border-color-2);border-radius:var(--ccx-comments-border-radius-sm);bottom:100%;box-sizing:border-box;margin:0;max-height:250px;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:3;list-style-type:none}.reply-box-wrap .SuggestionsList__component___VeEoO,.edit-wrapper .SuggestionsList__component___VeEoO{z-index:1}.compact .SuggestionsList__component___VeEoO{max-height:200px}.latest-mobile .compact .SuggestionsList__component___VeEoO{border-radius:0;border:none;bottom:initial;flex-shrink:0;margin-bottom:16px;max-height:calc(var(--ccx-comments-suggestion-list-item-height) * 3);position:relative;background:var(--ccx-comments-suggestion-list-bg-color)}.latest-mobile .compact .SuggestionsList__component___VeEoO li{display:flex;height:var(--ccx-comments-suggestion-list-item-height)}.SuggestionsList__component___VeEoO.below{bottom:auto;top:100%}.SuggestionsList__component___VeEoO .empty-list{color:var(--ccx-comments-text-color-2);padding:var(--ccx-comments-margin-md)}.SuggestionsList__component___VeEoO .avatar-column{display:flex;margin-right:var(--ccx-comments-avatar-column-margin-right)}.latest-mobile .SuggestionsList__component___VeEoO .avatar-column{--ccx-comments-avatar-column-margin-right: 18px}
.EmojiResult__component___BucgR{align-items:center;cursor:pointer;display:flex;padding:var(--ccx-comments-emoji-result-padding)}.EmojiResult__component___BucgR.selected{background-color:var(--ccx-comments-background-color-2)}.EmojiResult__component___BucgR mark{background-color:var(--ccx-comments-emoji-text-highlight);color:var(--ccx-comments-text-color-1)}.EmojiResult__component___BucgR .emoji-icon{margin-right:var(--ccx-comments-margin-sm);flex-shrink:0;font-size:var(--ccx-comments-emoji-icon-font-size)}.EmojiResult__component___BucgR .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ccx-comments-emoji-name-font-size);font-weight:var(--ccx-comments-emoji-name-font-weight)}
.EmojiSuggestions__component___tRd2v{background:var(--ccx-comments-background-color-1);border:1px solid var(--ccx-comments-border-color-2);border-radius:var(--ccx-comments-border-radius-sm);box-sizing:border-box;margin:0;max-height:250px;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:2;list-style-type:none;bottom:auto;top:100%}.reply-box-wrap .EmojiSuggestions__component___tRd2v,.edit-wrapper .EmojiSuggestions__component___tRd2v{z-index:1}
.emoji-mart,
.emoji-mart * {
box-sizing: border-box;
line-height: 1.15;
}
.emoji-mart {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
font-size: 16px;
display: inline-block;
color: #222427;
border: 1px solid #d9d9d9;
border-radius: 5px;
background: #fff;
}
.emoji-mart .emoji-mart-emoji {
padding: 6px;
}
.emoji-mart-bar {
border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
border-bottom-width: 1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
border-top-width: 1px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 6px;
line-height: 0;
}
.emoji-mart-anchor {
position: relative;
display: block;
flex: 1 1 auto;
color: #858585;
text-align: center;
padding: 12px 4px;
overflow: hidden;
transition: color .1s ease-out;
margin: 0;
box-shadow: none;
background: none;
border: none;
}
.emoji-mart-anchor:focus { outline: 0 }
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
bottom: 0;
}
.emoji-mart-anchor-bar {
position: absolute;
bottom: -3px; left: 0;
width: 100%; height: 3px;
background-color: #464646;
}
.emoji-mart-anchors i {
display: inline-block;
width: 100%;
max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
fill: currentColor;
height: 18px;
width: 18px;
}
.emoji-mart-scroll {
overflow-y: scroll;
overflow-x: hidden;
height: 270px;
padding: 0 6px 6px 6px;
will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}
.emoji-mart-search {
margin-top: 6px;
padding: 0 6px;
position: relative;
}
.emoji-mart-search input {
font-size: 16px;
display: block;
width: 100%;
padding: 5px 25px 6px 10px;
border-radius: 5px;
border: 1px solid #d9d9d9;
outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
/* remove webkit/blink styles for
* via https://stackoverflow.com/a/9422689 */
-webkit-appearance: none;
}
.emoji-mart-search-icon {
position: absolute;
top: 7px;
right: 11px;
z-index: 2;
padding: 2px 5px 1px;
border: none;
background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
z-index: 1;
position: relative;
text-align: center;
cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
z-index: 0;
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-color: #f4f4f4;
border-radius: 100%;
}
.emoji-mart-category-label {
z-index: 2;
position: relative;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.emoji-mart-category-label span {
display: block;
width: 100%;
font-weight: 500;
padding: 5px 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, .95);
}
.emoji-mart-category-list {
margin: 0;
padding: 0;
}
.emoji-mart-category-list li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.emoji-mart-emoji {
position: relative;
display: inline-block;
font-size: 0;
margin: 0;
padding: 0;
border: none;
background: none;
box-shadow: none;
}
.emoji-mart-emoji-native {
font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}
.emoji-mart-no-results {
font-size: 14px;
text-align: center;
padding-top: 70px;
color: #858585;
}
.emoji-mart-no-results-img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
content: none;
}
.emoji-mart-preview {
position: relative;
height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
left: 12px;
}
.emoji-mart-preview-data {
left: 68px; right: 12px;
word-break: break-all;
}
.emoji-mart-preview-skins {
right: 30px;
text-align: right;
}
.emoji-mart-preview-skins.custom {
right: 10px;
text-align: right;
}
.emoji-mart-preview-name {
font-size: 14px;
}
.emoji-mart-preview-shortname {
font-size: 12px;
color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
margin-left: .5em;
}
.emoji-mart-preview-emoticon {
font-size: 11px;
color: #bbb;
}
.emoji-mart-title span {
display: inline-block;
vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
padding: 0;
}
.emoji-mart-title-label {
color: #999A9C;
font-size: 26px;
font-weight: 300;
}
.emoji-mart-skin-swatches {
font-size: 0;
padding: 2px 0;
border: 1px solid #d9d9d9;
border-radius: 12px;
background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
font-size: 0;
border: none;
background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
width: 16px;
padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
opacity: .75;
}
.emoji-mart-skin-swatch {
display: inline-block;
width: 0;
vertical-align: middle;
transition-property: width, padding;
transition-duration: .125s;
transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }
.emoji-mart-skin-swatch.selected {
position: relative;
width: 16px;
padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 4px; height: 4px;
margin: -2px 0 0 -2px;
background-color: #fff;
border-radius: 100%;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease-out;
}
.emoji-mart-skin-swatch.custom {
display: inline-block;
width: 0;
height: 38px;
overflow: hidden;
vertical-align: middle;
transition-property: width, height;
transition-duration: .125s;
transition-timing-function: ease-out;
cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
position: relative;
width: 36px;
height: 38px;
padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
content: "";
width: 0;
height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
background-color: #f4f4f4;
border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
width: 36px;
height: 38px;
padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
opacity: .75;
}
.emoji-mart-skin-text.opened {
display: inline-block;
vertical-align: middle;
text-align: left;
color: #888;
font-size: 11px;
padding: 5px 2px;
width: 95px;
height: 40px;
border-radius: 10%;
background-color: #fff;
}
.emoji-mart-skin {
display: inline-block;
width: 100%;
padding-top: 100%;
max-width: 12px;
border-radius: 100%;
}
.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }
/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/*
* Dark mode styles
*/
.emoji-mart-dark {
color: #fff;
border-color: #555453;
background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
color: #fff;
border-color: #555453;
background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
background-color: #222;
color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
border-color: #555453;
background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
color: #bfbfbf;
}
.EmojiPicker__component___DBTe5{position:absolute;right:0;left:0;z-index:2}.reply-box-wrap .EmojiPicker__component___DBTe5,.edit-wrapper .EmojiPicker__component___DBTe5{z-index:1}
.Textarea__component___Okoi_{flex:1;user-select:auto;width:100%;max-height:80px}.latest-mobile .Textarea__component___Okoi_{max-height:none}.compact .Textarea__component___Okoi_{word-break:break-word;max-height:56px}.compact .Textarea__component___Okoi_ .textarea{font-size:var(--ccx-comments-textarea-compact-font-size)}.latest-mobile .compact .Textarea__component___Okoi_{max-height:initial}.Textarea__component___Okoi_ .textarea{background:inherit;border:none;box-sizing:border-box;display:inline-block;font-family:inherit;font-size:var(--ccx-comments-textarea-font-size);height:100%;outline:none;overflow-y:auto;padding:0;resize:none;white-space:pre-wrap;width:100%;padding:var(--ccx-comments-margin-sm) var(--ccx-comments-margin-md);position:relative}.Textarea__component___Okoi_ .textarea.plain{color:inherit;line-height:inherit}.Textarea__component___Okoi_ .textarea.plain::-webkit-input-placeholder{color:var(--ccx-comments-textarea-color);font-style:var(--ccx-comments-italic-style)}.Textarea__component___Okoi_ .textarea.plain:-moz-placeholder{color:var(--ccx-comments-textarea-color);font-style:var(--ccx-comments-italic-style)}.Textarea__component___Okoi_ .textarea.plain::-moz-placeholder{color:var(--ccx-comments-textarea-color);font-style:var(--ccx-comments-italic-style)}.Textarea__component___Okoi_ .textarea.plain:-ms-input-placeholder{color:var(--ccx-comments-textarea-color);font-style:var(--ccx-comments-italic-style)}.Textarea__component___Okoi_ .textarea.plain:placeholder-shown{text-overflow:ellipsis}.Textarea__component___Okoi_ .textarea.plain::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Textarea__component___Okoi_ .textarea.content-editable.empty:before{color:var(--ccx-comments-textarea-color);content:attr(placeholder);font-style:var(--ccx-comments-italic-style);left:13px;overflow:hidden;pointer-events:none;position:absolute;right:13px;text-overflow:ellipsis;white-space:nowrap}.focus .Textarea__component___Okoi_ .textarea.content-editable.empty:before{color:var(--ccx-comments-textarea-color-focused)}.compact .Textarea__component___Okoi_ .textarea{display:block;line-height:initial}
.spectrum-ButtonGroup {
display: -ms-flexbox;
display: flex;
}
.spectrum-ButtonGroup .spectrum-Button,
.spectrum-ButtonGroup .spectrum-ActionButton,
.spectrum-ButtonGroup .spectrum-Tool {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.spectrum-ButtonGroup .spectrum-Button + .spectrum-Button {
margin-left: 16px;
}
.spectrum-ButtonGroup .spectrum-ActionButton + .spectrum-ActionButton {
margin-left: 8px;
}
.spectrum-ButtonGroup .spectrum-Tool + .spectrum-Tool {
margin-left: 8px;
}
.spectrum-ButtonGroup--vertical {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
}
.spectrum-ButtonGroup--vertical .spectrum-ActionButton-label {
-ms-flex-positive: 1;
flex-grow: 1;
text-align: left;
}
.spectrum-ButtonGroup--vertical .spectrum-Button + .spectrum-Button {
margin-top: 16px;
margin-left: 0;
}
.spectrum-ButtonGroup--vertical .spectrum-ActionButton + .spectrum-ActionButton {
margin-top: 8px;
margin-left: 0;
}
.spectrum-ButtonGroup--vertical .spectrum-Tool + .spectrum-Tool {
margin-top: 8px;
margin-left: 0;
}
.CommentInput__component___ZZ2Vx{position:relative}.CommentInput__component___ZZ2Vx button{color:inherit}.latest-mobile .CommentInput__component___ZZ2Vx{display:flex;flex-direction:column;height:100%;overflow:hidden}.CommentInput__component___ZZ2Vx .textbox{background-color:var(--ccx-comments-text-box-background-color);border:1px solid var(--ccx-comments-border-color-2);border-radius:var(--ccx-comments-border-radius-sm);box-sizing:border-box;color:var(--ccx-comments-text-color-1);display:flex;font-style:var(--ccx-comments-italic-style);height:var(--ccx-comments-textbox-height-collapsed);justify-content:space-between;overflow-wrap:break-word;overflow:hidden;width:100%}.latest-mobile .CommentInput__component___ZZ2Vx .textbox{margin:0 var(--ccx-comments-submit-comment-wrapper-padding) var(--ccx-comments-submit-comment-wrapper-padding);width:auto}.CommentInput__component___ZZ2Vx .textbox .textarea-wrapper{display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}.fullscreen .CommentInput__component___ZZ2Vx .textbox .textarea-wrapper{overflow:auto}.CommentInput__component___ZZ2Vx .textbox .textarea-wrapper.shrunk{max-height:calc(var(--ccx-comments-textarea-compact-font-size) * 5 * 1.4)}.CommentInput__component___ZZ2Vx .textbox .textarea-wrapper.collapsed{max-height:var(--ccx-comments-textarea-default-height)}.compact .CommentInput__component___ZZ2Vx .textbox{font-size:var(--ccx-comments-textarea-compact-font-size);height:initial;flex-direction:column}.CommentInput__component___ZZ2Vx .textbox.collapse{animation:close 0.3s;animation-fill-mode:forwards;flex-direction:row}.CommentInput__component___ZZ2Vx .textbox.collapsed .action-bar{position:relative}.CommentInput__component___ZZ2Vx .textbox.expand{animation:open 0.3s;animation-fill-mode:forwards}.CommentInput__component___ZZ2Vx .textbox.has-text{color:var(--ccx-comments-text-box-with-text-color);font-style:normal}.fullscreen .CommentInput__component___ZZ2Vx .textbox{height:100%}.CommentInput__component___ZZ2Vx .textbox.focus{border-color:var(--spectrum-semantic-cta-background-color-default, var(--ccx-comments-border-color-focus))}.CommentInput__component___ZZ2Vx .textbox.has-text .action-bar.remaining-characters-visible,.CommentInput__component___ZZ2Vx .textbox.focus .action-bar.remaining-characters-visible{bottom:29px}.CommentInput__component___ZZ2Vx .textbox.disable-animation{animation-play-state:paused;min-height:var(--ccx-comments-textbox-height-expanded)}@keyframes open{0%{height:var(--ccx-comments-textbox-height-collapsed)}100%{height:var(--ccx-comments-textbox-height-expanded)}}@keyframes close{0%{height:var(--ccx-comments-textbox-height-expanded)}100%{height:var(--ccx-comments-textbox-height-collapsed)}}.CommentInput__component___ZZ2Vx .textbox .textarea-container{width:100%}.compact .CommentInput__component___ZZ2Vx .textbox .textarea-container{word-break:break-word}.CommentInput__component___ZZ2Vx .textbox .tool-button,.CommentInput__component___ZZ2Vx .textbox .tool-button+.tool-button{margin-left:var(--ccx-comments-margin-xxs)}.CommentInput__component___ZZ2Vx .textbox .action-bar{position:absolute;right:var(--ccx-comments-margin-xs);bottom:0;display:flex;height:100%;max-height:40px;align-items:center}.CommentInput__component___ZZ2Vx .textbox .action-bar .action-container{display:flex;flex-direction:row}.CommentInput__component___ZZ2Vx .textbox .action-bar .action-container .mobile-submit-enabled{color:var(--spectrum-semantic-cta-background-color-default, var(--ccx-comments-mobile-submit-button))}.compact .CommentInput__component___ZZ2Vx .textbox .action-bar{position:static;right:0}.CommentInput__component___ZZ2Vx .textbox .mention{color:var(--ccx-comments-text-box-mention-font-color)}.CommentInput__component___ZZ2Vx .textbox span.mention::selection{background:var(--ccx-comments-text-color-selection);color:var(--ccx-comments-text-box-mention-font-color)}.CommentInput__component___ZZ2Vx .textbox .icon-button{fill:var(--ccx-comments-iconColor)}.CommentInput__component___ZZ2Vx .action-bar-container{display:flex;flex-direction:row}.CommentInput__component___ZZ2Vx .action-bar-container .action-bar{justify-content:flex-end}.latest-mobile .CommentInput__component___ZZ2Vx .action-bar-container .action-bar{width:100%}.CommentInput__component___ZZ2Vx .remaining-characters{padding-right:var(--ccx-comments-margin-xs);text-align:right}.latest-mobile .CommentInput__component___ZZ2Vx .remaining-characters{padding-right:var(--ccx-comments-margin-lg);margin-bottom:var(--ccx-comments-margin-lg)}.CommentInput__component___ZZ2Vx .posting-error{margin-bottom:var(--ccx-comments-margin-xs)}.CommentInput__component___ZZ2Vx .posting-error .error-msg{display:inline-block;width:calc(100% - 24px)}.CommentInput__component___ZZ2Vx .posting-error svg{display:inline-block;margin-left:var(--ccx-comments-margin-xxs)}.CommentInput__component___ZZ2Vx.has-error .remaining-characters{color:var(--ccx-comments-text-color-error);font-size:var(--ccx-comments-text-input-error-label-font-size)}.CommentInput__component___ZZ2Vx.has-error .textbox{border-color:var(--ccx-comments-text-color-error)}
.Item__component___wds38{list-style-type:none;padding:0 var(--ccx-comments-item-wrapper-padding-right) 0 var(--ccx-comments-item-wrapper-padding-left)}.latest-mobile .Item__component___wds38{padding-left:var(--ccx-comments-item-wrapper-padding-left);padding-right:var(--ccx-comments-item-wrapper-padding-right)}.Item__component___wds38:hover .footer .footer-actions{display:flex}.Item__component___wds38.highlight,.Item__component___wds38.hovered-pin{background:var(--ccx-comments-comment-selected-background-color)}.Item__component___wds38 .mention{color:var(--ccx-comments-text-box-mention-font-color)}.Item__component___wds38 .submit-button-container{padding-top:var(--ccx-comments-submit-button-padding-top);display:flex;justify-content:flex-end}.Item__component___wds38 .submit-button-container #ccx-comments-reply-cancel-btn,.Item__component___wds38 .submit-button-container #ccx-comments-reply-submit-btn{font-size:var(--ccx-comments-reply-button-font-size)}.Item__component___wds38 .submit-button-container .spectrum-Button--secondary,.Item__component___wds38 .submit-button-container .spectrum-Button--primary{font-size:var(--ccx-comments-reply-button-font-size)}.Item__component___wds38 .submit-button-container .spectrum-Button--secondary.is-disabled,.Item__component___wds38 .submit-button-container .spectrum-Button--primary.is-disabled{color:var(--ccx-comments-spectrum-disabled-text-color)}.Item__component___wds38 .submit-button-container .spectrum-Button{font-size:var(--ccx-comments-reply-button-font-size)}.large-scale .Item__component___wds38 .submit-button-container .spectrum-Button+.spectrum-Button{margin-left:0}.Item__component___wds38 .footer-actions:not(.touch-controls){display:none}.Item__component___wds38 .comment-wrapper{padding:var(--ccx-comments-item-comment-wrapper-padding);margin:0px;display:flex;flex-direction:column}.Item__component___wds38 .comment-wrapper .comment-content-wrapper .row{display:flex;flex-direction:row;align-items:center}.Item__component___wds38 .comment-wrapper .comment-content-wrapper .row.unread-item{margin-left:var(--ccx-comments-unread-item-margin-left)}.Item__component___wds38 .comment-wrapper .comment-content-wrapper .row .unread-container{display:flex;margin-right:var(--ccx-comments-unread-item-container-margin-right);margin-bottom:var(--ccx-comments-margin-xs)}.reply-btn-wrapper .Item__component___wds38 .comment-wrapper .comment-content-wrapper .row .unread-container{margin-right:0px}.Item__component___wds38 .comment-wrapper .comment-content-wrapper .row .avatar-column{margin-right:var(--ccx-comments-margin-lg)}.Item__component___wds38 .comment-wrapper .comment-content-wrapper .row .content-column{min-width:0;width:100%}.Item__component___wds38 .comment-wrapper .comment-content-wrapper .row .comment-text-controls-container{width:100%}.Item__component___wds38 .comment-wrapper:hover .reply-btn span{overflow:hidden;text-overflow:ellipsis}.Item__component___wds38 .comment-wrapper .header-row{align-items:center;display:flex;min-width:0;flex:1;height:0;min-height:32px;margin-bottom:var(--ccx-comments-margin-sm)}.Item__component___wds38 .comment-wrapper .header-row .annotation-marker{background-color:var(--ccx-comments-pin-color);border:1px solid var(--ccx-comments-background-color-1);border-radius:100%;color:#fff;display:flex;font-size:var(--ccx-comments-annotation-marker-font-size);-webkit-box-pack:center;justify-content:center;align-items:center;height:16px;width:16px;margin-left:var(--ccx-comments-annotation-marker-margin-x);margin-right:var(--ccx-comments-annotation-marker-margin-x);margin-top:var(--ccx-comments-item-dropdown-wrapper-margin-top)}.Item__component___wds38 .comment-wrapper .header-row .comment-item-dropdown-wrapper{align-items:center;display:flex;margin-top:var(--ccx-comments-item-dropdown-wrapper-margin-top);margin-right:var(--ccx-comments-item-dropdown-wrapper-margin-right)}.Item__component___wds38 .comment-wrapper .header-row .comment-item-dropdown-wrapper .external-content-wrapper{display:inline-block}.Item__component___wds38 .comment-wrapper .header-row .comment-item-dropdown-wrapper .comment-item-dropdown-button svg{fill:var(--ccx-comments-icon-button-color)}.Item__component___wds38 .comment-wrapper .header-row .comment-item-dropdown-wrapper .comment-item-dropdown-button:hover svg{fill:var(--ccx-comments-icon-button-hover-color)}.Item__component___wds38 .comment-wrapper .header-row .comment-item-dropdown-wrapper .comment-item-dropdown-button.is-selected{background-color:var(--ccx-comments-dropdown-background-color);border-color:var(--ccx-comments-dropdown-background-color)}.Item__component___wds38 .comment-wrapper .header-row .icon-wrap{align-items:center}.Item__component___wds38 .comment-wrapper .header-row .user-wrap{flex-direction:column;flex:1;display:flex;flex-wrap:wrap;width:100%;min-width:0}.Item__component___wds38 .comment-wrapper .header-row .user-wrap div:first-of-type{margin:var(--ccx-comments-user-name-margin)}.Item__component___wds38 .comment-wrapper .header-row .user-wrap .user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ccx-comments-text-color-1);width:100%;display:flex;font-size:var(--ccx-comments-user-name-font-size);font-weight:var(--ccx-comments-user-name-font-weight);line-height:var(--ccx-comments-user-name-line-height)}.selected .Item__component___wds38 .comment-wrapper .header-row .user-wrap .user-name{color:var(--ccx-comments-text-color-3)}.Item__component___wds38 .comment-wrapper .header-row .user-wrap .user-name .comment-creator-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.Item__component___wds38 .comment-wrapper .header-row .user-wrap .timestamp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ccx-comments-text-color-2);font-size:var(--ccx-comments-timestamp-font-size);line-height:var(--ccx-comments-timestamp-line-height);width:100%}.selected .Item__component___wds38 .comment-wrapper .header-row .user-wrap .timestamp{color:var(--ccx-comments-text-color-1)}.Item__component___wds38 .comment-wrapper .header-row .user-wrap .owner-tag{color:var(--ccx-comments-text-color-2);font-weight:normal;margin-left:var(--ccx-comments-margin-sm);white-space:nowrap}.selected .Item__component___wds38 .comment-wrapper .header-row .user-wrap .owner-tag{color:var(--ccx-comments-text-color-1)}.Item__component___wds38 .comment-wrapper .comment-text{font-size:var(--ccx-comments-comment-text-font-size);line-height:var(--ccx-comments-comment-line-height);margin-top:var(--ccx-comments-margin-xs);user-select:text;word-wrap:break-word;white-space:pre-wrap}.latest-mobile .Item__component___wds38 .comment-wrapper .comment-text{font-size:var(--ccx-comments-mobile-comment-text-font-size)}.selected .Item__component___wds38 .comment-wrapper .comment-text{color:var(--ccx-comments-text-color-3)}.Item__component___wds38 .comment-wrapper .comment-text .comment-text-label,.Item__component___wds38 .comment-wrapper .comment-text .empty-strikethrough{font-style:var(--ccx-comments-italic-style)}.Item__component___wds38 .comment-wrapper .edit-wrapper{margin-top:var(--ccx-comments-margin-sm)}.Item__component___wds38 .comment-wrapper .footer{align-items:center;display:flex;margin-top:var(--ccx-comments-margin-sm)}.Item__component___wds38 .comment-wrapper .footer .footer-actions{margin-left:auto}.Item__component___wds38 .comment-wrapper .footer.is-editing{justify-content:flex-end}.Item__component___wds38 .comment-wrapper .footer.is-editing .button-wrapper{display:flex;justify-content:flex-end;flex-wrap:wrap}.Item__component___wds38 .comment-wrapper .footer.is-editing .button-wrapper .spectrum-Button--secondary,.Item__component___wds38 .comment-wrapper .footer.is-editing .button-wrapper .spectrum-Button--primary{font-size:var(--ccx-comments-reply-button-font-size)}.Item__component___wds38 .comment-wrapper .footer.is-editing .button-wrapper .spectrum-Button--secondary.is-disabled,.Item__component___wds38 .comment-wrapper .footer.is-editing .button-wrapper .spectrum-Button--primary.is-disabled{color:var(--ccx-comments-spectrum-disabled-text-color)}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper{transition:margin-left 100ms linear;display:flex;min-width:0;flex-shrink:1}.large-scale .Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper{margin-left:var(--ccx-comments-active-reply-btn-large-scale-margin-left)}.medium-scale .Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper{margin-left:var(--ccx-comments-active-reply-btn-medium-scale-margin-left)}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper.has-replies svg{transition:transform 100ms linear}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-btn{font-size:var(--ccx-comments-reply-button-font-size);line-height:var(--ccx-comments-reply-button-line-height)}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-btn:not(:hover):not(:active){color:var(--ccx-comments-icon-button-color)}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-btn span{line-height:normal;text-align:left}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-btn svg{margin-right:var(--ccx-comments-margin-xs);margin-top:1px;flex:0 0 auto}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-btn .unread-reply-thread{margin-left:var(--ccx-comments-unread-reply-thread-margin-left)}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-btn .unread-reply-thread .unread-container{margin-right:var(--ccx-comments-unread-reply-container-margin-right);margin-bottom:0px}.latest-mobile .Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-btn{background-color:transparent;border-color:transparent}.Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-caption{color:var(--ccx-comments-text-color-2);font-size:var(--ccx-comments-reply-caption-font-size);font-weight:var(--ccx-comments-reply-caption-font-weight);margin:0 var(--ccx-comments-margin-xs) 0 var(--ccx-comments-margin-xl)}.large-scale .Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-caption{margin-left:var(--ccx-comments-inactive-reply-btn-large-scale-margin-left)}.medium-scale .Item__component___wds38 .comment-wrapper .footer .reply-btn-wrapper .reply-caption{margin-left:var(--ccx-comments-inactive-reply-btn-medium-scale-margin-left)}.Item__component___wds38 .comment-wrapper .footer .button-wrapper{margin-top:var(--ccx-comments-margin-xxs)}.large-scale .Item__component___wds38 .comment-wrapper .footer .button-wrapper .spectrum-Button+.spectrum-Button{margin-left:0}.Item__component___wds38.replies-open>.comment-wrapper{padding-bottom:0px}.Item__component___wds38.replies-open>.comment-wrapper .has-replies svg{transform:rotate(90deg)}.Item__component___wds38 .replies-wrapper{padding-bottom:var(--ccx-comments-replies-list-padding-bottom);flex-direction:column}.Item__component___wds38 .replies-wrapper.has-replies{margin-left:var(--ccx-comments-replies-list-margin-left)}.Item__component___wds38 .replies-wrapper .replies-list{list-style-type:none;padding:0;margin:0}.Item__component___wds38 .replies-wrapper .replies-list li{outline:none}.Item__component___wds38 .replies-wrapper .replies-list li.focus-ring{border-radius:var(--ccx-comments-border-radius-sm);box-shadow:inset 0 0 0 2px var(--ccx-comments-border-color-focus)}.Item__component___wds38 .replies-wrapper .replies-list .Item__component___wds38{padding-left:0px;padding-right:0px}.compact .Item__component___wds38:hover,.compact .Item__component___wds38.highlight,.compact .Item__component___wds38.hovered-pin{background:transparent}.compact .Item__component___wds38 .comment-text-controls-container{display:flex;flex-direction:column}.compact .Item__component___wds38 .comment-text-controls-container.icon-layout{align-items:center;flex-direction:row}.compact .Item__component___wds38 .comment-text-controls-container.icon-layout .edit-wrapper{flex:1}.compact .Item__component___wds38 .replying-user-name{color:var(--ccx-comments-text-color-2)}.compact.focused-input .Item__component___wds38 .replies-wrapper{margin-left:0px}.Item__component___wds38 .replies-wrapper:hover,.Item__component___wds38 .replies-wrapper.highlight{background:transparent}.Item__component___wds38 .replies-wrapper .submit-button{display:flex}.Item__component___wds38 .replies-wrapper.focused-input{padding-top:0;padding-bottom:var(--ccx-comments-margin-xl)}.Item__component___wds38 .replies-wrapper .reply-box-wrap{flex:1}.Item__component___wds38 .replies-wrapper .replying-user-name{font-size:var(--ccx-comments-replying-user-name-font-size);font-style:var(--ccx-comments-italic-style);padding-bottom:var(--ccx-comments-margin-md)}.Item__component___wds38 .replies-wrapper .comment-text-controls-container:only-child{padding-top:var(--ccx-comments-reply-list-textbox-only-child-padding-top)}.Item__component___wds38 .submit-icon-container{margin-left:var(--ccx-comments-margin-sm)}.comment-li.selected .Item__component___wds38 .comment-wrapper .comment-content-wrapper .header-row .annotation-marker,.Item__component___wds38.hovered-pin .comment-wrapper .comment-content-wrapper .header-row .annotation-marker{background-color:var(--ccx-comments-annotation-highlight) !important}.comment-item-dropdown-menu .comment-action{white-space:nowrap}.comment-item-dropdown-menu .spectrum-Menu-item.comment-action:not(.is-disabled){color:var(--ccx-comments-text-color-1);--svg-icon-fill: var(--ccx-comments-icon-button-color);--svg-icon-hover: var(--ccx-comments-icon-button-hover-color)}.comment-item-dropdown-menu .spectrum-Menu-item.comment-action.is-disabled{color:var(--ccx-comments-spectrum-disabled-text-color);--svg-icon-hover: var(--ccx-comments-spectrum-disabled-text-color);--svg-icon-fill: var(--ccx-comments-spectrum-disabled-text-color)}.comment-item-dropdown-menu .spectrum-Menu-item.comment-action:not(:focus){background-color:var(--ccx-comments-background-color-1)}.comment-item-dropdown-menu .spectrum-Menu-item.comment-action .spectrum-Menu-itemLabel{align-items:center;display:flex}.comment-item-dropdown-menu .spectrum-Menu-item.comment-action .spectrum-Menu-itemLabel svg{margin-right:var(--ccx-comments-margin-sm);fill:var(--svg-icon-fill);height:18px;width:18px}.comment-item-dropdown-menu .spectrum-Menu-item.comment-action .spectrum-Menu-itemLabel:hover:not(.is-disabled) svg{fill:var(--svg-icon-hover)}.comment-item-dropdown-menu .spectrum-Menu-item.comment-action:hover:not(.is-disabled){background-color:var(--ccx-comments-popover-hover-background-color);color:var(--ccx-comments-popover-hover-text-color)}
.UnreadCircle__component___dlA7q{height:var(--ccx-comments-unread-circle-height);width:var(--ccx-comments-unread-circle-width);background-color:var(--spectrum-semantic-cta-background-color-default, var(--ccx-comments-unread-circle-color));border-radius:50%;display:inline-block}.UnreadCircle__component___dlA7q.is-offline{background-color:var(--ccx-comments-offline-unread-circle-color)}
.Comment__component___Rjbgf{border-bottom:1px solid transparent;border-top:1px solid transparent;outline:none}.Comment__component___Rjbgf:not(.touch):hover,.Comment__component___Rjbgf.selected{background-color:var(--ccx-comments-comment-selected-background-color)}.Comment__component___Rjbgf:not(.touch):hover:not(.selected),.Comment__component___Rjbgf.selected:not(.selected){cursor:pointer}.Comment__component___Rjbgf:not(.touch):hover.selected,.Comment__component___Rjbgf.selected.selected{border-color:var(--ccx-comments-border-color-1)}.Comment__component___Rjbgf:not(.touch):hover:not(:hover).selected:first-child,.Comment__component___Rjbgf.selected:not(:hover).selected:first-child{border-top-color:transparent}.Comment__component___Rjbgf:hover{border-color:var(--ccx-comments-comment-selected-background-color)}.Comment__component___Rjbgf.focus-ring{border-radius:var(--ccx-comments-border-radius-sm);box-shadow:inset 0 0 0 2px var(--ccx-comments-border-color-focus)}.Comment__component___Rjbgf.compact{border:none}
.EmptyState__component___ze36u{align-items:center;background-color:var(--ccx-comments-background-color-1);display:flex;flex-direction:column;height:100%;justify-content:center}.EmptyState__emptyStateContent___oRGGN{justify-content:center;max-width:335px;padding:var(--ccx-comments-margin-sm) var(--ccx-comments-margin-xxxl);text-align:center}.EmptyState__emptyStateIllustration___EyV_d{fill:var(--ccx-comments-empty-state-illustration)}.EmptyState__offlineEmptyStateIllustration___RlMg0{fill:var(--ccx-comments-empty-state-illustration)}.EmptyState__emptyStateTitle___4V3Fj{color:var(--ccx-comments-empty-state-title);font-size:var(--ccx-comments-empty-state-title-font-size);margin:0 auto var(--ccx-comments-margin-lg);max-width:190px}.EmptyState__emptyStateSubtitle___Ym5eo{color:var(--ccx-comments-empty-state-subtitle);font-size:var(--ccx-comments-empty-state-sub-title-font-size);font-weight:var(--ccx-comments-empty-state-sub-title-font-weight);font-style:var(--ccx-comments-italic-style);margin:0 auto var(--ccx-comments-margin-xxxl);max-width:180px}.latest-mobile .EmptyState__emptyStateSubtitle___Ym5eo{max-width:240px;font-size:var(--ccx-comments-mobile-comment-text-font-size)}.EmptyState__mobileEmptyStateSubtitle___obSQL{font-style:var(--ccx-comments-italic-style)}
.CommentsEmptyState__commentsShareForReviewBtn___Ouonz{font-size:var(--ccx-comments-empty-state-cta-font-size)}.CommentsEmptyState__mobile___VZZ1F{margin:0}
.FilterEmptyState__component___BUCfy .ccx-svg-filter-empty-funnel{fill:none;stroke:var(--ccx-comments-empty-state-illustration);stroke-width:2px}.FilterEmptyState__component___BUCfy svg{fill:var(--ccx-comments-icon-fill-color)}.FilterEmptyState__globalEmptyStateContent___mnkoU{padding:0;padding-bottom:var(--ccx-comments-margin-xxxxl)}.FilterEmptyState__clearLink___Ywrey{cursor:pointer;font-size:var(--ccx-comments-empty-state-cta-font-size)}.FilterEmptyState__clearLink___Ywrey:hover{text-decoration:none}
.BaseCommentList__component___k_Pl6{list-style-type:none;margin:0;padding:0;position:relative;height:100%}.BaseCommentList__component___k_Pl6 .fade-enter{opacity:0}.BaseCommentList__component___k_Pl6 .fade-enter-active{opacity:1;transition:opacity 500ms ease-in}.BaseCommentList__component___k_Pl6 .fade-exit{opacity:1}.BaseCommentList__component___k_Pl6 .fade-exit-active{opacity:0;transition:opacity 500ms ease-in}
.CommentListSectionHeader__component___TxUwK{background-color:inherit;color:var(--ccx-comments-text-color-1);font-size:var(--ccx-comments-section-header-font-size);position:sticky;top:0;margin:0}.CommentListSectionHeader__sticky___e5i82{box-shadow:0 8px 10px -6px var(--ccx-comments-box-shadow-color);z-index:2}.CommentListSectionHeader__subtitle___P4Xcv{color:var(--ccx-comments-text-color-2)}.CommentListSectionHeader__headingButton___xjxwR{font-size:var(--ccx-comments-list-header-title-size);line-height:var(--ccx-comments-list-header-line-height);font-weight:var(--ccx-comments-section-heading-button-font-weight);padding:var(--ccx-comments-margin-lg) var(--ccx-comments-section-header-padding-x);width:100%;text-align:left;border-style:none;background:inherit;color:inherit;font-family:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;outline:none}.latest-mobile .CommentListSectionHeader__headingButton___xjxwR{padding:var(--ccx-comments-mobile-section-header-padding-y) var(--ccx-comments-mobile-section-header-padding-x);text-transform:uppercase;letter-spacing:1.2px}.CommentListSectionHeader__headingButton___xjxwR.focus-ring{border-radius:var(--ccx-comments-border-radius-sm);box-shadow:inset 0 0 0 2px var(--ccx-comments-border-color-focus)}
.CommentListSection__component___K5zYe{background-color:var(--ccx-comments-background-color-1);border-top:1px solid;position:relative}.CommentListSection__component___K5zYe:not(:first-child){border-top-color:var(--ccx-comments-border-color-1)}.CommentListSection__component___K5zYe:first-of-type{border-top:0}.CommentListSection__component___K5zYe.CommentListSection__active___IFWMi{border-left:var(--ccx-comments-global-active-node-border-left) solid var(--spectrum-semantic-cta-background-color-default, var(--ccx-comments-comment-list-section-active-border));--ccx-comments-section-header-padding-x: var(--ccx-comments-margin-md);--ccx-comments-item-wrapper-padding-left: var(--ccx-comments-active-item-wrapper-padding-left)}.latest-mobile .CommentListSection__component___K5zYe.CommentListSection__active___IFWMi{--ccx-comments-mobile-section-header-padding-x: var(--ccx-comments-compact-view-active-padding);--ccx-comments-item-wrapper-padding-left: var(--ccx-comments-compact-view-active-padding);--ccx-comments-item-wrapper-padding-right: var(--ccx-comments-compact-view-active-padding)}.CommentListSection__component___K5zYe.CommentListSection__inactive___j770k{cursor:pointer;background-color:var(--ccx-comments-background-color-1)}.CommentListSection__component___K5zYe.CommentListSection__compactCommentingMode___C54Hh{border-color:transparent}.CommentListSection__component___K5zYe .CommentListSection__loadingMessage___mr7Ys{color:var(--ccx-comments-text-color-2)}
.ErrorEmptyState__component___EN6eM svg{fill:var(--ccx-comments-empty-state-illustration)}
.Loading__component___NVPsv{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.Loading__loadingMessage___vdgUR{color:var(--ccx-comments-text-color-2)}
.UnmappedTitle__component___V8cLD{align-items:center;display:flex;font-style:var(--ccx-comments-italic-style)}.UnmappedTitle__iconWrapper___w6GNI{display:flex;margin-left:var(--ccx-comments-margin-xs)}.UnmappedTitle__overlayTrigger___91jgp{margin-right:var(--ccx-comments-margin-md);padding:var(--ccx-comments-margin-md);min-width:0}.UnmappedTitle__icon___ot4_P{fill:var(--ccx-comments-badge-color)}
.CommentList__component___HxdxL{overflow-x:hidden;overflow-y:auto;height:100%}.CommentList__compactInputFocused___lOCqo{overflow:visible}.CommentList__minimized___atjnm{display:none}.CommentList__preventScroll___Zrir6{overflow-y:hidden}
.CommentListView__component___Ky6nP{background-color:var(--ccx-comments-background-color-1);color:var(--ccx-comments-text-color-1);height:100%;overflow-x:hidden;overflow-y:auto;position:relative;display:flex;flex-direction:column}.CommentListView__compactInputFocused___oNZHi{overflow:visible}.CommentListView__toastContainer____CosZ{bottom:var(--ccx-comments-margin-xs);position:absolute;left:var(--ccx-comments-margin-md);right:var(--ccx-comments-margin-md);z-index:1;display:flex;justify-content:center;flex-direction:column;row-gap:var(--ccx-comments-margin-sm)}
.AnnotationToolbar__component___yRttN{margin:0px 0px var(--ccx-comments-margin-sm) 0px;display:flex;justify-content:flex-start}.compact .AnnotationToolbar__component___yRttN{margin-top:0;justify-content:center}.AnnotationToolbar__component___yRttN .annotation-tool-wrapper{align-items:center;display:flex;justify-content:center;padding:0 var(--ccx-comments-margin-xs);width:26px}.AnnotationToolbar__component___yRttN .annotation-tool-wrapper:first-of-type{padding-left:0px}.AnnotationToolbar__component___yRttN .annotation-tool-wrapper:last-of-type{padding-right:0px}.AnnotationToolbar__component___yRttN .annotation-tool-wrapper button.icon-button{background:transparent;border:none;cursor:pointer;padding:0 var(--ccx-comments-margin-md)}.AnnotationToolbar__component___yRttN .annotation-tool-wrapper .annotation-color-display{border-radius:22px;height:22px;width:22px;display:block}.AnnotationToolbar__popover___hSro4{padding:var(--ccx-comments-margin-xs);min-width:initial;width:210px}.AnnotationToolbar__popover___hSro4 .spectrum-Dialog-content{font-size:0}.AnnotationToolbar__popover___hSro4 .spectrum-Dialog-content .annotation-color-option{border:none;cursor:pointer;display:inline-block;height:25px;outline:none;padding:0;width:25px}.AnnotationToolbar__popover___hSro4 .spectrum-Dialog-content .annotation-color-option:focus,.AnnotationToolbar__popover___hSro4 .spectrum-Dialog-content .annotation-color-option:hover{box-shadow:rgba(0,0,0,0.25) 0 0 5px 2px;outline:#fff solid 2px;position:relative;z-index:2}
.CommentsSubmitView__component___XGSZm{background-color:var(--ccx-comments-background-color-1);color:var(--ccx-comments-text-color-1);z-index:3}.CommentsSubmitView__component___XGSZm .spectrum-Button{font-size:var(--ccx-comments-comments-submit-view-font-size)}.CommentsSubmitView__component___XGSZm .comment-first-comment{max-height:150px;overflow-y:scroll}.compact .CommentsSubmitView__component___XGSZm{border-top:0}.compact .CommentsSubmitView__component___XGSZm.guest-sign-in{height:100%;overflow-y:auto}.compact .CommentsSubmitView__component___XGSZm .comment-first-comment{max-height:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.CommentsSubmitView__component___XGSZm .comment-first-message{padding:var(--ccx-comments-margin-xl)}.CommentsSubmitView__component___XGSZm .for-the-buttons{display:flex;justify-content:flex-end;padding:var(--ccx-comments-margin-sm) var(--ccx-comments-margin-sm) 0}div.compact .CommentsSubmitView__component___XGSZm .for-the-buttons:last-of-type{margin-bottom:var(--ccx-comments-margin-md)}.CommentsSubmitView__component___XGSZm .sign-in-buttons-container,.CommentsSubmitView__component___XGSZm .new-comment-form{padding:var(--ccx-comments-submit-comment-wrapper-padding)}.compact .CommentsSubmitView__component___XGSZm .sign-in-buttons-container,.compact .CommentsSubmitView__component___XGSZm .new-comment-form{display:flex;flex-direction:column}.compact .CommentsSubmitView__component___XGSZm .sign-in-buttons-container .new-comment-textarea,.compact .CommentsSubmitView__component___XGSZm .new-comment-form .new-comment-textarea{flex-basis:100%}.compact .CommentsSubmitView__component___XGSZm .sign-in-buttons-container .submit-textbox-container,.compact .CommentsSubmitView__component___XGSZm .new-comment-form .submit-textbox-container{width:100%;min-width:0;display:flex;align-items:center}.compact .CommentsSubmitView__component___XGSZm .sign-in-buttons-container .submit-icon-container,.compact .CommentsSubmitView__component___XGSZm .new-comment-form .submit-icon-container{flex:1;margin-left:var(--ccx-comments-margin-sm)}.compact .CommentsSubmitView__component___XGSZm .sign-in-buttons-container .submit-icon-container.over-text-error-visible,.compact .CommentsSubmitView__component___XGSZm .new-comment-form .submit-icon-container.over-text-error-visible{margin-bottom:var(--ccx-comments-margin-xl)}.CommentsSubmitView__component___XGSZm .new-comment-form{align-items:center}:not(.latest-mobile) .CommentsSubmitView__component___XGSZm .new-comment-form{padding-top:0}.CommentsSubmitView__component___XGSZm .submit-button-container{display:flex;justify-content:flex-end;padding-top:var(--ccx-comments-submit-button-padding-top);user-select:none}.large-scale .CommentsSubmitView__component___XGSZm .submit-button-container .spectrum-Button+.spectrum-Button{margin-left:0}.CommentsSubmitView__component___XGSZm .submit-button-container #ccx-comments-cancel-btn.is-disabled{color:var(--ccx-comments-spectrum-disabled-text-color)}.CommentsSubmitView__component___XGSZm .submit-button-container #ccx-comments-submit-btn.is-disabled{color:var(--ccx-comments-spectrum-disabled-text-color);background-color:var(--ccx-comments-spectrum-disabled-background-color);border-color:var(--ccx-comments-spectrum-disabled-background-color)}.CommentsSubmitView__component___XGSZm .remaining-characters{padding:5px 10px 0}.compact .CommentsSubmitView__component___XGSZm .submit-button{display:flex}
.Header__component___mO6nF{display:flex;flex-direction:column;padding:var(--ccx-comments-compact-view-padding-top) var(--ccx-comments-compact-view-padding);touch-action:none}.Header__backButton___E5I6j{margin-left:var(--ccx-comments-header-back-button-margin-left)}.Header__buttonContainer___nRwE7{display:flex;justify-content:flex-end}.Header__heading___HmzZP{flex:1;font-size:var(--ccx-comments-header-font-size) !important;margin:0 !important;font-weight:600 !important}.Header__pageTitle___TMdOd{font-weight:600;font-size:var(--ccx-comments-mobile-node-title-font-size);letter-spacing:1.2px;line-height:19.5px;text-transform:uppercase;margin:0}.Header__title___QmC5s{display:flex;align-items:center}
.CommentListHeader__closeIcon___mo4gZ{margin-top:2px}.CommentListHeader__annotationVisibilityIcon___qJfBq{height:var(--ccx-comments-mobile-annotation-visibility-toggle-icon-size);width:var(--ccx-comments-mobile-annotation-visibility-toggle-icon-size);margin-top:1px}.CommentListHeader__filterIcon___tm3Os{margin-top:1px}.CommentListHeader__filterIconApplied___wcedw{margin-top:2px}.CommentListHeader__vr___LaQG2{align-self:center;background-color:var(--ccx-comments-header-vertical-rule-color);display:inline-block;height:var(--ccx-comments-header-vertical-rule-height);margin:var(--ccx-comments-header-vertical-rule-margin);width:1px}
.MobileSubmit__component___X_p_0{display:flex;flex-direction:column}.fullscreen .MobileSubmit__component___X_p_0{overflow:auto;height:100%;flex-grow:1;flex-basis:0%}
ul{list-style-type:none;padding:0;margin:0}.Subview__subview___qKRhK{display:flex;flex-direction:column;height:100%;overflow:hidden}.fullscreen .Subview__subview___qKRhK{height:100%}.Subview__newCommentSubview___G1snS{overflow:initial;min-height:0}.Subview__filter___OpvEI{padding:0 var(--ccx-comments-compact-view-padding);overflow:auto}.Subview__replyThread___hwadc{overflow:auto;height:100%;margin-bottom:var(--ccx-comments-submit-comment-wrapper-padding)}.Subview__replies___sfERh{--ccx-comments-item-wrapper-padding-left: calc(var(--ccx-comments-compact-view-padding) * 2)}.Subview__hidden___Cbtoq{display:none}
.FilterHeader__title___k3rIR{align-items:center;display:flex}.FilterHeader__title___k3rIR svg{margin-right:6px;color:var(--ccx-comments-header-icon-color)}.FilterHeader__clearButton___K4KgH{font-size:var(--ccx-comments-header-font-size)}
.Filter__component___JzkAB{padding:var(--ccx-comments-filter-padding)}.Filter__filterGroup___UK3dz{margin:var(--ccx-comments-filter-group-margin);margin-left:0}.Filter__header___mbKNF{font-size:var(--ccx-comments-filter-header-font-size);font-weight:400;margin:var(--ccx-comments-filter-header-margin)}
.CompactView__component___VXpNH,.CompactView__mainView___TrE5U{display:flex;flex-direction:column;overflow:hidden;height:100%}.CompactView__mainView___TrE5U{margin-bottom:var(--ccx-comments-submit-comment-wrapper-padding)}.CompactView__hidden___UTn8_{flex-basis:0;visibility:hidden;margin-bottom:0}.latest-mobile{--ccx-comments-item-wrapper-padding-left: var(--ccx-comments-compact-view-padding);--ccx-comments-item-wrapper-padding-right: var(--ccx-comments-compact-view-padding)}.latest-mobile .new-comment-form{--ccx-comments-submit-comment-wrapper-padding: var(--ccx-comments-mobile-submit-padding-top)
var(--ccx-comments-compact-view-padding) var(--ccx-comments-compact-view-padding)}
.CommentsDelete__component___ZmBWb{color:var(--ccx-comments-text-color-1);pointer-events:none;position:absolute;top:0;width:100%;height:100%;z-index:3}.CommentsDelete__component___ZmBWb .delete-background{background-color:var(--ccx-comments-background-color-transparent-1);pointer-events:auto;position:relative;box-sizing:border-box;height:100%;width:100%;overflow-x:hidden;overflow-y:auto}.CommentsDelete__component___ZmBWb .delete-wrapper{pointer-events:auto;position:absolute;max-height:100%;top:50%;transform:translateY(-50%);margin:var(--ccx-comments-margin-xl)}.CommentsDelete__component___ZmBWb .delete-wrapper .delete-header{font-size:var(--ccx-comments-delete-state-title-font-size);font-weight:bold}.CommentsDelete__component___ZmBWb .delete-wrapper .delete-message{font-size:var(--ccx-comments-delete-state-subtitle-font-size);margin:var(--ccx-comments-margin-sm) 0}.CommentsDelete__component___ZmBWb .delete-wrapper .button-wrapper{margin:var(--ccx-comments-margin-lg) 0;display:flex;justify-content:flex-end}.CommentsDelete__component___ZmBWb .delete-wrapper .button-wrapper .spectrum-Button{font-size:var(--ccx-comments-delete-state-button-font-size)}.large-scale .CommentsDelete__component___ZmBWb .delete-wrapper .button-wrapper .spectrum-Button+.spectrum-Button{margin-left:0}
.AssetHeader__component___hf1ru{background-color:var(--ccx-comments-background-color-1);color:var(--ccx-comments-text-color-1)}.AssetHeader__component___hf1ru .dropdown-wrapper,.AssetHeader__component___hf1ru .header-wrapper{padding:var(--ccx-comments-submit-comment-wrapper-padding) var(--ccx-comments-submit-comment-wrapper-padding) var(--ccx-comments-submit-comment-wrapper-padding)}.AssetHeader__component___hf1ru .header-title{color:var(--ccx-comments-text-color-1);font-size:var(--ccx-comments-asset-header-title-font-size);font-weight:var(--ccx-comments-asset-header-title-font-weight);line-height:var(--ccx-comments-asset-header-title-line-height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.AssetHeader__component___hf1ru .header-subtitle{color:var(--ccx-comments-text-color-2);font-size:var(--ccx-comments-multiple-asset-subtitle-font-size);line-height:var(--ccx-comments-multiple-asset-subtitle-line-height)}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper{color:var(--ccx-comments-text-color-2);display:flex;padding-top:var(--ccx-comments-submit-comment-wrapper-padding)}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper .url-container{background-color:var(--ccx-comments-asset-link-background);border-color:var(--ccx-comments-asset-link-border);border-radius:var(--ccx-comments-border-radius-sm) 0 0 var(--ccx-comments-border-radius-sm);border-style:solid;border-width:1px 0 1px 1px;color:var(--ccx-comments-text-color-1);flex:1;overflow:hidden;padding:0 var(--ccx-comments-margin-sm);white-space:nowrap}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper .url-container .link-wrapper{display:flex;height:100%;align-items:center}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper .url-container .link-wrapper .asset-link{font-size:var(--ccx-comments-asset-url-font-size);overflow:hidden;text-overflow:ellipsis}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper .url-copy-button{background-color:var(--ccx-comments-asset-link-background);border-color:var(--ccx-comments-asset-link-border);border-radius:0 var(--ccx-comments-border-radius-sm) var(--ccx-comments-border-radius-sm) 0;font-size:var(--ccx-comments-asset-copy-button-font-size);line-height:var(--ccx-comments-asset-copy-button-line-height)}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper .url-copy-button:hover{background-color:var(--ccx-comments-asset-link-background-hover);border-color:var(--ccx-comments-asset-link-border-hover);color:var(--ccx-comments-text-color-3)}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper .asset-share-button{margin-right:var(--ccx-comments-negative-margin-sm)}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper .asset-share-button svg{fill:var(--ccx-comments-icon-button-color)}.AssetHeader__component___hf1ru .url-copy-and-share-wrapper .asset-share-button:hover svg{fill:var(--ccx-comments-icon-button-hover-color)}.AssetHeader__dropdownItem___PzPGD{display:flex;justify-content:space-between}.AssetHeader__dropdownItem___PzPGD .asset-details .asset-type{color:var(--ccx-comments-text-color-2);font-size:var(--ccx-comments-multiple-asset-subtitle-font-size)}.AssetHeader__dropdownItem___PzPGD .unread-container{display:flex;margin:var(--ccx-comments-unread-asset-container-margin-top) var(--ccx-comments-unread-item-container-margin-right) var(--ccx-comments-margin-xs)}
.AssetEmptyState__commentsShareForReviewBtn___Kb1ez{font-size:var(--ccx-comments-empty-state-cta-font-size)}.AssetEmptyState__saveToCloudWrapper___TaqRB{margin-top:var(--ccx-comments-margin-xxxl)}.AssetEmptyState__saveToCloudWrapper___TaqRB .AssetEmptyState__alternateActionButton___PaHLZ{margin-top:var(--ccx-comments-margin-lg);font-weight:var(--ccx-comments-empty-state-sub-title-font-weight)}.AssetEmptyState__saveToCloudWrapper___TaqRB .AssetEmptyState__alternateActionButton___PaHLZ:not(:hover){border-color:var(--ccx-comments-empty-state-alternate-action-button-border)}.AssetEmptyState__saveToCloudWrapper___TaqRB .AssetEmptyState__alternateActionButton___PaHLZ.is-disabled{background-color:var(--ccx-comments-empty-state-alternate-action-button-border-disabled);border-color:var(--ccx-comments-empty-state-alternate-action-button-border-disabled);color:var(--ccx-comments-empty-state-alternate-action-button-color-disabled)}.AssetEmptyState__alternateActionSubtitle___yzyBk{color:var(--ccx-comments-empty-state-subtitle);font-size:var(--ccx-comments-empty-state-alt-sub-title-font-size);font-weight:var(--ccx-comments-empty-state-sub-title-font-weight);margin:var(--ccx-comments-margin-xxxl) auto 0;justify-content:center;max-width:190px}.AssetEmptyState__toastContainer___wkaRq{bottom:var(--ccx-comments-margin-xs);position:absolute;left:0;right:0;z-index:1;display:flex;justify-content:center}
.Errors__component___YvgOD{position:absolute;z-index:4;flex-direction:column;display:flex;width:100%}.Errors__component___YvgOD .comments-error{margin:var(--ccx-comments-margin-xs);flex:1}
.Footer__component___JR9RY{background-color:var(--ccx-comments-background-color-1)}.Footer__component___JR9RY .filter-container{align-items:center;display:flex;justify-content:space-between;padding:var(--ccx-comments-footer-filter-container-margin-y) var(--ccx-comments-footer-filter-container-margin-x);overflow:hidden}.Footer__component___JR9RY .filter-container .toggle-right-container{display:flex;align-items:center;justify-content:flex-end;flex-grow:2}.Footer__component___JR9RY .filter-container .toggle-right-container .mapping-indicator{align-items:center;display:flex;justify-content:center;height:var(--ccx-comments-footer-icon-size);width:var(--ccx-comments-footer-icon-size)}.Footer__component___JR9RY .view-switch-wrapper{align-items:center;display:flex}.Footer__component___JR9RY .view-switch-wrapper .switch-label{cursor:pointer;font-size:var(--ccx-comments-switch-label-font-size);margin-left:var(--ccx-comments-margin-xs)}.Footer__component___JR9RY .annotation-visibility-icon{height:var(--ccx-comments-annotation-visibility-toggle-icon-size);left:auto;top:auto;width:auto}.Footer__component___JR9RY .network-status-icon{height:var(--ccx-comments-network-status-icon-size);left:auto;top:auto;width:auto}.Footer__component___JR9RY #ccx-filter-button .filter-icon{height:var(--ccx-comments-filter-icon-size);left:auto;top:auto;width:auto}.Footer__component___JR9RY #ccx-filter-button .filter-icon--applied{height:var(--ccx-comments-filter-icon-size)}#CCX-COMMENTS-onboarding-container .spectrum-CoachMarkIndicator{margin-top:3px !important}.Footer__filterPopover___cfCzO.spectrum-Popover{padding:var(--ccx-comments-margin-lg) 0 var(--ccx-comments-margin-md) var(--ccx-comments-margin-lg);width:calc(100% - var(--ccx-comments-margin-xl));min-width:initial}.Footer__filterPopover___cfCzO.spectrum-Popover .spectrum-Dialog-content{padding-left:var(--ccx-comments-margin-xs);padding-bottom:var(--ccx-comments-margin-xs);overflow-y:hidden}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-container{box-sizing:border-box;display:flex;flex-direction:column}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-container .is-selected{color:var(--ccx-comments-text-color-2);background-color:var(--ccx-comments-spectrum-disabled-background-color);border-color:var(--ccx-comments-border-color-1)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-container .is-selected:hover{color:var(--ccx-comments-text-color-2);background-color:var(--ccx-comments-border-color-2);border-color:var(--ccx-comments-border-color-2)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-container .spectrum-ActionButton:not(.is-selected){color:var(--ccx-comments-text-color-1);background-color:var(--ccx-comments-background-color-1);border-color:var(--ccx-comments-border-color-1)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-container .spectrum-ActionButton:not(.is-selected):hover{color:var(--ccx-comments-text-color-2);border-color:var(--ccx-comments-border-color-2)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-group-header{color:var(--ccx-comments-popover-header-color);margin-bottom:var(--ccx-comments-margin-md);margin-top:0;font-weight:bold}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-group{margin-bottom:var(--ccx-comments-margin-xxl)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-scrollable{padding-right:var(--ccx-comments-margin-md);max-height:50vh;overflow:hidden;overflow-y:auto;padding-left:var(--ccx-comments-margin-xxs)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-footer{margin-top:var(--ccx-comments-margin-md)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-footer .spectrum-Button{color:var(--ccx-comments-text-color-1);background-color:var(--ccx-comments-background-color-1);border-color:var(--ccx-comments-background-color-1)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-footer .spectrum-Button:hover{color:var(--ccx-comments-text-color-3);background-color:var(--ccx-comments-background-color-2);border-color:var(--ccx-comments-background-color-2)}.Footer__filterPopover___cfCzO.spectrum-Popover .filter-footer .spectrum-Button:active{color:var(--ccx-comments-text-color-3);background-color:var(--ccx-comments-spectrum-quiet-selected-color);border-color:var(--ccx-comments-spectrum-quiet-selected-color)}
.spectrum-ToggleSwitch {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
min-height: 32px;
max-width: 100%;
margin-right: 16px;
vertical-align: top;
}
.spectrum-ToggleSwitch-input {
margin: 0;
box-sizing: border-box;
padding: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: .0001;
z-index: 1;
cursor: pointer;
}
.spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
transform: translateX(12px);
}
.spectrum-ToggleSwitch-input:disabled,
.spectrum-ToggleSwitch-input[disabled] {
cursor: default;
}
.spectrum-ToggleSwitch-label {
margin: 0 10px;
font-size: 14px;
transition: color 160ms ease-in-out;
margin-top: 6px;
}
.spectrum-ToggleSwitch-switch {
display: inline-block;
position: relative;
height: 14px;
width: 26px;
margin: 9px 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
vertical-align: middle;
}
.spectrum-ToggleSwitch-switch::before,
.spectrum-ToggleSwitch-switch::after {
display: block;
position: absolute;
content: "";
box-sizing: border-box;
}
.spectrum-ToggleSwitch-switch::before {
transition: background 130ms ease-in-out, border 130ms ease-in-out;
height: 14px;
left: 0;
right: 0;
border-radius: 7px;
}
.spectrum-ToggleSwitch-switch::after {
transition: background 130ms ease-in-out, border 130ms ease-in-out, transform 130ms ease-in-out, box-shadow 130ms ease-in-out;
width: 14px;
height: 14px;
top: 0;
left: 0;
border-width: 2px;
border-radius: 7px;
border-style: solid;
}
.spectrum--light .spectrum-ToggleSwitch-switch::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-ToggleSwitch-switch::after {
background-color: rgb(250, 250, 250);
border-color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(20, 115, 230);
}
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(110, 110, 110);
box-shadow: none;
}
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(9, 90, 186);
}
.spectrum--light .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(9, 90, 186);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled ~ .spectrum-ToggleSwitch-label {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked ~ .spectrum-ToggleSwitch-label {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-ToggleSwitch.spectrum-ToggleSwitch--quiet:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ToggleSwitch.spectrum-ToggleSwitch--quiet:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(44, 44, 44);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--light .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--light .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--light .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--light .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--light .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--light .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--light .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--light .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum--light .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--light .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--light .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--light .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label {
color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-ToggleSwitch--ab:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-ToggleSwitch--ab:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-ToggleSwitch--ab:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-ToggleSwitch--ab:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(75, 75, 75);
}
.spectrum--lightest .spectrum-ToggleSwitch-switch::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-ToggleSwitch-switch::after {
background-color: rgb(255, 255, 255);
border-color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(38, 128, 235);
}
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(116, 116, 116);
box-shadow: none;
}
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(13, 102, 208);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled ~ .spectrum-ToggleSwitch-label {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked ~ .spectrum-ToggleSwitch-label {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-ToggleSwitch.spectrum-ToggleSwitch--quiet:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ToggleSwitch.spectrum-ToggleSwitch--quiet:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(50, 50, 50);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--lightest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--lightest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--lightest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--lightest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--lightest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--lightest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--lightest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--lightest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(55, 142, 240);
box-shadow: 0 0 0 1px rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--lightest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--lightest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--lightest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label {
color: rgb(20, 115, 230);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-ToggleSwitch--ab:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(80, 80, 80);
}
.spectrum--darkest .spectrum-ToggleSwitch-switch::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-ToggleSwitch-switch::after {
background-color: rgb(26, 26, 26);
border-color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(38, 128, 235);
}
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(162, 162, 162);
box-shadow: none;
}
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input ~ .spectrum-ToggleSwitch-label {
color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(75, 156, 245);
}
.spectrum--darkest .spectrum-ToggleSwitch:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(75, 156, 245);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled ~ .spectrum-ToggleSwitch-label {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input:disabled:checked ~ .spectrum-ToggleSwitch-label {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-ToggleSwitch.spectrum-ToggleSwitch--quiet:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ToggleSwitch.spectrum-ToggleSwitch--quiet:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(239, 239, 239);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--darkest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after,
.spectrum--darkest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--darkest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label,
.spectrum--darkest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring ~ .spectrum-ToggleSwitch-label {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--darkest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before,
.spectrum--darkest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--darkest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after,
.spectrum--darkest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-ToggleSwitch .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--darkest .spectrum-ToggleSwitch:hover .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--darkest .spectrum-ToggleSwitch--quiet .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label,
.spectrum--darkest .spectrum-ToggleSwitch--quiet:hover .spectrum-ToggleSwitch-input.focus-ring:checked ~ .spectrum-ToggleSwitch-label {
color: rgb(55, 142, 240);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input.focus-ring:checked + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled:checked + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab .spectrum-ToggleSwitch-input:disabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab:hover .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-ToggleSwitch--ab:active .spectrum-ToggleSwitch-input:checked:enabled + .spectrum-ToggleSwitch-switch::after {
border-color: rgb(200, 200, 200);
}
.ImageContext__component___bEMZb{align-items:center;display:flex;padding:20px}.ImageContext__component___bEMZb .preview-text{flex:1;font-size:17px;line-height:16px;text-align:left}.ImageContext__component___bEMZb .img-container{text-align:right}
.CommentsView__component___kbbNt{font-size:var(--ccx-comments-comments-view-font-size);height:100%;position:relative;user-select:none}.CommentsView__component___kbbNt .comments-list-wrapper{height:inherit}.CommentsView__component___kbbNt .comments-list-wrapper.compact.focused-input{height:auto;max-height:none}.CommentsView__component___kbbNt:not(.latest-mobile) .comments-list-wrapper.compact{box-shadow:0px 1px 6px 1px var(--ccx-comments-border-color-1);display:flex;flex-direction:column;position:fixed;border-radius:var(--ccx-comments-border-radius-sm);bottom:0;right:var(--ccx-comments-margin-sm);left:var(--ccx-comments-margin-sm);max-height:50vh;z-index:4}.CommentsView__component___kbbNt.compact:not(.landscape){position:fixed;width:100%;z-index:999}.CommentsView__component___kbbNt.latest-mobile .comments-list-wrapper{background-color:var(--ccx-comments-background-color-1);height:inherit;display:flex;flex-direction:column;overflow:hidden}.CommentsView__component___kbbNt.latest-mobile .flex-flow-wrapper{overflow:hidden}.CommentsView__component___kbbNt.latest-mobile .flex-flow-wrapper.fullscreen{height:100vh}.CommentsView__component___kbbNt .flex-flow-wrapper{display:flex;flex-flow:column;height:inherit}.CommentsView__component___kbbNt .visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.Login__component___lo70f{scrollbar-width:none;-ms-overflow-style:none}.Login__component___lo70f::-webkit-scrollbar{display:none}.Login__component___lo70f .close-button-container{display:flex;justify-content:flex-end;margin:-10px -10px 0 0}.Login__component___lo70f .guest-header{font-size:var(--ccx-comments-guest-subheader-font-size);font-weight:bold;margin-bottom:var(--ccx-comments-margin-xs)}.Login__component___lo70f .close-button-container-medium{margin:-28px -28px 0 0}.Login__component___lo70f .dialog-header{font-size:var(--ccx-comments-dialog-header-font-size);margin-top:0;margin-bottom:var(--ccx-comments-margin-md);padding-bottom:0}.Login__component___lo70f .dialog-header-medium{font-size:var(--ccx-comments-dialog-header-font-size)}.Login__component___lo70f .adobe-sign-in-container{display:flex;justify-content:center;margin-bottom:24px}.Login__component___lo70f .sign-in-as-guest{position:relative;min-height:158px}.Login__component___lo70f .guest-input-length{position:absolute;top:0;right:0;color:var(--ccx-comments-text-color-error)}.Login__component___lo70f .guest-input-length.characters-remaining{color:var(--ccx-comments-text-color-2)}.Login__component___lo70f #ccx-comments-login-guest-input{width:100%;margin-bottom:var(--ccx-comments-margin-sm)}.Login__component___lo70f .login-btn-container{display:flex;justify-content:flex-end;margin:24px 0}.Login__component___lo70f .spectrum-Dialog-header::after{visibility:hidden}.Login__component___lo70f .spectrum-Dialog-header{padding-bottom:0}.Login__component___lo70f .spectrum-Textfield{background-color:var(--ccx-comments-background-color-1)}.Login__component___lo70f #login-dialog-content{padding:4px}.Login__component___lo70f .login-dialog-description{font-size:var(--ccx-comments-login-dialog-description-font-size);margin:24px 0;text-align:center}.Login__component___lo70f #ccx-comments-login-signin{line-height:inherit;height:50px;width:233px;border-radius:25px;background:transparent}.Login__component___lo70f #ccx-comments-login-signin span{white-space:normal;width:auto}.Login__component___lo70f .adobe-logo-container{display:inline-flex;justify-content:center;align-items:center;min-width:initial;width:25px;height:25px;border-radius:50%;padding:0;background-color:#ff0000}.Login__component___lo70f .spectrum-ActionButton .adobe-logo-container{margin:0 8px}.Login__component___lo70f .adobe-logo{fill:#fff;height:15px;width:15px}.Login__component___lo70f .legal-container{margin-top:var(--ccx-comments-margin-sm);color:var(--ccx-comments-login-legal-notice);font-size:var(--ccx-comments-login-dialog-legal-notice-font-size)}.Login__component___lo70f .legal-container .legal-copy-block{display:block}.Login__component___lo70f .ccx-comments-login-rule{display:flex;margin:0;align-items:center}.Login__component___lo70f .ccx-comments-login-rule .line{flex:1}.Login__component___lo70f .ccx-comments-login-rule .ccx-comments-login-rule-text{background:var(--ccx-comments-background-color-1);color:var(--ccx-comments-text-color-1);margin:0 var(--ccx-comments-margin-xs) 0 var(--ccx-comments-margin-xs)}.Login__component___lo70f label.ccx-comments-login-guest-label{color:var(--ccx-comments-text-color-1)}.Login__component___lo70f .landscape-content-container{display:flex;margin:var(--ccx-comments-margin-sm) 0}.Login__component___lo70f .landscape-content-container .landscape-left,.Login__component___lo70f .landscape-content-container .landscape-right{flex:1}.Login__component___lo70f .landscape-content-container .landscape-right .login-dialog-description{margin-top:0}.Login__component___lo70f .landscape-content-container .vertical-divider{align-items:center;display:flex;flex-direction:column;margin:0 var(--ccx-comments-margin-lg);width:var(--ccx-comments-margin-xxxl)}.Login__component___lo70f .landscape-content-container .vertical-divider .line{border-left:2px solid var(--ccx-comments-login-vertical-rule-color);flex:1}.Login__component___lo70f .login-with-imagery{display:flex;width:1020px;overflow-y:scroll}.Login__component___lo70f .login-with-imagery .image-container,.Login__component___lo70f .login-with-imagery .login-form-container{flex:1}.Login__component___lo70f .login-with-imagery .login-form-container{overflow-y:scroll}.Login__component___lo70f .login-with-imagery .login-form-container-padding{padding:56px}.Login__component___lo70f .adobe-sign-up{margin:0 0 40px 0;display:flex;justify-content:center}.Login__component___lo70f .social-sign-in-icons{display:flex;justify-content:center;margin:0 0 var(--ccx-comments-margin-xxl) 0}.Login__component___lo70f .social-sign-in-icons .icon-container{min-width:initial;width:50px;height:50px;border-radius:50%;padding:0;margin:0 8px;border:none}.Login__component___lo70f .social-sign-in-icons .google-container:hover{border:solid #b3b3b3;background:#fff}.Login__component___lo70f .social-sign-in-icons .facebook-container:hover{border:solid #0d66d0}.Login__component___lo70f .social-sign-in-icons .apple-container:hover{border:solid #505050}.Login__component___lo70f.compact #ccx-comments-login-guest-input{font-size:var(--ccx-comments-textarea-compact-font-size)}.Login__component___lo70f:not(.compact) .form-wrapper{width:365px}.grecaptcha-badge{visibility:hidden;transform:scale(0.77);transform-origin:0 0}
.Tray__component___tYCr6{height:100%}.Tray__component___tYCr6:not(.landscape){display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background-color:var(--ccx-comments-background-color-1);position:fixed;height:auto;left:0;right:0;bottom:0;max-height:60vh;width:100%;border-top:1px solid var(--ccx-comments-border-color-1)}.Tray__component___tYCr6:not(.landscape) .content-container{overflow:auto;display:flex;flex-direction:column}.Tray__component___tYCr6.fullscreen{height:100%}.Tray__component___tYCr6 .resize-handle{display:flex;justify-content:center;padding:var(--ccx-comments-tray-handle-padding) 0 0;touch-action:none}.Tray__component___tYCr6 .content-container{height:100%}.Tray__component___tYCr6 .tray-handle{fill:var(--ccx-comments-tray-handle-color)}
:root,:host{--ccx-comments-activity-indicator-height: 0.75rem;--ccx-comments-border-radius-sm: 4px;--ccx-comments-global-active-node-border-left: 4px;--ccx-comments-line-height-xs: 16px;--ccx-comments-line-height-sm: 18px;--ccx-comments-line-height-md: 20px;--ccx-comments-line-height-lg: 22px;--ccx-comments-margin-xxs: 2px;--ccx-comments-margin-xs: 4px;--ccx-comments-margin-sm: 8px;--ccx-comments-margin-md: 12px;--ccx-comments-margin-lg: 16px;--ccx-comments-margin-xl: 20px;--ccx-comments-margin-xxl: 25px;--ccx-comments-margin-xxxl: 32px;--ccx-comments-margin-xxxxl: 48px;--ccx-comments-margin-xxxxxl: 60px;--ccx-comments-submit-button-padding-top: 16px;--ccx-comments-item-comment-wrapper-padding: 15px 0px 15px 0px;--ccx-comments-submit-comment-wrapper-padding: 16px;--ccx-comments-item-wrapper-padding-left: 30px;--ccx-comments-item-wrapper-padding-right: 16px;--ccx-comments-active-item-wrapper-padding-left: calc(
var(--ccx-comments-item-wrapper-padding-left) - var(--ccx-comments-global-active-node-border-left)
);--ccx-comments-replies-list-padding-bottom: 16px;--ccx-comments-reply-list-textbox-only-child-padding-top: 8px;--ccx-comments-divider-margin: 0px;--ccx-comments-global-comments-section-header-padding-left: 16px;--ccx-comments-global-comments-section-header-active-padding-left: 12px;--ccx-comments-avatar-size: 32px;--ccx-comments-annotation-marker-margin-x: 6px;--ccx-comments-footer-icon-size: 32px;--ccx-comments-footer-filter-container-margin-x: 16px;--ccx-comments-footer-filter-container-margin-y: 8px;--ccx-comments-section-header-padding-x: 16px;--ccx-comments-inactive-reply-btn-large-scale-margin-left: 27px;--ccx-comments-inactive-reply-btn-medium-scale-margin-left: 20px;--ccx-comments-active-reply-btn-large-scale-margin-left: -24px;--ccx-comments-active-reply-btn-medium-scale-margin-left: -20px;--ccx-comments-replies-list-margin-left: 16px;--ccx-comments-negative-margin-lg: -16px;--ccx-comments-negative-margin-sm: -8px;--ccx-comments-textbox-height-collapsed: 39px;--ccx-comments-textbox-height-expanded: 110px;--ccx-comments-unread-item-margin-left: -18px;--ccx-comments-unread-item-container-margin-right: 12px;--ccx-comments-unread-asset-container-margin-top: 7px;--ccx-comments-unread-asset-container-margin-right: 10px;--ccx-comments-unread-reply-thread-margin-left: -14px;--ccx-comments-unread-reply-container-margin-right: 8px}:root{--ccx-comments-pin-color: #e7b000;--ccx-comments-italic-style: italic}:root [data-lang='zh-CN'],:root [data-lang='zh-TW'],:root [data-lang='ja-JP'],:root [data-lang='ko-KR']{--ccx-comments-italic-style: normal}:root .dark-theme,:host .dark-theme{--ccx-comments-background-color-1: var(--spectrum-global-color-gray-100, #323232);--ccx-comments-background-color-2: var(--spectrum-global-color-gray-200, #3e3e3e);--ccx-comments-background-color-3: var(--spectrum-global-color-gray-50, #252525);--ccx-comments-background-color-transparent-1: rgba(50,50,50,0.901961);--ccx-comments-badge-color: var(--spectrum-global-color-blue-400, #2680eb);--ccx-comments-border-color-1: var(--spectrum-global-color-gray-300, #4a4a4a);--ccx-comments-border-color-2: var(--spectrum-global-color-gray-400, #5a5a5a);--ccx-comments-border-color-focus: var(--spectrum-global-color-blue-400, #2680eb);--ccx-comments-box-shadow-color: var(--spectrum-global-color-gray-400, #5a5a5a);--ccx-comments-icon-fill-color: var(--spectrum-global-color-gray-500, #6e6e6e);--ccx-comments-text-color-1: var(--spectrum-global-color-gray-800, #e3e3e3);--ccx-comments-text-color-2: var(--spectrum-global-color-gray-700, #b9b9b9);--ccx-comments-text-color-3: var(--spectrum-global-color-gray-900, #fff);--ccx-comments-textarea-color: var(--spectrum-global-color-gray-600, #909090);--ccx-comments-textarea-color-focused: var(--spectrum-global-color-gray-800, #e3e3e3);--ccx-comments-text-color-error: var(--spectrum-global-color-red-500, #ec5b62);--ccx-comments-text-box-mention-font-color: var(--spectrum-global-color-blue-600, #4b9cf5);--ccx-comments-text-box-background-color: var(--spectrum-global-color-gray-50, #252525);--ccx-comments-text-color-selection: rgba(55, 142, 240, 0.3);--ccx-comments-avatar-background: var(--spectrum-global-color-gray-400, #5a5a5a);--ccx-comments-avatar-foreground: var(--spectrum-global-color-gray-100, #323232);--ccx-comments-empty-state-illustration: var(--spectrum-global-color-gray-500, #6e6e6e);--ccx-comments-empty-state-title: var(--spectrum-global-color-gray-800, #e3e3e3);--ccx-comments-empty-state-subtitle: var(--spectrum-global-color-gray-700, #b9b9b9);--ccx-comments-comment-list-section-active-border: var(--spectrum-global-color-blue-600, #4b9cf5);--ccx-comments-comment-selected-background-color: rgba(255,255,255,0.0705882);--ccx-comments-text-box-with-text-color: var(--spectrum-global-color-gray-800, #e3e3e3);--ccx-comments-login-legal-notice: var(--spectrum-global-color-gray-500, #6e6e6e);--ccx-comments-login-vertical-rule-color: var(--spectrum-global-color-gray-300, #4a4a4a);--ccx-comments-popover-hover-background-color: var(--spectrum-global-color-gray-200, #3e3e3e);--ccx-comments-popover-hover-text-color: var(--spectrum-global-color-gray-900, #fff);--ccx-comments-popover-header-color: var(--spectrum-global-color-gray-900, #fff);--ccx-comments-annotation-highlight: var(--spectrum-global-color-blue-500, #378ef0);--ccx-comments-annotation-outline: var(--spectrum-global-color-blue-400, #2680eb);--ccx-comments-action-button-selected-text-color: var(--spectrum-global-color-gray-100, #323232);--ccx-comments-header-vertical-rule-color: var(--spectrum-global-color-gray-500, #6e6e6e);--ccx-comments-header-icon-color: var(--spectrum-global-color-gray-700, #b9b9b9);--ccx-comments-mobile-submit-button: var(--spectrum-global-color-blue-500, #378ef0);--ccx-comments-emoji-text-highlight: rgba(38, 128, 235, 0.3);--ccx-comments-unread-circle-color: #1473e6;--ccx-comments-offline-unread-circle-color: var(--spectrum-global-color-gray-500, #6e6e6e);--ccx-comments-asset-link-background: var(--spectrum-global-color-gray-50, #252525);--ccx-comments-asset-link-background-hover: rgba(255,255,255,0.0588235);--ccx-comments-asset-link-border: var(--spectrum-global-color-gray-400, #5a5a5a);--ccx-comments-asset-link-border-hover: var(--spectrum-global-color-gray-500, #6e6e6e);--ccx-comments-suggestion-list-bg-color: var(--spectrum-global-color-gray-50, #252525);--ccx-comments-user-card-subtitle-color: var(--spectrum-global-color-gray-700, #b9b9b9);--ccx-comments-dropdown-background-color: rgba(0,0,0,0.2);--ccx-comments-icon-button-color: var(--spectrum-global-color-gray-700, #b9b9b9);--ccx-comments-icon-button-hover-color: var(--spectrum-global-color-gray-900, #fff);--ccx-comments-spectrum-disabled-background-color: var(--spectrum-global-color-gray-200, #3e3e3e);--ccx-comments-spectrum-disabled-text-color: var(--spectrum-global-color-gray-500, #6e6e6e);--ccx-comments-spectrum-quiet-selected-color: var(--spectrum-global-color-gray-300, #4a4a4a);--ccx-comments-tray-handle-color: #545454}:root .dark-theme .spectrum-Popover,:root .dark-theme div.spectrum-Popover-tip::after,:host .dark-theme .spectrum-Popover,:host .dark-theme div.spectrum-Popover-tip::after{background-color:var(--ccx-comments-background-color-1);border-color:var(--ccx-comments-border-color-2)}:root .darkest-theme,:host .darkest-theme{--ccx-comments-background-color-1: var(--spectrum-global-color-gray-100, #1e1e1e);--ccx-comments-background-color-2: var(--spectrum-global-color-gray-200, #2c2c2c);--ccx-comments-background-color-3: var(--spectrum-global-color-gray-50, #080808);--ccx-comments-background-color-transparent-1: rgba(30,30,30,0.901961);--ccx-comments-badge-color: var(--spectrum-global-color-blue-400, #1473e6);--ccx-comments-border-color-1: var(--spectrum-global-color-gray-300, #393939);--ccx-comments-border-color-2: var(--spectrum-global-color-gray-400, #494949);--ccx-comments-border-color-focus: var(--spectrum-global-color-blue-400, #1473e6);--ccx-comments-box-shadow-color: var(--spectrum-global-color-gray-400, #494949);--ccx-comments-icon-fill-color: var(--spectrum-global-color-gray-500, #5c5c5c);--ccx-comments-text-color-1: var(--spectrum-global-color-gray-800, #c8c8c8);--ccx-comments-text-color-2: var(--spectrum-global-color-gray-700, #a2a2a2);--ccx-comments-text-color-3: var(--spectrum-global-color-gray-900, #efefef);--ccx-comments-textarea-color: var(--spectrum-global-color-gray-600, #7c7c7c);--ccx-comments-textarea-color-focused: var(--spectrum-global-color-gray-800, #c8c8c8);--ccx-comments-text-color-error: var(--spectrum-global-color-red-500, #e34850);--ccx-comments-text-box-mention-font-color: var(--spectrum-global-color-blue-600, #378ef0);--ccx-comments-text-box-background-color: var(--spectrum-global-color-gray-50, #080808);--ccx-comments-text-color-selection: rgba(38, 128, 235, 0.3);--ccx-comments-avatar-background: var(--spectrum-global-color-gray-400, #494949);--ccx-comments-avatar-foreground: var(--spectrum-global-color-gray-100, #1e1e1e);--ccx-comments-empty-state-illustration: var(--spectrum-global-color-gray-500, #5c5c5c);--ccx-comments-empty-state-title: var(--spectrum-global-color-gray-800, #c8c8c8);--ccx-comments-empty-state-subtitle: var(--spectrum-global-color-gray-700, #a2a2a2);--ccx-comments-comment-list-section-active-border: var(--spectrum-global-color-blue-600, #378ef0);--ccx-comments-comment-selected-background-color: rgba(239,239,239,0.0784314);--ccx-comments-text-box-with-text-color: var(--spectrum-global-color-gray-800, #c8c8c8);--ccx-comments-login-legal-notice: var(--spectrum-global-color-gray-500, #5c5c5c);--ccx-comments-login-vertical-rule-color: var(--spectrum-global-color-gray-300, #393939);--ccx-comments-popover-hover-background-color: var(--spectrum-global-color-gray-200, #2c2c2c);--ccx-comments-popover-hover-text-color: var(--spectrum-global-color-gray-900, #efefef);--ccx-comments-popover-header-color: var(--spectrum-global-color-gray-900, #efefef);--ccx-comments-annotation-highlight: var(--spectrum-global-color-blue-500, #2680eb);--ccx-comments-annotation-outline: var(--spectrum-global-color-blue-400, #1473e6);--ccx-comments-action-button-selected-text-color: var(--spectrum-global-color-gray-100, #1e1e1e);--ccx-comments-header-vertical-rule-color: var(--spectrum-global-color-gray-500, #5c5c5c);--ccx-comments-header-icon-color: var(--spectrum-global-color-gray-700, #a2a2a2);--ccx-comments-mobile-submit-button: var(--spectrum-global-color-blue-500, #2680eb);--ccx-comments-emoji-text-highlight: rgba(20, 115, 230, 0.3);--ccx-comments-unread-circle-color: #1473e6;--ccx-comments-offline-unread-circle-color: var(--spectrum-global-color-gray-500, #5c5c5c);--ccx-comments-asset-link-background: var(--spectrum-global-color-gray-50, #080808);--ccx-comments-asset-link-background-hover: rgba(239,239,239,0.0784314);--ccx-comments-asset-link-border: var(--spectrum-global-color-gray-400, #494949);--ccx-comments-asset-link-border-hover: var(--spectrum-global-color-gray-500, #5c5c5c);--ccx-comments-suggestion-list-bg-color: var(--spectrum-global-color-gray-50, #080808);--ccx-comments-user-card-subtitle-color: var(--spectrum-global-color-gray-700, #a2a2a2);--ccx-comments-dropdown-background-color: rgba(0,0,0,0.2);--ccx-comments-icon-button-color: var(--spectrum-global-color-gray-700, #a2a2a2);--ccx-comments-icon-button-hover-color: var(--spectrum-global-color-gray-900, #efefef);--ccx-comments-spectrum-disabled-background-color: var(--spectrum-global-color-gray-200, #2c2c2c);--ccx-comments-spectrum-disabled-text-color: var(--spectrum-global-color-gray-500, #5c5c5c);--ccx-comments-spectrum-quiet-selected-color: var(--spectrum-global-color-gray-300, #393939);--ccx-comments-tray-handle-color: #4b4b4b}:root .darkest-theme .spectrum-Popover,:root .darkest-theme div.spectrum-Popover-tip::after,:host .darkest-theme .spectrum-Popover,:host .darkest-theme div.spectrum-Popover-tip::after{background-color:var(--ccx-comments-background-color-1);border-color:var(--ccx-comments-border-color-2)}:root .light-theme,:host .light-theme{--ccx-comments-background-color-1: var(--spectrum-global-color-gray-100, #f5f5f5);--ccx-comments-background-color-2: var(--spectrum-global-color-gray-200, #eaeaea);--ccx-comments-background-color-3: var(--spectrum-global-color-gray-300, #e1e1e1);--ccx-comments-background-color-transparent-1: rgba(245,245,245,0.901961);--ccx-comments-badge-color: var(--spectrum-global-color-blue-400, #2680eb);--ccx-comments-border-color-1: var(--spectrum-global-color-gray-300, #e1e1e1);--ccx-comments-border-color-2: var(--spectrum-global-color-gray-400, #cacaca);--ccx-comments-border-color-focus: var(--spectrum-global-color-blue-400, #2680eb);--ccx-comments-box-shadow-color: var(--spectrum-global-color-gray-400, #cacaca);--ccx-comments-icon-fill-color: var(--spectrum-global-color-gray-500, #b3b3b3);--ccx-comments-text-color-1: var(--spectrum-global-color-gray-800, #4b4b4b);--ccx-comments-text-color-2: var(--spectrum-global-color-gray-700, #6e6e6e);--ccx-comments-text-color-3: var(--spectrum-global-color-gray-900, #2c2c2c);--ccx-comments-textarea-color: var(--spectrum-global-color-gray-600, #8e8e8e);--ccx-comments-textarea-color-focused: var(--spectrum-global-color-gray-800, #4b4b4b);--ccx-comments-text-color-error: var(--spectrum-global-color-red-500, #d7373f);--ccx-comments-text-box-mention-font-color: var(--spectrum-global-color-blue-600, #0d66d0);--ccx-comments-text-box-background-color: var(--spectrum-global-color-gray-50, #fff);--ccx-comments-text-color-selection: rgba(20, 115, 230, 0.3);--ccx-comments-avatar-background: var(--spectrum-global-color-gray-400, #cacaca);--ccx-comments-avatar-foreground: var(--spectrum-global-color-gray-100, #f5f5f5);--ccx-comments-empty-state-illustration: var(--spectrum-global-color-gray-500, #b3b3b3);--ccx-comments-empty-state-title: var(--spectrum-global-color-gray-800, #4b4b4b);--ccx-comments-empty-state-subtitle: var(--spectrum-global-color-gray-700, #6e6e6e);--ccx-comments-comment-list-section-active-border: var(--spectrum-global-color-blue-500, #1473e6);--ccx-comments-comment-selected-background-color: rgba(44,44,44,0.0588235);--ccx-comments-text-box-with-text-color: var(--spectrum-global-color-gray-800, #4b4b4b);--ccx-comments-login-vertical-rule-color: var(--spectrum-global-color-gray-300, #e1e1e1);--ccx-comments-login-legal-notice: var(--spectrum-global-color-gray-500, #b3b3b3);--ccx-comments-popover-hover-background-color: var(--spectrum-global-color-gray-200, #eaeaea);--ccx-comments-popover-hover-text-color: var(--spectrum-global-color-gray-900, #2c2c2c);--ccx-comments-popover-header-color: var(--spectrum-global-color-gray-900, #2c2c2c);--ccx-comments-annotation-highlight: var(--spectrum-global-color-blue-500, #1473e6);--ccx-comments-annotation-outline: var(--spectrum-global-color-blue-400, #2680eb);--ccx-comments-action-button-selected-text-color: var(--spectrum-global-color-gray-100, #f5f5f5);--ccx-comments-header-vertical-rule-color: var(--spectrum-global-color-gray-500, #b3b3b3);--ccx-comments-header-icon-color: var(--spectrum-global-color-gray-700, #6e6e6e);--ccx-comments-mobile-submit-button: var(--spectrum-global-color-blue-500, #1473e6);--ccx-comments-emoji-text-highlight: rgba(38, 128, 235, 0.2);--ccx-comments-unread-circle-color: #1473e6;--ccx-comments-offline-unread-circle-color: var(--spectrum-global-color-gray-500, #b3b3b3);--ccx-comments-asset-link-background: var(--spectrum-global-color-gray-50, #fff);--ccx-comments-asset-link-background-hover: rgba(44,44,44,0.0392157);--ccx-comments-asset-link-border: var(--spectrum-global-color-gray-400, #cacaca);--ccx-comments-asset-link-border-hover: var(--spectrum-global-color-gray-500, #b3b3b3);--ccx-comments-suggestion-list-bg-color: var(--spectrum-global-color-gray-50, #fff);--ccx-comments-user-card-subtitle-color: var(--spectrum-global-color-gray-700, #6e6e6e);--ccx-comments-dropdown-background-color: rgba(0,0,0,0.2);--ccx-comments-icon-button-color: var(--spectrum-global-color-gray-700, #6e6e6e);--ccx-comments-icon-button-hover-color: var(--spectrum-global-color-gray-900, #2c2c2c);--ccx-comments-spectrum-disabled-background-color: var(--spectrum-global-color-gray-200, #eaeaea);--ccx-comments-spectrum-disabled-text-color: var(--spectrum-global-color-gray-500, #b3b3b3);--ccx-comments-spectrum-quiet-selected-color: var(--spectrum-global-color-gray-300, #e1e1e1);--ccx-comments-tray-handle-color: #d5d5d5}:root .light-theme .spectrum-Popover,:root .light-theme div.spectrum-Popover-tip::after,:host .light-theme .spectrum-Popover,:host .light-theme div.spectrum-Popover-tip::after{background-color:var(--ccx-comments-background-color-1);border-color:var(--ccx-comments-border-color-2)}:root .lightest-theme,:host .lightest-theme{--ccx-comments-background-color-1: var(--spectrum-global-color-gray-100, #fff);--ccx-comments-background-color-2: var(--spectrum-global-color-gray-200, #f4f4f4);--ccx-comments-background-color-3: var(--spectrum-global-color-gray-300, #eaeaea);--ccx-comments-background-color-transparent-1: rgba(255,255,255,0.901961);--ccx-comments-badge-color: var(--spectrum-global-color-blue-400, #378ef0);--ccx-comments-border-color-1: var(--spectrum-global-color-gray-300, #eaeaea);--ccx-comments-border-color-2: var(--spectrum-global-color-gray-400, #d3d3d3);--ccx-comments-border-color-focus: var(--spectrum-global-color-blue-400, #378ef0);--ccx-comments-box-shadow-color: var(--spectrum-global-color-gray-400, #d3d3d3);--ccx-comments-icon-fill-color: var(--spectrum-global-color-gray-500, #bcbcbc);--ccx-comments-text-color-1: var(--spectrum-global-color-gray-800, #505050);--ccx-comments-text-color-2: var(--spectrum-global-color-gray-700, #747474);--ccx-comments-text-color-3: var(--spectrum-global-color-gray-900, #323232);--ccx-comments-textarea-color: var(--spectrum-global-color-gray-600, #959595);--ccx-comments-textarea-color-focused: var(--spectrum-global-color-gray-800, #505050);--ccx-comments-text-color-error: var(--spectrum-global-color-red-500, #e34850);--ccx-comments-text-box-mention-font-color: var(--spectrum-global-color-blue-600, #1473e6);--ccx-comments-text-box-background-color: var(--spectrum-global-color-gray-50, #fff);--ccx-comments-text-color-selection: rgba(38, 128, 235, 0.3);--ccx-comments-avatar-background: var(--spectrum-global-color-gray-400, #d3d3d3);--ccx-comments-avatar-foreground: var(--spectrum-global-color-gray-100, #fff);--ccx-comments-empty-state-illustration: var(--spectrum-global-color-gray-500, #bcbcbc);--ccx-comments-empty-state-title: var(--spectrum-global-color-gray-800, #505050);--ccx-comments-empty-state-subtitle: var(--spectrum-global-color-gray-700, #747474);--ccx-comments-comment-list-section-active-border: var(--spectrum-global-color-blue-500, #2680eb);--ccx-comments-comment-selected-background-color: rgba(50,50,50,0.0588235);--ccx-comments-text-box-with-text-color: var(--spectrum-global-color-gray-800, #505050);--ccx-comments-login-legal-notice: var(--spectrum-global-color-gray-500, #bcbcbc);--ccx-comments-login-vertical-rule-color: var(--spectrum-global-color-gray-300, #eaeaea);--ccx-comments-popover-hover-background-color: var(--spectrum-global-color-gray-200, #f4f4f4);--ccx-comments-popover-hover-text-color: var(--spectrum-global-color-gray-900, #323232);--ccx-comments-popover-header-color: var(--spectrum-global-color-gray-900, #323232);--ccx-comments-annotation-highlight: var(--spectrum-global-color-blue-500, #2680eb);--ccx-comments-annotation-outline: var(--spectrum-global-color-blue-400, #378ef0);--ccx-comments-action-button-selected-text-color: var(--spectrum-global-color-gray-100, #fff);--ccx-comments-header-vertical-rule-color: var(--spectrum-global-color-gray-500, #bcbcbc);--ccx-comments-header-icon-color: var(--spectrum-global-color-gray-700, #747474);--ccx-comments-mobile-submit-button: var(--spectrum-global-color-blue-500, #2680eb);--ccx-comments-emoji-text-highlight: rgba(55, 142, 240, 0.2);--ccx-comments-unread-circle-color: #1473e6;--ccx-comments-offline-unread-circle-color: var(--spectrum-global-color-gray-500, #bcbcbc);--ccx-comments-asset-link-background: var(--spectrum-global-color-gray-50, #fff);--ccx-comments-asset-link-background-hover: rgba(50,50,50,0.0392157);--ccx-comments-asset-link-border: var(--spectrum-global-color-gray-400, #d3d3d3);--ccx-comments-asset-link-border-hover: var(--spectrum-global-color-gray-500, #bcbcbc);--ccx-comments-suggestion-list-bg-color: var(--spectrum-global-color-gray-50, #fff);--ccx-comments-user-card-subtitle-color: var(--spectrum-global-color-gray-700, #747474);--ccx-comments-dropdown-background-color: rgba(0,0,0,0.2);--ccx-comments-icon-button-color: var(--spectrum-global-color-gray-700, #747474);--ccx-comments-icon-button-hover-color: var(--spectrum-global-color-gray-900, #323232);--ccx-comments-spectrum-disabled-background-color: var(--spectrum-global-color-gray-200, #f4f4f4);--ccx-comments-spectrum-disabled-text-color: var(--spectrum-global-color-gray-500, #bcbcbc);--ccx-comments-spectrum-quiet-selected-color: var(--spectrum-global-color-gray-300, #eaeaea);--ccx-comments-tray-handle-color: #eaeaea}:root .lightest-theme .spectrum-Popover,:root .lightest-theme div.spectrum-Popover-tip::after,:host .lightest-theme .spectrum-Popover,:host .lightest-theme div.spectrum-Popover-tip::after{background-color:var(--ccx-comments-background-color-1);border-color:var(--ccx-comments-border-color-2)}:root .large-scale,:host .large-scale{--ccx-comments-empty-state-title-font-size: 19px;--ccx-comments-empty-state-sub-title-font-size: 15px;--ccx-comments-empty-state-sub-title-font-weight: 400;--ccx-comments-empty-state-alt-sub-title-font-size: 12px;--ccx-comments-empty-state-cta-font-size: 17px;--ccx-comments-section-header-font-size: 15px;--ccx-comments-section-heading-button-font-weight: 800;--ccx-comments-user-card-name-font-size: 15px;--ccx-comments-user-card-name-font-weight: 800;--ccx-comments-user-card-padding: 10px;--ccx-comments-user-card-email-font-size: 12px;--ccx-comments-textarea-font-size: 15px;--ccx-comments-textarea-compact-font-size: 17px;--ccx-comments-timestamp-font-size: 15px;--ccx-comments-timestamp-line-height: normal;--ccx-comments-list-header-title-size: 15px;--ccx-comments-list-header-line-height: normal;--ccx-comments-multiple-asset-subtitle-font-size: 15px;--ccx-comments-multiple-asset-subtitle-line-height: normal;--ccx-comments-asset-copy-button-font-size: 15px;--ccx-comments-asset-copy-button-line-height: normal;--ccx-comments-asset-header-title-font-size: 15px;--ccx-comments-asset-header-title-font-weight: 800;--ccx-comments-asset-header-title-line-height: normal;--ccx-comments-asset-url-font-size: 15px;--ccx-comments-user-name-font-size: 15px;--ccx-comments-user-name-line-height: normal;--ccx-comments-user-name-font-weight: 800;--ccx-comments-user-name-margin: 0 0 -1px;--ccx-comments-comment-text-font-size: 15px;--ccx-comments-mobile-comment-text-font-size: 15px;--ccx-comments-comment-line-height: normal;--ccx-comments-annotation-marker-font-size: 12px;--ccx-comments-reply-caption-font-size: 15px;--ccx-comments-reply-caption-font-weight: 800;--ccx-comments-reply-button-font-size: 15px;--ccx-comments-reply-button-line-height: normal;--ccx-comments-replying-user-name-font-size: 15px;--ccx-comments-comments-submit-view-font-size: 15px;--ccx-comments-cursor-marker-font-size: 15px;--ccx-comments-cursor-marker-line-height: 15px;--ccx-comments-annotation-view-font-size: 15px;--ccx-comments-comments-view-font-size: 15px;--ccx-comments-annotation-mask-view-font-size: 15px;--ccx-comments-variant2-no-comments-title-font-size: 17px;--ccx-comments-variant2-no-comments-body-font-size: 15px;--ccx-comments-delete-state-title-font-size: 19px;--ccx-comments-delete-state-subtitle-font-size: 15px;--ccx-comments-delete-state-button-font-size: 17px;--ccx-comments-switch-label-font-size: 15px;--ccx-comments-text-input-error-label-font-size: 15px;--ccx-comments-login-dialog-description-font-size: 15px;--ccx-comments-login-dialog-adobe-legal-notice-font-size: 12px;--ccx-comments-login-dialog-legal-notice-font-size: 12px;--ccx-comments-compact-view-padding: 18px;--ccx-comments-compact-view-padding-top: 8px;--ccx-comments-compact-view-active-padding: 14px;--ccx-comments-header-back-button-margin-left: -12px;--ccx-comments-header-font-size: 17px;--ccx-comments-header-vertical-rule-height: 22px;--ccx-comments-header-vertical-rule-margin: 2px 12px 0;--ccx-comments-filter-group-margin: 0 0 24px 0;--ccx-comments-filter-header-font-size: 15px;--ccx-comments-filter-header-margin: 10px 0 10px 0;--ccx-comments-filter-icon-size: 18px;--ccx-comments-filter-padding: 0 8px;--ccx-comments-annotation-visibility-toggle-icon-size: 24px;--ccx-comments-mobile-annotation-visibility-toggle-icon-size: 26px;--ccx-comments-mobile-node-title-font-size: 15px;--ccx-comments-mobile-section-header-padding-x: var(--ccx-comments-compact-view-padding);--ccx-comments-mobile-section-header-padding-y: 8px;--ccx-comments-mobile-submit-padding-top: 8px;--ccx-comments-emoji-name-font-size: 15px;--ccx-comments-emoji-name-font-weight: 800;--ccx-comments-emoji-icon-font-size: 17px;--ccx-comments-emoji-result-padding: 10px;--ccx-comments-unread-circle-height: 8px;--ccx-comments-unread-circle-width: 8px;--ccx-comments-suggestion-list-item-height: 56px;--ccx-comments-avatar-column-margin-right: 8px;--ccx-comments-tray-handle-padding: 10px;--ccx-comments-item-dropdown-wrapper-margin-top: -13px;--ccx-comments-item-dropdown-wrapper-margin-right: -8px;--ccx-comments-textarea-default-height: 36px;--ccx-comments-annotation-toolbar-icon-size: 22px;--ccx-comments-annotation-marker-icon-size: 15px;--ccx-comments-custom-icon-position: calc(50% - 11px);--ccx-comments-resolve-icon-size: 22px;--ccx-comments-guest-subheader-font-size: 17px;--ccx-comments-dialog-header-font-size: 28px}:root .medium-scale,:host .medium-scale{--ccx-comments-empty-state-title-font-size: var(--spectrum-global-dimension-font-size-300, 18px);--ccx-comments-empty-state-sub-title-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-empty-state-sub-title-font-weight: var(--spectrum-global-font-weight-regular, 400);--ccx-comments-empty-state-alt-sub-title-font-size: var(--spectrum-global-dimension-font-size-75, 12px);--ccx-comments-empty-state-cta-font-size: var(--spectrum-global-dimension-font-size-200, 16px);--ccx-comments-section-header-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-section-heading-button-font-weight: var(--spectrum-global-font-weight-semi-bold, 600);--ccx-comments-user-card-name-font-size: var(--spectrum-global-dimension-font-size-75, 12px);--ccx-comments-user-card-name-font-size--mobile: var(--spectrum-global-dimension-font-size-200, 16px);--ccx-comments-user-card-name-font-weight: var(--spectrum-global-font-weight-regular, 400);--ccx-comments-user-card-padding: 5px 10px;--ccx-comments-user-card-email-font-size: var(--spectrum-global-dimension-font-size-75, 12px);--ccx-comments-user-card-email-font-size--mobile: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-textarea-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-textarea-compact-font-size: var(--spectrum-global-dimension-font-size-200, 16px);--ccx-comments-timestamp-font-size: var(--spectrum-global-dimension-font-size-75, 12px);--ccx-comments-timestamp-line-height: normal;--ccx-comments-list-header-title-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-list-header-line-height: normal;--ccx-comments-multiple-asset-subtitle-font-size: var(--spectrum-global-dimension-font-size-75, 12px);--ccx-comments-multiple-asset-subtitle-line-height: normal;--ccx-comments-asset-copy-button-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-asset-copy-button-line-height: normal;--ccx-comments-asset-header-title-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-asset-header-title-font-weight: var(--spectrum-global-font-weight-semi-bold, 600);--ccx-comments-asset-header-title-line-height: normal;--ccx-comments-asset-url-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-user-name-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-user-name-line-height: normal;--ccx-comments-user-name-font-weight: var(--spectrum-global-font-weight-semi-bold, 600);--ccx-comments-user-name-margin: 0 0 -1px;--ccx-comments-comment-text-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-mobile-comment-text-font-size: 15px;--ccx-comments-comment-line-height: normal;--ccx-comments-annotation-marker-font-size: var(--spectrum-global-dimension-font-size-75, 12px);--ccx-comments-reply-caption-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-reply-caption-font-weight: var(--spectrum-global-font-weight-semi-bold, 600);--ccx-comments-reply-button-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-reply-button-line-height: initial;--ccx-comments-replying-user-name-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-comments-submit-view-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-cursor-marker-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-cursor-marker-line-height: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-annotation-view-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-comments-view-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-annotation-mask-view-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-variant2-no-comments-title-font-size: var(--spectrum-global-dimension-font-size-200, 16px);--ccx-comments-variant2-no-comments-body-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-delete-state-title-font-size: var(--spectrum-global-dimension-font-size-300, 18px);--ccx-comments-delete-state-subtitle-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-delete-state-button-font-size: var(--spectrum-global-dimension-font-size-200, 16px);--ccx-comments-switch-label-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-text-input-error-label-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-login-dialog-description-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-login-dialog-legal-notice-font-size: var(--spectrum-global-dimension-font-size-75, 12px);--ccx-comments-compact-view-padding: 18px;--ccx-comments-compact-view-padding-top: 8px;--ccx-comments-compact-view-active-padding: 14px;--ccx-comments-header-font-size: 17px;--ccx-comments-header-back-button-margin-left: -12px;--ccx-comments-header-back-button-margin-right: 10px;--ccx-comments-header-vertical-rule-height: 22px;--ccx-comments-header-vertical-rule-margin: 2px 12px 0;--ccx-comments-filter-group-margin: 0 0 24px 0;--ccx-comments-filter-header-font-size: 15px;--ccx-comments-filter-header-margin: 10px 0 10px 0;--ccx-comments-filter-icon-size: 16px;--ccx-comments-filter-padding: 0 8px;--ccx-comments-annotation-visibility-toggle-icon-size: 20px;--ccx-comments-mobile-annotation-visibility-toggle-icon-size: 22px;--ccx-comments-network-status-icon-size: 20px;--ccx-comments-mobile-node-title-font-size: 15px;--ccx-comments-mobile-section-header-padding-x: var(--ccx-comments-compact-view-padding);--ccx-comments-mobile-section-header-padding-y: 8px;--ccx-comments-mobile-submit-padding-top: 8px;--ccx-comments-emoji-name-font-size: var(--spectrum-global-dimension-font-size-100, 14px);--ccx-comments-emoji-name-font-weight: var(--spectrum-global-font-weight-regular, 400);--ccx-comments-emoji-icon-font-size: var(--spectrum-global-dimension-font-size-200, 16px);--ccx-comments-emoji-result-padding: 5px 10px;--ccx-comments-unread-circle-height: 6px;--ccx-comments-unread-circle-width: 6px;--ccx-comments-suggestion-list-item-height: 56px;--ccx-comments-avatar-column-margin-right: 8px;--ccx-comments-tray-handle-padding: 10px;--ccx-comments-item-dropdown-wrapper-margin-top: -13px;--ccx-comments-item-dropdown-wrapper-margin-right: -8px;--ccx-comments-textarea-default-height: 36px;--ccx-comments-annotation-toolbar-icon-size: 18px;--ccx-comments-annotation-marker-icon-size: 12px;--ccx-comments-custom-icon-position: calc(50% - 9px);--ccx-comments-resolve-icon-size: 18px;--ccx-comments-guest-subheader-font-size: var(--spectrum-global-dimension-font-size-200, 16px);--ccx-comments-dialog-header-font-size: 28px}
span.row.unread-reply-thread{display:flex !important}.Comments__component___mz7Sx{height:100%}.Comments__component___mz7Sx .comments-list-wrapper.compact{position:static;box-shadow:none !important}.Comments__component___mz7Sx #ccx-comments-submit{border-top:0px none}.Comments__annotationOverlayMessage___pQhqx{align-items:center;background:rgba(0,0,0,0.5);color:#fff;display:flex;font-size:14px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}input[type='search']{box-sizing:inherit !important}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.OneUpShell__headerButtons___foQXB{display:flex;white-space:nowrap}.OneUpShell__headerButtons___foQXB.OneUpShell__withUtilityNav___ci9uV{padding-right:12px;border-right:1px solid var(--spectrum-global-color-gray-300);margin-right:6px}.OneUpShell__headerButtons___foQXB.OneUpShell__newOneUpWithUtilityNav___mY7P7{margin-right:8px}.OneUpShell__headerButtons___foQXB .OneUpShell__dropdown____MF1o{margin-left:16px}.OneUpShell__headingGroup___oxEn8{position:relative;display:flex;align-items:center;min-width:100px}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz{display:flex;flex-direction:column;margin-left:2px}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz .OneUpShell__title___KdPlF{font-size:14px;color:var(--spectrum-global-color-gray-800);line-height:18px}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz .OneUpShell__title___KdPlF .OneUpShell__directory___zjId0{font-size:14px;color:var(--spectrum-global-color-gray-700)}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz .OneUpShell__title___KdPlF .OneUpShell__divider___q3WwF{vertical-align:middle;color:var(--spectrum-global-color-gray-500);padding:0 4px}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz .OneUpShell__title___KdPlF .OneUpShell__sharedWithYouContainer___lic7e{display:flex;align-items:center;justify-content:center}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz .OneUpShell__title___KdPlF .OneUpShell__folderIcon___RXsYp{height:16px;width:16px;margin-right:5px}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz .OneUpShell__subtitle___mgsuX{font-size:11px;color:var(--spectrum-global-color-gray-600);text-transform:uppercase;letter-spacing:0.666pt}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz .OneUpShell__icon___k78fS{margin-top:2px;float:left;padding-right:4px}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz,.OneUpShell__headingGroup___oxEn8 .OneUpShell__title___KdPlF,.OneUpShell__headingGroup___oxEn8 .OneUpShell__subtitle___mgsuX{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.OneUpShell__headingGroup___oxEn8 .OneUpShell__heading___YuGPz{padding-left:12px;border-left:1px solid var(--spectrum-global-color-gray-300)}.OneUpShell__headingGroup___oxEn8 .OneUpShell__withoutBack___CpY6j{border-left:none}.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js{width:100%}.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js .OneUpShell__heading___YuGPz{width:100%;flex-direction:row;justify-content:center;align-items:baseline;margin-left:0;border-left:none;line-height:20px}.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js .OneUpShell__title___KdPlF{margin-right:16px;font-size:16px;line-height:inherit}.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js .OneUpShell__subtitle___mgsuX{font-size:12px;line-height:inherit}.OneUpShell__backButton___iKu24{margin:0 4px 0 0;width:32px;padding:0 9px;border-width:1px;border-radius:4px;color:#707070}.OneUpShell__backButton___iKu24:hover,.OneUpShell__backButton___iKu24:focus,.OneUpShell__backButton___iKu24:active{color:var(--spectrum-global-color-gray-800);background-color:var(--spectrum-global-color-gray-200)}.OneUpShell__backButton___iKu24::before{content:'';background-image:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/d5a45b4673921a47c6ee.svg);background-size:contain;width:12px;height:12px;display:block;background-repeat:no-repeat;background-position:center}@media only screen and (max-width: 1280px){.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js .OneUpShell__heading___YuGPz{flex-direction:column;border-left:1px solid var(--spectrum-global-color-gray-300)}.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js .OneUpShell__heading___YuGPz{padding-left:12px}.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js .OneUpShell__withoutBack___CpY6j{border-left:none}.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js .OneUpShell__noSeparator___IKlFp{border-left:none}.OneUpShell__headingGroup___oxEn8.OneUpShell__newOneUpHeadingGroup___bd8js .OneUpShell__title___KdPlF{margin-right:0}}
.FullScreen__component___Ut1PE.FullScreen__component___Ut1PE{display:inline-block;padding:0px;width:18px;border:0px;border-radius:4px;margin:0px;height:18px;line-height:18px;color:#707070}.FullScreen__component___Ut1PE.FullScreen__component___Ut1PE:focus{color:#707070;background-color:transparent}.FullScreen__component___Ut1PE.FullScreen__component___Ut1PE:hover,.FullScreen__component___Ut1PE.FullScreen__component___Ut1PE:focus:hover,.FullScreen__component___Ut1PE.FullScreen__component___Ut1PE:active{color:#4b4b4b}
.Zoom__component___l4PZd{display:inline-block}.Zoom__alignmentContainer___D5XlB{vertical-align:middle;display:inline-block}.Zoom__zoomLevel___R1M6h.Zoom__zoomLevel___R1M6h{width:48px;min-width:48px;vertical-align:middle;text-align:center;text-indent:0;margin-left:8px;margin-right:8px;border:0;text-align:center;padding-left:0;padding-right:0}.Zoom__zoomLevel___R1M6h.Zoom__zoomLevel___R1M6h:focus{border:0;box-shadow:none}.Zoom__zoomOutButton___pLftu.Zoom__zoomOutButton___pLftu,.Zoom__zoomInButton___wROKj.Zoom__zoomInButton___wROKj{cursor:pointer;vertical-align:middle;display:inline-block;margin-right:0;padding-right:0;padding-left:0;width:18px;border-radius:4px;border:0px;height:18px;line-height:18px;color:#707070}.Zoom__zoomOutButton___pLftu.Zoom__zoomOutButton___pLftu:focus,.Zoom__zoomInButton___wROKj.Zoom__zoomInButton___wROKj:focus{color:#707070;background-color:transparent}.Zoom__zoomOutButton___pLftu.Zoom__zoomOutButton___pLftu:hover,.Zoom__zoomOutButton___pLftu.Zoom__zoomOutButton___pLftu:focus:hover,.Zoom__zoomOutButton___pLftu.Zoom__zoomOutButton___pLftu:active,.Zoom__zoomInButton___wROKj.Zoom__zoomInButton___wROKj:hover,.Zoom__zoomInButton___wROKj.Zoom__zoomInButton___wROKj:focus:hover,.Zoom__zoomInButton___wROKj.Zoom__zoomInButton___wROKj:active{color:#4b4b4b}.Zoom__zoomOutButton___pLftu.Zoom__zoomOutButton___pLftu:disabled:hover,.Zoom__zoomOutButton___pLftu.Zoom__zoomOutButton___pLftu:disabled:active,.Zoom__zoomOutButton___pLftu.Zoom__zoomOutButton___pLftu:disabled:focus,.Zoom__zoomInButton___wROKj.Zoom__zoomInButton___wROKj:disabled:hover,.Zoom__zoomInButton___wROKj.Zoom__zoomInButton___wROKj:disabled:active,.Zoom__zoomInButton___wROKj.Zoom__zoomInButton___wROKj:disabled:focus{color:#b3b3b3;background-color:transparent}.Zoom__zoomOutButton___pLftu:disabled,.Zoom__zoomOutButton___pLftu[disabled],.Zoom__zoomInButton___wROKj:disabled,.Zoom__zoomInButton___wROKj[disabled]{cursor:default}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.u-react-spectrum-screenReaderOnly {
border: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
margin: 0 -1px -1px 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.u-react-spectrum-screenReaderOnly.is-focusable:active,
.u-react-spectrum-screenReaderOnly.is-focusable:focus {
clip: auto;
clip-path: none;
height: auto;
margin: inherit;
overflow: visible;
position: static;
width: auto;
white-space: inherit;
}
.react-spectrum-Pagination .spectrum-Pagination-counter {
margin-bottom: 0;
margin-top: 0;
}
.spectrum-Pagination--explicit,
.spectrum-Pagination--listing {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
.spectrum-Pagination-input {
width: 48px;
min-width: 48px;
}
.spectrum-Pagination-counter {
margin-left: 5px;
}
.spectrum-Pagination-prevButton {
margin-right: 5px;
}
.spectrum-Pagination-nextButton {
margin-left: 5px;
}
.spectrum--light .spectrum-Pagination-pageButton:hover {
background-color: rgba(44,44,44,0.04);
}
.spectrum--light .spectrum-Pagination-pageButton:focus {
border-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-Pagination-pageButton.is-selected {
background-color: rgb(75, 75, 75);
color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Pagination-pageButton:hover {
background-color: rgba(50,50,50,0.04);
}
.spectrum--lightest .spectrum-Pagination-pageButton:focus {
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Pagination-pageButton.is-selected {
background-color: rgb(80, 80, 80);
color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Pagination-pageButton:hover {
background-color: rgba(239,239,239,0.08);
}
.spectrum--darkest .spectrum-Pagination-pageButton:focus {
border-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Pagination-pageButton.is-selected {
background-color: rgb(200, 200, 200);
color: rgb(255, 255, 255);
}
.spectrum-SplitButton {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: row;
flex-direction: row;
vertical-align: top;
}
.spectrum-SplitButton-action + .spectrum-SplitButton-trigger {
margin-left: 0;
}
.spectrum-Button + .spectrum-SplitButton {
margin-left: 12px;
}
.spectrum-SplitButton-action {
margin-left: 0;
border-radius: 16px 0 0 16px;
}
.spectrum-SplitButton-action.spectrum-Button--cta {
margin-inline-end: 2px;
}
.spectrum-SplitButton-action:after {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.spectrum-SplitButton-trigger {
margin-left: 0;
border-radius: 0 16px 16px 0;
border-left-width: 0;
padding-left: 8px;
padding-right: 10px;
min-width: 0;
}
.spectrum-SplitButton-trigger.spectrum-Button--cta {
border-inline-start-width: 2px;
}
.spectrum-SplitButton-trigger.focus-ring {
box-shadow: none;
}
.spectrum-SplitButton-trigger:after {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.spectrum-SplitButton-icon {
display: block;
margin-top: 1px;
}
.spectrum-SplitButton-action,
.spectrum-SplitButton-trigger {
position: relative;
}
.spectrum-SplitButton-action:focus, .spectrum-SplitButton-trigger:focus {
z-index: 1;
}
.spectrum-SplitButton-action .spectrum-Button-label + .spectrum-Icon {
margin-left: 12px;
}
.spectrum-SplitButton--left .spectrum-SplitButton-action {
border-radius: 0 16px 16px 0;
margin-right: 0;
margin-left: 0;
}
.spectrum-SplitButton--left .spectrum-SplitButton-action.spectrum-Button--cta {
padding-left: 12px;
margin-left: 2px;
}
.spectrum-SplitButton--left .spectrum-SplitButton-action:after {
border-radius: 2px 16px 16px 2px;
}
.spectrum-SplitButton--left .spectrum-SplitButton-trigger {
margin-right: 0;
border-radius: 16px 0 0 16px;
border-left-width: 2px;
border-right-width: 0;
padding-right: 8px;
padding-left: 10px;
}
.spectrum-SplitButton--left .spectrum-SplitButton-trigger.spectrum-Button--cta {
border-inline-end-width: 2px;
}
.spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
border-radius: 16px 2px 2px 16px;
}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.ViewControlWidget__component____Q8JX{height:64px;background-color:var(--spectrum-global-color-gray-200);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:4px;display:flex;-webkit-flex:0 0 auto;flex:0 0 auto;align-items:center;margin:0 auto;pointer-events:auto}.ViewControlWidget__component____Q8JX .spectrum-Pagination-counter{margin-top:0;margin-bottom:0}.ViewControlWidget__component____Q8JX .spectrum-Pagination-input{text-align:center}.ViewControlWidget__fullScreenContainer___n0VxS{-webkit-flex:0 0 auto;flex:0 0 auto;display:inline-block;vertical-align:top;margin:22px 18px 22px 18px}.ViewControlWidget__zoomContainer___wjlIh{-webkit-flex:0 0 auto;flex:0 0 auto;display:inline-block;vertical-align:top;margin:16px 14px 16px 14px}.ViewControlWidget__paginationContainer___Z7ADX{-webkit-flex:0 0 auto;flex:0 0 auto;display:inline-block;margin:16px 14px 16px 14px;vertical-align:top}.ViewControlWidget__paginationContainer___Z7ADX .spectrum-Pagination-counter{margin-bottom:2px;margin-top:0}
.LocaleDialog__dialog___I5t4P.spectrum-Dialog{width:360px}.LocaleDialog__dropdown___Ti5YI{width:100%}div[role='dialog']+.spectrum-Popover .spectrum-Menu{max-height:210px}
.Pages__Pages___izJvx{position:relative;height:100%;width:100%}.Pages__widgetContainer___BzaE4{transition:all 400ms ease;opacity:0;position:absolute;bottom:16px;left:0;right:0;display:flex;pointer-events:none}.Pages__widgetContainer___BzaE4.Pages__withTermsFooter___dKTY_{bottom:48px}.Pages__extendedHeader___RtSSZ{height:70px}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.Pages__footer___uo_H_{position:sticky;bottom:0;left:0;right:0;background:rgba(245,245,245,0.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.Pages__widgetContainer___BzaE4.Pages__isVisible___j_ng3{opacity:1;visibility:visible}
.commenting__commentsWrapper____baxT{height:100%}
.index__dimensionIframeContainer___qsKJg{height:100%;width:100%;overflow:hidden}.index__dimensionIframeContainer___qsKJg iframe{height:100%;width:100%;border:none}
.CarouselNavigation__isVisible___AXBqL.CarouselNavigation__isVisible___AXBqL{opacity:0.9;visibility:visible}button.CarouselNavigation__left___YBIm4,button.CarouselNavigation__right___mbXZZ{position:absolute;top:50%;transform:translateY(-50%);transition:opacity 0.125s ease-out;opacity:0;visibility:hidden;z-index:1;margin:auto;padding:0;border:0;width:32px;height:32px;color:#707070}button.CarouselNavigation__left___YBIm4:focus,button.CarouselNavigation__right___mbXZZ:focus{color:#707070;background-color:transparent}button.CarouselNavigation__left___YBIm4:hover,button.CarouselNavigation__left___YBIm4:active,button.CarouselNavigation__left___YBIm4:hover:focus,button.CarouselNavigation__right___mbXZZ:hover,button.CarouselNavigation__right___mbXZZ:active,button.CarouselNavigation__right___mbXZZ:hover:focus{color:#4b4b4b;background-color:#eaeaea}button.CarouselNavigation__left___YBIm4{left:7px}button.CarouselNavigation__right___mbXZZ{right:7px}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.index__overlayBlock___dZ_G0{position:absolute;cursor:pointer}.index__overlayCanvas___nOKC3{position:absolute;width:100%;height:100%}.index__pencil___DRUJq{position:absolute;font-size:0;top:-9px;cursor:pointer}.index__selected___BRHeU{animation:highlight 5s}.index__nextFrame___cfuJs{position:absolute;cursor:pointer;font-size:0;bottom:calc(10% - 5px);right:0}.index__previousFrame___K8UV7{position:absolute;cursor:pointer;font-size:0;top:calc(5% - 12px);left:-10px}@keyframes highlight{0%{box-shadow:none}10%{box-shadow:0px 0px 16px #4d8fe9b5}100%{box-shadow:none}}
.ccx-page-overlay{width:100%;height:100%}.index__waitText___GgikG{position:absolute;top:57%;left:50%;transform:translate(-50%, -50%);font-size:large}.index__errorToast___LzupM{position:absolute;z-index:1000;left:50%;transform:translate(-50%)}.index__missingFontInfoToast___Kk5i5{position:absolute;z-index:1000;bottom:20px;left:50%;transform:translate(-50%)}
button.Toast__toastButton___QhW0c{margin-left:20px;vertical-align:middle;margin-top:-10px;margin-bottom:-10px}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.OpenInPSWebAlertDialog__content-heading___kO3K5{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;padding-bottom:20px}.OpenInPSWebAlertDialog__content-heading___kO3K5>.OpenInPSWebAlertDialog__title___haobq{margin-left:15px}.OpenInPSWebAlertDialog__ps-colloab-whats-new-img___Z3Rls{border-radius:4px 4px 0 0;width:100%}.OpenInPSWebAlertDialog__dont-show-checkbox___cNhpT{position:absolute;bottom:29px}.aw-open-in-ps-dialog{max-width:512px;padding:0px}.aw-open-in-ps-dialog .spectrum-Dialog-header{padding-bottom:20px}.aw-open-in-ps-dialog .spectrum-Dialog-header:after{display:none}.aw-open-in-ps-dialog .spectrum-Dialog-content{padding:0 20px}.aw-open-in-ps-dialog .spectrum-Dialog-footer{padding:20px 12px 20px 0;margin:0px}.aw-open-in-ps-dialog .spectrum-Dialog-footer .spectrum-Button--secondary{background-color:transparent;border-color:transparent;color:#6e6e6e}.aw-open-in-ps-dialog .spectrum-Dialog-footer .spectrum-Button--secondary:hover{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-global-color-gray-200);color:var(--spectrum-global-color-gray-700)}
.OpenInButton__root___NoF4x{margin-right:16px}.OpenInButton__tooltip___cw_Q2.spectrum-Tooltip{text-align:center}
.styles__toastContainer___zWSsX{position:fixed;bottom:0;display:flex;width:100%;justify-content:center;z-index:1}
.PageNavigation__inputArea___hGKy6{min-width:32px;margin-bottom:2px;width:32px;height:32px;justify-content:center;padding:2px;text-align:center}.PageNavigation__totalPage___BlO4l{margin-bottom:8px}#PageNavigation__pageViewDropdownButtonId___ysiwP:hover{background:var(--spectrum-global-color-gray-300)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.PageViewTile__tile___XHSY0:first-child{margin-top:18px}.PageViewTile__tile___XHSY0.PageViewTile__active___EXUQy .PageViewTile__Rendition___uYK65{border:2px solid var(--spectrum-global-color-blue-600)}.PageViewTile__tile___XHSY0 .PageViewTile__Rendition___uYK65{display:flex;align-items:center;justify-content:center;height:164px;width:164px;background-color:var(--spectrum-global-color-gray-300);border-radius:4px;cursor:pointer}.PageViewTile__tile___XHSY0 .PageViewTile__Rendition___uYK65 .PageViewTile__img___hYGu9{background-size:contain;border-radius:8px}.PageViewTile__tile___XHSY0 .PageViewTile__PageNum___YZV9S{line-height:20px;font-size:16px;font-weight:bold;margin:8px auto 24px}@media only screen and (max-width: 768px){.PageViewTile__tile___XHSY0{margin:10px 20px 0 20px}.PageViewTile__tile___XHSY0:first-child{margin-left:0}.PageViewTile__tile___XHSY0 .PageViewTile__Rendition___uYK65{height:215px;width:215px}}
.TilesContainer__TilesContainer___xkEjk{display:flex;flex-direction:column;align-items:center}.TilesContainer__TilesContainer___xkEjk.TilesContainer__mobile___RGoU4{flex-direction:row;flex-wrap:nowrap}
.ThumbnailPanel__container___Lqx9J{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;flex-direction:column}.ThumbnailPanel__compact___ES5S1{margin:0}
:root {
--ccx-timeline-a11-focus-ring-color: #1473e6;
--ccx-timeline-font-size-primary-content: 13px;
--ccx-timeline-font-size-secondary-content: 11px;
--ccx-timeline-button-font-size: 14px;
--ccx-timeline-toast-font-size: 14px;
--ccx-timeline-border-radius:4px;
--ccx-timeline-version-row-button-padding:8px;
--ccx-timeline-version-row-label-height:48px;
--ccx-timeline-version-label-line-height:18px;
--ccx-timeline-version-sublabel-line-height:20px; }
:root .spectrum--darkest {
--ccx-timeline-section-separator-color: #393939;
--ccx-timeline-highlighted-item-color: #2c2c2c;
--ccx-timeline-highlighted-hover-item-color: #2c2c2c;
--ccx-timeline-preview-background-color: #2c2c2c;
--ccx-timeline-version-subtitle-color: #a2a2a2;
--ccx-timeline-hyperlink-text-color: #378ef0;
--ccx-timeline-background-color: #1e1e1e; }
:root .spectrum--dark {
--ccx-timeline-section-separator-color: #4a4a4a;
--ccx-timeline-highlighted-item-color: #3e3e3e;
--ccx-timeline-highlighted-hover-item-color: #3e3e3e;
--ccx-timeline-preview-background-color: #3e3e3e;
--ccx-timeline-version-subtitle-color: #b9b9b9;
--ccx-timeline-hyperlink-text-color: #4b9cf5;
--ccx-timeline-background-color: #323232; }
:root .spectrum--light {
--ccx-timeline-section-separator-color: #e1e1e1;
--ccx-timeline-highlighted-item-color: #eaeaea;
--ccx-timeline-highlighted-hover-item-color: #eaeaea;
--ccx-timeline-preview-background-color: #eaeaea;
--ccx-timeline-version-subtitle-color: #6e6e6e;
--ccx-timeline-hyperlink-text-color: #0d66d0;
--ccx-timeline-background-color: #f5f5f5; }
:root .spectrum--lightest {
--ccx-timeline-section-separator-color: #eaeaea;
--ccx-timeline-highlighted-item-color: #eaeaea;
--ccx-timeline-highlighted-hover-item-color: #f4f4f4;
--ccx-timeline-preview-background-color: #f5f5f5;
--ccx-timeline-version-subtitle-color: #747474;
--ccx-timeline-hyperlink-text-color: #1473e6;
--ccx-timeline-background-color: #ffffff; }
:root .ILST {
--ccx-timeline-font-size-primary-content: 10px;
--ccx-timeline-font-size-secondary-content: 10px;
--ccx-timeline-button-font-size: 10px;
--ccx-timeline-toast-font-size: 10px;
--ccx-timeline-border-radius:0;
--ccx-timeline-version-row-button-padding:6px;
--ccx-timeline-version-row-min-height:44px;
--ccx-timeline-version-label-line-height:14px;
--ccx-timeline-version-sublabel-line-height:14px; }
:root .ILST :lang(zh-Hant) {
--ccx-timeline-font-size-primary-content: 12px;
--ccx-timeline-font-size-secondary-content: 12px; }
:root .ILST :lang(zh-Hans) {
--ccx-timeline-font-size-primary-content: 12px;
--ccx-timeline-font-size-secondary-content: 12px; }
:root .ILST :lang(ja) {
--ccx-timeline-font-size-primary-content: 12px;
--ccx-timeline-font-size-secondary-content: 12px; }
:root .ILST.spectrum--darkest {
--ccx-timeline-section-separator-color: #3e3e3e;
--ccx-timeline-highlighted-item-color: #474747;
--ccx-timeline-highlighted-hover-item-color: #47474780;
--ccx-timeline-preview-background-color: #3e3e3e; }
:root .ILST.spectrum--dark {
--ccx-timeline-section-separator-color: #5f5f5f;
--ccx-timeline-highlighted-item-color: #6b6b6b;
--ccx-timeline-highlighted-hover-item-color: #6b6b6b80;
--ccx-timeline-preview-background-color: #5f5f5f; }
:root .ILST.spectrum--light {
--ccx-timeline-section-separator-color: #a7a7a7;
--ccx-timeline-highlighted-item-color: #a5a5a5;
--ccx-timeline-highlighted-hover-item-color: #a5a5a580;
--ccx-timeline-preview-background-color: #c3c3c3; }
:root .ILST.spectrum--lightest {
--ccx-timeline-section-separator-color: #dcdcdc;
--ccx-timeline-highlighted-item-color: #bfbfbf;
--ccx-timeline-highlighted-hover-item-color: #bfbfbf80;
--ccx-timeline-preview-background-color: #e7e6e7; }
:root .PHXS {
--ccx-timeline-font-size-primary-content: 10px;
--ccx-timeline-font-size-secondary-content: 10px;
--ccx-timeline-button-font-size: 10px;
--ccx-timeline-version-subtitle-color: var(--uxp-host-text-color-secondary);
--ccx-timeline-section-separator-color: var(--uxp-host-border-color);
--ccx-timeline-preview-background-color: var(--uxp-host-border-color);
--ccx-timeline-toast-font-size: 10px;
--ccx-timeline-background-color: var(--uxp-host-background-color);
--ccx-timeline-border-radius:0;
--ccx-timeline-version-row-button-padding:6px;
--ccx-timeline-version-row-min-height:44px;
--ccx-timeline-version-label-line-height:14px;
--ccx-timeline-version-sublabel-line-height:14px; }
:root .PHXS :lang(zh-Hant) {
--ccx-timeline-font-size-primary-content: 12px;
--ccx-timeline-font-size-secondary-content: 12px; }
:root .PHXS :lang(zh-Hans) {
--ccx-timeline-font-size-primary-content: 12px;
--ccx-timeline-font-size-secondary-content: 12px; }
:root .PHXS :lang(ja) {
--ccx-timeline-font-size-primary-content: 12px;
--ccx-timeline-font-size-secondary-content: 12px; }
:root .PHXS.spectrum--darkest {
--ccx-timeline-highlighted-item-color: #474747;
--ccx-timeline-highlighted-hover-item-color: #47474780; }
:root .PHXS.spectrum--dark {
--ccx-timeline-highlighted-item-color: #6b6b6b;
--ccx-timeline-highlighted-hover-item-color: #6b6b6b80; }
:root .PHXS.spectrum--light {
--ccx-timeline-highlighted-item-color: #a5a5a5;
--ccx-timeline-highlighted-hover-item-color: #a5a5a580; }
:root .PHXS.spectrum--lightest {
--ccx-timeline-highlighted-item-color: #bfbfbf;
--ccx-timeline-highlighted-hover-item-color: #bfbfbf80; }
:root .SPRK.spectrum--light {
--ccx-timeline-background-color: #fff;
--ccx-timeline-section-separator-color: #eaeaea;
--ccx-timeline-highlighted-item-color: #eaeaea;
--ccx-timeline-highlighted-hover-item-color: #f4f4f4;
--ccx-timeline-preview-background-color: #f5f5f5;
--ccx-timeline-version-subtitle-color: #747474;
--ccx-timeline-hyperlink-text-color: #1d94f3; }
._timelineFooter_1pfkn_1 {
width: 100%;
height: 24px;
flex-shrink: 0;
border-top: 2px solid var(--ccx-timeline-section-separator-color); }
._cloudIcon_1pfkn_7 {
padding: 2px 0 4px 10px;
width: 18px;
height: 18px; }
._disabled_1pfkn_12 {
color: gray; }
._shell_1ez93_1 {
background-color: var(--ccx-timeline-background-color, inherit);
overflow-y: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
min-height: 180px;
min-width: inherit;
margin: 0 auto;
font-size: var(--ccx-timeline-font-size-primary-content); }
._shell_1ez93_1 ._toastContainer_1ez93_14 {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 15px;
z-index: 10000;
max-width: 90%; }
._shell_1ez93_1 ._toastContainer_1ez93_14 ._toast_1ez93_14 {
font-size: var(--ccx-timeline-toast-font-size); }
._shell_1ez93_1 ._toastContainer_1ez93_14 ._toast_1ez93_14 .spectrum-Toast-body {
display: flex;
flex-direction: column;
align-items: flex-end; }
._shell_1ez93_1 ._overlay_1ez93_28 {
background-color: var(--ccx-timeline-background-color, inherit);
position: absolute;
width: 100%;
height: 100%;
z-index: 100; }
._shell_1ez93_1 ._timelinePanelView_1ez93_34 {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
overflow: hidden;
flex-direction: column;
width: 100%;
height: 100%; }
/**
* Copyright 2019 Adobe Inc. All rights reserved.
*
* This file is licensed to you under the Apache License, Version 2.0 (the 'License');
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
*/
.spectrum-IllustratedMessage-heading {
font-size: var(--ccx-timeline-font-size-primary-content);
font-weight: 600;
margin-top: 24px; }
.spectrum-IllustratedMessage-description {
font-size: var(--ccx-timeline-font-size-secondary-content);
font-style: normal;
padding: 0 40px; }
._actionWrapper_rh47a_24 {
text-align: center;
margin-top: 24px; }
._actionButton_rh47a_28 {
font-size: var(--ccx-timeline-button-font-size); }
._illustratedMessage_rh47a_31 {
align-self: center; }
._preview_rh47a_34 {
position: absolute;
top: 0;
left: 0;
width: 100%; }
._unsupportedMessage_rh47a_40 {
padding: 30px;
text-align: center; }
._textField_c2ob9_1 {
width: 100%; }
._textField_c2ob9_1 > input {
/*
(Win only) Fix editable text field white background overlaps top border.
!important is required for this to work.
See: jira.corp.adobe.com/browse/CCX-5879
*/
background-color: transparent !important; }
/**
* Copyright 2019 Adobe Inc. All rights reserved.
*
* This file is licensed to you under the Apache License, Version 2.0 (the 'License');
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
*/
._PermanentlyDelete_1o5x6_14 {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
margin: 0 auto;
outline: none; }
._title_1o5x6_24 {
padding: 0px 40px;
margin-bottom: 40px;
text-align: center; }
._buttons_1o5x6_29 {
display: flex;
justify-content: center; }
._versionLabel_q9t7d_1 ._milestoneLabel_q9t7d_1 {
overflow: hidden;
text-overflow: ellipsis;
line-height: var(--ccx-timeline-version-label-line-height);
position: relative;
word-break: break-word; }
._versionLabel_q9t7d_1 ._subLabel_q9t7d_8 {
color: var(--ccx-timeline-version-subtitle-color);
font-size: var(--ccx-timeline-font-size-secondary-content);
line-height: var(--ccx-timeline-version-sublabel-line-height); }
/**
* Copyright 2019 Adobe Inc. All rights reserved.
*
* This file is licensed to you under the Apache License, Version 2.0 (the 'License');
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
*/
._itemContainer_1i0zw_14 {
display: flex;
flex-direction: row;
position: relative;
border: 1px solid transparent;
outline: none;
min-height: var(--ccx-timeline-version-row-min-height);
white-space: nowrap;
/* Hide buttons by default */
/* Show buttons when the item is selected or hovered over. */
/* And ensure buttons show also when _they're_ focused, not only the item */
/* Always show bookmark button for bookmarked items */
/* Always show context menu button for preview items */
/* Accessibility */
/* Buttons */ }
._itemContainer_1i0zw_14:not(._preview_1i0zw_29) {
/* Fix mobile double-tap link issue caused by using :hover
* https://jira.corp.adobe.com/browse/CCX-7779
* https://css-tricks.com/annoying-mobile-double-tap-link-issue/
* Seperate selector for UXP since UXP does not support media queries
*/ }
._itemContainer_1i0zw_14:not(._preview_1i0zw_29)._selected_1i0zw_35, ._itemContainer_1i0zw_14:not(._preview_1i0zw_29):focus, ._itemContainer_1i0zw_14:not(._preview_1i0zw_29) .focus-ring {
background-color: var(--ccx-timeline-highlighted-item-color); }
._itemContainer_1i0zw_14:not(._preview_1i0zw_29):focus-within {
background-color: var(--ccx-timeline-highlighted-item-color); }
._itemContainer_1i0zw_14:not(._preview_1i0zw_29)._uxp_1i0zw_39:hover {
background-color: var(--ccx-timeline-highlighted-hover-item-color); }
@media (hover: hover) and (pointer: fine) {
._itemContainer_1i0zw_14:not(._preview_1i0zw_29):hover {
background-color: var(--ccx-timeline-highlighted-hover-item-color); } }
._itemContainer_1i0zw_14 ._bookmarkButton_1i0zw_44 {
position: absolute;
left: 0px;
top: 0px;
visibility: visible; }
._itemContainer_1i0zw_14 ._bookmarkButtonHide_1i0zw_49 {
visibility: hidden; }
._itemContainer_1i0zw_14 ._dropdownMenu_1i0zw_51, ._itemContainer_1i0zw_14 ._bookmarkButton_1i0zw_44 {
opacity: 0; }
._itemContainer_1i0zw_14:focus-within ._dropdownMenu_1i0zw_51, ._itemContainer_1i0zw_14:focus-within ._bookmarkButton_1i0zw_44 {
opacity: 1; }
._itemContainer_1i0zw_14._selected_1i0zw_35 ._dropdownMenu_1i0zw_51, ._itemContainer_1i0zw_14._selected_1i0zw_35 ._bookmarkButton_1i0zw_44, ._itemContainer_1i0zw_14._uxp_1i0zw_39:hover ._dropdownMenu_1i0zw_51, ._itemContainer_1i0zw_14._uxp_1i0zw_39:hover ._bookmarkButton_1i0zw_44 {
opacity: 1; }
@media (hover: hover) and (pointer: fine) {
._itemContainer_1i0zw_14:hover ._dropdownMenu_1i0zw_51, ._itemContainer_1i0zw_14:hover ._bookmarkButton_1i0zw_44 {
opacity: 1; } }
._itemContainer_1i0zw_14._bookmarked_1i0zw_60 ._bookmarkButton_1i0zw_44 {
opacity: 1; }
._itemContainer_1i0zw_14._preview_1i0zw_29 {
height: 100%; }
._itemContainer_1i0zw_14._preview_1i0zw_29 ._dropdownMenu_1i0zw_51 {
opacity: 1; }
._itemContainer_1i0zw_14.focus-ring {
border: 1px solid var(--ccx-timeline-a11-focus-ring-color); }
._itemContainer_1i0zw_14.focus-ring ._dropdownMenu_1i0zw_51, ._itemContainer_1i0zw_14.focus-ring ._bookmarkButton_1i0zw_44 {
opacity: 1; }
._itemContainer_1i0zw_14 ._info_1i0zw_70 {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
min-height: 32px;
padding: var(--ccx-timeline-version-row-button-padding) 0;
overflow: hidden; }
._itemContainer_1i0zw_14 ._buttonsContainer_1i0zw_78 {
padding: var(--ccx-timeline-version-row-button-padding) 0;
display: flex;
justify-content: flex-end;
align-items: center;
visibility: visible;
position: relative;
/* Turn off click pointer for buttons that are disabled */ }
._itemContainer_1i0zw_14 ._buttonsContainer_1i0zw_78 ._disabled_1i0zw_86 {
cursor: default; }
._itemContainer_1i0zw_14 ._buttonsContainer_1i0zw_78 ._bookmarkContainer_1i0zw_88 {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
position: relative; }
._itemContainer_1i0zw_14 ._buttonsContainer_1i0zw_78 ._dropdownMenu_1i0zw_51 {
display: inline-block; }
._itemContainer_1i0zw_14 ._spinnerContainer_1i0zw_97 {
position: relative;
visibility: visible; }
._itemContainer_1i0zw_14 ._spinnerContainerHide_1i0zw_100 {
visibility: hidden; }
._versionPreview_pl541_1 {
padding: 10px 10px 0px 10px;
display: flex;
flex-direction: column; }
._versionPreview_pl541_1 ._imageContainer_pl541_5 {
background-color: var(--ccx-timeline-preview-background-color);
flex: 1;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--ccx-timeline-border-radius);
overflow: hidden;
height: 220px;
min-height: 220px;
max-height: 220px; }
._versionPreview_pl541_1 ._imageContainer_pl541_5 ._image_pl541_5 {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain; }
._versionPreview_pl541_1 ._imageContainer_pl541_5 ._error_pl541_20 {
height: 100%;
width: 100%; }
._versionPreview_pl541_1 ._versionItem_pl541_23 {
height: 56px; }
.spectrum-Accordion {
display: block;
list-style: none;
padding: 0;
margin: 0;
}
.spectrum-Accordion-itemIndicator {
display: block;
position: absolute;
left: 16px;
top: 14.5px;
transition: transform ease 130ms;
}
.spectrum-Accordion-item {
z-index: inherit;
position: relative;
display: list-item;
margin: 0;
border-bottom: 1px solid transparent;
}
.spectrum-Accordion-item:first-of-type {
border-top: 1px solid transparent;
}
.spectrum-Accordion-itemHeading {
margin: 0;
}
.spectrum-Accordion-itemHeader {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
box-sizing: border-box;
padding: 12px 16px 12px 34px;
margin: 0;
min-height: 39px;
font-size: 11px;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.0006em;
text-overflow: ellipsis;
cursor: pointer;
font-weight: 500;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: inherit;
border: 0;
font-family: inherit;
text-align: start;
width: 100%;
}
.spectrum-Accordion-itemHeader:focus {
outline: none;
}
.spectrum-Accordion-itemHeader:focus::after {
content: '';
position: absolute;
left: 0;
top: -1px;
bottom: -1px;
width: 2px;
}
.spectrum-Accordion-itemContent {
padding: 0 16px 16px 16px;
display: none;
}
.spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeading > .spectrum-Accordion-itemIndicator {
transform: rotate(90deg);
}
.spectrum-Accordion-item.is-open > .spectrum-Accordion-itemIndicator {
transform: rotate(90deg);
}
.spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeader::after {
height: 39px;
}
.spectrum-Accordion-item.is-open > .spectrum-Accordion-itemContent {
display: block;
}
.spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader {
cursor: default;
}
.spectrum--light .spectrum-Accordion-item {
border-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Accordion-itemIndicator {
color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-Accordion-itemHeader {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Accordion-itemHeader:hover {
color: rgb(44, 44, 44);
background-color: rgb(234, 234, 234);
}
.spectrum--light .spectrum-Accordion-itemHeader:hover + .spectrum-Accordion-itemIndicator {
color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Accordion-itemHeader.focus-ring:after {
background-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader:hover {
background-color: transparent;
}
.spectrum--light .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader,
.spectrum--light .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:hover,
.spectrum--light .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader.focus-ring {
color: rgb(179, 179, 179);
background-color: transparent;
}
.spectrum--light .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader + .spectrum-Accordion-itemIndicator {
color: rgb(202, 202, 202);
}
.spectrum--lightest .spectrum-Accordion-item {
border-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Accordion-itemIndicator {
color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-Accordion-itemHeader {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Accordion-itemHeader:hover {
color: rgb(50, 50, 50);
background-color: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Accordion-itemHeader:hover + .spectrum-Accordion-itemIndicator {
color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Accordion-itemHeader.focus-ring:after {
background-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader:hover {
background-color: transparent;
}
.spectrum--lightest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader,
.spectrum--lightest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:hover,
.spectrum--lightest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader.focus-ring {
color: rgb(188, 188, 188);
background-color: transparent;
}
.spectrum--lightest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader + .spectrum-Accordion-itemIndicator {
color: rgb(211, 211, 211);
}
.spectrum--darkest .spectrum-Accordion-item {
border-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Accordion-itemIndicator {
color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-Accordion-itemHeader {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Accordion-itemHeader:hover {
color: rgb(239, 239, 239);
background-color: rgb(44, 44, 44);
}
.spectrum--darkest .spectrum-Accordion-itemHeader:hover + .spectrum-Accordion-itemIndicator {
color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Accordion-itemHeader.focus-ring:after {
background-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader:hover {
background-color: transparent;
}
.spectrum--darkest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader,
.spectrum--darkest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:hover,
.spectrum--darkest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader.focus-ring {
color: rgb(92, 92, 92);
background-color: transparent;
}
.spectrum--darkest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader + .spectrum-Accordion-itemIndicator {
color: rgb(73, 73, 73);
}
._headerSavedIcon_fida2_1 {
display: flex;
padding-right: 8px; }
._header_fida2_1 {
display: flex;
align-items: center; }
._date_fida2_9 {
font-size: var(--ccx-timeline-font-size-primary-content);
font-weight: 600;
padding-right: 8px; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1 {
border-bottom: none; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1.spectrum-Accordion-item:first-of-type {
border-top: 0; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1.spectrum-Accordion-item.is-open .spectrum-Accordion-itemIndicator {
left: 14px;
top: 16.5px; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1.spectrum-Accordion-item .spectrum-Accordion-itemHeader {
color: inherit;
font-weight: normal;
text-transform: none; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1.spectrum-Accordion-item .spectrum-Accordion-itemHeader:focus, ._versionList_tuz4d_1 ._accordionItem_tuz4d_1.spectrum-Accordion-item .spectrum-Accordion-itemHeader:hover {
background: none; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1.spectrum-Accordion-item .spectrum-Accordion-itemContent {
padding: 0px; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1 ._versionsSection_tuz4d_16 {
padding: 0px 8px; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1 ._versionsSection_tuz4d_16 > div {
padding-left: 26px;
border-radius: var(--ccx-timeline-border-radius); }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1 ._versionsSection_tuz4d_16 > div + div {
margin-top: 4px; }
._versionList_tuz4d_1 ._accordionItem_tuz4d_1 ._versionsSection_tuz4d_16 ._noVersion_tuz4d_23 {
display: flex;
align-items: center;
min-height: 32px; }
/**
* Copyright 2019 Adobe Inc. All rights reserved.
*
* This file is licensed to you under the Apache License, Version 2.0 (the 'License');
* you may not use this file except in compliance with the License. You may obtain a copy
* of the License at http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
* OF ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
*/
._mainView_1r3ko_14 {
align-self: flex-start;
height: 100%;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex;
flex-direction: column;
overflow: auto; }
._mainView_1r3ko_14 ._section_1r3ko_22 + ._section_1r3ko_22 {
border-top: 2px solid var(--ccx-timeline-section-separator-color); }
._mainView_1r3ko_14 ._section_1r3ko_22:first-child {
flex-shrink: 0; }
._mainView_1r3ko_14 ._versions_1r3ko_26 {
padding-bottom: 8px;
overflow-y: auto; }
._mainView_1r3ko_14 ._versions_1r3ko_26 ._message_1r3ko_29 {
font-size: var(--ccx-timeline-font-size-secondary-content);
text-align: center;
padding: 24px;
pointer-events: none;
border-top: 2px solid var(--ccx-timeline-section-separator-color);
margin-top: 16px; }
._mainView_1r3ko_14 ._versions_1r3ko_26 ._message_1r3ko_29 a {
color: var(--ccx-timeline-hyperlink-text-color);
text-decoration: underline;
/* UXP does not support pointer-events yet: */
/* https://jira.corp.adobe.com/browse/UXP-6754 */
pointer-events: all;
cursor: pointer; }
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.LayerView__component___da2Po{margin-right:0px;display:flex;margin-bottom:24px}.LayerView__layerToggleButton___Csind.LayerView__layerToggleButton___Csind{display:inline-block;height:18px;width:18px;line-height:18px;padding:0px;border:0px;border-radius:4px;color:#707070}.LayerView__layerToggleButton___Csind.LayerView__layerToggleButton___Csind:focus{color:#707070;background-color:transparent}.LayerView__layerToggleButton___Csind.LayerView__layerToggleButton___Csind:hover,.LayerView__layerToggleButton___Csind.LayerView__layerToggleButton___Csind:focus:hover,.LayerView__layerToggleButton___Csind.LayerView__layerToggleButton___Csind:active{color:#4b4b4b;background-color:#eaeaea}.LayerView__layerGroupButton___i9yQH.LayerView__layerGroupButton___i9yQH{display:inline-block;height:18px;width:18px;line-height:18px;padding:0px;border:0px;border-radius:4px;color:#707070}.LayerView__layerGroupButton___i9yQH.LayerView__layerGroupButton___i9yQH:focus{color:#707070;background-color:transparent}.LayerView__layerGroupButton___i9yQH.LayerView__layerGroupButton___i9yQH:hover,.LayerView__layerGroupButton___i9yQH.LayerView__layerGroupButton___i9yQH:focus:hover,.LayerView__layerGroupButton___i9yQH.LayerView__layerGroupButton___i9yQH:active{color:#4b4b4b;background-color:#eaeaea}.LayerView__layerName___TLnlc{margin-left:5px;display:inline-block;font-size:14px;height:auto;transform:translateY(-2px);color:var(--spectrum-global-color-gray-500)}.LayerView__layerFolderOpen___mdOKs::before{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/4a1b18fc1718d60ef76e.svg);position:relative;width:18px;height:18px}.LayerView__layerFolder___msUMX::before{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/2e5e6a4d52b0babf7fd7.svg);position:relative;width:18px;height:18px}.spectrum-Icon--ViewOff::before{content:url(https://assets.adobe.com/raw/0e5df82506b88dccbb3bc96e6ae88cb0869dc203/6f6a099937a4e8c4c9ec.svg)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.LayersPanel__component___cfSV6{padding-top:32px;padding-left:32px;padding-right:32px}.LayersPanel__layers___jUcot{display:block;margin-top:16px}.LayersPanel__action___N1jpV{display:block}.LayersPanel__resetButton___PMjj1.LayersPanel__resetButton___PMjj1{font-size:15px;font-weight:bold;border-color:var(--spectrum-global-color-gray-900);background-color:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-900)}.LayersPanel__resetButton___PMjj1.LayersPanel__resetButton___PMjj1:hover,.LayersPanel__resetButton___PMjj1.LayersPanel__resetButton___PMjj1:focus{border-color:var(--spectrum-global-color-gray-900);color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-900)}.LayersPanel__resetButton___PMjj1.LayersPanel__resetButton___PMjj1:disabled{border-color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-500)}.LayersPanel__resetButton___PMjj1.LayersPanel__resetButton___PMjj1:active{border-color:var(--spectrum-global-color-gray-900);color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-900)}.LayersPanel__resetButton___PMjj1.LayersPanel__resetButton___PMjj1:disabled:hover,.LayersPanel__resetButton___PMjj1.LayersPanel__resetButton___PMjj1:disabled:active,.LayersPanel__resetButton___PMjj1.LayersPanel__resetButton___PMjj1:disabled:focus{background-color:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-500);border-color:var(--spectrum-global-color-gray-50)}.LayersPanel__extractButton___p0yHd.LayersPanel__extractButton___p0yHd{margin-left:16px;font-size:15px;font-weight:bold;border-color:var(--spectrum-global-color-gray-600);background-color:var(--spectrum-global-color-gray-50);color:var(--spectrum-global-color-gray-600)}.LayersPanel__extractButton___p0yHd.LayersPanel__extractButton___p0yHd:hover,.LayersPanel__extractButton___p0yHd.LayersPanel__extractButton___p0yHd:focus{border-color:var(--spectrum-global-color-gray-600);color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-600)}.LayersPanel__extractButton___p0yHd.LayersPanel__extractButton___p0yHd:active{border-color:var(--spectrum-global-color-gray-700);color:var(--spectrum-global-color-gray-50);background-color:var(--spectrum-global-color-gray-700)}.LayersPanel__layerGroup___AmCSK{display:block}.LayersPanel__layerGroupChild___oiL8W{margin-left:32px}
.spectrum-Well {
display: block;
min-width: 248px;
padding: 16px;
margin-top: 4px;
border-width: 1px;
border-style: solid;
border-radius: 4px;
}
.spectrum--light .spectrum-Well {
background-color: rgba(75,75,75,0.02);
border-color: rgba(44,44,44,0.05);
}
.spectrum--lightest .spectrum-Well {
background-color: rgba(80,80,80,0.02);
border-color: rgba(50,50,50,0.05);
}
.spectrum--darkest .spectrum-Well {
background-color: rgba(200,200,200,0.02);
border-color: rgba(239,239,239,0.05);
}
.spectrum-Avatar {
width: 16px;
height: 16px;
border-radius: 50%;
border-style: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spectrum--light .spectrum-Avatar {
opacity: 1;
}
.spectrum--light .spectrum-Avatar.is-disabled {
opacity: 0.3;
}
.spectrum--lightest .spectrum-Avatar {
opacity: 1;
}
.spectrum--lightest .spectrum-Avatar.is-disabled {
opacity: 0.3;
}
.spectrum--darkest .spectrum-Avatar {
opacity: 1;
}
.spectrum--darkest .spectrum-Avatar.is-disabled {
opacity: 0.3;
}
.textEditor__parentContainer--1hUWy{height:100%}.textEditor__boldDiv--2FRE1{width:32px;height:32px;background:#f4f4f4 0% 0%;border-radius:4px;opacity:1;margin-right:15px;margin-left:15px;display:flex;justify-content:center;align-items:center}.textEditor__toolbarButtons--2UOuE{width:32px;height:32px;margin-right:15px;margin-left:15px;display:flex;justify-content:center;align-items:center}.textEditor__storyName--WYTQB{font:normal normal normal 14px/21px Adobe Clean;letter-spacing:0px;color:#747474}.textEditor__ccte_column1--2D69B{margin-right:auto;display:flex;justify-content:flex-start;align-items:center}.textEditor__ccte_column2--3mJuP{border-style:none;display:flex;justify-content:center;align-items:center}.textEditor__ccte_column3--2EF-0{margin-left:auto;display:flex;justify-content:flex-end;align-items:center}.textEditor__ccte_row--mcnne{display:flex;flex-direction:row;flex-wrap:wrap;background:#fff 0% 0%;border:1px solid #eaeaea;opacity:1}.textEditor__ccte_container--2rz3C{background:#fff 0% 0%;overflow-x:hidden;overflow-y:hidden;opacity:1;display:flex;flex-direction:column;height:100%}.textEditor__ccte_editorDiv--1KiLu{background:#fafafa 0% 0% no-repeat padding-box;width:100%;display:flex;justify-content:center;overflow-x:hidden;overflow-y:hidden}.textEditor__ccte_editorDiv--1KiLu ::-webkit-scrollbar{width:10px}.textEditor__ccte_editorDiv--1KiLu ::-webkit-scrollbar-track{background:#dcdcdc}.textEditor__ccte_editorDiv--1KiLu ::-webkit-scrollbar-thumb{background:#b8b8b8}.textEditor__ccte_editorDiv--1KiLu ::-webkit-scrollbar-thumb:hover{background:#959595}.textEditor__ccte_seperator--33lY1{border-right:1px solid #eaeaea;opacity:1;width:0px;height:34px}.textEditor__ccte_rowElement--ys_Ry{flex:1;padding-top:14.5px;padding-bottom:14.5px;display:flex;justify-content:center}
/*!
* Quill Editor v2.0.0-dev.4-build.4
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports(counter-set: none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set: none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}@supports(display: contents){.ql-editor li[data-list=bullet]>.ql-ui,.ql-editor li[data-list=ordered]>.ql-ui{display:contents}}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}.ql-editor li[data-list=ordered]{counter-increment:list-0}@supports(counter-set: none){.ql-editor li[data-list=ordered]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports(counter-set: none){.ql-editor li[data-list=ordered].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports(counter-set: none){.ql-editor li[data-list=ordered].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports(counter-set: none){.ql-editor li[data-list=ordered].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports(counter-set: none){.ql-editor li[data-list=ordered].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports(counter-set: none){.ql-editor li[data-list=ordered].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports(counter-set: none){.ql-editor li[data-list=ordered].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports(counter-set: none){.ql-editor li[data-list=ordered].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports(counter-set: none){.ql-editor li[data-list=ordered].ql-indent-8{counter-set:list-9}}@supports not (counter-set: none){.ql-editor li[data-list=ordered].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0px}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0px;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0px 0px 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0px;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0px;content:"Save";padding-right:0px}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}
.baseDialog__dialog--1HFfh.react-spectrum-Dialog{width:500px}.baseDialog__content--25eMK{padding-top:16px;flex-direction:column;display:flex;overflow:hidden}.baseDialog__dialogContent--3cKI3{display:flex;justify-content:space-between;flex-wrap:wrap}
.index__textEditorProvider--hnlct{height:100%}
.index__component--2SG9c{box-sizing:border-box;font-weight:300;color:#707070}@media only screen and (max-width: 600px){.index__component--2SG9c.index__mobile--3vTho{width:100%}}.index__component--2SG9c .index__noassignment--2kRMF{margin-top:20px;display:flex;justify-content:center;font-size:16px}.index__component--2SG9c .spectrum-Card{border:none;width:113%}.index__component--2SG9c .spectrum-Card:active,.index__component--2SG9c .spectrum-Card:hover{background-color:#f4f4f4}.index__component--2SG9c .spectrum-Card-body{padding-left:24px;padding-right:24px}.index__component--2SG9c .spectrum-Button{width:0%}.index__row---YVao,.index__fullWidthRow--3o0jK{border-bottom:1px solid #eaeaea;display:flex;cursor:pointer}.index__row---YVao.index__isSubRow--3iEPS,.index__isSubRow--3iEPS.index__fullWidthRow--3o0jK{border-bottom:none;padding:0}.index__row---YVao .index__label--2r3vR,.index__fullWidthRow--3o0jK .index__label--2r3vR,.index__fullWidthRow--3o0jK .index__noteLabel--3D9Dh{font-size:10.5px;letter-spacing:.666px;text-transform:uppercase;width:106px;min-width:106px;align-items:center;line-height:2}.index__row---YVao .index__header--5ed5l,.index__fullWidthRow--3o0jK .index__header--5ed5l{margin-top:-1px;margin-bottom:10px}.index__row---YVao .index__headerName--i9S2F,.index__fullWidthRow--3o0jK .index__headerName--i9S2F{display:flex;margin-left:30px;margin-top:-24px}.index__row---YVao .index__button--1daHj,.index__fullWidthRow--3o0jK .index__button--1daHj{margin-top:26px;display:inline-block;padding-bottom:16px;padding-left:10px}.index__row---YVao .index__button--1daHj button:last-child,.index__fullWidthRow--3o0jK .index__button--1daHj button:last-child{margin-left:32px}.index__headerpanel--33RqT{background-color:#fff;padding-top:16px;padding-bottom:16px;padding-left:16px;font-weight:504}.index__fullWidthRow--3o0jK{display:block}.index__fullWidthRow--3o0jK .index__noteLabel--3D9Dh{margin-left:5px;margin-top:-1px}.index__fullWidthHeading--3Xi6p{display:flex}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.PasswordView__passwordView___AJaAh{position:absolute;display:table;top:50%;left:50%;width:100%;transform:translate(-50%, -50%)}.PasswordView__passwordFormWrapper___S42fQ{display:table-cell;vertical-align:middle}.PasswordView__passwordForm___puH3K{margin-left:auto;margin-right:auto;width:330px}.PasswordView__passwordBox___WXw01{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto}.PasswordView__icon___aDoLg{padding:10px}.PasswordView__label___Hn5rS{color:#4b4b4b;font-size:16px;font-family:'adobe-clean', sans-serif;text-align:center}.PasswordView__invalid___qnhOQ{color:red}.PasswordView__input___OvhsK{width:330px;padding-right:30px}.PasswordView__input___OvhsK.PasswordView__fieldInvalid___MwTDw{padding-right:60px}.PasswordView__signInCta___GwuUm{display:flex;flex-direction:column;align-items:center;margin-top:3rem}.PasswordView__signInCtaLabel___P7BDF{margin-top:1rem;margin-bottom:0.5rem;text-align:center}.PasswordView__noPermissionMessage___sCqoG{margin-bottom:2rem;line-height:17px;color:var(--spectrum-global-color-gray-500) !important;font-weight:lighter}.PasswordView__noAccessCta___GXHZV{margin-top:0}.PasswordView__createAccount___tKkJv{margin-top:1.5rem}.PasswordView__passwordInputContainer___jViLv{position:relative;width:100%}.PasswordView__passwordInputContainer___jViLv .PasswordView__visiblityIconBtn___kDACu{position:absolute;right:0;top:50%;transform:translateY(-50%)}.PasswordView__passwordInputContainer___jViLv .PasswordView__visiblityIconBtn___kDACu.PasswordView__invalidInput___SaAGw{right:30px}.PasswordView__separator___xJTU_{margin:12px 0;width:100%}.PasswordView__greyBreak___C4k7V{background-color:#eaeaea;height:2px;width:100%}.PasswordView__invalidMsg____W7yF{color:#d7373f;width:100%}
p{border-radius:4px}p:focus{outline:none}p.focus-ring{background-color:rgba(44,44,44,0.04);box-shadow:0 0 0 2px var(--spectrum-table-cell-border-color-key-focus)}p.LegalDialog__legalNoticeContainer___LbcJW{margin:2px}p.LegalDialog__legalNotice___aZNLm{margin-top:17px}p.LegalDialog__legalLink___pI5dA{cursor:pointer;color:#1473e6;margin-top:3px;width:fit-content;margin:2px}
.Badge__badge___QcJNP{position:relative}.Badge__badge___QcJNP .Badge__blueBadgeDot___C3PhO{position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:100%;background-color:var(--spectrum-global-color-blue-600);border:1px solid white}
.signin{white-space:nowrap}.ReviewOneUp__backButtonTitle___XG419 span{overflow:unset;vertical-align:revert}.ReviewOneUp__backButtonTitle___XG419 svg{margin-bottom:2px}
.spectrum-Slider,
.spectrum-Dial {
position: relative;
z-index: 1;
display: block;
min-height: 32px;
min-width: 100px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spectrum-Slider-controls,
.spectrum-Dial-controls {
display: inline-block;
box-sizing: border-box;
position: relative;
z-index: auto;
width: calc(100% - 16px);
margin-left: 8px;
min-height: 32px;
vertical-align: top;
}
.spectrum-Slider-track,
.spectrum-Slider-buffer,
.spectrum-Slider-ramp,
.spectrum-Slider-fill {
height: 2px;
box-sizing: border-box;
position: absolute;
z-index: 1;
top: 16px;
left: 0;
right: auto;
margin-top: -1px;
pointer-events: none;
}
.spectrum-Slider-track,
.spectrum-Slider-buffer,
.spectrum-Slider-fill {
padding: 0 4px 0 0;
margin-left: -8px;
}
.spectrum-Slider-track::before, .spectrum-Slider-buffer::before, .spectrum-Slider-fill::before {
content: '';
display: block;
height: 100%;
border-radius: 1px;
}
.spectrum-Slider-fill {
margin-left: 0;
padding: 0 0 0 12px;
}
.spectrum-Slider-fill--right {
padding: 0 12px 0 0;
}
.spectrum-Slider-buffer {
padding: 0 4px 0 0;
}
.spectrum-Slider-track ~ .spectrum-Slider-track,
.spectrum-Slider-buffer ~ .spectrum-Slider-buffer {
left: auto;
right: 0;
padding: 0 0 0 4px;
margin-left: 0;
margin-right: -8px;
}
.spectrum-Slider-buffer ~ .spectrum-Slider-buffer {
margin-right: 0;
padding: 0 0 0 12px;
}
.spectrum-Slider-buffer ~ .spectrum-Slider-buffer:after {
display: none;
}
.spectrum-Slider--range .spectrum-Slider-value {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.spectrum-Slider--range .spectrum-Slider-track:first-of-type {
padding: 0 4px 0 0;
left: 0;
right: auto;
margin-left: -8px;
}
.spectrum-Slider--range .spectrum-Slider-track {
padding: 0 12px 0 12px;
left: auto;
right: auto;
margin: 0;
}
.spectrum-Slider--range .spectrum-Slider-track:last-of-type {
padding: 0 0 0 4px;
left: auto;
right: 0;
margin-right: -8px;
}
.spectrum-Slider-buffer {
z-index: 2;
}
.spectrum-Slider-ramp {
margin-top: 0;
height: 16px;
position: absolute;
left: -8px;
right: -8px;
top: 8px;
}
.spectrum-Slider-ramp svg {
width: 100%;
height: 100%;
}
.spectrum-Slider-handle,
.spectrum-Dial-handle {
position: absolute;
left: 0;
top: 16px;
z-index: 2;
display: inline-block;
box-sizing: border-box;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
border-width: 2px;
border-style: solid;
border-radius: 8px;
transition: border-width 130ms ease-in-out;
outline: none;
cursor: pointer;
cursor: grab;
}
.spectrum-Slider-handle:active,
.spectrum-Slider-handle.is-focused,
.spectrum-Slider-handle.is-dragged,
.spectrum-Dial-handle:active {
border-width: 6px;
cursor: ns-resize;
cursor: grabbing;
}
.spectrum-Slider-handle:active,
.spectrum-Slider-handle.is-focused,
.spectrum-Slider-handle.is-dragged,
.spectrum-Slider-handle.is-tophandle,
.spectrum-Dial-handle:active {
z-index: 3;
}
.spectrum-Slider-input,
.spectrum-Dial-input {
margin: 0;
width: 16px;
height: 16px;
padding: 0;
position: absolute;
top: -2px;
left: -2px;
overflow: hidden;
opacity: .000001;
cursor: default;
-webkit-appearance: none;
border: 0;
pointer-events: none;
}
.spectrum-Slider-input:focus,
.spectrum-Dial-input:focus {
outline: none;
}
.spectrum-Slider-labelContainer,
.spectrum-Dial-labelContainer {
display: -ms-flexbox;
display: flex;
position: relative;
width: auto;
padding-top: 4px;
font-size: 12px;
line-height: 1.3;
}
.spectrum-Slider-label,
.spectrum-Dial-label {
padding-left: 0;
-ms-flex-positive: 1;
flex-grow: 1;
}
.spectrum-Slider-value,
.spectrum-Dial-value {
-ms-flex-positive: 0;
flex-grow: 0;
padding-right: 0;
cursor: default;
}
.spectrum-Slider-value {
margin-left: 16px;
}
.spectrum-Slider-ticks {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 0;
margin: 0 -8px;
margin-top: 11px;
}
.spectrum-Slider-tick {
position: relative;
width: 2px;
}
.spectrum-Slider-tick:after {
display: block;
position: absolute;
top: 0;
left: calc(50% - 1px);
content: '';
width: 2px;
height: 10px;
border-radius: 1px;
}
.spectrum-Slider-tick .spectrum-Slider-tickLabel {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 16px -16px 0 -16px;
font-size: 12px;
line-height: 1.3;
}
.spectrum-Slider-tick:first-of-type .spectrum-Slider-tickLabel, .spectrum-Slider-tick:last-of-type .spectrum-Slider-tickLabel {
display: block;
position: absolute;
margin: 16px 0 0 0;
}
.spectrum-Slider-tick:first-of-type .spectrum-Slider-tickLabel {
left: 0;
}
.spectrum-Slider-tick:last-of-type .spectrum-Slider-tickLabel {
right: 0;
}
.spectrum-Slider--color .spectrum-Slider-labelContainer,
.spectrum-Slider--color .spectrum-Dial-labelContainer {
padding-bottom: 5px;
}
.spectrum-Slider--color .spectrum-Slider-controls,
.spectrum-Slider--color .spectrum-Slider-controls::before,
.spectrum-Slider--color .spectrum-Slider-track,
.spectrum-Slider--color .spectrum-Dial-controls,
.spectrum-Slider--color .spectrum-Dial-controls::before {
min-height: auto;
height: 24px;
margin-left: 0;
width: 100%;
}
.spectrum-Slider--color .spectrum-Slider-controls::before,
.spectrum-Slider--color .spectrum-Dial-controls::before {
display: block;
content: '';
}
.spectrum-Slider--color .spectrum-Slider-controls::before,
.spectrum-Slider--color .spectrum-Slider-track,
.spectrum-Slider--color .spectrum-Dial-controls::before {
top: 0;
padding: 0;
margin-top: 0;
margin-right: 0;
border-radius: 4px;
}
.spectrum-Slider--color .spectrum-Slider-handle,
.spectrum-Slider--color .spectrum-Dial-handle {
top: 50%;
}
.spectrum-Dial {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
min-width: 0;
min-height: 0;
width: 48px;
}
.spectrum-Dial-labelContainer {
margin-bottom: 5px;
}
.spectrum-Dial-label:only-child {
text-align: center;
}
.spectrum-Dial-controls {
width: 32px;
height: 32px;
min-height: 0;
border-radius: 16px;
position: relative;
display: inline-block;
margin: 0;
box-sizing: border-box;
outline: none;
}
.spectrum-Dial-controls::before,
.spectrum-Dial-controls::after {
content: '';
width: 4px;
height: 2px;
border-radius: 1px;
position: absolute;
bottom: 0;
}
.spectrum-Dial-controls::before {
left: auto;
right: -2px;
transform: rotate(45deg);
}
.spectrum-Dial-controls::after {
left: -2px;
transform: rotate(-45deg);
}
.spectrum-Dial-handle {
width: 100%;
height: 100%;
border-width: 2px;
box-shadow: none;
position: absolute;
top: 8px;
left: 8px;
right: 8px;
bottom: 8px;
border-radius: 16px;
transform: rotate(-45deg);
cursor: pointer;
cursor: grab;
transition: background-color 130ms ease-in-out;
}
.spectrum-Dial-handle::after {
content: '';
position: absolute;
top: 50%;
left: -2px;
width: 12px;
height: 2px;
border-radius: 1px;
transform: translateY(-50%);
transition: background-color 130ms ease-in-out;
}
.spectrum-Dial-handle:active,
.spectrum-Dial-handle.is-focused,
.spectrum-Dial-handle.is-dragged {
border-width: 2px;
cursor: ns-resize;
cursor: grabbing;
}
.spectrum-Dial-input {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.spectrum-Dial--small .spectrum-Dial-controls {
width: 24px;
height: 24px;
}
.spectrum-Slider.is-disabled, .spectrum-Dial.is-disabled {
cursor: default;
}
.spectrum-Slider.is-disabled .spectrum-Slider-handle,
.spectrum-Dial.is-disabled .spectrum-Slider-handle,
.spectrum-Slider.is-disabled .spectrum-Dial-handle,
.spectrum-Dial.is-disabled .spectrum-Dial-handle {
cursor: default;
pointer-events: none;
}
.spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:hover,
.spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:active,
.spectrum-Dial.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:hover,
.spectrum-Dial.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:active,
.spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Dial-handle:hover,
.spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Dial-handle:active,
.spectrum-Dial.is-disabled.spectrum-Slider--color .spectrum-Dial-handle:hover,
.spectrum-Dial.is-disabled.spectrum-Slider--color .spectrum-Dial-handle:active {
border-width: 1px;
}
.u-isGrabbing {
cursor: ns-resize;
cursor: grabbing;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.u-isGrabbing .spectrum-Dial .spectrum-Dial-label,
.u-isGrabbing .spectrum-Dial .spectrum-Dial-value {
cursor: inherit;
}
.u-isGrabbing .spectrum-Slider .spectrum-Slider-label,
.u-isGrabbing .spectrum-Slider .spectrum-Slider-value,
.u-isGrabbing .spectrum-Dial .spectrum-Slider-label,
.u-isGrabbing .spectrum-Dial .spectrum-Slider-value {
cursor: inherit;
}
.spectrum--light .spectrum-Slider-track::before {
background: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Slider-labelContainer,
.spectrum--light .spectrum-Dial-labelContainer {
color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Slider--filled .spectrum-Slider-track:first-child::before {
background: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Slider-fill::before {
background: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Slider-buffer::before,
.spectrum--light .spectrum-Slider-buffer::after {
background: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Slider-ramp path {
fill: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Slider-handle {
border-color: rgb(110, 110, 110);
background: rgb(245, 245, 245);
}
.spectrum--light .spectrum-Slider-handle:hover {
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Slider-handle.is-focused {
border-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-Slider-handle:active,
.spectrum--light .spectrum-Slider-handle.is-dragged {
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Slider--ramp .spectrum-Slider-handle {
box-shadow: 0 0 0 4px rgb(245, 245, 245);
}
.spectrum--light .spectrum-Slider-input {
background: transparent;
}
.spectrum--light .spectrum-Slider-tick:after {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Slider-handle.is-focused {
border-color: rgb(38, 128, 235);
background: rgb(38, 128, 235);
}
.spectrum--light .spectrum-Slider-handle.is-dragged {
border-color: rgb(75, 75, 75);
background: transparent;
}
.spectrum--light .spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
background: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Slider--color .spectrum-Slider-controls::before {
background-color: rgb(255, 255, 255);
background-image:
linear-gradient(-45deg, transparent 75.5%, rgb(188, 188, 188) 75.5%),
linear-gradient(45deg, transparent 75.5%, rgb(188, 188, 188) 75.5%),
linear-gradient(-45deg, rgb(188, 188, 188) 25.5%, transparent 25.5%),
linear-gradient(45deg, rgb(188, 188, 188) 25.5%, transparent 25.5%);
background-size:
16px
16px;
background-position:
0 0,
0 8px,
8px -8px,
-8px 0;
z-index: 0;
}
.spectrum--light .spectrum-Slider--color .spectrum-Slider-track {
background-color: transparent;
background-image: linear-gradient(to right, rgb(38, 128, 235), rgb(9, 90, 186));
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
.spectrum--light .spectrum-Slider--color .spectrum-Slider-track::before {
display: none;
}
.spectrum--light .spectrum-Slider--color .spectrum-Slider-handle {
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05);
border-color: rgb(255, 255, 255);
background: transparent;
}
.spectrum--light .spectrum-Slider--color .spectrum-Slider-handle.is-focused {
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}
.spectrum--light .spectrum-Dial-handle {
box-shadow: none;
}
.spectrum--light .spectrum-Dial-handle::after {
background-color: rgb(110, 110, 110);
}
.spectrum--light .spectrum-Dial-handle:hover::after {
background-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Dial-handle.is-focused {
background-color: rgb(38, 128, 235);
border-color: rgb(38, 128, 235);
}
.spectrum--light .spectrum-Dial-handle.is-focused::after {
background-color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Dial-handle:active,
.spectrum--light .spectrum-Dial-handle.is-dragged {
background-color: rgb(75, 75, 75);
border-color: rgb(75, 75, 75);
}
.spectrum--light .spectrum-Dial-handle:active::after,
.spectrum--light .spectrum-Dial-handle.is-dragged::after {
background-color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Dial-controls::before,
.spectrum--light .spectrum-Dial-controls::after {
background-color: rgb(142, 142, 142);
}
.spectrum--light .spectrum-Dial.is-disabled .spectrum-Dial-labelContainer {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Dial.is-disabled .spectrum-Dial-controls::after,
.spectrum--light .spectrum-Dial.is-disabled .spectrum-Dial-controls::before {
background-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Dial.is-disabled .spectrum-Dial-handle {
border-color: rgb(202, 202, 202);
background: rgb(245, 245, 245);
}
.spectrum--light .spectrum-Dial.is-disabled .spectrum-Dial-handle:hover,
.spectrum--light .spectrum-Dial.is-disabled .spectrum-Dial-handle:active {
border-color: rgb(202, 202, 202);
background: transparent;
}
.spectrum--light .spectrum-Dial.is-disabled .spectrum-Dial-handle::after,
.spectrum--light .spectrum-Dial.is-disabled .spectrum-Dial-handle::before {
background-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Slider-labelContainer,
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Dial-labelContainer {
color: rgb(179, 179, 179);
}
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Slider-handle {
border-color: rgb(202, 202, 202);
background: rgb(245, 245, 245);
}
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Slider-handle:hover,
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Slider-handle:active {
border-color: rgb(202, 202, 202);
background: transparent;
}
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Slider-track::before {
background: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Slider.is-disabled.spectrum-Slider--filled .spectrum-Slider-track:first-child::before {
background: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Slider-fill::before {
background: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Slider-buffer::before {
background: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Slider.is-disabled .spectrum-Slider-ramp path {
fill: rgb(234, 234, 234);
}
.spectrum--light .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-track {
background: rgb(234, 234, 234) !important;
box-shadow: none;
}
.spectrum--light .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle {
background: transparent;
box-shadow: none;
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:hover,
.spectrum--light .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:active {
background: transparent;
box-shadow: none;
border-color: rgb(202, 202, 202);
}
.spectrum--light .spectrum-Slider.is-disabled.spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
background: rgb(225, 225, 225);
}
.spectrum--lightest .spectrum-Slider-track::before {
background: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Slider-labelContainer,
.spectrum--lightest .spectrum-Dial-labelContainer {
color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Slider--filled .spectrum-Slider-track:first-child::before {
background: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Slider-fill::before {
background: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Slider-buffer::before,
.spectrum--lightest .spectrum-Slider-buffer::after {
background: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Slider-ramp path {
fill: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Slider-handle {
border-color: rgb(116, 116, 116);
background: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Slider-handle:hover {
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Slider-handle.is-focused {
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Slider-handle:active,
.spectrum--lightest .spectrum-Slider-handle.is-dragged {
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Slider--ramp .spectrum-Slider-handle {
box-shadow: 0 0 0 4px rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Slider-input {
background: transparent;
}
.spectrum--lightest .spectrum-Slider-tick:after {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Slider-handle.is-focused {
border-color: rgb(55, 142, 240);
background: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Slider-handle.is-dragged {
border-color: rgb(80, 80, 80);
background: transparent;
}
.spectrum--lightest .spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
background: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Slider--color .spectrum-Slider-controls::before {
background-color: rgb(255, 255, 255);
background-image:
linear-gradient(-45deg, transparent 75.5%, rgb(188, 188, 188) 75.5%),
linear-gradient(45deg, transparent 75.5%, rgb(188, 188, 188) 75.5%),
linear-gradient(-45deg, rgb(188, 188, 188) 25.5%, transparent 25.5%),
linear-gradient(45deg, rgb(188, 188, 188) 25.5%, transparent 25.5%);
background-size:
16px
16px;
background-position:
0 0,
0 8px,
8px -8px,
-8px 0;
z-index: 0;
}
.spectrum--lightest .spectrum-Slider--color .spectrum-Slider-track {
background-color: transparent;
background-image: linear-gradient(to right, rgb(55, 142, 240), rgb(13, 102, 208));
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
.spectrum--lightest .spectrum-Slider--color .spectrum-Slider-track::before {
display: none;
}
.spectrum--lightest .spectrum-Slider--color .spectrum-Slider-handle {
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05);
border-color: rgb(255, 255, 255);
background: transparent;
}
.spectrum--lightest .spectrum-Slider--color .spectrum-Slider-handle.is-focused {
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}
.spectrum--lightest .spectrum-Dial-handle {
box-shadow: none;
}
.spectrum--lightest .spectrum-Dial-handle::after {
background-color: rgb(116, 116, 116);
}
.spectrum--lightest .spectrum-Dial-handle:hover::after {
background-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Dial-handle.is-focused {
background-color: rgb(55, 142, 240);
border-color: rgb(55, 142, 240);
}
.spectrum--lightest .spectrum-Dial-handle.is-focused::after {
background-color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Dial-handle:active,
.spectrum--lightest .spectrum-Dial-handle.is-dragged {
background-color: rgb(80, 80, 80);
border-color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Dial-handle:active::after,
.spectrum--lightest .spectrum-Dial-handle.is-dragged::after {
background-color: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Dial-controls::before,
.spectrum--lightest .spectrum-Dial-controls::after {
background-color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-Dial.is-disabled .spectrum-Dial-labelContainer {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Dial.is-disabled .spectrum-Dial-controls::after,
.spectrum--lightest .spectrum-Dial.is-disabled .spectrum-Dial-controls::before {
background-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Dial.is-disabled .spectrum-Dial-handle {
border-color: rgb(211, 211, 211);
background: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Dial.is-disabled .spectrum-Dial-handle:hover,
.spectrum--lightest .spectrum-Dial.is-disabled .spectrum-Dial-handle:active {
border-color: rgb(211, 211, 211);
background: transparent;
}
.spectrum--lightest .spectrum-Dial.is-disabled .spectrum-Dial-handle::after,
.spectrum--lightest .spectrum-Dial.is-disabled .spectrum-Dial-handle::before {
background-color: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Slider-labelContainer,
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Dial-labelContainer {
color: rgb(188, 188, 188);
}
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Slider-handle {
border-color: rgb(211, 211, 211);
background: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Slider-handle:hover,
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Slider-handle:active {
border-color: rgb(211, 211, 211);
background: transparent;
}
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Slider-track::before {
background: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Slider.is-disabled.spectrum-Slider--filled .spectrum-Slider-track:first-child::before {
background: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Slider-fill::before {
background: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Slider-buffer::before {
background: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Slider.is-disabled .spectrum-Slider-ramp path {
fill: rgb(244, 244, 244);
}
.spectrum--lightest .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-track {
background: rgb(244, 244, 244) !important;
box-shadow: none;
}
.spectrum--lightest .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle {
background: transparent;
box-shadow: none;
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:hover,
.spectrum--lightest .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:active {
background: transparent;
box-shadow: none;
border-color: rgb(211, 211, 211);
}
.spectrum--lightest .spectrum-Slider.is-disabled.spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
background: rgb(234, 234, 234);
}
.spectrum--darkest .spectrum-Slider-track::before {
background: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Slider-labelContainer,
.spectrum--darkest .spectrum-Dial-labelContainer {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Slider--filled .spectrum-Slider-track:first-child::before {
background: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Slider-fill::before {
background: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Slider-buffer::before,
.spectrum--darkest .spectrum-Slider-buffer::after {
background: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Slider-ramp path {
fill: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Slider-handle {
border-color: rgb(162, 162, 162);
background: rgb(30, 30, 30);
}
.spectrum--darkest .spectrum-Slider-handle:hover {
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Slider-handle.is-focused {
border-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Slider-handle:active,
.spectrum--darkest .spectrum-Slider-handle.is-dragged {
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Slider--ramp .spectrum-Slider-handle {
box-shadow: 0 0 0 4px rgb(30, 30, 30);
}
.spectrum--darkest .spectrum-Slider-input {
background: transparent;
}
.spectrum--darkest .spectrum-Slider-tick:after {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Slider-handle.is-focused {
border-color: rgb(20, 115, 230);
background: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Slider-handle.is-dragged {
border-color: rgb(200, 200, 200);
background: transparent;
}
.spectrum--darkest .spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
background: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Slider--color .spectrum-Slider-controls::before {
background-color: rgb(255, 255, 255);
background-image:
linear-gradient(-45deg, transparent 75.5%, rgb(188, 188, 188) 75.5%),
linear-gradient(45deg, transparent 75.5%, rgb(188, 188, 188) 75.5%),
linear-gradient(-45deg, rgb(188, 188, 188) 25.5%, transparent 25.5%),
linear-gradient(45deg, rgb(188, 188, 188) 25.5%, transparent 25.5%);
background-size:
16px
16px;
background-position:
0 0,
0 8px,
8px -8px,
-8px 0;
z-index: 0;
}
.spectrum--darkest .spectrum-Slider--color .spectrum-Slider-track {
background-color: transparent;
background-image: linear-gradient(to right, rgb(20, 115, 230), rgb(75, 156, 245));
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
.spectrum--darkest .spectrum-Slider--color .spectrum-Slider-track::before {
display: none;
}
.spectrum--darkest .spectrum-Slider--color .spectrum-Slider-handle {
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05);
border-color: rgb(8, 8, 8);
background: transparent;
}
.spectrum--darkest .spectrum-Slider--color .spectrum-Slider-handle.is-focused {
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
}
.spectrum--darkest .spectrum-Dial-handle {
box-shadow: none;
}
.spectrum--darkest .spectrum-Dial-handle::after {
background-color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Dial-handle:hover::after {
background-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Dial-handle.is-focused {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
}
.spectrum--darkest .spectrum-Dial-handle.is-focused::after {
background-color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Dial-handle:active,
.spectrum--darkest .spectrum-Dial-handle.is-dragged {
background-color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
}
.spectrum--darkest .spectrum-Dial-handle:active::after,
.spectrum--darkest .spectrum-Dial-handle.is-dragged::after {
background-color: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Dial-controls::before,
.spectrum--darkest .spectrum-Dial-controls::after {
background-color: rgb(124, 124, 124);
}
.spectrum--darkest .spectrum-Dial.is-disabled .spectrum-Dial-labelContainer {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Dial.is-disabled .spectrum-Dial-controls::after,
.spectrum--darkest .spectrum-Dial.is-disabled .spectrum-Dial-controls::before {
background-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Dial.is-disabled .spectrum-Dial-handle {
border-color: rgb(73, 73, 73);
background: rgb(30, 30, 30);
}
.spectrum--darkest .spectrum-Dial.is-disabled .spectrum-Dial-handle:hover,
.spectrum--darkest .spectrum-Dial.is-disabled .spectrum-Dial-handle:active {
border-color: rgb(73, 73, 73);
background: transparent;
}
.spectrum--darkest .spectrum-Dial.is-disabled .spectrum-Dial-handle::after,
.spectrum--darkest .spectrum-Dial.is-disabled .spectrum-Dial-handle::before {
background-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Slider-labelContainer,
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Dial-labelContainer {
color: rgb(92, 92, 92);
}
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Slider-handle {
border-color: rgb(73, 73, 73);
background: rgb(30, 30, 30);
}
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Slider-handle:hover,
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Slider-handle:active {
border-color: rgb(73, 73, 73);
background: transparent;
}
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Slider-track::before {
background: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Slider.is-disabled.spectrum-Slider--filled .spectrum-Slider-track:first-child::before {
background: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Slider-fill::before {
background: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Slider-buffer::before {
background: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Slider.is-disabled .spectrum-Slider-ramp path {
fill: rgb(44, 44, 44);
}
.spectrum--darkest .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-track {
background: rgb(44, 44, 44) !important;
box-shadow: none;
}
.spectrum--darkest .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle {
background: transparent;
box-shadow: none;
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:hover,
.spectrum--darkest .spectrum-Slider.is-disabled.spectrum-Slider--color .spectrum-Slider-handle:active {
background: transparent;
box-shadow: none;
border-color: rgb(73, 73, 73);
}
.spectrum--darkest .spectrum-Slider.is-disabled.spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
background: rgb(57, 57, 57);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
.spectrum-Slider-controls .spectrum-Slider-leftClickZone,
.spectrum-Slider-controls .spectrum-Slider-rightClickZone {
width: 8px;
position: absolute;
height: 32px;
}
.spectrum-Slider-controls .spectrum-Slider-leftClickZone {
left: -8px;
}
.spectrum-Slider-controls .spectrum-Slider-rightClickZone {
right: -8px;
}
.spectrum--large .spectrum-Slider-controls .spectrum-Slider-leftClickZone,
.spectrum--large .spectrum-Slider-controls .spectrum-Slider-rightClickZone {
width: 10px;
height: 40px;
}
.spectrum--large .spectrum-Slider-controls .spectrum-Slider-leftClickZone {
left: -10px;
}
.spectrum--large .spectrum-Slider-controls .spectrum-Slider-rightClickZone {
right: -10px;
}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.CollectionHero__root___RbHh5{box-sizing:border-box;padding:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background-color-secondary);z-index:1}.CollectionHero__Header___dvHDV{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;display:flex;align-items:center}.CollectionHero__nonLibrary___Yyl9l{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd}.CollectionHero__byline___gAef8{line-height:2.2rem;color:var(--spectrum-heading-subtitle3-text-color);display:flex}.CollectionHero__byline___gAef8 .CollectionHero__bylineOwner___jyqqT{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.CollectionHero__byline___gAef8 .CollectionHero__bylineOwner___jyqqT::after{content:'\2022';font-size:1.8em;display:inline;line-height:0;position:relative;top:0.08em;padding:0 0.3rem}.CollectionHero__byline___gAef8 .CollectionHero__bylineAssetCount___iJKpy{white-space:nowrap}.CollectionHero__expanded___W1qab .CollectionHero__byline___gAef8{margin-bottom:2rem;justify-content:center;width:100%}.CollectionHero__empty___aZlTl .CollectionHero__byline___gAef8{margin-bottom:0}.CollectionHero__icon___kK953{position:relative;height:1em;width:1em;display:flex;justify-content:center;padding-right:0.5em}.CollectionHero__icon___kK953>img{width:100%}.CollectionHero__title___Ru_6f{flex:1;text-overflow:ellipsis;overflow:hidden;color:var(--spectrum-global-color-gray-900)}.CollectionHero__followed___U7Nkb{width:12px !important;height:12px !important}.CollectionHero__followed___U7Nkb.CollectionHero__compactCheckmark___PNEuP{top:8px;left:12px;width:10px !important;height:10px !important}@media (max-width: 480px){.CollectionHero__nonLibrary___Yyl9l{position:static}}@media (min-width: 480px){.CollectionHero__compact___fUuPb{flex-direction:row;align-items:flex-end;padding-bottom:10px}.CollectionHero__compact___fUuPb .CollectionHero__actions___BEOpq{margin-left:auto}.CollectionHero__compact___fUuPb .CollectionHero__byline___gAef8{margin-bottom:0;margin-left:1rem}}
.LibraryViewByTabs__mobileTabDropdown___ONSGD{width:100%;padding-bottom:24px}.LibraryViewByTabs__tabList___roXlc{margin:0 auto -2px auto;border-bottom-color:var(--spectrum-global-color-gray-300) !important}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.LibraryView__LibraryView___N_8nY{display:flex;flex-direction:column;max-width:1200px;min-height:100%;margin:0px auto;padding:20px 20px 0 20px;position:relative;box-sizing:border-box}.LibraryView__EmptyLibraryView___pzuDY{height:100%;justify-content:space-between}.LibraryView__stickyArea___iipme{position:sticky;top:0;z-index:1;background-color:white}.LibraryView__filterDropdown___kQvLG{display:flex;justify-content:flex-end}.LibraryView__filterDropdown___kQvLG>div>*{padding-right:0 !important}@media (min-width: 960px){.LibraryView__body___lW_eu>div{padding:0}}.LibraryView__bodyLoading___ouOz1{margin:72px auto}.LibraryView__actionBar___baVar{display:flex;margin-bottom:24px}@media (max-width: 480px){.LibraryView__actionBar___baVar{flex-direction:column-reverse;align-items:center}}@media (min-width: 480px){.LibraryView__actionBar___baVar{border-bottom:2px solid #eaeaea;padding:0 24px}}@media (min-width: 960px){.LibraryView__actionBar___baVar{padding:0}}.LibraryView__emptyFollowButton___MTWTz{width:fit-content;align-self:center;padding-bottom:24px}@media (max-width: 480px){.LibraryView__buttons___MVVk_{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}}@media (min-width: 480px){.LibraryView__buttons___MVVk_{margin-left:auto}}.LibraryView__buttons___MVVk_>button,.LibraryView__buttons___MVVk_>div{margin-left:8px}@media (max-width: 480px){.LibraryView__buttons___MVVk_>button,.LibraryView__buttons___MVVk_>div{margin-bottom:8px}}.LibraryView__emptyButtons___grOcy{margin:0 auto 64px}.LibraryView__emptyButtons___grOcy div,.LibraryView__emptyButtons___grOcy button{margin:0 4px}.LibraryView__actionArea___Nay0P{display:flex;flex-direction:row;border-bottom:2px solid var(--spectrum-global-color-gray-300);background-color:var(--spectrum-global-color-gray-100)}@media (max-width: 480px){.LibraryView__actionArea___Nay0P{flex-direction:column-reverse;align-items:center}}.LibraryView__tabs___tB2K3{margin-left:0}
.BreadcrumbHeader__root___u0K5I{margin-bottom:1rem;border-bottom:1px solid var(--spectrum-global-color-gray-200);padding-bottom:4px;display:flex;justify-content:flex-start;align-items:center;font-size:18px;color:var(--spectrum-global-color-gray-600)}.BreadcrumbHeader__root___u0K5I>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.BreadcrumbHeader__root___u0K5I>a{cursor:pointer}.BreadcrumbHeader__root___u0K5I .BreadcrumbHeader__text___U0Vi6{flex:0 1 auto;min-width:3em}.BreadcrumbHeader__root___u0K5I .BreadcrumbHeader__currentItem___cD7KJ{flex-grow:1;font-weight:bold;color:var(--spectrum-global-color-gray-900)}.BreadcrumbHeader__root___u0K5I .BreadcrumbHeader__icon___DH3iR{flex:0 0 auto;padding-right:0.5em;width:1.6em;opacity:0.4}.BreadcrumbHeader__root___u0K5I .BreadcrumbHeader__ellipsis___iXs6g{flex:0 0 auto}.BreadcrumbHeader__root___u0K5I .BreadcrumbHeader__chevron___NXAIH{flex:0 0 auto;transform:scale(0.8);padding-left:0.3em;padding-right:0.3em;position:relative;top:0.05em}.BreadcrumbHeader__root___u0K5I .BreadcrumbHeader__chevronLeft___TmbtK{cursor:pointer}.BreadcrumbHeader__root___u0K5I .BreadcrumbHeader__chevronLeft___TmbtK>svg{display:block}.BreadcrumbHeader__root___u0K5I .BreadcrumbHeader__otherChildren___FgcO_{flex:0 0 auto}
.FolderView__root___yl6sT{display:flex;flex-direction:column;max-width:960px;margin:0 auto;padding:20px;position:relative;box-sizing:border-box;min-height:100%}.FolderView__grid___Ni1A5{flex-grow:1;outline:none}@media (hover: hover){.FolderView__actionMenu___qKBm1{visibility:hidden}.FolderView__GridItem___MZc7k:hover .FolderView__actionMenu___qKBm1{visibility:visible}}.FolderView__GridItemWrapper___BZb1R{box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center}.FolderView__GridItem___MZc7k{max-width:200px;cursor:pointer}.FolderView__emptyContainer___cXAH9{flex-grow:1;display:flex;align-items:center}
.WebWarning__subheaderContainer___ODY_J{height:52px;display:flex;flex-direction:row;flex-wrap:wrap}.WebWarning__subheaderContainer___ODY_J.WebWarning__subheaderContainer___ODY_J .WebWarning__well___Bz0pZ{width:100%;background-color:var(--spectrum-global-color-gray-75);outline:0.6px solid var(--spectrum-global-color-gray-300);border-radius:5px}.WebWarning__subHeaderMessage___zU8h5{display:flex;flex-direction:row;padding-top:12px;padding-bottom:12px;padding-left:12px;color:var(--spectrum-global-color-gray-700)}.WebWarning__subheaderIcon___Lfq_B{height:18px;width:18px;display:block;float:left;border-radius:100%;margin-top:4px;margin-right:12px}.WebWarning__subheaderText___Pw9Gq{margin-top:2px;cursor:default}.WebWarning__subheaderLink___G28eq{margin-left:3px;font-size:14px;display:inline;text-decoration:underline;cursor:pointer}.WebWarning__logo___w2WvV{height:18px;width:18px;border-radius:100%}
[dir=ltr] ._spectrum-Well_daead{text-align:left}[dir=rtl] ._spectrum-Well_daead{text-align:right}._spectrum-Well_daead{display:block;min-width:var(--spectrum-global-dimension-size-2000);padding:var(--spectrum-global-dimension-size-200);margin-top:var(--spectrum-global-dimension-size-50);border-width:var(--spectrum-global-dimension-static-size-10,1px);border-style:solid;border-radius:var(--spectrum-global-dimension-size-50);background-color:var(--spectrum-well-background-color);border-color:var(--spectrum-well-border-color)}
/*# sourceMappingURL=main.css.map */
.MobileWarning__subheaderMessage___tGi7a{color:var(--spectrum-global-color-gray-700);position:relative;width:fit-content;margin-right:10px}.MobileWarning__subheaderText___I50uR{padding-right:3px;display:inline}.MobileWarning__subheaderLink___4R_gc{display:inline-grid;text-decoration:underline}
.index__warning___djxTq{padding-left:25px;padding-right:25px;padding-top:10px}
.style__searchBar___p0NSa{transition:width 0.15s ease-out;min-width:320px}.style__searchBar___p0NSa.style__focused___UZTma{width:600px !important}.style__searchBar___p0NSa>input{box-sizing:border-box !important;height:34px;width:100%}.style__searchBar___p0NSa .spectrum-ClearButton:focus{outline:2px solid var(--spectrum-table-cell-border-color-key-focus)}
.index__icon___sRcAg{padding:0 6px;margin-right:4px;margin-left:0;border-width:1px;border-radius:4px;color:#707070;display:flex}.index__icon___sRcAg:hover,.index__icon___sRcAg:focus,.index__icon___sRcAg:active{color:#4b4b4b;background-color:#eaeaea}
.LibraryTabs__mobileTabDropdown___LR2vy{width:100%;padding-bottom:24px}.LibraryTabs__tabList___XQ7Uj{margin:0 auto -2px auto;border-bottom-color:var(--spectrum-global-color-gray-300) !important}
.index__isMobile___jGpGL .index__tabs___JleyF{margin:auto}.index__tabs___JleyF{border-bottom:2px solid var(--spectrum-global-color-gray-300);display:flex;justify-content:center;background-color:var(--spectrum-global-color-gray-50)}
.index__iconBtn___BXx2c.index__iconBtn___BXx2c{height:auto}
.index__breadcrumbs___UcRox{overflow:hidden;display:flex;align-items:center}.index__breadcrumbs___UcRox nav{width:100%;overflow:hidden;text-overflow:ellipsis}.index__breadcrumbs___UcRox .spectrum-Breadcrumbs{display:flex}.index__breadcrumbs___UcRox .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item{display:flex;overflow:visible;max-width:max-content}.index__breadcrumbs___UcRox .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-of-type{min-width:0}.index__breadcrumbs___UcRox .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink{min-width:0;cursor:pointer;font-weight:bold;font-size:18px}.index__breadcrumbs___UcRox .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child{color:var(--spectrum-global-color-gray-900);margin-right:0;pointer-events:none;flex:1}.index__breadcrumbs___UcRox .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child .spectrum-Breadcrumbs-itemLink>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:fit-content;width:calc(100vw - 36vw)}@media (max-width: 480px){.index__breadcrumbs___UcRox .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child .spectrum-Breadcrumbs-itemLink>span{width:calc(100vw)}}.index__breadcrumbs___UcRox .index__share___Wq3pB{display:inline-block}.index__blockUploadDialog___shbMO{width:480px}
.BulkDownloadBanner__bulkDownloadContainer___VqidR{width:-webkit-fill-available;padding-left:24px;padding-right:24px;padding-top:16px;display:flex;flex-direction:row;flex-wrap:wrap;position:relative}.BulkDownloadBanner__bulkDownloadContainer___VqidR.BulkDownloadBanner__bulkDownloadContainer___VqidR .BulkDownloadBanner__well___hAcAR{width:100%;background-color:var(--spectrum-global-color-gray-75);outline:0.6px solid var(--spectrum-global-color-gray-300);border-radius:5px}.BulkDownloadBanner__bulkDownload___ReQO7{width:100%;height:100%;padding:0px;margin:0px}.BulkDownloadBanner__bulkDownloadContent___r9CJY{display:flex;flex-direction:column;justify-content:center;align-items:left;padding-left:24px;padding-right:24px;padding-top:16px;padding-bottom:16px}.BulkDownloadBanner__bulkDownloadContent___r9CJY.BulkDownloadBanner__mobile___Yowkx{position:static}.BulkDownloadBanner__headerText___UJooI{font-size:19px;font-weight:700;line-height:1.3}.BulkDownloadBanner__heading___O7LlC{display:flex;align-items:center}.BulkDownloadBanner__subHeaderMessage___bvdOa{display:flex;flex-direction:row;padding-top:12px;padding-bottom:12px;padding-left:12px;color:var(--spectrum-global-color-gray-700)}.BulkDownloadBanner__subheaderIcon___Jyomd{display:block;float:left;border-radius:100%;margin-right:12px}.BulkDownloadBanner__subheaderIconMobile___xIpQx{display:block;border-radius:100%;margin-right:12px}.BulkDownloadBanner__upperBodyText___C25wD{margin-top:2px;cursor:default;font-size:15px}.BulkDownloadBanner__lowerBodyText___AhImC{margin-top:20px;cursor:default;font-size:15px}.BulkDownloadBanner__logo___egJXW{height:240px;width:240px}.BulkDownloadBanner__icon___WuYOJ{position:absolute;right:50px}.BulkDownloadBanner__button___mNjyN{bottom:10px;right:50px;position:absolute}.BulkDownloadBanner__buttonMobile___ylIKW{position:relative;left:155px;top:10px;padding-bottom:10px}.BulkDownloadBanner__buttonText___Y9T_A{padding-left:6px}.BulkDownloadBanner__upperRule___IL9Xg{width:100%;height:1px}.BulkDownloadBanner__vertical___JuT5V{height:93%;position:absolute;left:270px;border-left-style:solid;border-left-color:var(--spectrum-global-color-gray-300);border-left-width:1.5px}
.index__bulkDownloadContainer____SUoi{padding:0 16px;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;flex:calc(100% - 224px);position:relative;overflow:scroll}.index__wrapper___ELD65{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;height:auto;width:auto}.index__bulkDownloadBanner___PW2PQ{flex:left}.index__zipListing___HHq40{width:100%;height:100%;position:relative}.index__zipListingMobile___icFBq{padding:15px 23px 0 23px;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;flex:calc(100% - 224px);position:relative}
.LibrariesOneUpView__librariesOneUpView___kk8Se{height:100vh}.LibrariesOneUpView__librariesOneUpView___kk8Se ::slotted(*){width:100%;height:100%;background-color:var(--background-color-secondary)}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.PreviewWidget__component___IllsU .spectrum-Popover{padding:1px;width:400px;margin-top:8px}.PreviewWidget__component___IllsU .spectrum-Popover .spectrum-Dialog-content{padding:0;max-height:400px;overflow-y:auto}@media only screen and (max-width: 600px){.PreviewWidget__component___IllsU .spectrum-Popover{width:320px}}.PreviewWidget__previewButton___vKVEv{position:absolute;top:8px;left:70%;z-index:999999}.PreviewWidget__detailList___E2J_f{list-style:none;padding-inline-start:0}.PreviewWidget__detailValue___ZKMrb{font-weight:300}
.spectrum--light{--background-color-primary: var(--spectrum-global-color-gray-50);--background-color-secondary: var(--spectrum-global-color-gray-100);--cchome-border-color: #f1f1f1;--cchome-background-color: #ffffff;--cchome-header-background-color: #f7f7f7;--cchome-sidenav-background-color: transparent;--cchome-container-shadow-box: 0 0 8px 0 rgba(0, 0, 0, 0.1)}.spectrum--darkest{--background-color-primary: var(--spectrum-global-color-gray-100);--background-color-secondary: var(--spectrum-global-color-gray-75);--cchome-border-color: #232323;--cchome-background-color: #111111;--cchome-header-background-color: #1c1c1c;--cchome-sidenav-background-color: #1c1c1c;--cchome-container-shadow-box: 0px 3px 6px rgba(0, 0, 0, 0.08)}.Main__ReactSpectrumProvider___EwPjA{min-height:100vh;background-color:var(--spectrum-global-color-gray-100);display:flex;flex-direction:column}.Main__ReactSpectrumProvider___EwPjA.Main__iphoneDevice___GQMVz{min-height:calc(100vh - 80px);min-height:-webkit-fill-available}:-webkit-full-screen-ancestor{visibility:hidden}*:fullscreen{visibility:visible}*:-webkit-full-screen{visibility:visible}
/*# sourceMappingURL=style.css.map*/