/*************************************************************************
* 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--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--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--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--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--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--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); }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.StorageDialog__content___2I_Wc {
max-width: 550px; }
.StorageDialog__learnMore___qA_YR {
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--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--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--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___2G7om {
display: inline-flex; }
.FollowButton__followContainer___2G7om > button {
min-width: 148px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.ErrorIndicator__errorIndicatorContainer___3O5iL {
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___1XWFK {
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___uNFOq {
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___1G7r1 {
margin-bottom: 12px; }
.ErrorIndicator__heading___2AdaY {
color: var(--spectrum-global-color-gray-700);
font-size: 28px;
text-align: center;
margin-bottom: 6px;
max-width: 500px; }
.ErrorIndicator__description___nK2Nx {
margin-bottom: 24px;
color: var(--spectrum-global-color-gray-800);
font-size: 14px;
font-style: italic;
text-align: center;
max-width: 500px; }
.ErrorIndicator__unableToDownload___1yLCx::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/6c41844fc435351afc45ed644cbf3487.svg); }
.ErrorIndicator__linkExpired___3T8P4::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/53f0e8703dbdee43ba394d26d30560fa.svg); }
.ErrorIndicator__unavailable___2Uo5h {
width: 150px; }
.ErrorIndicator__unavailable___2Uo5h::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/50f2042c5bc0c6d5f780e74e412663f1.svg); }
.ErrorIndicator__offline___2KdFS::after {
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCI+ICA8dGl0bGU+VW5hYmxlVG9Eb3dubG9hZERvY3VtZW50XzEyODwvdGl0bGU+ICA8ZyBpZD0ibGF5Ij4gICAgPGcgaWQ9ImNyb3NzIj4gICAgICA8ZyBpZD0iZXJyb3ItMyIgZGF0YS1uYW1lPSJlcnJvciI+ICAgICAgICA8cGF0aCBkPSJNMzguOTY0MzYsODBIOC41MTAyNUE0LjAwNjcxLDQuMDA2NzEsMCwwLDEsNS4wNCw3My45OTEyMUwyMC4yNjY2LDQ3LjU5ODE0aDBhMy45NjU2OSwzLjk2NTY5LDAsMCwxLDMuNDcwNy0yLjAwNDg4aC4wMDA0OWEzLjk2NjEzLDMuOTY2MTMsMCwwLDEsMy40Njk3MywyLjAwNDg4TDQyLjQzNDU3LDczLjk5MTIxQTQuMDA2NzEsNC4wMDY3MSwwLDAsMSwzOC45NjQzNiw4MFpNMjIuODY1MjMsNDkuMDk3MTcsNy42Mzg2Nyw3NS40OTAyM0ExLjAwNjM1LDEuMDA2MzUsMCwwLDAsOC41MTAyNSw3N2gzMC40NTQxYTEuMDA2MzUsMS4wMDYzNSwwLDAsMCwuODcxNTgtMS41MDk3N0wyNC42MDg4OSw0OS4wOTcxN2EuOTg4NzMuOTg4NzMsMCwwLDAtLjg3MTU4LS41MDM5MWgwYS45ODkzOC45ODkzOCwwLDAsMC0uODcyMDcuNTAzOTFaIiBmaWxsPSIjYjNiM2IzIi8+ICAgICAgICA8cGF0aCBkPSJNMjMuNSw2OEExLjQ5OTc2LDEuNDk5NzYsMCwwLDEsMjIsNjYuNXYtN2ExLjUsMS41LDAsMCwxLDMsMHY3QTEuNDk5NzYsMS40OTk3NiwwLDAsMSwyMy41LDY4WiIgZmlsbD0iI2IzYjNiMyIvPiAgICAgICAgPGNpcmNsZSBjeD0iMjMuNSIgY3k9IjcxLjUiIHI9IjEuNSIgZmlsbD0iI2IzYjNiMyIvPiAgICAgIDwvZz4gICAgPC9nPiAgPC9nPiAgPGcgaWQ9ImRyYWZ0Ij4gICAgPGcgaWQ9ImFycm93X3Nob3J0LTgiIGRhdGEtbmFtZT0iYXJyb3cgc2hvcnQiPiAgICAgIDxwYXRoIGQ9Ik0zNC4wMjk3OSwxMTdhMTIuMTAyMDgsMTIuMTAyMDgsMCwwLDEtOC40NTctMy4zNjk2M0ExMS42NDYyMSwxMS42NDYyMSwwLDAsMSwyMiwxMDUuMjE1ODJWODQuNWExLjUsMS41LDAsMCwxLDMsMHYyMC43MTA0NWE4LjY2Nyw4LjY2NywwLDAsMCwyLjY1NTI3LDYuMjYwNzRBOS4wMzI0Niw5LjAzMjQ2LDAsMCwwLDM0LjA3MTc4LDExNEg5OGE5LjA2MDQxLDkuMDYwNDEsMCwwLDAsOS05LjA5NTIxVjM0Ljk5MzE2YTkuMzE2ODksOS4zMTY4OSwwLDAsMC0yLjkyNzczLTYuMzk1TDg5LjAyLDEzLjYyODQyQTguOTY5MzcsOC45NjkzNywwLDAsMCw4Mi42NTUyNywxMWgtNDguNjQ2QTkuMTc4ODUsOS4xNzg4NSwwLDAsMCwyNSwyMC4zMTc4N1Y0MC41YTEuNSwxLjUsMCwwLDEtMywwVjIwLjMyMzI0QTEyLjE4MSwxMi4xODEsMCwwLDEsMzQuMDAzOTEsOEg4Mi42NjExM2ExMS45NDM4NSwxMS45NDM4NSwwLDAsMSw4LjQ3NDEyLDMuNTAxNDZMMTA2LjE4NzUsMjYuNDcxMTlBMTIuMzI1LDEyLjMyNSwwLDAsMSwxMTAsMzQuOTg3Nzl2NjkuOTExNjJBMTIuMDYzNjIsMTIuMDYzNjIsMCwwLDEsOTguMDA1MzcsMTE3SDM0LjAyOTc5Wm01Ny44Mzc0LTE4LjVhMS40OTk3NiwxLjQ5OTc2LDAsMCwwLTEuNS0xLjVoLTQ5YTEuNSwxLjUsMCwwLDAsMCwzaDQ5QTEuNDk5NzYsMS40OTk3NiwwLDAsMCw5MS44NjcxOSw5OC41Wm0wLTEzYTEuNDk5NzYsMS40OTk3NiwwLDAsMC0xLjUtMS41aC00OWExLjUsMS41LDAsMCwwLDAsM2g0OUExLjQ5OTc2LDEuNDk5NzYsMCwwLDAsOTEuODY3MTksODUuNVoiIGZpbGw9IiNiM2IzYjMiLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==); }
.ErrorIndicator__error403___2smgp::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/3d13c9db15bb558fad31e87aa9b73e39.svg); }
.ErrorIndicator__error404___3ynSW::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/33b214f8e46af495751ff4e08f39b326.svg); }
.ErrorIndicator__error500___49cKU::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/38a145fa948d32f0a93dbb545d07d973.svg); }
.ErrorIndicator__error503___2HH3Z::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/81ddabde0c18b8412628f98e41b36a75.svg); }
.ErrorIndicator__error504___FLFAV::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/2119ec7d988f12ccdc8770073ee780a7.svg); }
.ErrorIndicator__unableToLoadAssets___1hQ4e::after {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/38a145fa948d32f0a93dbb545d07d973.svg); }
.ErrorIndicator__errorFooter___3AeO4 {
display: flex;
justify-content: center;
align-items: center; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
{
/* Color Theme Styles, each color is a square inside a rectangular container */
/* Mosaic Rendition styles*/ }
.Rendition__spectrumAsset___2V7Gg.spectrum-Asset-image {
height: 100%;
width: 100%;
object-fit: cover;
margin: 0 !important; }
.Rendition__renditionWrapper___1Sllt {
position: relative;
height: 100%;
width: 100%;
overflow: hidden; }
.Rendition__textRenditionContainer___1cMBx {
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___1cMBx.Rendition__isList___31sOK {
width: 40px;
height: 40px; }
.Rendition__textRenditionContainer___1cMBx.Rendition__isOneUp___1WGJm {
width: 188px;
height: 149px;
top: 0;
transform: none; }
.Rendition__textRendition___65UtY {
width: 60px;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%); }
.Rendition__textRendition___65UtY.Rendition__isList___31sOK {
width: 26px; }
.Rendition__textRendition___65UtY.Rendition__isOneUp___1WGJm {
width: 80px; }
.Rendition__textRenditionBar___3blzv {
width: 100%;
height: 12px;
box-sizing: border-box;
border-bottom: 1px solid var(--spectrum-global-color-gray-300); }
.Rendition__textRenditionBar___3blzv.Rendition__isList___31sOK {
height: 4px; }
.Rendition__colorRendition___gXNlP {
border-radius: 4px;
height: 100%;
width: 100%;
position: relative;
margin: auto;
box-sizing: border-box; }
.Rendition__colorRendition___gXNlP.Rendition__isList___31sOK {
height: 100%;
width: 100%; }
.Rendition__colorRendition___gXNlP.Rendition__isOneUp___1WGJm {
top: 0%;
transform: none;
height: calc(100vh - 120px);
width: calc(100vh - 120px);
padding: 64px; }
.Rendition__colorContainer___eY-go {
width: 100%;
height: 100%; }
.Rendition__colorBorder___UT_55 {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
box-sizing: border-box; }
.Rendition__gradientRendition___1x8tU {
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___1x8tU.Rendition__isOneUp___1WGJm {
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___1x8tU.Rendition__isList___31sOK {
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___1x8tU .Rendition__gradientContainer___2JyXe {
border-radius: 4px; }
.Rendition__gradientContainer___2JyXe {
overflow: hidden;
width: 100%;
height: 100%; }
.Rendition__colorThemeRendition___u8D_6 {
display: flex;
flex-direction: column;
margin: 0 auto;
width: 100%;
height: 70px;
position: relative;
box-sizing: border-box; }
.Rendition__colorThemeRendition___u8D_6.Rendition__isList___31sOK {
height: 19px; }
.Rendition__colorThemeRendition___u8D_6.Rendition__isOneUp___1WGJm {
padding: 0 48px;
width: calc(100vw - 96px);
height: calc((100vw - 196px) / 5);
top: 0%;
transform: none; }
.Rendition__insetColorTheme___nUuG- {
height: 100%;
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box; }
.Rendition__colorThemeBorder___1_zdb {
flex-direction: row; }
.Rendition__colorThemeBorder___1_zdb div {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.Rendition__colorThemeBorder___1_zdb div:first-child {
border-left: 1px solid rgba(0, 0, 0, 0.1); }
.Rendition__colorThemeBorder___1_zdb div:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.1); }
.Rendition__horizontalColorThemePanel___3Q7Zr {
width: 100%;
height: calc(100% / 5);
box-sizing: border-box; }
.Rendition__verticalColorThemePanel___3q8up {
box-sizing: border-box;
width: calc(100% / 5);
height: 100%; }
.Rendition__mosaicMain___2vODi {
width: 100%;
height: 100%;
overflow: hidden; }
.Rendition__emptyLibraryMain___3fJ9V {
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___3fJ9V svg {
margin: 0 auto; }
.Rendition__errorLibraryMainContainer___3OTWl {
height: 100%;
width: 100%;
display: flex; }
.Rendition__errorLibraryMainContainer___3OTWl.Rendition__grid___2ihe9 {
background-color: var(--spectrum-global-color-gray-100); }
.Rendition__errorLibraryMain___1Hk_3 {
margin: 0 auto;
text-align: center;
position: absolute;
left: 50%;
transform: translate(-50%, 85%); }
.Rendition__errorLibraryMain___1Hk_3:before {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/d8bf721beda1cb143257938f79c9a090.svg); }
.Rendition__errorLibraryMain___1Hk_3 span {
color: var(--spectrum-global-color-gray-600);
padding-top: 4px;
font-style: italic;
font-size: 15px;
display: block; }
.Rendition__errorLibraryList___2mc4V {
height: 100%;
width: 100%;
background: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/d8bf721beda1cb143257938f79c9a090.svg) no-repeat 50% 50%; }
.Rendition__emptyChildTile___3z5eX {
height: 100%;
width: 100%;
background-color: var(--spectrum-global-color-gray-50); }
.Rendition__mosaicBorder___3H3WW {
height: 100%;
width: 100%;
border-radius: 4px;
box-sizing: border-box;
overflow: hidden; }
.Rendition__mosaicBorder___3H3WW.Rendition__grid___2ihe9 {
border: 1px solid var(--spectrum-global-color-gray-200);
box-shadow: 0 0 0 1px var(--spectrum-global-color-gray-200); }
.Rendition__mosaicBorder___3H3WW.Rendition__list___3Cfxm {
border: 1px solid var(--spectrum-global-color-gray-200); }
.spectrum-Card .Rendition__mosaic___3XEvN: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___3XEvN:before {
border-color: var(--spectrum-global-color-blue-400);
box-shadow: 0 0 0 1px var(--spectrum-global-color-blue-400); }
.Rendition__mosaic___3XEvN {
height: 100%;
width: 100%;
/* To ensure that images within a mosaic stretch to full height of parent container*/
font-size: 0;
position: relative;
border-radius: 4px;
border: 1px solid transparent; }
.spectrum-Card:hover .Rendition__mosaic___3XEvN::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___1ON3n {
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
box-sizing: border-box;
overflow: hidden; }
.Rendition__mosaicTiles___1ON3n.Rendition__list___3Cfxm {
border-top: 1px solid var(--spectrum-global-color-gray-200); }
.Rendition__mosaicTiles___1ON3n.Rendition__list___3Cfxm > :last-child {
border-left: 1px solid var(--spectrum-global-color-gray-200); }
.Rendition__mosaicTiles___1ON3n.Rendition__grid___2ihe9 {
border-top: 2px solid var(--spectrum-global-color-gray-200); }
.Rendition__mosaicTiles___1ON3n.Rendition__grid___2ihe9 > :first-child {
border-right: 2px solid var(--spectrum-global-color-gray-200); }
.Rendition__mosaicTiles___1ON3n.Rendition__grid___2ihe9 > :last-child {
border-left: 2px solid var(--spectrum-global-color-gray-200); }
.Rendition__loadingRendition___3u80l {
background-color: var(--spectrum-global-color-gray-100); }
.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--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--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--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___2t4fO {
height: 100%;
width: 100%;
position: relative;
box-sizing: border-box; }
.PaddedRenditionWrapper__gridRendition___33WtB {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center; }
.PaddedRenditionWrapper__gridRendition___33WtB [class*='Representation__container'] [class*='Representation__folder'], .PaddedRenditionWrapper__gridRendition___33WtB [class*='Representation__container'] [class*='Representation__document'] {
height: 64px; }
.AuthenticatedAssetRepresentation__container___2kzep {
border-radius: inherit;
width: 100%;
height: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
min-height: 0; }
.AuthenticatedAssetRepresentation__container___2kzep img.loading {
display: none; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__ingredient___1O_uY {
flex: 1;
border-radius: inherit; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__ingredient___1O_uY.graphic-representation {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__ingredient___1O_uY.graphic-representation img {
object-fit: contain;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__thumbnail___2dXMr {
background-repeat: no-repeat;
background-size: contain;
background-position: center center; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__thumbnail___2dXMr.backgroundInherit {
background-size: inherit; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__ghost___2RN7N {
width: 100%;
height: 100%;
animation: wiper 2s linear 0s infinite;
background: linear-gradient(to right, #f5f5f5 0, #eaeaea 50%, #f5f5f5 100%);
background-size: 1000px; }
@keyframes wiper {
0% {
background-position: -1000px 0; }
100% {
background-position: 1000px 0; } }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 {
display: flex;
flex-direction: column;
justify-content: center; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .rendition,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .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___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .rendition.large,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .rendition.large {
align-items: center;
justify-content: center; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .rendition.large .small-thumbnail,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .rendition.large .small-thumbnail {
display: none; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .rendition.small .large-thumbnail,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .rendition.small .large-thumbnail {
display: none; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .rendition .large-thumbnail,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .rendition .large-thumbnail {
/*display: none;*/ }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .rendition .large-thumbnail svg,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .rendition .large-thumbnail svg {
width: 100%;
height: 100%; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .rendition .large-thumbnail svg text,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .rendition .large-thumbnail svg text {
font-size: 150px; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .rendition .small-thumbnail,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .rendition .small-thumbnail {
margin: 4px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: inline-block;
width: 100%; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__paragraphStyle___6aqDN .metadata,
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__characterStyle___3B0s7 .metadata {
font-size: 11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__folder___25-0Y svg {
enable-background: new 0 0 64 64;
width: 100%;
height: 100%; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__folder___25-0Y svg .st0 {
fill: #e1e1e1; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__folder___25-0Y svg .st1 {
fill: #b3b3b3; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__folder___25-0Y svg .st2 {
fill: #4b4b4b; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N {
width: 100%;
height: 100%;
max-width: 500px;
max-height: 500px;
background-repeat: no-repeat;
background-position: center; }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.generic {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/5c6b25e2307304f13b11f49d0219fb85.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aac {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/51ba174c5de709c8d19209ed4e230725.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aecap {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/cfe33e980942f2b2c0d24a94b17ab1f7.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aeg {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/35cab57ece72c62845ca4c2d9c642c1c.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aep {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/55335b072ba0b4928e33231e4e4ccefd.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aepx {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/4f6fbbe8a38be8eacf041d3158788667.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aet {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/95e4b8f973e044206d8ce4e449682fae.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aetx {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/34623bd433799890201b02dd70c2cbae.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.ai {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/87fe33a16f4986a94263a7545e1e71d4.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aif {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/7e407b4f280ece8797ac13c8a278c71e.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.aiff {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/ee5b7a43f1e84e8289c88aa15ca6a116.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.ait {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/6815f6635bf30cf560a10b1764d737ac.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.arcut {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/e51ad16f7aca74017a3ed1b676494656.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.astx {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/6aaa18c6e7ad9c1efa917612ea2afdbd.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.cat {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/f5435c746b2c838beabea0c1c85ef1ab.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.cdlx {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/5484b59c070492e17863ac741b3d64e2.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.chproj {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/72c46a5217423f87db998ea3d30a4c2d.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.comp {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/d79d9154d32e13a7c16fba2a5671b84c.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.dn {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/02cac0092f282534a46161ed3fcd34db.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.glb {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/66be5a1869b6f95632ca524db93395eb.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.dw {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/f7c18698583cc0010293900f252e358f.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.dwt {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/bd3c27dd89bdb00960e72976a187dc5c.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.fla {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/9b8ef2bb0597b12bcf6e4cd6e6d1de82.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.fs {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/b19ee99549dfb00cbc3b34ffa6865eb7.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.icap {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/9448ddfc482c7dd38ad171c9f3e01531.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.icml {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/7b7eb369a328826974331ba38c105326.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.icmt {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/9fe193f6e5e1fe9d1246596691e26425.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.idap {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/dfe231bab2643c2f89f89bcf94bc638b.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.idml {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/80d6aa10553006071d7a5ade2d4944a3.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.incx {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/678ac6d1a71f0a47727a7ec7bf6d26c8.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.indb {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/dc408698db94e7871ddf87fd06c6642c.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.indd {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/d8dc7513e624039b4848dbc9396434be.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.indp {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/72305a103f5e2b253785dada694ed2da.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.indt {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/25af7affc43e83b71c9dc01dedf92eba.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.lrlibrary {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/b17525bd7963bc31253e0332e49d4244.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.m4a {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/cac342da76beab2cf600fbbd914b0088.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.mp2 {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/88e515457918562ee5bb153c2c08d04e.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.mp3 {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/f0b0782dcadfbcb9894b6d853bd53f57.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.mu {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/1b6e5107d1f5e9ffa35376f1ef6778b8.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.pdf {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/040d7722946cd819082da80ab08f89d3.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.plproj {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/e8295738362f762d834a203e48670d57.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.prproj {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/620cc62c7b894f7e2ec263e018a7cacf.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.psb {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/42be4ac4fe0700fd48af906eb47a724c.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.psd {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/d25776f2bcd1348e083926c77080780a.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.real {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/92870a821346ae3e51eaadf9409d2f5e.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.sesx {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/fc0082c78ba77e74824acc925f282aff.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.stdoc {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/e52e102da9716a8032d6e7a1a6fe5b87.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.usdz {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/309468aaa2ecea4f81d6d29639bac14b.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.wav {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/1b10ba762982abdf242b7f236fa39814.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.xd {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/059e03322c92f8a4b7d0c1a96e4e4ca1.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.xfl {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/887293351f4f1e8c66f73d7a57348b91.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.xra {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/66be5a1869b6f95632ca524db93395eb.svg); }
.AuthenticatedAssetRepresentation__container___2kzep .AuthenticatedAssetRepresentation__document___1ZE7N.zip {
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/4f0ab8ea22a7bd0ce8ce6cc37e9f41b4.svg); }
/*************************************************************************
* 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--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);
}
/*************************************************************************
* 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--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 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.BackgroundActivityIndicator__activityIndicatorContainer___3VRxf {
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___2Ebo1 {
margin: auto;
display: block; }
.BackgroundActivityIndicator__messageHeading___1qEFK {
display: block;
margin-top: 6px;
font-size: 20px;
text-align: center;
margin-left: auto;
margin-right: auto; }
.BackgroundActivityIndicator__messageDescription___1swk_ {
margin-left: auto;
margin-right: auto;
margin-top: 4px;
font-size: 12px;
font-style: italic;
text-align: center;
display: block; }
.Page__Page___1dBvs {
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___1dBvs .Page__PageContent___wtlVr {
position: absolute;
top: 0;
left: 0;
transform-origin: 0 0;
transform: scale(1);
transition: opacity 200ms ease; }
.Page__Page___1dBvs.Page__isLoading___1Vt20 {
border: 0px none;
background-color: #f0f0f0;
background: linear-gradient(to right, #f5f5f5 0, #f0f0f0 50%, #f5f5f5 100%);
background-size: 1000px; }
.Page__Page___1dBvs.Page__isLoading___1Vt20 .Page__PageContent___wtlVr {
opacity: 0; }
.Page__Page___1dBvs.Page__isLoading___1Vt20 {
animation: pageWiper 2s linear 0s infinite; }
@keyframes pageWiper {
0% {
background-position: -1000px 0; }
100% {
background-position: 1000px 0; } }
.VideoDisplay__root___wKJ79 {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center; }
.VideoDisplay__videoFrame___2BL0r {
border: 0 none; }
.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--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;
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.ExportDialog__container___NdDDJ {
width: 386px; }
.ExportDialog__message___2vaK7 {
font-size: 14px;
font-weight: 700;
padding-top: 7px;
padding-bottom: 24px; }
.ExportDialog__table___3iHta {
width: 100px;
height: 100px; }
.ExportDialog__table___3iHta .spectrum-Radio {
margin-left: 0px;
padding-left: 0px;
width: 180px;
float: left; }
.ExportDialog__radioGroup___1-4u5 {
flex-flow: row wrap; }
.ExportDialog__renditionContainer___1tSjZ {
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___1tSjZ .ExportDialog__image___2oalK {
display: block;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
.ExportDialog__renditionContainer___1tSjZ .ExportDialog__name___38K8P {
flex: 1 auto;
overflow: hidden;
padding-left: 24px;
white-space: nowrap;
text-overflow: ellipsis; }
.ExportDialog__downloadSelectWrapper___1LNCI {
padding: 8px 0; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.SharedStatusTooltip__memberList___1Y4Ht {
list-style: none;
padding: 5px 0;
margin: 0;
line-height: 1.5; }
.SharedStatusTooltip__memberList___1Y4Ht .SharedStatusTooltip__collaborator___1_nWc {
display: flex;
max-width: 180px; }
.SharedStatusTooltip__memberList___1Y4Ht .SharedStatusTooltip__name___XS4R9 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 3px; }
.SharedStatusTooltip__memberList___1Y4Ht .SharedStatusTooltip__status___MYsYU {
flex: 1 0 0;
opacity: 0.5;
font-weight: 100;
white-space: nowrap; }
@charset "UTF-8";
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.SharedStatus__component___Hui94 {
display: inline-block; }
.SharedStatus__component___Hui94 .SharedStatus__publicButton___2Sas3, .SharedStatus__component___Hui94 .SharedStatus__membersButton___1JPcL, .SharedStatus__component___Hui94 .SharedStatus__onlyYou___2eyrk {
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___Hui94 .SharedStatus__publicButton___2Sas3:focus, .SharedStatus__component___Hui94 .SharedStatus__membersButton___1JPcL:focus, .SharedStatus__component___Hui94 .SharedStatus__onlyYou___2eyrk:focus {
background-color: transparent;
outline: none; }
.SharedStatus__component___Hui94 .SharedStatus__subtext___1nOwv {
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___Hui94.SharedStatus__gridView___1tvyi {
vertical-align: middle;
width: 100%; }
.SharedStatus__component___Hui94.SharedStatus__gridView___1tvyi .SharedStatus__publicButton___2Sas3:not(.SharedStatus__iconOnly___2tvur):before, .SharedStatus__component___Hui94.SharedStatus__gridView___1tvyi .SharedStatus__membersButton___1JPcL:not(.SharedStatus__iconOnly___2tvur):before {
content: '•';
font-size: 22px;
padding: 0 4px;
position: relative;
top: -2px; }
.SharedStatus__component___Hui94.SharedStatus__gridView___1tvyi .SharedStatus__publicButton___2Sas3 .SharedStatus__count___uNiMR, .SharedStatus__component___Hui94.SharedStatus__gridView___1tvyi .SharedStatus__membersButton___1JPcL .SharedStatus__count___uNiMR {
margin-left: 4px;
font-size: 11px; }
.SharedStatus__component___Hui94.SharedStatus__gridView___1tvyi .SharedStatus__publicButton___2Sas3:hover, .SharedStatus__component___Hui94.SharedStatus__gridView___1tvyi .SharedStatus__membersButton___1JPcL:hover {
color: var(--spectrum-global-color-gray-800); }
.SharedStatus__component___Hui94.SharedStatus__gridView___1tvyi .SharedStatus__publicButton___2Sas3 .SharedStatus__text___oumA8 {
display: none; }
.SharedStatus__component___Hui94.SharedStatus__listView___2CTWK .SharedStatus__publicButton___2Sas3, .SharedStatus__component___Hui94.SharedStatus__listView___2CTWK .SharedStatus__membersButton___1JPcL, .SharedStatus__component___Hui94.SharedStatus__listView___2CTWK .SharedStatus__onlyYou___2eyrk {
font-size: 12px;
line-height: 22px; }
.SharedStatus__component___Hui94.SharedStatus__listView___2CTWK .SharedStatus__publicButton___2Sas3 .SharedStatus__text___oumA8, .SharedStatus__component___Hui94.SharedStatus__listView___2CTWK .SharedStatus__membersButton___1JPcL .SharedStatus__text___oumA8, .SharedStatus__component___Hui94.SharedStatus__listView___2CTWK .SharedStatus__onlyYou___2eyrk .SharedStatus__text___oumA8 {
margin-left: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 75px; }
.SharedStatus__component___Hui94.SharedStatus__listView___2CTWK .SharedStatus__publicButton___2Sas3:hover, .SharedStatus__component___Hui94.SharedStatus__listView___2CTWK .SharedStatus__membersButton___1JPcL:hover {
color: var(--spectrum-global-color-gray-800); }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.Library__decorator___2-u1B {
position: absolute;
top: 16px;
right: 22px;
z-index: 100;
display: flex; }
.Library__decorator___2-u1B .Library__decoratorButton___1VeTb {
background-color: var(--spectrum-global-color-gray-100) !important; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.TeamLibrary__decorator___27_QU {
position: absolute;
top: 16px;
left: 22px;
z-index: 100; }
.TeamLibrary__decorator___27_QU.TeamLibrary__followed___3gSI1 {
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___27_QU .TeamLibrary__followed___3gSI1 {
fill: var(--spectrum-global-color-gray-50);
width: 16px;
height: auto; }
.TeamLibrary__decorator___27_QU .TeamLibrary__hide___12INA {
display: none; }
.TeamLibrary__subtext___1-oRu {
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___yL2vW {
margin-left: 5px;
text-overflow: ellipsis;
overflow: hidden; }
/*************************************************************************
* 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--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--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--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--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);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.Quota__component___3dhK8 {
width: 100%;
text-align: left;
font-size: 13px;
display: flex;
margin-left: 12px; }
.Quota__component___3dhK8 p {
margin-top: 17px; }
.Quota__hideQuota___18PwX {
display: none; }
.Quota__upgrade___1bzD- {
display: inline-block;
border-radius: 4px; }
.Quota__upgrade___1bzD-:focus {
outline: none; }
.Quota__upgrade___1bzD-.focus-ring {
box-shadow: 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus); }
.Quota__upgrade___1bzD- a, .Quota__learnMore___1juqo a, .Quota__quotaMessageDescription___j5uoj a {
text-decoration: none;
color: #2680eb;
cursor: pointer; }
.Quota__learnMore___1juqo {
text-align: right;
padding-top: 5px; }
.Quota__quotaData___zSrK2 {
display: block; }
.Quota__quotaPopover___2qRjh {
text-align: left;
min-width: 350px;
margin-top: -4px; }
.Quota__quotaPopover___2qRjh .spectrum-Dialog-typeIcon {
display: none; }
.Quota__quotaPopover___2qRjh .spectrum-Dialog-content {
color: var(--spectrum-global-color-gray-700); }
.Quota__alertIcon___18bxJ {
position: relative;
right: 8px;
vertical-align: top; }
.Quota__alertIcon___18bxJ.Quota__default___3_LqP {
display: none; }
.Quota__alertIcon___18bxJ.Quota__error___24MV2 {
color: #e34850; }
.Quota__alertIcon___18bxJ.Quota__warning___1CthQ {
color: #e68619; }
.Quota__quotaMessage___1gTb8 {
padding: 18px;
max-width: 200px; }
.Quota__quotaMessage___1gTb8.Quota__error___24MV2 .spectrum-Loader--bar-fill {
background-color: #e34850; }
.Quota__quotaMessage___1gTb8.Quota__warning___1CthQ .spectrum-Loader--bar-fill {
background-color: #e68619; }
.Quota__quotaMessage___1gTb8 .Quota__quotaMessageTitle___1MvHb {
color: var(--spectrum-global-color-gray-600);
font-size: 10.5px;
text-transform: uppercase; }
.Quota__quotaMessage___1gTb8 .Quota__quotaMessageDescription___j5uoj {
font-size: 12px;
line-height: 16px;
padding-bottom: 6px; }
.Quota__quotaMessage___1gTb8 .Quota__quotaMessageUsage___JbQ05 {
color: var(--spectrum-global-color-gray-600);
font-size: 12px; }
.Quota__quotaMessage___1gTb8 .spectrum-Dialog-content {
padding-top: 0; }
.Quota__quotaMessage___1gTb8 .spectrum-Progress {
width: 100%;
vertical-align: middle; }
.Quota__quotaMessage___1gTb8 .spectrum-Loader--bar-track {
width: 208px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.Status__component___rzuOP {
width: 100%;
height: 100%;
text-align: center;
padding-top: 16px;
font-size: 13px; }
.Status__hideStatus___1K725 {
display: none; }
.Status__progressbar___3zMR_ {
min-width: 100%; }
.Status__progressbar___3zMR_ .spectrum-BarLoader-track {
width: 100%; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
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___3_yXy {
margin: 2px; }
p.LegalDialog__legalNotice___14Pwf {
margin-top: 17px; }
p.LegalDialog__legalLink___Vk_H1 {
cursor: pointer;
color: #1473e6;
margin-top: 3px;
width: fit-content;
margin: 2px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.LocaleDialog__dialog___2MSJQ.spectrum-Dialog {
width: 360px; }
.LocaleDialog__dropdown___3U_Kt {
width: 100%; }
div[role='dialog'] + .spectrum-Popover .spectrum-Menu {
max-height: 210px; }
.Utility__gearIcon___3Oi71.spectrum-ActionButton {
margin-left: 6px; }
.LinkOut__component___1FHeh {
width: 100%;
left: 0;
box-sizing: border-box; }
.LinkOut__component___1FHeh .spectrum-Button {
height: auto; }
.LinkOut__component___1FHeh .spectrum-SideNav .spectrum-SideNav-item:not(.disabled):hover {
background-color: #f1f1f1;
border-radius: 4px;
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/f8f6245ba7d235d9a703b340834996f6.svg);
background-repeat: no-repeat;
background-position: 90% 50%;
background-size: 18px;
width: 100%; }
@media (max-width: 960px) {
.LinkOut__component___1FHeh .spectrum-SideNav .spectrum-SideNav-item:not(.disabled):hover {
width: 86%; } }
.LinkOut__component___1FHeh .spectrum-SideNav .spectrum-SideNav-item:not(.disabled):hover:after {
display: none; }
.LinkOut__line___2UVJp {
width: calc(100% - 28px);
height: 1px;
margin: 8px auto;
background-color: #e1e1e1; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.HomeNav__component___16X9M {
position: relative;
box-sizing: border-box;
flex: 0 0 224px;
height: 100%;
min-height: 384px;
padding: 16px 16px 32px;
overflow-y: auto;
background-color: var(--spectrum-global-color-gray-100); }
.HomeNav__component___16X9M .react-spectrum-SideNav {
width: 100% !important; }
.HomeNav__component___16X9M .spectrum-SideNav {
width: 192px; }
.HomeNav__navContent___2Q8Oq {
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; }
.HomeNav__logo___3S-Cl {
color: #000;
background: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/b789399558e58115b5f7605116246600.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___3S-Cl span {
display: inherit; }
.HomeNav__backIcon___3sFOK {
background: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/c922859a05d8fda90baf7c5ba78103c6.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___3mLr9 {
height: 20px;
width: 20px;
border: none;
position: absolute;
right: 10px;
background: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/72fb76e41b5d9fef50d8c68b0519342e.svg) no-repeat 0 0; }
.HomeNav__quota___2Z_b9 {
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___2Z_b9 .spectrum-Icon--EmailAlert {
width: 20px;
right: 0;
padding-right: 6px; }
.HomeNav__sideNavTabs___3UPCU {
width: 100%;
justify-content: center; }
@media (max-width: 480px) {
.HomeNav__sideNavTabs___3UPCU {
justify-content: flex-start; } }
.logo {
width: 24px;
height: 100%; }
@charset "UTF-8";
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
html {
-ms-overflow-style: -ms-autohiding-scrollbar; }
body {
font-family: "adobe-clean", "Tahoma", "Helvetica", "Arial", sans-serif;
/* Prevent the "bounce" effect when the user trackpad-scrolls, since we aren't a normal page. */
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; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.LeftNavSideMenu__title___2Ggdh {
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___20stl {
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___Y8lTB {
display: none; }
.left-nav-container{--header-height: 64px;--left-nav-width: 256px;--footer-height: 39px;background:#fff;border-right:2px solid #eaeaea;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}.left-nav-container .hidden{display:none !important}.left-nav-container.header-adjustment{top:calc(var(--header-height) * 2)}.left-nav-container.leftnav-open{left: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:#b3b3b3;margin:20px 0}.left-nav-container>.left-nav-scroll-container .left-nav-link{margin-bottom:5px;margin-left:0;position:relative}.left-nav-container>.left-nav-scroll-container .left-nav-link.left-nav-link-selected{background-color:#f5f5f5}.left-nav-container>.left-nav-scroll-container .left-nav-link:hover{background-color:#f5f5f5}.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-overlay{background-color:#0009;cursor:pointer;height:calc(100vh - var(--header-height));position:fixed;top:var(--header-height);width:100vw;z-index:240}.left-nav-icon{border-radius:3px;height:18px;margin-right:8px;width:18px}.left-nav-toggle{height:32px;margin:14px;margin-right:0;width:32px}.left-nav-toggle.leftnav-open{background-color:#eaeaea}.left-nav-toggle.leftnav-open:hover{background-color:#e1e1e1}.left-nav-toggle+.nav-header{margin-left:0 !important}.extra-menu{align-items:flex-start;display:flex;flex-direction:column}@media (min-width: 961px){.extra-menu{display:none}}.extra-menu>button{display:flex;justify-content:flex-start;margin-bottom:5px !important;margin-left:0 !important;padding-left:10px;width:100%}.left-nav-separator{border:1px solid #eaeaea;margin:10px auto;margin-bottom:0;width:100%}@media (min-width: 961px){.left-nav-separator{display:none}}@media screen and (max-width: 960px){.cc-link{display:none}}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.Shell__shell___3FhUY {
height: 100%;
width: 100vw;
display: flex;
flex-direction: column;
position: fixed;
top: 0;
left: 0; }
.Shell__header___1DOaq {
display: flex;
height: 64px;
min-height: 64px;
position: relative;
padding: 0 12px;
border-bottom: 1px solid var(--spectrum-global-color-gray-300);
background-color: var(--spectrum-global-color-gray-50);
align-items: center;
box-sizing: border-box;
-webkit-font-smoothing: antialiased; }
.Shell__borderless___2QK27 {
background: var(--spectrum-global-color-gray-100); }
.Shell__borderless___2QK27 .Shell__header___1DOaq {
border-bottom: 0px none; }
.Shell__headerContent___11D8Z {
flex-grow: 1;
display: flex;
height: 100%;
align-items: center;
justify-content: flex-end; }
.Shell__showMenu___YNeGj {
display: none !important; }
.Shell__dropdown___2DogA {
display: none; }
.Shell__menuLinks___1-GgZ {
display: block;
padding: 16px 16px 0 16px;
box-sizing: border-box; }
.Shell__search___Pab06 {
flex-grow: 1;
display: flex;
font-weight: 100;
justify-content: space-around; }
.Shell__title___2ET9P {
background-color: transparent;
border: 2px solid transparent;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
margin: 0 4px 0 12px;
cursor: pointer;
position: relative; }
.Shell__title___2ET9P:focus {
outline: none; }
.Shell__title___2ET9P:focus:after {
content: ' ';
position: absolute;
top: 16px;
height: 22px;
right: 16px;
left: 0;
border-radius: 6px; }
.Shell__titleText___mTehB {
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___2R2Ng {
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__tablist___2YL52 {
height: 100%;
padding: 0 8px;
box-sizing: border-box;
flex-grow: 1;
display: flex;
justify-content: space-around; }
.Shell__tabs___2v1qo {
height: 100%;
border-bottom: 0; }
.Shell__tabs___2v1qo .spectrum-Tabs--horizontal .spectrum-Tabs-selectionIndicator {
bottom: 0; }
.Shell__hideHomeTab___MnyEz {
display: none; }
.Shell__page___3imCO {
flex-grow: 1;
overflow: auto;
display: flex;
position: relative; }
.Shell__underlay___2nu8U {
position: absolute;
opacity: 0;
transition: opacity 0.25s ease-in-out; }
.Shell__content___10ERM {
flex-grow: 1;
max-width: 100%; }
.Shell__rail___20aWa {
visibility: hidden;
position: absolute;
left: -100%;
display: flex;
flex-direction: column;
z-index: 3;
background-color: var(--spectrum-global-color-gray-75);
transition: all 0.25s ease-in-out;
width: 224px;
height: 100%; }
.Shell__skipToContent___1RHbX {
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___1RHbX:focus {
outline: none; }
.Shell__skipToContent___1RHbX.focus-ring {
height: 100%;
opacity: 1;
cursor: pointer;
box-shadow: 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus); }
@media (max-width: 960px) {
.Shell__showMenu___YNeGj {
display: block !important; }
.Shell__dropdown___2DogA {
padding: 0 8px;
box-sizing: border-box;
flex-grow: 1;
display: flex;
justify-content: space-around; }
.Shell__dropdown___2DogA .Shell__label___30iO0 {
font-size: 12px;
font-weight: 400;
margin: 0 12px 0 0;
color: var(--spectrum-global-color-gray-700); }
.Shell__dropdown___2DogA .Shell__select___1AZS- {
padding-right: 14px;
min-width: 100px; }
.Shell__title___2ET9P {
margin-left: 0; }
.Shell__title___2ET9P:focus:after {
right: 0; }
.Shell__underlay___2nu8U.Shell__isVisible___fmsJK {
background-color: rgba(0, 0, 0, 0.6);
opacity: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2; }
.Shell__tabs___2v1qo.spectrum-Tabs {
visibility: hidden;
position: absolute; }
.Shell__tablist___2YL52 {
display: none; }
.Shell__rail___20aWa {
visibility: hidden; }
.Shell__rail___20aWa.Shell__isOpen___30qTk {
visibility: visible;
left: 0; }
.Shell__titleText___mTehB {
display: none; }
.Shell__header___1DOaq {
padding: 0 16px; } }
@media (max-width: 480px) {
.Shell__header___1DOaq {
padding-left: 20px;
padding-right: 20px; } }
/*
// 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-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; } }
.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='http://www.w3.org/2000/svg' height='18' viewBox='0 0 18 18' width='18'%3E%3Cpath style='fill:rgb%28227%2C 72%2C 80%29' d='M8.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'/%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='http://www.w3.org/2000/svg' height='12' viewBox='0 0 12 12' width='12'%3E%3Cpath style='fill:rgb%2818%2C 128%2C 92%29' d='M4.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'/%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--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='http://www.w3.org/2000/svg' height='18' viewBox='0 0 18 18' width='18'%3E%3Cpath style='fill:rgb%28215%2C 55%2C 63%29' d='M8.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'/%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='http://www.w3.org/2000/svg' height='12' viewBox='0 0 12 12' width='12'%3E%3Cpath style='fill:rgb%2851%2C 171%2C 132%29' d='M4.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'/%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--darkest .spectrum-Search-icon {
color: rgb(162, 162, 162);
}
.spectrum--darkest .spectrum-Search-input:disabled ~ .spectrum-Search-icon {
color: rgb(92, 92, 92);
}
/*
// 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) {
}
*/
.tabViewGridWidths {
display: inline-block;
margin-right: 20px; }
@media all and (min-width: 1768px) {
.tabViewGridWidths {
width: calc(14% - 20px); } }
@media all and (max-width: 1767px) and (min-width: 1440px) {
.tabViewGridWidths {
width: calc(16% - 20px); } }
@media all and (max-width: 1439px) and (min-width: 1280px) {
.tabViewGridWidths {
width: calc(20% - 20px); } }
@media all and (max-width: 1279px) and (min-width: 960px) {
.tabViewGridWidths {
width: calc(25% - 20px); } }
@media all and (max-width: 959px) and (min-width: 768px) {
.tabViewGridWidths {
width: calc(33% - 20px); } }
@media all and (max-width: 767px) {
.tabViewGridWidths {
width: calc(50% - 20px); } }
.focusState, .search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.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, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .adobeForum-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .extraInfoClass, .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 .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 .extraInfoClass, .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: #2c2c2c;
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: #707070;
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-time {
display: flex;
flex-direction: row;
flex-shrink: 0;
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-time .text-container-support-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-time .text-container-support-time-text {
font-size: 12px; }
.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;
margin-left: 15px;
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: #707070;
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 #eaeaea;
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right; }
.light-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right; }
.dark-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.empty):not(:first-child) {
margin: 40px 0 0; }
@media all and (min-width: 768px) {
.search-container-content-updated .search-components-wrapper-v2 > :not(.top-results-updated-knowledge-card):not(.top-results):not(.top-results-updated) {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
.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 {
padding-top: 10px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeForum-results .see-all-text:focus {
outline: none; }
.light-mode .search-dropdown-history-item {
display: flex;
flex-direction: row;
justify-content: space-between;
min-height: 30px;
padding-bottom: 3px;
padding-top: 3px; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-text-container {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 94%; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-history-icon-container {
color: #8e8e8e;
padding: 3px 8px 0 11px; }
.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 {
height: 16px;
width: 16px; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-text {
cursor: default;
display: flex;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
max-width: 90%;
overflow: hidden;
padding: 2px 5px 6px 3px;
text-align: left;
vertical-align: middle; }
.light-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container {
color: #707070;
padding: 3px 8px 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 {
height: 13px;
width: 13px; }
.light-mode .search-dropdown-history-item:hover {
background-color: #f5f5f5; }
.light-mode .search-dropdown-history-item:hover .search-dropdown-history-item-close-icon-container {
visibility: visible; }
.light-mode .search-dropdown-history-item:focus {
background-color: #f5f5f5;
outline: none; }
.light-mode .search-dropdown-history-item:focus .search-dropdown-history-item-close-icon-container {
visibility: visible; }
.dark-mode .search-dropdown-history-item {
display: flex;
flex-direction: row;
justify-content: space-between;
min-height: 30px;
padding-bottom: 3px;
padding-top: 3px; }
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-text-container {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 94%; }
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-history-icon-container {
color: #8e8e8e;
padding: 3px 8px 0 11px; }
.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 {
height: 16px;
width: 16px; }
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-text-container .search-dropdown-history-item-text {
cursor: default;
display: flex;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
max-width: 90%;
overflow: hidden;
padding: 2px 5px 6px 3px;
text-align: left;
vertical-align: middle; }
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container {
color: #707070;
padding: 3px 8px 0 0;
text-align: right;
visibility: hidden; }
.dark-mode .search-dropdown-history-item .search-dropdown-history-item-close-icon-container .search-dropdown-history-item-close-icon {
height: 13px;
width: 13px; }
.dark-mode .search-dropdown-history-item:hover {
background-color: #f5f5f5; }
.dark-mode .search-dropdown-history-item:hover .search-dropdown-history-item-close-icon-container {
visibility: visible; }
.dark-mode .search-dropdown-history-item:focus {
background-color: #f5f5f5;
outline: none; }
.dark-mode .search-dropdown-history-item:focus .search-dropdown-history-item-close-icon-container {
visibility: visible; }
.dark-mode .search-dropdown-history-item:hover {
background-color: #1a1a1a; }
.dark-mode .search-dropdown-history-item:focus {
background-color: #1a1a1a; }
/*
// 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) {
}
*/
.tabViewGridWidths {
display: inline-block;
margin-right: 20px; }
@media all and (min-width: 1768px) {
.tabViewGridWidths {
width: calc(14% - 20px); } }
@media all and (max-width: 1767px) and (min-width: 1440px) {
.tabViewGridWidths {
width: calc(16% - 20px); } }
@media all and (max-width: 1439px) and (min-width: 1280px) {
.tabViewGridWidths {
width: calc(20% - 20px); } }
@media all and (max-width: 1279px) and (min-width: 960px) {
.tabViewGridWidths {
width: calc(25% - 20px); } }
@media all and (max-width: 959px) and (min-width: 768px) {
.tabViewGridWidths {
width: calc(33% - 20px); } }
@media all and (max-width: 767px) {
.tabViewGridWidths {
width: calc(50% - 20px); } }
.focusState, .search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.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, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .adobeForum-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .extraInfoClass, .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 .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 .extraInfoClass, .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: #2c2c2c;
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: #707070;
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-time {
display: flex;
flex-direction: row;
flex-shrink: 0;
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-time .text-container-support-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-time .text-container-support-time-text {
font-size: 12px; }
.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;
margin-left: 15px;
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: #707070;
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 #eaeaea;
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right; }
.light-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right; }
.dark-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.empty):not(:first-child) {
margin: 40px 0 0; }
@media all and (min-width: 768px) {
.search-container-content-updated .search-components-wrapper-v2 > :not(.top-results-updated-knowledge-card):not(.top-results):not(.top-results-updated) {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
.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 {
padding-top: 10px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeForum-results .see-all-text:focus {
outline: none; }
.light-mode .search-dropdown-auto-complete-item {
min-height: 33px;
padding-bottom: 3px;
padding-top: 3px; }
.light-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container {
display: flex;
flex-direction: row;
justify-content: flex-start;
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 {
color: #8e8e8e;
padding: 3px 8px 0 11px; }
.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 {
height: 16px;
transform: scaleX(-1);
width: 16px; }
.light-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-text {
cursor: default;
display: flex;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
max-width: 90%;
overflow: hidden;
padding: 2px 5px 6px 3px;
text-align: left;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap; }
.light-mode .search-dropdown-auto-complete-item:hover {
background-color: #f5f5f5; }
.light-mode .search-dropdown-auto-complete-item:focus {
background-color: #f5f5f5;
outline: none; }
.dark-mode .search-dropdown-auto-complete-item {
min-height: 33px;
padding-bottom: 3px;
padding-top: 3px; }
.dark-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container {
display: flex;
flex-direction: row;
justify-content: flex-start;
position: absolute;
width: 100%; }
.dark-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-auto-complete-icon-container {
color: #8e8e8e;
padding: 3px 8px 0 11px; }
.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 {
height: 16px;
transform: scaleX(-1);
width: 16px; }
.dark-mode .search-dropdown-auto-complete-item .search-dropdown-auto-complete-item-text-container .search-dropdown-auto-complete-item-text {
cursor: default;
display: flex;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 17px;
max-width: 90%;
overflow: hidden;
padding: 2px 5px 6px 3px;
text-align: left;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap; }
.dark-mode .search-dropdown-auto-complete-item:hover {
background-color: #f5f5f5; }
.dark-mode .search-dropdown-auto-complete-item:focus {
background-color: #f5f5f5;
outline: none; }
.dark-mode .search-dropdown-auto-complete-item:hover {
background-color: #1a1a1a; }
.dark-mode .search-dropdown-auto-complete-item:focus {
background-color: #1a1a1a; }
/*
// 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) {
}
*/
.tabViewGridWidths {
display: inline-block;
margin-right: 20px; }
@media all and (min-width: 1768px) {
.tabViewGridWidths {
width: calc(14% - 20px); } }
@media all and (max-width: 1767px) and (min-width: 1440px) {
.tabViewGridWidths {
width: calc(16% - 20px); } }
@media all and (max-width: 1439px) and (min-width: 1280px) {
.tabViewGridWidths {
width: calc(20% - 20px); } }
@media all and (max-width: 1279px) and (min-width: 960px) {
.tabViewGridWidths {
width: calc(25% - 20px); } }
@media all and (max-width: 959px) and (min-width: 768px) {
.tabViewGridWidths {
width: calc(33% - 20px); } }
@media all and (max-width: 767px) {
.tabViewGridWidths {
width: calc(50% - 20px); } }
.focusState, .search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.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, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .adobeForum-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .extraInfoClass, .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 .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 .extraInfoClass, .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: #2c2c2c;
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: #707070;
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-time {
display: flex;
flex-direction: row;
flex-shrink: 0;
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-time .text-container-support-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-time .text-container-support-time-text {
font-size: 12px; }
.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;
margin-left: 15px;
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: #707070;
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 #eaeaea;
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right; }
.light-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right; }
.dark-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.empty):not(:first-child) {
margin: 40px 0 0; }
@media all and (min-width: 768px) {
.search-container-content-updated .search-components-wrapper-v2 > :not(.top-results-updated-knowledge-card):not(.top-results):not(.top-results-updated) {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
.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 {
padding-top: 10px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeForum-results .see-all-text:focus {
outline: none; }
.light-mode .search-dropdown-apps-item {
height: 48px; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-container {
cursor: default;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 6px 0 6px 11px;
width: 100%; }
.light-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 {
height: 32px;
width: 32px; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text {
padding-left: 8px; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text .search-dropdown-apps-item-text-title {
float: left;
font-size: 14px; }
.light-mode .search-dropdown-apps-item .search-dropdown-apps-item-text .search-dropdown-apps-item-text-learn-more {
clear: left;
color: #8e8e8e;
float: left;
font-size: 12px; }
.light-mode .search-dropdown-apps-item:hover {
background-color: #f5f5f5; }
.light-mode .search-dropdown-apps-item:focus {
background-color: #f5f5f5;
outline: none; }
.dark-mode .search-dropdown-apps-item {
height: 48px; }
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text-container {
cursor: default;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 6px 0 6px 11px;
width: 100%; }
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-icon-container {
display: flex;
flex-direction: column;
justify-content: center; }
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-icon-container .search-dropdown-apps-item-icon {
height: 32px;
width: 32px; }
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text {
padding-left: 8px; }
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text .search-dropdown-apps-item-text-title {
float: left;
font-size: 14px; }
.dark-mode .search-dropdown-apps-item .search-dropdown-apps-item-text .search-dropdown-apps-item-text-learn-more {
clear: left;
color: #8e8e8e;
float: left;
font-size: 12px; }
.dark-mode .search-dropdown-apps-item:hover {
background-color: #f5f5f5; }
.dark-mode .search-dropdown-apps-item:focus {
background-color: #f5f5f5;
outline: none; }
@media all and (max-width: 479px) {
.search-dropdown-apps-item-app-text-location {
display: 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) {
}
*/
.tabViewGridWidths {
display: inline-block;
margin-right: 20px; }
@media all and (min-width: 1768px) {
.tabViewGridWidths {
width: calc(14% - 20px); } }
@media all and (max-width: 1767px) and (min-width: 1440px) {
.tabViewGridWidths {
width: calc(16% - 20px); } }
@media all and (max-width: 1439px) and (min-width: 1280px) {
.tabViewGridWidths {
width: calc(20% - 20px); } }
@media all and (max-width: 1279px) and (min-width: 960px) {
.tabViewGridWidths {
width: calc(25% - 20px); } }
@media all and (max-width: 959px) and (min-width: 768px) {
.tabViewGridWidths {
width: calc(33% - 20px); } }
@media all and (max-width: 767px) {
.tabViewGridWidths {
width: calc(50% - 20px); } }
.focusState, .search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.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, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .adobeForum-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .extraInfoClass, .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 .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 .extraInfoClass, .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: #2c2c2c;
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: #707070;
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-time {
display: flex;
flex-direction: row;
flex-shrink: 0;
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-time .text-container-support-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-time .text-container-support-time-text {
font-size: 12px; }
.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;
margin-left: 15px;
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: #707070;
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 #eaeaea;
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right; }
.light-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right; }
.dark-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.empty):not(:first-child) {
margin: 40px 0 0; }
@media all and (min-width: 768px) {
.search-container-content-updated .search-components-wrapper-v2 > :not(.top-results-updated-knowledge-card):not(.top-results):not(.top-results-updated) {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
.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 {
padding-top: 10px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeForum-results .see-all-text:focus {
outline: none; }
.search-dropdown-section-container {
height: 26px; }
.search-dropdown-section-container .search-dropdown-section-text {
color: #6E6E6E;
cursor: default;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 6px 0 6px 11px;
text-align: left; }
/*
// 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) {
}
*/
.tabViewGridWidths {
display: inline-block;
margin-right: 20px; }
@media all and (min-width: 1768px) {
.tabViewGridWidths {
width: calc(14% - 20px); } }
@media all and (max-width: 1767px) and (min-width: 1440px) {
.tabViewGridWidths {
width: calc(16% - 20px); } }
@media all and (max-width: 1439px) and (min-width: 1280px) {
.tabViewGridWidths {
width: calc(20% - 20px); } }
@media all and (max-width: 1279px) and (min-width: 960px) {
.tabViewGridWidths {
width: calc(25% - 20px); } }
@media all and (max-width: 959px) and (min-width: 768px) {
.tabViewGridWidths {
width: calc(33% - 20px); } }
@media all and (max-width: 767px) {
.tabViewGridWidths {
width: calc(50% - 20px); } }
.focusState, .search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.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, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .adobeForum-results .see-all-text.focus-ring {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .extraInfoClass, .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 .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 .extraInfoClass, .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: #2c2c2c;
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: #707070;
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-time {
display: flex;
flex-direction: row;
flex-shrink: 0;
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-time .text-container-support-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-time .text-container-support-time-text {
font-size: 12px; }
.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;
margin-left: 15px;
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: #707070;
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 #eaeaea;
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right; }
.light-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right; }
.dark-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.empty):not(:first-child) {
margin: 40px 0 0; }
@media all and (min-width: 768px) {
.search-container-content-updated .search-components-wrapper-v2 > :not(.top-results-updated-knowledge-card):not(.top-results):not(.top-results-updated) {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
.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 {
padding-top: 10px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeForum-results .see-all-text:focus {
outline: none; }
.light-mode .search-dropdown-container {
background: #fff;
border: 1px solid #cacaca;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
height: auto;
margin-top: 5px;
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; } }
.dark-mode .search-dropdown-container {
background: #fff;
border: 1px solid #cacaca;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
height: auto;
margin-top: 5px;
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: #262626;
border: 1px solid #393939; }
.dark-mode .search-dropdown-container .search-dropdown-history-item:hover {
background-color: #1a1a1a; }
.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) {
}
*/
.tabViewGridWidths {
display: inline-block;
margin-right: 20px; }
@media all and (min-width: 1768px) {
.tabViewGridWidths {
width: calc(14% - 20px); } }
@media all and (max-width: 1767px) and (min-width: 1440px) {
.tabViewGridWidths {
width: calc(16% - 20px); } }
@media all and (max-width: 1439px) and (min-width: 1280px) {
.tabViewGridWidths {
width: calc(20% - 20px); } }
@media all and (max-width: 1279px) and (min-width: 960px) {
.tabViewGridWidths {
width: calc(25% - 20px); } }
@media all and (max-width: 959px) and (min-width: 768px) {
.tabViewGridWidths {
width: calc(33% - 20px); } }
@media all and (max-width: 767px) {
.tabViewGridWidths {
width: calc(50% - 20px); } }
.focusState, .search-container-content-updated .learn-results .learn-container .toggle-view-all .see-all-text.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, .search-container-content-updated .view-all-text:focus, .search-container-content-updated .view-all-text .link-out-tag.focus-ring, .adobeForum-results .see-all-text.focus-ring, .search-bar-container .spectrum-Search .spectrum-ClearButton:focus {
box-shadow: 0 0 0 2px #1473e6 !important;
outline: none; }
.search-container-content-updated .extraInfoClass, .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 .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 .extraInfoClass, .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: #2c2c2c;
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: #707070;
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-time {
display: flex;
flex-direction: row;
flex-shrink: 0;
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-time .text-container-support-time-icon {
width: 14px; }
.top-results-list-item-container .top-results-list-item-text-container .text-container-extra-info-text .text-container-support-info .text-container-support-time .text-container-support-time-text {
font-size: 12px; }
.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;
margin-left: 15px;
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: #707070;
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 #eaeaea;
margin-bottom: 40px;
margin-top: 15px;
position: relative;
width: 99%; }
.search-spinner {
margin-top: 30%; }
.light-mode .text-container {
align-items: center;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.light-mode .text-container .toggle-content {
float: right; }
.light-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.light-mode .text-container .text-title:focus {
outline: none; }
.light-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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;
justify-content: center;
line-height: 22px;
padding-bottom: 16px; }
.dark-mode .text-container .toggle-content {
float: right; }
.dark-mode .text-container .text-title {
color: #4b4b4b;
display: inline-block;
font-size: 18px;
font-weight: bold; }
.dark-mode .text-container .text-title:focus {
outline: none; }
.dark-mode .text-container .see-all-text {
color: #707070;
float: right;
font-size: 14px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.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; }
.tutorials-container .title .toggle-content {
display: inline; }
.tutorials-container .toggle-content {
display: none; }
.tutorials-container .view-all-text {
display: none; }
.search-components-wrapper > * {
margin-top: 48px; }
.search-components-wrapper-v2 > :not(.search-feedback):not(.empty):not(:first-child) {
margin: 40px 0 0; }
@media all and (min-width: 768px) {
.search-container-content-updated .search-components-wrapper-v2 > :not(.top-results-updated-knowledge-card):not(.top-results):not(.top-results-updated) {
margin-right: 30px;
max-width: 704px;
min-width: 704px; } }
.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 {
padding-top: 10px;
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 {
color: #0d66d0;
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;
text-decoration: underline; }
.search-container-content-updated .view-all-text .link-out-icon {
color: #0d66d0;
display: inline-block;
margin-bottom: 2px;
vertical-align: bottom;
width: 12px; }
.search-components-wrapper-v2 > *:first-child {
margin-top: 0; }
.adobeForum-results .see-all-text:focus {
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) {
}
*/
.search-bar-container {
width: 320px; }
.search-bar-container .spectrum-Search {
vertical-align: middle;
width: 100%;
/* stylelint-disable */
/* stylelint-enable */ }
.search-bar-container .spectrum-Search .spectrum-Textfield {
max-width: 100%;
min-width: 50px;
width: 900px !important; }
@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: 15px !important;
width: 15px !important; }
.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; }
@-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-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; }
.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; }
.search-bar-container .spectrum-Search .spectrum-Textfield::placeholder {
color: #767676; }
.search-bar-container .spectrum-Search .spectrum-Textfield:focus::placeholder {
color: #4b4b4b; }
.search-bar-container .spectrum-Search .spectrum-Textfield:hover::placeholder {
color: #4b4b4b; }
.search-bar-container .spectrum-Search .spectrum-Textfield:-ms-input-placeholder {
/* IE11 */
color: #767676;
font-style: italic;
overflow: hidden;
text-overflow: ellipsis !important;
white-space: nowrap; }
.search-bar-container .spectrum-Search .spectrum-Textfield:lang(ja):-ms-input-placeholder {
/* IE11 Japanese */
padding-top: 7px; }
.search-bar-container .spectrum-Search .spectrum-ClearButton {
border-radius: 4px; }
.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 .spectrum-Search .spectrum-Search-icon {
top: 6px !important; }
.ccd-search-root .search-bar-container .spectrum-Search .spectrum-ClearButton {
height: 28px !important; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.Search__searchBar___30mjj input {
box-sizing: border-box !important;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
max-width: 320px;
min-width: 50px;
width: 800px; }
.Search__searchBar___30mjj .spectrum-Search-icon {
height: 32px;
width: 16px;
left: 12px;
transform: scaleX(-1); }
.Search__collapsedSearch___3YGK8 {
display: none; }
.Search__searchOverlay___258fY {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
padding: 0 16px;
z-index: 999;
background: white;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box; }
.Search__searchOverlay___258fY .Search__searchInput___W593x {
width: 500px;
margin-right: 16px; }
.Search__searchOverlay___258fY 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___iN3tB {
background-color: var(--spectrum-global-color-gray-75);
height: 100vh;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
z-index: 100; }
.Search__searchBarTakeoverBackdrop___iN3tB.Search__invisible___3zLXB {
animation: Search__decreaseOpacity___1xnfB 0.15s ease-out;
visibility: hidden; }
.Search__searchBarTakeoverBackdrop___iN3tB.Search__visible___3_6jY {
animation: Search__increaseOpacity___3LH0M 0.15s ease-out;
visibility: visible; }
.Search__searchBarTakeover___23kpQ {
display: flex;
width: 100%;
height: 100%;
justify-content: space-between;
left: 0;
padding: 16px;
z-index: 999;
background: #ffffff;
border-bottom: 1px solid #e1e1e1;
box-sizing: border-box;
position: absolute;
top: 0; }
.Search__searchBarTakeover___23kpQ .search-bar-container {
display: inline-block;
flex-shrink: 2;
margin-right: 10px;
max-width: 70%;
position: relative;
width: 600px; }
@media (max-width: 479px) {
.Search__searchBarTakeover___23kpQ .search-bar-container {
margin-right: 0;
max-width: 90%;
width: 320px; } }
.Search__searchBarTakeover___23kpQ .search-dropdown-container {
margin: 5px 0 0 !important;
position: relative !important;
top: 0 !important;
width: 100% !important; }
.Search__searchBarTakeover___23kpQ .spectrum-Button {
white-space: nowrap; }
.Search__searchBarTakeover___23kpQ .spectrum-Button.spectrum-Button--primary.spectrum-Button--quiet {
color: #707070; }
.Search__searchBarTakeover___23kpQ::before {
content: '';
flex-shrink: 3;
height: 100%;
min-width: 0;
width: 128px; }
@media (max-width: 767px) {
.Search__searchBarTakeover___23kpQ::before {
content: none; } }
.Search__searchBarNoTakeover___2mANs .spectrum-Search-input, .Search__searchBarTakeover___23kpQ .spectrum-Search-input {
outline-offset: -2px;
padding-left: 36px;
text-indent: 0;
padding-right: 28px; }
@keyframes growWidth {
0% {
width: 180px; }
100% {
width: 600px; } }
.Search__searchIconText___3g1e7 {
margin-left: 8px; }
.Search__searchBarTakeoverAnimation___1fYSg .search-bar-container {
animation: growWidth 0.15s ease-out; }
@media (max-width: 479px) {
.Search__searchIconText___3g1e7 {
display: none; } }
@media (max-width: 1279px) {
.Search__searchBar___30mjj.Search__hideableSearchbar___PxDM3 {
display: none; }
.Search__collapsedSearch___3YGK8 {
display: block;
text-align: right;
width: 100%; }
.Search__searchBarNoTakeover___2mANs {
display: none; } }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.Header__title___YtTHq {
font-weight: 700;
vertical-align: middle;
border-left: 1px solid #e8e8e8;
padding-left: 10px; }
.Header__flexbox___oGP4I {
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center; }
.Header__component___BQRu4 {
flex-direction: row;
justify-content: space-between;
/*
* To avoid showing unstyled header content before the CSS loads,
* we apply "visibility: hidden" on the element's style attribute
* directly, and override it here.
*/
visibility: visible !important;
box-sizing: border-box;
height: 48px;
min-width: 720px;
color: #fff;
border-bottom: 1px solid #e8e8e8;
background-color: #fff;
align-items: center; }
.Header__component___BQRu4.Header__hidden___2BRiq {
display: none; }
.Header__component___BQRu4.Header__mobile___3NEn- {
min-width: initial;
padding: 0 16px; }
.Header__ccLogo___1UekV {
min-width: 24px;
min-height: 20px;
margin-left: 10px;
cursor: pointer;
text-decoration: none;
color: #000; }
.Header__backIcon___2q0KH {
margin-left: 5px;
float: left; }
.Header__backIcon___2q0KH .spectrum-Button {
margin-left: 10px;
padding: 0; }
.Header__backIcon___2q0KH .spectrum-Button:hover {
border-color: transparent;
background-color: transparent; }
.Header__backIcon___2q0KH .spectrum-Icon--sizeS {
font-size: 10px; }
.Header__backIcon___2q0KH .spectrum-Icon--ChevronLeft::before {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/cc9bbd2e2efcca87fbb90f3d3ab6bacc.svg); }
.Header__skipToContent___O_jFZ {
position: absolute;
left: 20%;
top: 4px;
border-radius: 4px;
padding: 5px;
opacity: 0;
transition: opacity 0.15s ease-in-out;
cursor: default;
text-decoration: none; }
.Header__skipToContent___O_jFZ:focus {
outline: none; }
.Header__skipToContent___O_jFZ.focus-ring {
opacity: 1;
cursor: pointer;
box-shadow: 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus); }
.Header__rail____aTcL {
width: 30px;
height: 30px;
margin-left: 16px;
background: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/c46061564ff4068f44321ce19bcea33b.svg) no-repeat 50% 50%;
background-size: 22px; }
.Header__utilityNav___6KVtW {
margin-right: 0px; }
.Header__utilityNavLoading___3kjF0 {
min-width: 170px; }
.Header__profileMenuItem___yjPhJ {
min-height: 35px;
padding-left: 60px;
cursor: pointer; }
.Profile {
z-index: 9;
top: 4px;
left: 4px;
width: 32px;
height: 32px; }
.Profile .Profile-thumbnail {
width: 24px;
height: 24px;
border-radius: 12px; }
.Profile li {
margin-right: 0; }
.utilnav-container .spectrum--light {
outline: none; }
.utilnav-container .Profile {
position: initial; }
.Profile-data .Profile-name {
max-height: none; }
@media only screen and (max-width: 600px) {
.Profile-dropdown {
width: 300px; } }
@media only screen and (max-width: 390px) {
.Profile-expanded .Profile-dropdown {
width: 180px; }
.Profile-expanded .Profile-dropdown .Profile-avatar {
display: none; } }
.Shell__rail___3Y58R {
flex-grow: 1;
justify-content: flex-end;
display: flex;
flex-direction: column;
padding: 16px;
align-items: center; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.HomeNavLayout__component___1ARcG {
display: flex;
flex-direction: row;
position: relative;
min-width: 720px;
min-height: 384px;
height: 100%; }
.HomeNavLayout__component___1ARcG.HomeNavLayout__tabsOnTop___1wluW {
min-width: initial;
flex-direction: column; }
.HomeNavLayout__tabsOnTop___1wluW .HomeNavLayout__homeNav___2BMTF {
box-shadow: inset 0px -2px 0px 0px #eaeaea;
background-color: #fff;
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%; }
/* generated from dna-version: 5.15.0 */
: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); }
.CollectionHeader__container___AUJDX {
height: 64px;
min-height: 64px;
display: flex;
align-items: center;
justify-content: space-between; }
.CollectionHeader__selectedHeader___1EJBj {
color: var(--spectrum-global-color-blue-500); }
.CollectionHeader__title___3xxGg {
min-width: 0; }
.CollectionHeader__titleHeading___29vmV {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.CollectionHeader__rightActions___1rBwc {
display: flex;
white-space: nowrap; }
.CollectionHeader__buttonContainer___1hvEz {
display: inline-block; }
.CollectionHeader__buttonContainer___1hvEz:not(:last-child) {
margin-right: 8px; }
.CollectionHeader__listGridToggle___3vXOE {
padding-left: 8px;
display: inline-flex; }
.CollectionHeader__staticActions___h9OW3:not(:last-child) {
border-right: 1px solid var(--spectrum-global-color-gray-200);
padding-right: 8px; }
.CollectionHeader__dropdown___uLCNr {
display: inline-block; }
/* generated from dna-version: 5.15.0 */
: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___D_D5i {
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-static-white);
display: flex;
align-items: center; }
.MobileCollectionHeader__title___3DWyx {
width: 100%; }
.MobileCollectionHeader__title___3DWyx:first-of-type {
padding-left: 16px; }
.MobileCollectionHeader__title___3DWyx:last-of-type {
color: var(--spectrum-global-color-static-gray-900); }
.CollectionSort__component___2Otj9 {
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___2Otj9:after {
width: 48px;
min-width: 48px;
content: ''; }
.CollectionSort__component___2Otj9.CollectionSort__isListView___px27t:not(.CollectionSort__mobile___1SX-4) .CollectionSort__renditionBuffer___1Z3K8 {
width: 96px;
min-width: 96px; }
.CollectionSort__checkbox___2SjT6 {
padding-left: 16px;
width: 36px;
min-width: 36px;
box-sizing: border-box; }
.CollectionSort__columnLabel___1oTuU, .CollectionSort__sortArrow___3uB1B {
vertical-align: middle; }
.CollectionSort__sortArrow___3uB1B {
margin-left: 8px; }
.CollectionSort__renditionBuffer___1Z3K8 + .CollectionSort__dataColumn___2snOP {
width: 16.6%;
flex-grow: 1; }
.CollectionSort__dataColumn___2snOP {
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___ytAro {
cursor: pointer;
border-bottom: 2px solid transparent; }
.CollectionSort__isClickable___ytAro:hover {
color: var(--spectrum-global-color-gray-900); }
.CollectionSort__isClickable___ytAro:focus {
outline: none; }
.CollectionSort__isClickable___ytAro.focus-ring {
border-bottom-color: var(--spectrum-table-cell-border-color-key-focus); }
.CollectionSort__notClickable___2hry_ {
cursor: default;
pointer-events: none; }
.GridItemRow__itemRow___2lbQD {
display: flex;
flex-direction: row;
height: 100%;
width: 100%;
position: relative; }
.GridItemRow__itemContainer___2aX2P {
flex-grow: 1;
max-width: 100%; }
.Grid__list___4_fAd {
-ms-overflow-style: -ms-autohiding-scrollbar;
padding-bottom: 36px; }
.Grid__list___4_fAd:focus {
outline: none; }
.MoreButton__isVisible___2Z2zw {
visibility: visible !important; }
.ListElement__dataCell___16uw4 {
box-sizing: border-box;
min-width: 100px;
text-align: left;
padding-right: 50px;
white-space: nowrap;
overflow: hidden; }
.ListElement__dataCell___16uw4:not(.ListElement__primaryCell___eIn-D) {
color: var(--spectrum-global-color-static-gray-700);
font-size: 12px;
width: 16.6%; }
.ListElement__dataCell___16uw4.ListElement__primaryCell___eIn-D {
flex: 1;
flex-grow: 1; }
.ListElement__showMore___1JExS {
width: 32px;
min-width: 32px;
margin-right: 16px; }
.ListElement__container___BRrXj {
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___BRrXj.ListElement__isDisabled___K0h4t {
opacity: 0.3;
pointer-events: none; }
.ListElement__container___BRrXj.ListElement__isDisabled___K0h4t .ListElement__dataCell___16uw4:not(.ListElement__primaryCell___eIn-D) {
display: none; }
.ListElement__container___BRrXj.ListElement__isSelected___3cWjD {
background-color: rgba(38, 128, 235, 0.1); }
.ListElement__container___BRrXj.ListElement__isClickable___1qvVj {
cursor: pointer; }
.ListElement__container___BRrXj:focus {
outline: none; }
.ListElement__container___BRrXj.focus-ring {
background-color: rgba(44, 44, 44, 0.04);
border-left-color: var(--spectrum-table-cell-border-color-key-focus); }
.ListElement__container___BRrXj.focus-ring .ListElement__checkbox___Hl9XT {
opacity: 1; }
.ListElement__container___BRrXj .ListElement__heading___3XSCp {
min-width: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.ListElement__container___BRrXj .ListElement__subheading___1cyU5 {
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___BRrXj .ListElement__rendition___2HOZL {
padding-left: 20px;
width: 40px;
min-width: 40px;
height: 40px;
padding-right: 36px;
display: flex;
align-items: center; }
.ListElement__container___BRrXj:not(.ListElement__isSelected___3cWjD):hover {
background-color: rgba(44, 44, 44, 0.04); }
.ListElement__container___BRrXj:not(.ListElement__isSelected___3cWjD):hover .ListElement__checkbox___Hl9XT {
opacity: 1; }
.ListElement__container___BRrXj .ListElement__checkbox___Hl9XT {
width: 36px;
padding-left: 16px;
box-sizing: border-box;
visibility: visible;
opacity: 0;
position: relative; }
.ListElement__container___BRrXj .ListElement__checkbox___Hl9XT.ListElement__is-visible___2gWGQ {
opacity: 1; }
.ListElement__container___BRrXj .ListElement__checkbox___Hl9XT:focus-within {
opacity: 1; }
.ListElement__container___BRrXj .ListElement__checkbox___Hl9XT:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: ' ';
z-index: 2;
cursor: pointer; }
.GridElement__container___2MAE_ {
box-sizing: border-box;
padding: 1px 8px 0 8px;
position: relative;
user-select: none; }
.GridElement__container___2MAE_ .GridElement__small___3WBwi {
width: calc(224px * 0.66);
height: calc(316px * 0.66); }
.GridElement__container___2MAE_ .GridElement__large___1MJuJ {
width: 224px;
height: 316px; }
.GridElement__container___2MAE_ .GridElement__isDisabled___2RGEl {
opacity: 0.3;
pointer-events: none; }
.GridElement__container___2MAE_ .GridElement__card___1Md2H.GridElement__small___3WBwi {
width: calc(208px * 0.66);
height: calc(264px * 0.66); }
.GridElement__container___2MAE_ .GridElement__card___1Md2H.GridElement__large___1MJuJ {
width: 208px;
height: 264px; }
.GridElement__container___2MAE_ .GridElement__cardContent___20fSM {
width: 100%;
height: 100%; }
.GridElement__container___2MAE_ .GridElement__cardContent___20fSM:focus {
outline: none; }
.GridElement__container___2MAE_ .GridElement__cardContent___20fSM.focus-ring .spectrum-Card-preview {
box-shadow: 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus); }
.GridElement__container___2MAE_ .GridElement__cardContent___20fSM.focus-ring .mosaic-Card-preview {
box-shadow: 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus); }
.GridElement__container___2MAE_ .GridElement__cardContent___20fSM.focus-ring .spectrum-Card-quickActions {
opacity: 1; }
.GridElement__container___2MAE_ .GridElement__cardContent___20fSM.focus-ring .GridElement__moreButton___15DtV {
opacity: 1; }
.GridElement__container___2MAE_ .GridElement__selectionMode___3Crkt .spectrum-QuickActions {
visibility: visible;
opacity: 1; }
.GridElement__container___2MAE_ .GridElement__isClickable___1G0Sj {
cursor: pointer; }
.GridElement__container___2MAE_ .GridElement__moreButton___15DtV {
visibility: visible;
opacity: 0; }
.GridElement__container___2MAE_ .GridElement__moreButton___15DtV:focus-within {
opacity: 1; }
.GridElement__container___2MAE_ .spectrum-Card:hover .GridElement__moreButton___15DtV {
opacity: 1; }
.GridElement__container___2MAE_ .spectrum-Card .spectrum-Card-subtitle {
padding-right: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.GridElement__container___2MAE_ .spectrum-Card .spectrum-Card-description {
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden; }
.GridElement__container___2MAE_ .spectrum-Card .spectrum-Card-description:before {
display: none; }
.GridElement__container___2MAE_ .spectrum-QuickActions {
visibility: visible; }
.GridElement__container___2MAE_ .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___2MAE_ .spectrum-QuickActions:focus-within {
opacity: 1; }
.ListLabel__gridLabel___1nbzo {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
padding-bottom: 20px;
padding-top: 48px;
margin: 0; }
.ListLabel__gridLabel___1nbzo.ListLabel__mobile___sHPez {
padding-left: 10px; }
.index__container___TU9sI {
padding: 0 32px 0 16px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box; }
{
height: 100%; }
.index__container___TU9sI.index__small___3rahG {
padding: 0;
min-height: 300px; }
.index__container___TU9sI.index__mobile___13MhP {
padding: 0; }
.index__container___TU9sI.index__mobile___13MhP .index__header___25lTE {
height: 129px;
width: inherit;
z-index: 1;
position: fixed;
left: 0;
background-color: #fbfbfb;
transition: height 0.25s ease-in-out; }
.index__container___TU9sI.index__mobile___13MhP .index__header___25lTE.index__collapseHeader___HW_1I {
height: 0px;
overflow: hidden; }
.index__container___TU9sI.index__mobile___13MhP .index__header___25lTE.index__collapseHeader___HW_1I.index__forceHeader___2zZpN {
height: 129px; }
.index__container___TU9sI.index__mobile___13MhP .index__listGrid___3tcmc {
flex-grow: 1;
position: relative; }
.index__container___TU9sI.index__mobile___13MhP .index__listGrid___3tcmc.index__collapseHeaderListGrid___2vm9j {
margin-top: 129px;
transition: all 0.15s ease-in-out; }
.index__container___TU9sI.index__mobile___13MhP .index__listGrid___3tcmc.index__collapseHeader___HW_1I {
margin-top: 0; }
.index__listGrid___3tcmc {
flex-grow: 1;
position: relative; }
.index__listGridInner___hMe2m {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.index__navigation___l3ION {
box-sizing: border-box;
box-shadow: inset 0 -2px 0 0 var(--spectrum-global-color-gray-200); }
.index__navigation___l3ION.index__mobile___2fL6h {
padding-left: 10px; }
.SortSelector__arrow___M0wW2 {
float: right;
transform: translateY(50%);
margin-left: 20px; }
.SortSelector__arrowAscending___2TADR {
transform: translateY(50%) rotate(180deg); }
.SortSelector__sortSelector___3W3Eu svg.spectrum-Menu-checkmark {
display: block; }
.SortSelector__heading___2vTDj.spectrum-Heading {
margin: 0; }
.SortSelector__chevron___2Hhgv {
margin-left: 4px; }
.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g {
padding: 4px; }
.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g:hover, .SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g:active, .SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.is-selected.is-selected.is-selected {
background-color: transparent;
border-color: transparent; }
.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g:hover .SortSelector__heading___2vTDj, .SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g:active .SortSelector__heading___2vTDj, .SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.SortSelector__button___Y0G3g.is-selected.is-selected.is-selected .SortSelector__heading___2vTDj {
font-weight: 600;
color: #2c2c2c; }
.SortSelector__label___171ul {
text-transform: uppercase;
letter-spacing: 0.666px;
font-size: 11px;
display: inline-block;
vertical-align: top; }
.SortSelector__reverseOrderSpan___uuKU4 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--darkest .spectrum-IllustratedMessage-illustration {
color: rgb(92, 92, 92);
fill: currentColor;
stroke: currentColor;
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.emptyState__container___2ujao {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center; }
.emptyState__container___2ujao:focus {
outline: none; }
.emptyState__container___2ujao .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___2ujao .spectrum-IllustratedMessage-description {
font-size: 14px;
font-style: italic;
color: var(--spectrum-global-color-gray-800);
max-width: 500px; }
.emptyState__component___2Wkf_ {
display: flex;
flex-direction: column;
align-items: center; }
.emptyState__actionContainer___1umoI {
width: 100%;
margin-top: 20px;
display: flex;
justify-content: center; }
.emptyState__emptyElements___3D7NB {
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___12bJT {
display: flex;
align-items: center;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.index__sortSelector___15Ix2 {
margin-left: 12px;
display: flex;
align-items: center; }
.index__sortSelector___15Ix2.index__mobile___15KSj {
margin-left: 20px; }
.index__mainTitle___RzxgA {
margin: 2px;
border-bottom: 2px solid transparent; }
.index__mainTitle___RzxgA:focus {
outline: none; }
.index__mainTitle___RzxgA.focus-ring {
border-bottom-color: var(--spectrum-table-cell-border-color-key-focus); }
.index__mainTitle___RzxgA .spectrum-Breadcrumbs-item {
margin-right: 25px; }
.index__mainTitle___RzxgA .spectrum-Breadcrumbs-itemSeparator {
right: -12px; }
.index__mainTitle___RzxgA .spectrum-Breadcrumbs-itemLink {
padding: 0;
height: auto;
border-bottom: 2px solid transparent; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.OrganizationList__dropdown___12150 {
width: 100%; }
.OrganizationList__dropdown___12150 button.spectrum-FieldButton.spectrum-Dropdown-trigger {
height: initial;
padding: 8px 12px 8px 8px; }
.OrganizationList__dropdown___12150 svg.spectrum-Icon:not(.spectrum-Dropdown-icon) {
margin-top: 0; }
.OrganizationList__dropdown___12150 span.spectrum-Dropdown-label {
height: inherit;
line-height: inherit; }
.OrganizationList__org___1rIbF {
font-size: 11px;
color: var(--spectrum-global-color-gray-600);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.OrganizationList__orgContainer___2G3eh {
display: grid; }
.OrganizationList__mainContainer___-Pd3k {
display: grid;
grid-template-columns: 40px 1fr;
align-items: center; }
.OrganizationList__icon___3dmqw {
width: 16px;
height: 16px;
padding: 8px;
background-color: var(--spectrum-global-color-gray-300);
border-radius: 4px; }
.OrganizationList__icon_no_bg___1gIP7 {
background-color: transparent; }
.OrganizationList__icon_margin___1OH1- {
margin: 8px 0 8px 8px; }
.OrganizationList__spectrum-Menu-item___3MNeL:first-of-type .OrganizationList__icon___3dmqw {
background-color: red; }
.OrganizationList__dropDownContainer___1Lx8H {
display: grid;
grid-template-columns: 296px 32px;
align-items: center;
margin-bottom: 16px; }
.OrganizationList__permsMainContainer___kT55z {
display: grid; }
.OrganizationList__permsMenuContainer___3WUlq {
display: grid;
grid-template-columns: 26px 1fr;
align-items: center; }
.OrganizationList__permsicon___2VMXr {
width: 18px;
height: 18px; }
.OrganizationList__permsDropDown___2_I7C button.spectrum-FieldButton.spectrum-Dropdown-trigger {
height: initial;
padding: 0;
width: auto; }
.OrganizationList__permsDropDown___2_I7C svg.spectrum-Icon:not(.spectrum-Dropdown-icon) {
margin-top: 0; }
.OrganizationList__m10___1AyyH {
margin-right: -10px; }
.DropDownLabel__dropDownLabel___1JmpL {
font-size: 12px;
font-weight: 400;
margin: 0 12px 0 0;
color: var(--spectrum-global-color-gray-700); }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.TextInputDialog__dialog___2FATb.react-spectrum-Dialog {
width: 393px; }
.spectrum-Dialog-footer .spectrum-Button {
margin: 8px; }
.TextInputDialog__content___1xRU2 {
padding-top: 16px;
flex-direction: row;
display: flex;
align-items: flex-start;
overflow: hidden; }
.TextInputDialog__iconWrapper___RwsQL {
width: 40px;
height: 40px;
padding-right: 26px;
color: var(--spectrum-global-color-gray-600); }
.TextInputDialog__image___3cmia {
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
.TextInputDialog__inputWrapper___3VC5B {
flex-grow: 1;
margin-bottom: 16px; }
.TextInputDialog__inputWrapper___3VC5B input {
width: 100%;
margin-top: 4px; }
.TextInputDialog__reportAbuseWrapper___1mQi_ {
margin-left: 4px;
margin-top: 4px; }
.TextInputDialog__errorMessage___27Jjv {
font-style: italic;
padding-top: 3px;
color: var(--spectrum-global-color-red-400); }
/*************************************************************************
* adobe confidential
* ___________________
*
* copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.CreateLibraryDialog__content___1nVLM {
padding-top: 16px;
flex-direction: column;
display: flex;
overflow: hidden; }
.CreateLibraryDialog__teamLibsOptionsContainer___3XML_ {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.CreateLibraryDialog__learnMore___1BcdU {
padding: 0; }
.CreateLibraryDialog__learnMore___1BcdU:hover {
background-color: inherit; }
.CreateLibraryDialog__dialog___2CBb4.react-spectrum-Dialog {
width: 416px; }
.CreateLibraryDialog__dialog___2CBb4.react-spectrum-Dialog .spectrum-Dialog-header {
padding: 0;
margin: 0; }
.CreateLibraryDialog__dialog___2CBb4.react-spectrum-Dialog .spectrum-Dialog-header::after {
content: none; }
.CreateLibraryDialog__dialog___2CBb4.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___2O_b_ input {
font-size: 22px;
color: var(--spectrum-global-color-gray-900);
padding: 0px; }
.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--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);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.ReportAbuseDialog__dialog___13h6S {
max-width: 480px; }
.ReportAbuseDialog__titleTextContent___27PvS {
margin-bottom: 28px; }
.ReportAbuseDialog__assetInfo___33aw2 {
display: flex;
flex-direction: row;
margin-bottom: 10px; }
.ReportAbuseDialog__assetInfo___33aw2 .ReportAbuseDialog__rendition___2ma9J {
max-width: 100px;
max-height: 100px;
margin-right: 20px; }
.ReportAbuseDialog__assetInfo___33aw2 .ReportAbuseDialog__title___29K-0 {
display: flex;
align-items: center; }
.ReportAbuseDialog__emailNameInputFields___3tRfa {
margin-bottom: 30px; }
.ReportAbuseDialog__emailNameInputFields___3tRfa .ReportAbuseDialog__emailInputField___12qkZ {
display: inline-block;
margin-right: 10px; }
.ReportAbuseDialog__emailNameInputFields___3tRfa .ReportAbuseDialog__nameInputField___2sokS {
display: inline-block; }
.ReportAbuseDialog__radioGroupText___g8pKb {
margin-bottom: 5px; }
.ReportAbuseDialog__radioGroupText___g8pKb:after {
content: '*';
color: var(--spectrum-global-color-red-400);
padding-left: 3px; }
.ReportAbuseDialog__radioGroupContainer___3YGqV {
margin-bottom: 34px; }
.ReportAbuseDialog__textAreaDesc___1SItV {
width: 100%;
height: 95px;
margin-bottom: 20px; }
.ReportAbuseDialog__disclaimerHelperText___M2uQo:before {
content: '*';
color: var(--spectrum-global-color-red-400);
padding-left: 3px; }
.ReportAbuseDialog__disclaimerHelperText___M2uQo {
font-size: 11px;
color: var(--spectrum-global-color-red-400); }
.ReportAbuseDialog__footer___icxpQ {
position: relative; }
.ReportAbuseDialog__radio___1thKu {
width: 180px;
margin-left: 0;
padding-left: 0; }
.ReportAbuseDialog__radioGroup___21s0t {
flex-flow: row wrap; }
.ReportAbuseDialog__legalLink___3aeXY {
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--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);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.index__container___1WcLt {
display: flex;
height: 100%;
flex-direction: column;
flex-grow: 1; }
.index__body___3XvBq {
position: relative;
flex-grow: 1; }
.index__body___3XvBq .index__innerBody___zmK6C {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex; }
.index__displaySidebarOnBottom___27n09 .index__innerBody___zmK6C {
flex-direction: column; }
.index__content___2FC_3 {
flex: 1 1;
position: relative;
overflow: auto;
min-height: 100px; }
.index__displayAsLink___qgBxZ {
padding-left: 1em; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.style__Footer___3Y-3u {
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___3Y-3u svg {
fill: var(--spectrum-body-secondary-text-color); }
.style__copyright___3BvgG {
padding: 7px 0; }
.style__link___3-GJf, .style__link___3-GJf:hover {
cursor: pointer;
color: inherit !important;
margin-right: 10px;
white-space: nowrap; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.DestructiveActionDialog__message___c4l2J {
font-size: 14px;
font-weight: 700;
padding-top: 7px;
padding-bottom: 24px; }
.DestructiveActionDialog__table___POzm- {
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___2KuWe {
display: flex;
width: 100%;
vertical-align: middle;
flex-flow: row; }
.DestructiveActionDialog__row___2KuWe + .DestructiveActionDialog__row___2KuWe {
padding-top: 26px; }
.DestructiveActionDialog__image___1OEll {
display: block;
width: 25px;
height: 24px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
.DestructiveActionDialog__name___381kZ {
overflow: hidden;
width: 75px;
padding-left: 24px;
white-space: nowrap;
text-overflow: ellipsis;
flex: 1 auto; }
.DestructiveActionDialog__description___3_gI_ {
padding-left: 24px;
white-space: nowrap; }
.DestructiveActionDialog__itemCount___tUhnc {
font-size: 12px;
display: flex;
padding: 12px 20px 0;
justify-content: space-between; }
.DestructiveActionDialog__alertIcon___1blar {
color: #c9252d;
vertical-align: middle;
display: inline-block;
margin-right: 4px; }
.DestructiveActionDialog__dialog___JhKCb.spectrum-Dialog {
max-width: 480px;
width: 480px; }
.DestructiveActionDialog__dialog___JhKCb .spectrum-Dialog-title {
overflow-wrap: break-word;
max-width: 100%; }
.DestructiveActionDialog__body___1IHJg {
list-style: none;
margin-top: 0px;
margin-bottom: 10px; }
.DestructiveActionDialog__body___1IHJg .DestructiveActionDialog__listText___2BJQn {
position: relative;
padding-bottom: 12px; }
.DestructiveActionDialog__body___1IHJg .DestructiveActionDialog__listText___2BJQn:before {
content: '\25CF';
font-size: 20px;
color: #b3b3b3;
display: inline-block;
margin-left: -1em;
padding-right: 12px; }
.DestructiveActionDialog__extraContentWrapper___1UVRY {
display: flex; }
.DestructiveActionDialog__extraContentWrapper___1UVRY div {
display: flex; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.MakeTeamLibraryDialog__container___1XCkY {
width: 386px; }
.MakeTeamLibraryDialog__message___3Mx-X {
font-size: 14px;
padding-top: 24px;
color: var(--spectrum-global-color-gray-800);
padding-bottom: 8px; }
.MakeTeamLibraryDialog__content___2fzVE {
font-style: italic;
color: var(--spectrum-global-color-gray-700); }
.MakeTeamLibraryDialog__dropdown___3t89J {
width: 100%;
margin-bottom: 16px; }
.MakeTeamLibraryDialog__moveDropDown___49p7N .spectrum-Dialog-header {
padding-bottom: 30px; }
.MakeTeamLibraryDialog__moveDropDown___49p7N .spectrum-Dialog-header::after {
content: '';
position: absolute;
bottom: 16px;
left: 0;
right: 0;
content: '';
height: 2px;
background: #e1e1e1; }
.MakeTeamLibraryDialog__moveDropDown___49p7N .spectrum-Dialog-header h2 {
font-size: 18px;
font-weight: bold;
text-transform: initial;
letter-spacing: initial;
color: var(--spectrum-global-color-gray-900); }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.EmptyTeamViewFactory__empty___X0HiM {
white-space: nowrap; }
.EmptyTeamViewFactory__empty___X0HiM h2, .EmptyTeamViewFactory__empty___X0HiM p {
max-width: unset !important; }
.EmptyTeamViewFactory__empty___X0HiM .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___X0HiM .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___3AOH0 {
width: 80px;
height: 80px; }
.EmptyView__emptyScrollView___3Gato {
overflow: auto;
flex-grow: 1;
flex-basis: 0;
display: flex;
align-items: flex-start;
padding-bottom: 32px;
height: 100%; }
.EmptyView__emptyContainer___2kZph {
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___KLEYq {
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___2_3Yb {
width: 100%;
display: flex;
justify-content: flex-start;
flex-direction: row; }
.EmptyView__heading___IgNwS {
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___33Pzu {
max-width: 730px;
margin-left: 80px;
margin-right: 80px;
font-size: 14px;
font-weight: 100;
font-style: normal;
text-align: center; }
.EmptyView__heading___IgNwS span {
font-weight: 100;
font-size: 28px;
line-height: 36px;
color: var(--spectrum-global-color-gray-800); }
.EmptyView__description___33Pzu span {
font-size: 14px;
line-height: 21px;
color: var(--spectrum-global-color-gray-800); }
.EmptyView__description___33Pzu .spectrum-Link span {
color: var(--spectrum-global-color-blue-700);
margin: 0 6px; }
.EmptyView__emptyButton___3AYfk.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___3AYfk.spectrum-Button--quiet.focus-ring:after {
display: none;
transition: none; }
.EmptyView__emptyButton___3AYfk.spectrum-Button--secondary.spectrum-Button--quiet.focus-ring {
background-color: transparent;
border-color: transparent;
transition: none; }
.EmptyView__emptyButton___3AYfk.spectrum-Button--secondary.spectrum-Button--quiet:active {
background: none;
border-color: transparent; }
.EmptyView__emptyButton___3AYfk.spectrum-Button--secondary.spectrum-Button--quiet:hover {
background: none;
border-color: transparent; }
.EmptyView__emptyIcon___2XFKH {
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___2XFKH {
width: 180px;
height: 180px;
padding: 40px; }
.EmptyView__emptyButton___3AYfk:hover .EmptyView__emptyIcon___2XFKH {
border: 1px solid var(--spectrum-global-color-gray-500);
background-color: var(--spectrum-global-color-gray-400); }
.EmptyView__emptyButton___3AYfk:active .EmptyView__emptyIcon___2XFKH {
border: 1px solid var(--spectrum-global-color-gray-500);
background-color: var(--spectrum-global-color-gray-500); }
.EmptyView__emptyButton___3AYfk.spectrum-Button--secondary.spectrum-Button--quiet .EmptyView__emptyIcon___2XFKH:after {
border-radius: 6px;
content: ' ';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: -10px;
pointer-events: none; }
.EmptyView__emptyButton___3AYfk.spectrum-Button--secondary.spectrum-Button--quiet.focus-ring
.EmptyView__emptyIcon___2XFKH:after {
margin: -4px;
box-shadow: 0 0 0 2px var(--spectrum-global-color-blue-500); }
.EmptyView__emptyIcon___2XFKH > svg {
width: 100%;
height: 100%; }
.EmptyView__emptyButtonLabel___2C8Ba {
align-self: flex-start;
margin-top: 10px;
font-weight: normal;
color: var(--spectrum-global-color-gray-800); }
.EmptyView__actionContainerParent___KLEYq .EmptyView__emptyButton___3AYfk.spectrum-Button--secondary.spectrum-Button--quiet {
margin: 12px; }
.LibraryTeamView__body___3If7j {
position: relative;
margin-left: 0;
margin-right: 0;
flex-grow: 1; }
.LibraryTeamView__innerBody___A1XRK {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.LibraryTeamView__teamViewCollection___1T4c7 {
padding: 0; }
.LibraryTeamSelectionHeader__libraryTeamSelectionHeader___2Ew5_ {
width: 100%;
height: unset;
min-height: unset; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.index__title___3Un_C .index__dropdown___2a8Eg {
display: none; }
.index__title___3Un_C.index__mobile___3dEhC .index__dropdown___2a8Eg {
display: inline-block; }
.index__title___3Un_C.index__mobile___3dEhC .index__pageTitle___2D24U {
display: none; }
.index__title___3Un_C.index__forceTitle___3EnA5 .index__pageTitle___2D24U {
display: inline-block;
width: 100%; }
.index__title___3Un_C.index__forceTitle___3EnA5 .index__dropdown___2a8Eg {
display: none; }
.index__dropdown___17rwL {
display: flex;
align-items: center; }
.index__dropdown___17rwL .index__label____ek6g {
font-size: 12px;
font-weight: 400;
margin: 0 12px 0 0;
color: var(--spectrum-global-color-gray-700); }
.index__dropdown___17rwL .index__select___3sQDb {
padding-right: 14px; }
.index__dropdown___17rwL .index__select___3sQDb .spectrum-Dropdown-label .orgname {
display: none; }
/*************************************************************************
* 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--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);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.LibraryView__isMobile___183_W .LibraryView__body___3gLml {
margin-left: 0;
margin-right: 0; }
.LibraryView__isMobile___183_W .LibraryView__tabs___3TqzW {
margin: auto; }
.LibraryView__container___15E3q {
display: flex;
flex-direction: column;
height: 100%; }
.LibraryView__body___3gLml {
position: relative;
margin-left: 80px;
margin-right: 80px;
flex-grow: 1; }
.LibraryView__tabs___3TqzW {
margin: 0 100px;
border-bottom: 2px solid #eaeaea;
display: flex;
justify-content: center; }
.LibraryView__innerBody___299sg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.LibraryView__icon___1RSXs {
padding: 0 6px;
margin-right: 4px;
margin-left: 0;
border-width: 1px;
border-radius: 4px;
color: #707070;
display: flex; }
.LibraryView__icon___1RSXs:hover, .LibraryView__icon___1RSXs:focus, .LibraryView__icon___1RSXs:active {
color: #4b4b4b;
background-color: #eaeaea; }
.LibraryView__headerButtons___4yEAl {
display: flex; }
.LibraryView__sortSelector___1TRR_ {
margin-left: 18px;
display: flex;
align-items: center;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.666px; }
.LibraryView__sortField___yGyeM {
font-weight: 700;
color: #707070;
padding-left: 4px; }
.LibraryView__toolkitWarning___1sEBK {
border-radius: 0;
line-height: 29px; }
.LibraryView__toolkitButton___hJF-B {
height: 0px; }
.LibraryView__toolkitButton___hJF-B span {
color: white;
font-weight: bold;
text-decoration: underline;
line-height: 25px; }
.LibraryView__infoIcon___39OxO {
display: block;
float: left;
margin: 4px 10px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.index__titleContainer___CoKtQ {
display: inline-flex;
align-items: center; }
.index__searchText___Og8oD {
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___2tDIL {
left: 20px; }
.index__empty___38PLp {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center; }
.index__searchResultsWrapper___2y_5M {
height: calc(100% - 43px);
overflow: hidden; }
.index__searchResultsWrapper___2y_5M .search-your-work-filter-sidebar {
box-sizing: border-box; }
.index__searchFooterWrapper___2pSDq {
position: absolute;
width: 100%;
padding: 5px 18px;
box-sizing: border-box;
border-top: 1px solid var(--spectrum-global-color-gray-200);
background-color: var(--spectrum-global-color-gray-75); }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.ProjectRepresentation__gridCardPreview___1Zob- {
padding: 0 !important;
border: 1px solid var(--spectrum-global-color-gray-300); }
.ProjectRepresentation__gridCardPreview___1Zob- .ProjectRepresentation__grid___33QhT {
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___1Zob- .ProjectRepresentation__grid___33QhT .ProjectRepresentation__metadata___27bjf {
padding: 0 16px 24px; }
.ProjectRepresentation__gridCardPreview___1Zob- .ProjectRepresentation__grid___33QhT .ProjectRepresentation__name___1tHd2 {
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___1aXAN {
height: 100%;
width: 100%;
position: relative;
box-sizing: border-box;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center; }
.ProjectRepresentation__list___1aXAN svg {
color: var(--spectrum-global-color-gray-800);
width: 14px; }
.spectrum-Card--quiet:not(:hover) .ProjectRepresentation__gridCardPreview___1Zob- {
background-color: var(--spectrum-global-color-gray-800) !important; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.index__filter___2zR2Q {
padding-right: var(--cc-App--navbar-spacing); }
@media (max-width: 960px) {
.index__defaultFilter___3M1re {
display: none; } }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.NavigationTabList__navigationTabList___-n6K2 {
width: 100%; }
.NavigationTabList__navigationTabList___-n6K2.NavigationTabList__mobile___3kAnC .spectrum-Tabs--horizontal {
border-bottom: 0;
box-sizing: border-box;
padding-left: 10px;
overflow-y: hidden;
overflow-x: scroll;
width: 100%; }
.NavigationTabList__navigationTabList___-n6K2.NavigationTabList__mobile___3kAnC .spectrum-Tabs-item {
margin-bottom: 0;
padding: 0; }
.NavigationTabList__navigationTabList___-n6K2.NavigationTabList__mobile___3kAnC .spectrum-Tabs-item-label {
margin-left: 0;
white-space: nowrap; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.index__breadcrumbs___EDTlQ {
overflow: hidden;
display: flex;
align-items: center; }
.index__breadcrumbs___EDTlQ nav {
width: 100%;
overflow: hidden;
text-overflow: ellipsis; }
.index__breadcrumbs___EDTlQ .spectrum-Breadcrumbs {
display: flex; }
.index__breadcrumbs___EDTlQ .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item {
display: flex;
overflow: visible;
max-width: max-content; }
.index__breadcrumbs___EDTlQ .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-of-type {
min-width: 0; }
.index__breadcrumbs___EDTlQ .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink {
min-width: 0;
cursor: pointer;
font-weight: bold;
font-size: 18px; }
.index__breadcrumbs___EDTlQ .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child {
color: var(--spectrum-global-color-gray-900);
margin-right: 0;
pointer-events: none;
flex: 1; }
.index__breadcrumbs___EDTlQ .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child .spectrum-Breadcrumbs-itemLink > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100vw - 604px); }
@media (max-width: 480px) {
.index__breadcrumbs___EDTlQ .spectrum-Breadcrumbs .spectrum-Breadcrumbs-item:last-child .spectrum-Breadcrumbs-itemLink > span {
width: calc(100vw); } }
.index__breadcrumbs___EDTlQ .index__share___1OyBg {
display: inline-block; }
/*************************************************************************
* 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--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;
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
.AssetMiniatureElement__miniatureList___3F7gC {
display: flex;
height: 100%;
cursor: pointer;
align-items: center;
border-left: 2px solid transparent; }
.AssetMiniatureElement__miniatureList___3F7gC .AssetMiniatureElement__listRepresentationContainer___3X7wD {
width: 24px;
height: 21px;
margin-right: 10px;
padding: 0; }
.AssetMiniatureElement__miniatureList___3F7gC .AssetMiniatureElement__paddedRepresentation___14GLz {
margin-left: 10px; }
.AssetMiniatureElement__miniatureList___3F7gC .AssetMiniatureElement__assetName___HbLob {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #323232; }
.AssetMiniatureElement__miniatureList___3F7gC .AssetMiniatureElement__listAssetDetails___3PRh5 {
display: flex;
width: calc( 100% - 24px - 10px * 2 - 11px);
height: auto;
margin-left: 0;
justify-content: space-between;
align-items: center; }
.AssetMiniatureElement__miniatureList___3F7gC .AssetMiniatureElement__assetNameAndFormat___16hwE {
width: auto;
max-width: 100%; }
.AssetMiniatureElement__miniatureList___3F7gC .AssetMiniatureElement__assetFolderArrow___1LMiN {
display: none; }
.AssetMiniatureElement__miniatureList___3F7gC:not(.AssetMiniatureElement__noArrow___1oape):hover {
background-color: #f1f1f1; }
.AssetMiniatureElement__miniatureList___3F7gC:not(.AssetMiniatureElement__noArrow___1oape):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/2e181884b36d732bc50d834c5ae8238fe0a66ef9/f99a486ae1390017747bd409853a364d.svg) no-repeat 50% 50%; }
.AssetMiniatureElement__miniatureList___3F7gC:not(.isFolder) {
pointer-events: none;
opacity: 0.3; }
.AssetMiniatureElement__miniatureList___3F7gC.AssetMiniatureElement__isSelected___2TcRn {
background-color: rgba(38, 128, 235, 0.1); }
.AssetMiniatureElement__miniatureList___3F7gC:focus {
outline: none; }
.AssetMiniatureElement__miniatureList___3F7gC.focus-ring {
background-color: rgba(44, 44, 44, 0.04);
border-left-color: var(--spectrum-table-cell-border-color-key-focus); }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.MovePopover__list___NV2Gx {
margin-bottom: 12px;
margin-top: 12px;
width: 100%;
height: 212px;
max-height: 212px !important;
box-sizing: border-box;
border: 1px solid #e1e1e1;
border-radius: 4px;
background-color: #fbfbfb !important; }
.MovePopover__createbox___2NAG-.spectrum-Popover {
height: 135px; }
.MovePopover__popover___3r7Vf {
position: absolute;
width: 265px;
min-width: 265px;
height: 320px;
transition-duration: 0ms; }
.MovePopover__popover___3r7Vf.spectrum-Popover {
padding: 14px 16px 16px;
margin-top: 4px; }
.MovePopover__popover___3r7Vf .spectrum-Popover-tip {
display: none; }
.MovePopover__popover___3r7Vf .spectrum-Dialog-content {
padding-top: 0; }
.MovePopover__popover___3r7Vf .spectrum-Textfield {
width: 100%;
margin-top: 6px;
margin-bottom: 8px; }
.MovePopover__popover___3r7Vf .spectrum-Button--quiet--action {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
font-weight: bold;
padding: 0;
color: #707070; }
.MovePopover__popover___3r7Vf .spectrum-Button--quiet--action:active {
background-color: transparent; }
.MovePopover__popover___3r7Vf .spectrum-Button--cta {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.MovePopover__popover___3r7Vf .miniature {
box-sizing: border-box;
border: 1px solid #e1e1e1;
border-radius: 4px;
background-color: #fbfbfb; }
.MovePopover__flexbox___3osGP {
display: flex;
align-items: center;
flex-wrap: nowrap;
padding-bottom: 10px; }
.MovePopover__title___21yJE {
font-size: 0.75em;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #707070; }
.MovePopover__name___3SNVu {
padding-top: 12px;
padding-bottom: 5px;
max-height: 21px;
flex-wrap: nowrap; }
.MovePopover__name___3SNVu .spectrum-Button {
margin-right: 12px; }
.MovePopover__name___3SNVu .MovePopover__nameText___2LjbZ {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 700; }
.MovePopover__actions___w1_sY {
justify-content: space-between; }
.MovePopover__inlineActions___2BrG_ {
left: -16px;
min-width: calc(100% - 16px); }
.MovePopover__submitActions___3fiQY {
display: flex;
flex-wrap: wrap-reverse;
justify-content: center;
overflow: hidden;
position: relative;
margin-bottom: -8px; }
.MovePopover__submitActions___3fiQY .spectrum-Button {
margin-left: 16px;
margin-bottom: 8px;
margin-top: 4px; }
.MovePopover__submitActions___3fiQY .spectrum-Button > span {
line-height: initial;
overflow: hidden;
text-overflow: ellipsis; }
.MovePopover__searchField___21VD6 {
height: 204px;
margin-bottom: 12px;
border: 1px solid #e1e1e1;
border-radius: 2%;
background-color: #fbfbfb; }
.MovePopover__createFolderButton___2--zd {
z-index: 10020; }
.MovePopover__searchPlaceholder___1RdyZ {
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___1RdyZ .MovePopover__searchDirectory___309q6 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: calc(100% - 10px);
vertical-align: middle; }
.MovePopover__searchPlaceholder___1RdyZ .MovePopover__quotes___1xD_H:before, .MovePopover__searchPlaceholder___1RdyZ .MovePopover__quotes___1xD_H:after {
display: inline-block;
content: '"'; }
.MovePopover__tooltip___1wFQ7.spectrum-Tooltip {
left: 19.5px;
will-change: transform;
position: absolute;
top: 72px;
z-index: 10020;
max-width: 110px;
margin-left: 105px; }
.MovePopover__softArrowLeft___vcGqD.spectrum-ActionButton {
min-width: 36px; }
.MovePopover__softArrowLeft___vcGqD.spectrum-ActionButton:before {
display: block;
width: 12px;
height: 11px;
content: '';
background: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/f99a486ae1390017747bd409853a364d.svg) no-repeat 50% 50%; }
.MovePopover__libraryList___19g_X {
height: 206px;
box-sizing: border-box;
border: 1px solid #e1e1e1;
border-radius: 4px;
margin-bottom: 12px;
margin-top: 12px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.index__filter___2rYVE {
padding-right: var(--cc-App--navbar-spacing); }
@media (max-width: 960px) {
.index__defaultFilter___42Xl7 {
display: none; } }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.Sidebar__Sidebar___1tdhV {
display: flex; }
.Sidebar__Sidebar___1tdhV.Sidebar__onSide___2ckCi {
flex-direction: row; }
.Sidebar__Sidebar___1tdhV.Sidebar__onBottom___38U5E {
flex-direction: column; }
.Sidebar__SidebarPanel___iQ01R {
background-color: var(--spectrum-global-color-gray-50);
overflow-y: auto;
position: relative; }
.Sidebar__SidebarPanel___iQ01R.Sidebar__onSide___2ckCi {
width: 335px;
height: 100%;
border-left: 1px solid var(--spectrum-global-color-gray-200); }
.Sidebar__SidebarPanel___iQ01R.Sidebar__onBottom___38U5E {
width: 100%;
border-top: 1px solid var(--spectrum-global-color-gray-200);
flex-basis: 100%; }
.Sidebar__ActionBar___ha0PH {
display: flex;
padding: 8px 6px;
background-color: var(--spectrum-global-color-gray-50); }
.Sidebar__ActionBar___ha0PH.Sidebar__horizontal___1eZxM {
flex-direction: row;
justify-content: space-around;
border-top: 1px solid var(--spectrum-alias-border-color-light); }
.Sidebar__ActionBar___ha0PH.Sidebar__vertical___IewY1 {
flex-direction: column;
justify-content: flex-start;
border-left: 1px solid var(--spectrum-alias-border-color-light); }
.Sidebar__ActionBar___ha0PH.Sidebar__vertical___IewY1 > button {
margin-bottom: 6px; }
.Sidebar__ActionBar___ha0PH.Sidebar__vertical___IewY1 .Sidebar__buttons___1lALc {
margin-top: auto; }
.Sidebar__ActionBar___ha0PH .Sidebar__reportAbuse___2-lWM {
position: absolute;
right: 7px;
bottom: 18px; }
.ShareButton__popoverContent___1Ep8W {
display: flex;
flex-direction: column;
align-items: center; }
.ShareButton__popoverContent___1Ep8W .ShareButton__buttons___3a7ea {
flex-direction: row;
margin-top: 32px;
white-space: nowrap; }
.ShareButton__popoverContent___1Ep8W .ShareButton__dialog___3IPBV {
font-size: 12px; }
.ShareButton__popoverContent___1Ep8W .spectrum-Breadcrumbs-item {
margin: 0; }
.ShareButton__popoverContent___1Ep8W .spectrum-Breadcrumbs-itemLink {
font-size: 14px;
font-weight: bold;
height: unset; }
.ShareButton__popoverContent___1Ep8W .spectrum-Breadcrumbs-itemSeparator {
top: 0;
right: 0; }
.ShareButton__projectsPopover___1UkQM .spectrum-Heading--subtitle3 {
margin: 0 0 25px !important; }
.ShareButton__projectsPopover___1UkQM .spectrum-Popover--dialog {
padding: 17px 17px 30px !important; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
{
/* TODO factor out all this libraries specific css*/
/* For Color Themes in Library Element 1up */ }
.MetadataPanel__component___31-Xg {
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___31-Xg.MetadataPanel__mobile___3rlQ_ {
width: 100%; } }
.MetadataPanel__row___yAoUQ, .MetadataPanel__fullWidthRow___eaJDu, .MetadataPanel__colorValueRow___2-pu4 {
border-bottom: 1px solid var(--spectrum-global-color-gray-300);
display: flex;
padding: 10px 0;
width: 100%; }
.MetadataPanel__row___yAoUQ.MetadataPanel__isSubRow___fd3-e, .MetadataPanel__isSubRow___fd3-e.MetadataPanel__fullWidthRow___eaJDu, .MetadataPanel__isSubRow___fd3-e.MetadataPanel__colorValueRow___2-pu4 {
border-bottom: none;
padding: 0; }
.MetadataPanel__row___yAoUQ.MetadataPanel__disabled___16M0T, .MetadataPanel__disabled___16M0T.MetadataPanel__fullWidthRow___eaJDu, .MetadataPanel__disabled___16M0T.MetadataPanel__colorValueRow___2-pu4 {
color: #b3b3b3; }
.MetadataPanel__row___yAoUQ .MetadataPanel__label___1S0Ou, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__label___1S0Ou, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__label___1S0Ou, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__noteLabel___3izfm, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__colorValue___1qsgz .MetadataPanel__colorValueLabel___1uUO1 {
font-size: 10.5px;
letter-spacing: 0.666px;
text-transform: uppercase;
width: 106px;
min-width: 106px;
align-items: center;
line-height: 2; }
.MetadataPanel__row___yAoUQ .MetadataPanel__colorThemeLabel___24q1s, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__colorThemeLabel___24q1s, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__colorThemeLabel___24q1s {
width: 270px; }
.MetadataPanel__row___yAoUQ .MetadataPanel__value___3sdsQ, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__value___3sdsQ, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__value___3sdsQ {
font-size: 14px;
text-overflow: ellipsis;
flex: 1;
min-width: 0; }
.MetadataPanel__row___yAoUQ .MetadataPanel__value___3sdsQ .MetadataPanel__license___3e-af, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__value___3sdsQ .MetadataPanel__license___3e-af, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__value___3sdsQ .MetadataPanel__license___3e-af {
display: inline-flex;
align-items: center; }
.MetadataPanel__row___yAoUQ .MetadataPanel__value___3sdsQ .MetadataPanel__license___3e-af .MetadataPanel__checkMark___2KXlM, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__value___3sdsQ .MetadataPanel__license___3e-af .MetadataPanel__checkMark___2KXlM, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__value___3sdsQ .MetadataPanel__license___3e-af .MetadataPanel__checkMark___2KXlM {
align-content: center;
height: 15px;
margin-right: 6px;
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/fc552f9fa81828d2f50ff51a2ca0f532.svg); }
.MetadataPanel__row___yAoUQ .MetadataPanel__value___3sdsQ .MetadataPanel__libraryName___1ECUh, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__value___3sdsQ .MetadataPanel__libraryName___1ECUh, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__value___3sdsQ .MetadataPanel__libraryName___1ECUh {
overflow: hidden;
text-overflow: ellipsis;
align-items: center; }
.MetadataPanel__row___yAoUQ .MetadataPanel__value___3sdsQ .MetadataPanel__libraryName___1ECUh .MetadataPanel__icon___2dudA, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__value___3sdsQ .MetadataPanel__libraryName___1ECUh .MetadataPanel__icon___2dudA, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__value___3sdsQ .MetadataPanel__libraryName___1ECUh .MetadataPanel__icon___2dudA {
padding-right: 5px;
position: relative;
top: 2px; }
.MetadataPanel__row___yAoUQ .MetadataPanel__value___3sdsQ .MetadataPanel__buyButton___1RVjo, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__value___3sdsQ .MetadataPanel__buyButton___1RVjo, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__value___3sdsQ .MetadataPanel__buyButton___1RVjo {
margin-top: 5px; }
.MetadataPanel__row___yAoUQ .MetadataPanel__value___3sdsQ .MetadataPanel__buyButton___1RVjo .MetadataPanel__buttonText___1mSAI, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__value___3sdsQ .MetadataPanel__buyButton___1RVjo .MetadataPanel__buttonText___1mSAI, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__value___3sdsQ .MetadataPanel__buyButton___1RVjo .MetadataPanel__buttonText___1mSAI {
margin-left: 7px; }
.MetadataPanel__row___yAoUQ .MetadataPanel__value___3sdsQ .MetadataPanel__hexValueColor___1_BAr, .MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__value___3sdsQ .MetadataPanel__hexValueColor___1_BAr, .MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__value___3sdsQ .MetadataPanel__hexValueColor___1_BAr {
letter-spacing: 0.3px; }
.MetadataPanel__fullWidthRow___eaJDu {
display: block; }
.MetadataPanel__fullWidthRow___eaJDu .MetadataPanel__noteLabel___3izfm {
margin-left: 5px;
margin-top: -1px; }
.MetadataPanel__fullWidthHeading___3aJP9 {
display: flex; }
.MetadataPanel__fontDialog___24vRp {
max-width: 600px; }
.MetadataPanel__fontDialog___24vRp .MetadataPanel__dialogContentContainer___3G0pC {
padding-left: 15px;
padding-right: 30px; }
.MetadataPanel__fontDialog___24vRp .MetadataPanel__dialogContentContainer___3G0pC .MetadataPanel__dialogRow___3fVJU {
padding-bottom: 20px; }
.MetadataPanel__fontDialog___24vRp .MetadataPanel__dialogContentContainer___3G0pC .MetadataPanel__dialogHeading___1LeDb {
display: flex;
align-items: center; }
.MetadataPanel__fontDialog___24vRp .MetadataPanel__dialogContentContainer___3G0pC .MetadataPanel__dialogHeadingText___2vWrs {
color: var(--spectrum-global-color-gray-700);
margin-left: 10px; }
.MetadataPanel__fontDialog___24vRp .MetadataPanel__dialogContentContainer___3G0pC .MetadataPanel__dialogContentText___1fOMj {
margin-left: 28px; }
.MetadataPanel__fontDialog___24vRp .MetadataPanel__dialogFooter___2bIWK {
display: flex;
justify-content: space-between;
margin-top: 48px; }
.MetadataPanel__fontFamilyAction___wolrX {
align-items: center;
display: flex; }
.MetadataPanel__fontFamilyAction___wolrX .MetadataPanel__switchLabel___3EwLT {
margin-left: 10px;
height: 100%;
color: var(--spectrum-global-color-gray-500) !important; }
.MetadataPanel__fontFamilyAction___wolrX a {
color: var(--spectrum-global-color-blue-600);
text-decoration: none; }
.MetadataPanel__fontFamilyAction___wolrX a:hover {
text-decoration: underline; }
.MetadataPanel__activationError___29QCf a {
padding-left: 0.5em;
color: var(--spectrum-global-color-gray-50);
text-decoration: underline; }
.MetadataPanel__activationError___29QCf a:hover {
opacity: 0.75; }
.MetadataPanel__colorSwatches___1nOw5 {
display: flex;
margin-top: 6px; }
.MetadataPanel__colorSwatches___1nOw5 .MetadataPanel__colorSwatch___1eeu6 {
border-radius: 3px;
width: 48px;
height: 48px;
margin-right: 8px; }
.MetadataPanel__colorSwatches___1nOw5 .MetadataPanel__colorSwatch___1eeu6:last-child {
margin-right: 0; }
.MetadataPanel__colorSwatches___1nOw5 .MetadataPanel__isSelected___2vYuG {
box-sizing: border-box;
border: 2px solid #1473e6; }
.MetadataPanel__colorValueRow___2-pu4 {
border-bottom: none; }
.MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__colorValue___1qsgz {
display: flex; }
.MetadataPanel__colorValueRow___2-pu4 .MetadataPanel__colorValue___1qsgz .MetadataPanel__colorValueLabel___1uUO1 {
width: 40px;
min-width: 40px; }
.MetadataPanel__noteBody___24DA_ {
word-wrap: break-word; }
.MetadataPanel__gradientStops___qWzWj {
position: relative; }
.MetadataPanel__gradientStops___qWzWj .MetadataPanel__gradientStopSelector___1-ZD4 {
display: flex;
align-items: center;
position: relative;
left: -12px;
width: fit-content; }
.MetadataPanel__gradientStops___qWzWj .MetadataPanel__gradientStopSelector___1-ZD4 .MetadataPanel__stopCounter___uBoZm {
margin: 0 12px; }
.MetadataPanel__gradientStops___qWzWj .MetadataPanel__gradientStopExplorer___1QgJG {
position: relative;
left: calc(-1 * 106px);
min-width: calc( 100px - 32px * 2);
width: calc( 335px - 32px * 2); }
.MetadataPanel__gradientStops___qWzWj .MetadataPanel__gradientStopExplorer___1QgJG .MetadataPanel__gradientStopSlider___236NB {
margin: 16px 0;
min-height: 24px; }
.MetadataPanel__gradientStops___qWzWj .MetadataPanel__gradientStopExplorer___1QgJG .MetadataPanel__gradientStopSlider___236NB .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___qWzWj .MetadataPanel__gradientStopExplorer___1QgJG .MetadataPanel__gradientStopSlider___236NB .spectrum-Slider .spectrum-Slider-controls {
height: 24px;
width: 100%;
background-image: var(--gradientElement-slider-color);
border-radius: 4px;
margin: 0; }
.MetadataPanel__gradientStops___qWzWj .MetadataPanel__gradientStopExplorer___1QgJG .MetadataPanel__gradientStopSlider___236NB .spectrum-Slider .spectrum-Slider-controls .spectrum-Slider-track {
display: none; }
.MetadataPanel__gradientStops___qWzWj .MetadataPanel__gradientStopExplorer___1QgJG .MetadataPanel__gradientStopSlider___236NB .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; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Pin__cursorMarker___2BtGl {
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___2BtGl.compact,
body.ccx-comments-adding-annotation-pin .Pin__cursorMarker___2BtGl {
display: flex; }
.Pin__component___2nWnj {
--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___2nWnj.touch-size:before {
content: '';
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px; }
.Pin__component___2nWnj.ignore-mouse-events {
pointer-events: none; }
.annotating-new .Pin__component___2nWnj {
cursor: none; }
#ccx-annotations-overlay:not(.touch) .Pin__component___2nWnj:hover, .Pin__component___2nWnj.hovered, .Pin__component___2nWnj.selected:not(.temp-pin) {
--ccx-comments-pin-color: var(--ccx-comments-annotation-highlight) !important;
z-index: 4; }
.Pin__component___2nWnj.temp-pin {
background: #fff;
color: var(--ccx-comments-pin-color);
border: 1px dashed var(--ccx-comments-pin-color); }
.Pin__component___2nWnj.can-move {
cursor: move; }
.Pin__component___2nWnj.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); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Drawing__component___211di {
cursor: pointer;
display: inline-block;
pointer-events: none;
position: absolute;
user-select: none;
z-index: 1; }
.Drawing__component___211di.ignore-mouse-events svg path {
pointer-events: none; }
.Drawing__component___211di svg {
overflow: visible !important;
pointer-events: none;
transform: translate3d(0, 0, 0); }
.Drawing__component___211di svg path {
pointer-events: stroke;
stroke-linejoin: round; }
.Drawing__component___211di.hovered,
#ccx-annotations-overlay:not(.touch) .Drawing__component___211di:hover, .Drawing__component___211di.selected:not(.temp-drawing) {
border: 2px solid var(--ccx-comments-annotation-outline);
margin-left: -2px;
margin-top: -2px; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Text__component___2cg-3 {
cursor: pointer;
display: inline-block;
pointer-events: auto;
position: absolute;
user-select: none;
z-index: 2; }
.Text__component___2cg-3.ignore-mouse-events {
pointer-events: none; }
.Text__component___2cg-3 svg {
position: absolute;
transform: translate3d(0, 0, 0); }
.Text__component___2cg-3.hovered,
#ccx-annotations-overlay:not(.touch) .Text__component___2cg-3:hover, .Text__component___2cg-3.selected {
border: 2px solid var(--ccx-comments-annotation-outline);
margin-left: -2px;
margin-top: -2px; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Insert__component___VZ_le {
cursor: pointer;
display: inline-block;
pointer-events: auto;
position: absolute;
user-select: none;
z-index: 2; }
.Insert__component___VZ_le.ignore-mouse-events {
pointer-events: none; }
.Insert__component___VZ_le.hovered, .Insert__component___VZ_le:hover, .Insert__component___VZ_le.selected {
border: 2px solid var(--ccx-comments-annotation-outline);
margin-left: -2px;
margin-top: -2px; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.AnnotationsView__component___38Vdq {
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___38Vdq {
touch-action: pinch-zoom; } }
.AnnotationsView__component___38Vdq.capture-pointer-events {
pointer-events: auto; }
.AnnotationsView__component___38Vdq.annotating-new {
pointer-events: auto; }
.AnnotationsView__component___38Vdq.annotating-new.hide-cursor {
cursor: none; }
.AnnotationsView__component___38Vdq.annotating-new.highlight:hover {
background-color: rgba(231, 176, 0, 0.53); }
.AnnotationsView__component___38Vdq.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; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.FadeOut__component___2MCq3 {
transition: opacity 2000ms ease-in-out 0s;
opacity: 1; }
.FadeOut__component___2MCq3.is-complete, .FadeOut__component___2MCq3.is-visible {
transition: initial; }
.FadeOut__component___2MCq3.is-visible:not(.is-complete) {
opacity: 1 !important; }
.FadeOut__component___2MCq3.fade-exit-active {
opacity: 0; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.AnnotationsMaskView__component___hY8Ui {
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___hY8Ui.no-capture-pointer-events {
pointer-events: none; }
.AnnotationsMaskView__component___hY8Ui .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; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentListSectionHeader__component___2_8jr {
background-color: inherit;
color: var(--ccx-comments-text-color-3);
font-size: var(--ccx-comments-section-header-font-size);
position: sticky;
top: 0;
z-index: 1;
margin: 0; }
.CommentListSectionHeader__sticky___nYfH0 {
box-shadow: 0 8px 10px -6px var(--ccx-comments-box-shadow-color); }
.CommentListSectionHeader__subtitle___12WXL {
color: var(--ccx-comments-text-color-2); }
.CommentListSectionHeader__headingButton___3de9J {
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; }
.CommentListSectionHeader__headingButton___3de9J.focus-ring {
border-radius: var(--ccx-comments-border-radius-sm);
box-shadow: inset 0 0 0 2px var(--ccx-comments-border-color-focus); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentListSection__component___2S-7H {
background-color: var(--ccx-comments-comment-list-section-active-background);
border-top: 1px solid;
position: relative; }
.CommentListSection__component___2S-7H:not(:first-child) {
border-top-color: var(--ccx-comments-item-dividing-border); }
.CommentListSection__component___2S-7H:first-of-type {
border-top: 0; }
.CommentListSection__component___2S-7H.CommentListSection__active___8kASl {
border-left: var(--ccx-comments-global-active-node-border-left) solid var(--ccx-comments-comment-list-section-active-border);
--ccx-comments-section-header-padding-x: var(--ccx-comments-margin-md); }
.CommentListSection__component___2S-7H.CommentListSection__inactive___2B1ew {
cursor: pointer;
background-color: var(--ccx-comments-comment-list-section-inactive-background); }
.CommentListSection__component___2S-7H.CommentListSection__compactCommentingMode___2nj8- {
border-color: transparent; }
.CommentListSection__component___2S-7H .CommentListSection__loadingMessage___VwFWL {
color: var(--ccx-comments-text-color-2); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Divider__component___1dGZX {
background: var(--ccx-comments-item-dividing-border);
margin: var(--ccx-comments-divider-margin);
height: 1px; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.UserCard__component___1D7_r {
align-items: center;
cursor: pointer;
display: flex;
padding: var(--ccx-comments-user-card-padding); }
.UserCard__component___1D7_r.selected {
background-color: var(--ccx-comments-background-color-2); }
.UserCard__component___1D7_r .avatar-column {
margin-right: var(--ccx-comments-margin-sm);
flex-shrink: 0; }
.UserCard__component___1D7_r .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___1D7_r .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___1D7_r .email,
.UserCard__component___1D7_r .org-name {
overflow: hidden;
text-overflow: ellipsis;
font-size: var(--ccx-comments-user-card-email-font-size); }
.UserCard__component___1D7_r .matched-character {
color: var(--ccx-comments-text-box-mention-font-color); }
.UserCard__component___1D7_r.popover {
padding: 0 0 0px;
min-width: 0;
pointer-events: none; }
.UserCard__component___1D7_r.popover .spectrum-Dialog-content {
padding-top: 0; }
.UserCard__component___1D7_r.popover .email,
.UserCard__component___1D7_r.popover .name,
.UserCard__component___1D7_r.popover .org-name {
text-overflow: initial;
white-space: normal;
word-wrap: break-word; }
.UserCard__component___1D7_r.popover .name {
font-weight: bold; }
.UserCard__component___1D7_r.popover .text-wrapper {
max-width: 100%;
word-break: break-all; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.UserAvatar__avatar___3MV11 {
border-radius: 50%;
height: var(--ccx-comments-avatar-size);
width: var(--ccx-comments-avatar-size); }
.UserAvatar__avatar___3MV11.placeholder rect {
fill: var(--ccx-comments-avatar-background); }
.UserAvatar__avatar___3MV11.placeholder path {
fill: var(--ccx-comments-avatar-foreground); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.SuggestionsList__component___1PyP0 {
background: var(--ccx-comments-background-color-1);
border: 1px solid var(--ccx-comments-border-color-1);
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: 2;
list-style-type: none; }
.compact .SuggestionsList__component___1PyP0 {
max-height: 200px; }
.SuggestionsList__component___1PyP0.below {
bottom: auto;
top: 100%; }
.SuggestionsList__component___1PyP0 .empty-list {
color: var(--ccx-comments-text-color-2);
padding: var(--ccx-comments-margin-md); }
.SuggestionsList__component___1PyP0 .avatar-column {
display: flex;
margin-right: var(--ccx-comments-margin-sm); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Textarea__component___2uPmk {
flex: 1;
user-select: auto;
width: 100%; }
.compact .Textarea__component___2uPmk {
word-break: break-word; }
.compact .Textarea__component___2uPmk .textarea {
font-size: var(--ccx-comments-textarea-compact-font-size); }
.Textarea__component___2uPmk .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%;
max-height: 80px;
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); }
.Textarea__component___2uPmk .textarea.plain {
color: inherit;
line-height: inherit; }
.Textarea__component___2uPmk .textarea.plain::-webkit-input-placeholder {
color: var(--ccx-comments-text-color-2);
font-style: italic; }
.Textarea__component___2uPmk .textarea.plain:-moz-placeholder {
color: var(--ccx-comments-text-color-2);
font-style: italic; }
.Textarea__component___2uPmk .textarea.plain::-moz-placeholder {
color: var(--ccx-comments-text-color-2);
font-style: italic; }
.Textarea__component___2uPmk .textarea.plain:-ms-input-placeholder {
color: var(--ccx-comments-text-color-2);
font-style: italic; }
.Textarea__component___2uPmk .textarea.content-editable.empty:before {
color: var(--ccx-comments-text-color-2);
content: attr(placeholder);
font-style: italic;
left: 13px;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 13px;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 75px); }
.compact .Textarea__component___2uPmk .textarea {
display: block;
line-height: initial;
max-height: 56px; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentInput__component___sRwpw {
position: relative; }
.CommentInput__component___sRwpw .textbox {
background-color: var(--ccx-comments-text-box-background-color);
border: 1px solid var(--ccx-comments-border-color-1);
border-radius: var(--ccx-comments-border-radius-sm);
box-sizing: border-box;
color: var(--ccx-comments-text-color-1);
display: flex;
font-style: italic;
height: var(--ccx-comments-textbox-height-collapsed);
justify-content: space-between;
overflow-wrap: break-word;
overflow: hidden;
width: 100%; }
.compact .CommentInput__component___sRwpw .textbox {
font-size: var(--ccx-comments-textarea-compact-font-size);
height: initial; }
.CommentInput__component___sRwpw .textbox.collapse {
animation: close 0.3s;
animation-fill-mode: forwards; }
.CommentInput__component___sRwpw .textbox.expand {
animation: open 0.3s;
animation-fill-mode: forwards; }
.CommentInput__component___sRwpw .textbox.has-text {
color: var(--ccx-comments-text-box-with-text-color);
font-style: normal; }
.CommentInput__component___sRwpw .textbox.focus {
border-color: var(--ccx-comments-border-color-focus); }
.CommentInput__component___sRwpw .textbox.has-text .action-bar.remaining-characters-visible, .CommentInput__component___sRwpw .textbox.focus .action-bar.remaining-characters-visible {
bottom: 29px; }
.CommentInput__component___sRwpw .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___sRwpw .textbox .textarea-container {
width: 100%; }
.compact .CommentInput__component___sRwpw .textbox .textarea-container {
word-break: break-word; }
.CommentInput__component___sRwpw .textbox .tool-button,
.CommentInput__component___sRwpw .textbox .tool-button + .tool-button {
margin-left: var(--ccx-comments-margin-xxs); }
.CommentInput__component___sRwpw .textbox .action-bar {
position: absolute;
right: var(--ccx-comments-margin-xs);
bottom: 0;
display: flex;
height: 100%;
max-height: 40px;
align-items: center; }
.compact .CommentInput__component___sRwpw .textbox .action-bar {
position: static;
right: 0; }
.CommentInput__component___sRwpw .textbox .mention {
color: var(--ccx-comments-text-box-mention-font-color); }
.CommentInput__component___sRwpw .textbox span.mention::selection {
background: var(--ccx-comments-text-color-selection);
color: var(--ccx-comments-text-box-mention-font-color); }
.CommentInput__component___sRwpw .textbox .icon-button {
fill: var(--ccx-comments-iconColor); }
.CommentInput__component___sRwpw .action-bar-container {
display: flex;
flex-direction: column;
justify-content: flex-end; }
.CommentInput__component___sRwpw .remaining-characters {
padding-right: var(--ccx-comments-margin-xs);
text-align: right; }
.CommentInput__component___sRwpw .posting-error {
margin-bottom: var(--ccx-comments-margin-xs); }
.CommentInput__component___sRwpw .posting-error .error-msg {
display: inline-block;
width: calc(100% - 24px); }
.CommentInput__component___sRwpw .posting-error svg {
display: inline-block;
margin-left: var(--ccx-comments-margin-xxs); }
.CommentInput__component___sRwpw.has-error .remaining-characters {
color: var(--ccx-comments-text-color-error);
font-size: var(--ccx-comments-text-input-error-label-font-size); }
.CommentInput__component___sRwpw.has-error .textbox {
border-color: var(--ccx-comments-text-color-error); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Item__component___35x2a {
list-style-type: none;
padding: 0 var(--ccx-comments-item-wrapper-padding-right) 0 var(--ccx-comments-item-wrapper-padding-left); }
.Item__component___35x2a:hover .footer .footer-actions {
display: flex; }
.Item__component___35x2a.highlight, .Item__component___35x2a.hovered-pin {
background: var(--ccx-comments-comment-selected-background-color); }
.Item__component___35x2a .mention {
color: var(--ccx-comments-text-box-mention-font-color); }
.Item__component___35x2a .submit-button-container {
padding-top: var(--ccx-comments-submit-button-padding-top);
display: flex;
justify-content: flex-end; }
.Item__component___35x2a .submit-button-container .spectrum-Button {
font-size: var(--ccx-comments-reply-button-font-size); }
.large-scale .Item__component___35x2a .submit-button-container .spectrum-Button + .spectrum-Button {
margin-left: 0; }
.Item__component___35x2a .footer-actions:not(.touch-controls) {
display: none; }
.Item__component___35x2a .comment-wrapper {
padding: var(--ccx-comments-item-comment-wrapper-padding);
margin: 0px;
display: flex;
flex-direction: column; }
.Item__component___35x2a .comment-wrapper .comment-content-wrapper .row {
display: flex;
flex-direction: row; }
.Item__component___35x2a .comment-wrapper .comment-content-wrapper .row .avatar-column {
margin-right: var(--ccx-comments-margin-lg); }
.Item__component___35x2a .comment-wrapper .comment-content-wrapper .row .avatar-column .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;
position: absolute;
margin-top: var(--ccx-comments-annotation-marker-margin-top);
margin-left: var(--ccx-comments-annotation-marker-margin-left); }
.Item__component___35x2a .comment-wrapper .comment-content-wrapper .row .content-column {
min-width: 0;
width: 100%; }
.Item__component___35x2a .comment-wrapper .comment-content-wrapper .row .comment-text-controls-container {
width: 100%; }
.Item__component___35x2a .comment-wrapper:hover .reply-btn span {
overflow: hidden;
text-overflow: ellipsis; }
.Item__component___35x2a .comment-wrapper .header-row {
align-items: center;
display: flex;
min-width: 0;
flex: 1;
height: 0;
/* IE 11 fix which is overridden by min-height */
min-height: 32px;
margin-bottom: var(--ccx-comments-margin-sm); }
.Item__component___35x2a .comment-wrapper .header-row .comment-item-dropdown-wrapper {
align-items: center;
display: flex;
margin-top: var(--ccx-comments-negative-margin-lg); }
.Item__component___35x2a .comment-wrapper .header-row .comment-item-dropdown-wrapper .external-content-wrapper {
display: inline-block; }
.Item__component___35x2a .comment-wrapper .header-row .icon-wrap {
align-items: center; }
.Item__component___35x2a .comment-wrapper .header-row .user-wrap {
flex-direction: column;
flex: 1;
display: flex;
flex-wrap: wrap;
width: 100%;
min-width: 0; }
.Item__component___35x2a .comment-wrapper .header-row .user-wrap div:first-of-type {
margin-bottom: -1px; }
.Item__component___35x2a .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); }
.Item__component___35x2a .comment-wrapper .header-row .user-wrap .user-name .comment-creator-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.Item__component___35x2a .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);
width: 100%; }
.Item__component___35x2a .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; }
.Item__component___35x2a .comment-wrapper .comment-text {
font-size: var(--ccx-comments-comment-text-font-size);
margin-top: var(--ccx-comments-margin-xs);
user-select: text;
word-wrap: break-word;
white-space: pre-wrap; }
.Item__component___35x2a .comment-wrapper .comment-text .comment-text-label,
.Item__component___35x2a .comment-wrapper .comment-text .empty-strikethrough {
font-style: italic; }
.Item__component___35x2a .comment-wrapper .edit-wrapper {
margin-top: var(--ccx-comments-margin-sm); }
.Item__component___35x2a .comment-wrapper .footer {
align-items: center;
display: flex;
margin-top: var(--ccx-comments-margin-sm); }
.Item__component___35x2a .comment-wrapper .footer .footer-actions {
margin-left: auto; }
.Item__component___35x2a .comment-wrapper .footer.is-editing {
justify-content: flex-end; }
.Item__component___35x2a .comment-wrapper .footer.is-editing .button-wrapper {
display: flex;
justify-content: flex-end;
flex-wrap: wrap; }
.Item__component___35x2a .comment-wrapper .footer.is-editing .button-wrapper .spectrum-Button {
font-size: var(--ccx-comments-reply-button-font-size); }
.Item__component___35x2a .comment-wrapper .footer .reply-btn-wrapper {
transition: margin-left 100ms linear;
display: flex;
min-width: 0;
flex-shrink: 1; }
.large-scale .Item__component___35x2a .comment-wrapper .footer .reply-btn-wrapper {
margin-left: var(--ccx-comments-active-reply-btn-large-scale-margin-left); }
.medium-scale .Item__component___35x2a .comment-wrapper .footer .reply-btn-wrapper {
margin-left: var(--ccx-comments-active-reply-btn-medium-scale-margin-left); }
.Item__component___35x2a .comment-wrapper .footer .reply-btn-wrapper.has-replies svg {
transition: transform 100ms linear; }
.Item__component___35x2a .comment-wrapper .footer .reply-btn-wrapper .reply-btn {
font-size: var(--ccx-comments-reply-button-font-size); }
.Item__component___35x2a .comment-wrapper .footer .reply-btn-wrapper .reply-btn span {
line-height: normal;
text-align: left; }
.Item__component___35x2a .comment-wrapper .footer .reply-btn-wrapper .reply-btn svg {
margin-right: var(--ccx-comments-margin-xs);
flex: 0 0 auto; }
.Item__component___35x2a .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___35x2a .comment-wrapper .footer .reply-btn-wrapper .reply-caption {
margin-left: var(--ccx-comments-inactive-reply-btn-large-scale-margin-left); }
.medium-scale .Item__component___35x2a .comment-wrapper .footer .reply-btn-wrapper .reply-caption {
margin-left: var(--ccx-comments-inactive-reply-btn-medium-scale-margin-left); }
.Item__component___35x2a .comment-wrapper .footer .button-wrapper {
margin-top: var(--ccx-comments-margin-xxs); }
.large-scale .Item__component___35x2a .comment-wrapper .footer .button-wrapper .spectrum-Button + .spectrum-Button {
margin-left: 0; }
.Item__component___35x2a.replies-open > .comment-wrapper {
padding-bottom: 0px; }
.Item__component___35x2a.replies-open > .comment-wrapper .has-replies svg {
transform: rotate(90deg); }
.Item__component___35x2a .replies-wrapper {
padding-bottom: var(--ccx-comments-replies-list-padding-bottom);
flex-direction: column; }
.Item__component___35x2a .replies-wrapper.has-replies {
margin-left: var(--ccx-comments-replies-list-margin-left); }
.Item__component___35x2a .replies-wrapper .replies-list {
list-style-type: none;
padding: 0;
margin: 0; }
.Item__component___35x2a .replies-wrapper .replies-list li {
outline: none;
padding-left: var(--ccx-comments-margin-xs);
padding-right: 1px; }
.Item__component___35x2a .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___35x2a .replies-wrapper .replies-list .Item__component___35x2a {
padding-left: 0px;
padding-right: 0px; }
.compact .Item__component___35x2a:hover, .compact .Item__component___35x2a.highlight, .compact .Item__component___35x2a.hovered-pin {
background: transparent; }
.compact .Item__component___35x2a .comment-text-controls-container {
display: flex;
flex-direction: column; }
.compact .Item__component___35x2a .comment-text-controls-container.icon-layout {
align-items: center;
flex-direction: row; }
.compact .Item__component___35x2a .comment-text-controls-container.icon-layout .edit-wrapper {
flex: 1; }
.compact .Item__component___35x2a .replying-user-name {
color: var(--ccx-comments-text-color-2); }
.compact.focused-input .Item__component___35x2a .replies-wrapper {
margin-left: 0px; }
.Item__component___35x2a .replies-wrapper:hover, .Item__component___35x2a .replies-wrapper.highlight {
background: transparent; }
.Item__component___35x2a .replies-wrapper .submit-button {
display: flex; }
.Item__component___35x2a .replies-wrapper.focused-input {
padding-top: 0;
padding-bottom: var(--ccx-comments-margin-xl); }
.Item__component___35x2a .replies-wrapper .reply-box-wrap {
flex: 1; }
.Item__component___35x2a .replies-wrapper .replying-user-name {
font-size: var(--ccx-comments-replying-user-name-font-size);
font-style: italic;
padding-bottom: var(--ccx-comments-margin-md); }
.Item__component___35x2a .replies-wrapper .comment-text-controls-container:only-child {
padding-top: var(--ccx-comments-reply-list-textbox-only-child-padding-top); }
.Item__component___35x2a .submit-icon-container {
margin-left: var(--ccx-comments-margin-sm); }
.comment-li.selected .Item__component___35x2a .comment-wrapper .comment-content-wrapper .avatar-column .annotation-marker, .Item__component___35x2a.hovered-pin .comment-wrapper .comment-content-wrapper .avatar-column .annotation-marker {
background-color: var(--ccx-comments-annotation-highlight) !important; }
.comment-item-dropdown-menu .spectrum-Menu-item.comment-action:not(:focus) {
background-color: var(--ccx-comments-popover-background-color); }
.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: currentColor;
height: 18px;
width: 18px; }
.comment-item-dropdown-menu .spectrum-Menu-item.comment-action:hover {
background-color: var(--ccx-comments-popover-hover-background-color);
color: var(--ccx-comments-popover-hover-text-color); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Comment__component___1UO8m {
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
outline: none; }
.Comment__component___1UO8m:not(.touch):hover, .Comment__component___1UO8m.selected {
background-color: var(--ccx-comments-comment-selected-background-color); }
.Comment__component___1UO8m:not(.touch):hover:not(.selected), .Comment__component___1UO8m.selected:not(.selected) {
cursor: pointer; }
.Comment__component___1UO8m:not(.touch):hover.selected, .Comment__component___1UO8m.selected.selected {
border-color: var(--ccx-comments-item-dividing-border); }
.Comment__component___1UO8m.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___1UO8m.compact {
border: none; }
/**
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe. All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Inc. and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe Inc.
* 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 Inc.
*/
.EmptyState__component___j1Z4H {
align-items: center;
background-color: var(--ccx-comments-empty-state-background);
display: flex;
flex-direction: column;
height: 100%;
justify-content: center; }
.EmptyState__emptyStateContent___13hyi {
justify-content: center;
max-width: 335px;
padding: var(--ccx-comments-margin-sm) var(--ccx-comments-margin-xxxl);
text-align: center; }
.EmptyState__emptyStateIllustration___1PjdL {
fill: var(--ccx-comments-empty-state-illustration);
margin-bottom: var(--ccx-comments-margin-md); }
.EmptyState__emptyStateTitle___8zeyT {
color: var(--ccx-comments-empty-state-title);
font-size: var(--ccx-comments-empty-state-title-font-size);
margin-bottom: var(--ccx-comments-margin-sm); }
.EmptyState__emptyStateSubtitle___2UwJa {
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);
margin-bottom: var(--ccx-comments-margin-lg); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentsEmptyState__commentsShareForReviewBtn___FH0Ip {
font-size: var(--ccx-comments-empty-state-cta-font-size); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.FilterEmptyState__component___1NRkF .ccx-svg-filter-empty-funnel {
fill: none;
stroke: var(--ccx-comments-empty-state-illustration);
stroke-width: 2px; }
.FilterEmptyState__component___1NRkF svg {
fill: var(--ccx-comments-icon-fill-color); }
.FilterEmptyState__globalEmptyStateContent___1OaIc {
padding: 0;
padding-bottom: var(--ccx-comments-margin-xxxxl); }
.FilterEmptyState__clearLink___kOZHd {
cursor: pointer;
font-size: var(--ccx-comments-empty-state-cta-font-size); }
.FilterEmptyState__clearLink___kOZHd:hover {
text-decoration: none; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.BaseCommentList__component___22sRk {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
height: 100%; }
.BaseCommentList__component___22sRk .fade-enter {
opacity: 0; }
.BaseCommentList__component___22sRk .fade-enter-active {
opacity: 1;
transition: opacity 500ms ease-in; }
.BaseCommentList__component___22sRk .fade-exit {
opacity: 1; }
.BaseCommentList__component___22sRk .fade-exit-active {
opacity: 0;
transition: opacity 500ms ease-in; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.ErrorEmptyState__component___1iqyU svg {
fill: var(--ccx-comments-icon-fill-color); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Loading__component___3IZOj {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center; }
.Loading__loadingMessage___CBVPJ {
color: var(--ccx-comments-text-color-2); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.UnmappedTitle__component___3eUEW {
align-items: center;
display: flex;
font-style: italic; }
.UnmappedTitle__iconWrapper___PlSIe {
display: flex;
margin-left: var(--ccx-comments-margin-xs); }
.UnmappedTitle__overlayTrigger___1mgBI {
margin-right: var(--ccx-comments-margin-md);
padding: var(--ccx-comments-margin-md);
min-width: 0; }
.UnmappedTitle__icon___1a8Lp {
fill: var(--ccx-comments-badge-color); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentList__component___1iqYE {
overflow-x: hidden;
overflow-y: auto;
height: 100%; }
.CommentList__compactInputFocused___2t2xl {
overflow: visible; }
.CommentList__minimized___fhmFi {
display: none; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentListView__component___3Pc8V {
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; }
.CommentListView__compactInputFocused___36c3c {
overflow: visible; }
.CommentListView__toastContainer___3CX3I {
margin-left: var(--ccx-comments-margin-xs);
margin-right: var(--ccx-comments-margin-xs);
bottom: var(--ccx-comments-margin-xs);
position: absolute;
left: 0;
right: 0;
z-index: 1; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.AnnotationToolbar__component___3zLBw {
margin: 0px 0px var(--ccx-comments-margin-sm) 0px;
display: flex;
justify-content: flex-start; }
.compact .AnnotationToolbar__component___3zLBw {
margin-top: 0;
justify-content: center; }
.AnnotationToolbar__component___3zLBw .annotation-tool-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0 var(--ccx-comments-margin-xs);
width: 26px; }
.AnnotationToolbar__component___3zLBw .annotation-tool-wrapper:first-of-type {
padding-left: 0px; }
.AnnotationToolbar__component___3zLBw .annotation-tool-wrapper:last-of-type {
padding-right: 0px; }
.AnnotationToolbar__component___3zLBw .annotation-tool-wrapper button.icon-button {
background: transparent;
border: none;
cursor: pointer;
padding: 0 var(--ccx-comments-margin-md); }
.AnnotationToolbar__component___3zLBw .annotation-tool-wrapper .annotation-color-display {
border-radius: 22px;
height: 22px;
width: 22px; }
.AnnotationToolbar__popover___3hQY5 {
padding: var(--ccx-comments-margin-xs);
min-width: initial;
width: 210px; }
.AnnotationToolbar__popover___3hQY5 .spectrum-Dialog-content {
font-size: 0; }
.AnnotationToolbar__popover___3hQY5 .spectrum-Dialog-content .annotation-color-option {
border: none;
cursor: pointer;
display: inline-block;
height: 25px;
outline: none;
padding: 0;
width: 25px; }
.AnnotationToolbar__popover___3hQY5 .spectrum-Dialog-content .annotation-color-option:focus, .AnnotationToolbar__popover___3hQY5 .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; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentsSubmitView__component___1vned {
background-color: var(--ccx-comments-background-color-1);
border-top: 1px solid var(--ccx-comments-border-color-1);
color: var(--ccx-comments-text-color-1);
z-index: 3; }
.CommentsSubmitView__component___1vned .spectrum-Button {
font-size: var(--ccx-comments-comments-submit-view-font-size); }
.CommentsSubmitView__component___1vned .comment-first-comment {
max-height: 150px;
overflow-y: scroll; }
.compact .CommentsSubmitView__component___1vned {
border-top: 0; }
.compact .CommentsSubmitView__component___1vned.guest-sign-in {
height: 100%;
overflow-y: auto; }
.compact .CommentsSubmitView__component___1vned .comment-first-comment {
max-height: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.CommentsSubmitView__component___1vned .comment-first-message {
padding: var(--ccx-comments-margin-xl); }
.CommentsSubmitView__component___1vned .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___1vned .for-the-buttons:last-of-type {
margin-bottom: var(--ccx-comments-margin-md); }
.CommentsSubmitView__component___1vned .sign-in-buttons-container,
.CommentsSubmitView__component___1vned .new-comment-form {
padding: var(--ccx-comments-submit-comment-wrapper-padding); }
.compact .CommentsSubmitView__component___1vned .sign-in-buttons-container, .compact
.CommentsSubmitView__component___1vned .new-comment-form {
display: flex;
flex-direction: column; }
.compact .CommentsSubmitView__component___1vned .sign-in-buttons-container .new-comment-textarea, .compact
.CommentsSubmitView__component___1vned .new-comment-form .new-comment-textarea {
flex-basis: 100%; }
.compact .CommentsSubmitView__component___1vned .sign-in-buttons-container .submit-textbox-container, .compact
.CommentsSubmitView__component___1vned .new-comment-form .submit-textbox-container {
width: 100%;
min-width: 0;
display: flex;
align-items: center; }
.compact .CommentsSubmitView__component___1vned .sign-in-buttons-container .submit-icon-container, .compact
.CommentsSubmitView__component___1vned .new-comment-form .submit-icon-container {
flex: 1;
margin-left: var(--ccx-comments-margin-sm); }
.compact .CommentsSubmitView__component___1vned .sign-in-buttons-container .submit-icon-container.over-text-error-visible, .compact
.CommentsSubmitView__component___1vned .new-comment-form .submit-icon-container.over-text-error-visible {
margin-bottom: var(--ccx-comments-margin-xl); }
.CommentsSubmitView__component___1vned .new-comment-form {
padding-top: 0;
align-items: center; }
.CommentsSubmitView__component___1vned .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___1vned .submit-button-container .spectrum-Button + .spectrum-Button {
margin-left: 0; }
.CommentsSubmitView__component___1vned .remaining-characters {
padding: 5px 10px 0; }
.compact .CommentsSubmitView__component___1vned .submit-button {
display: flex; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentsDelete__component___3k1-6 {
color: var(--ccx-comments-text-color-1);
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 3; }
.CommentsDelete__component___3k1-6 .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___3k1-6 .delete-wrapper {
pointer-events: auto;
position: absolute;
max-height: 100%;
top: 50%;
transform: translateY(-50%);
margin: var(--ccx-comments-margin-xl); }
.CommentsDelete__component___3k1-6 .delete-wrapper .delete-header {
font-size: var(--ccx-comments-delete-state-title-font-size);
font-weight: bold; }
.CommentsDelete__component___3k1-6 .delete-wrapper .delete-message {
font-size: var(--ccx-comments-delete-state-subtitle-font-size);
margin: var(--ccx-comments-margin-sm) 0; }
.CommentsDelete__component___3k1-6 .delete-wrapper .button-wrapper {
margin: var(--ccx-comments-margin-lg) 0;
display: flex;
justify-content: flex-end; }
.CommentsDelete__component___3k1-6 .delete-wrapper .button-wrapper .spectrum-Button {
font-size: var(--ccx-comments-delete-state-button-font-size); }
.large-scale .CommentsDelete__component___3k1-6 .delete-wrapper .button-wrapper .spectrum-Button + .spectrum-Button {
margin-left: 0; }
/**
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe. All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Inc. and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe Inc.
* 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 Inc.
*/
.AssetEmptyState__commentsShareForReviewBtn___gC_2M {
font-size: var(--ccx-comments-empty-state-cta-font-size); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CloseBar__component___yRtlx {
background: var(--ccx-comments-background-color-1);
display: flex;
justify-content: flex-end;
flex-shrink: 0;
height: 32px; }
.CloseBar__component___yRtlx .chevron-button {
flex: 1;
justify-content: center; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Errors__component___30J0N {
position: absolute;
z-index: 4;
flex-direction: column;
display: flex;
width: 100%; }
.Errors__component___30J0N .comments-error {
margin: var(--ccx-comments-margin-xs);
flex: 1; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Footer__component___2j7mg {
background-color: var(--ccx-comments-background-color-footer); }
.Footer__component___2j7mg .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___2j7mg .filter-container .toggle-right-container {
display: flex;
align-items: center;
justify-content: flex-end;
flex-grow: 2; }
.Footer__component___2j7mg .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___2j7mg .view-switch-wrapper {
align-items: center;
display: flex; }
.Footer__component___2j7mg .view-switch-wrapper .switch-label {
cursor: pointer;
font-size: var(--ccx-comments-switch-label-font-size);
margin-left: var(--ccx-comments-margin-xs); }
.Footer__filter___2lRo8.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__filter___2lRo8.spectrum-Popover .spectrum-Dialog-content {
padding-left: var(--ccx-comments-margin-xs);
padding-bottom: var(--ccx-comments-margin-xs);
overflow-y: hidden; }
.Footer__filter___2lRo8.spectrum-Popover .filter-container {
box-sizing: border-box;
display: flex;
flex-direction: column; }
.Footer__filter___2lRo8.spectrum-Popover .filter-container .is-selected {
color: var(--ccx-comments-action-button-selected-text-color);
background-color: var(--ccx-comments-action-button-selected-background-color); }
.Footer__filter___2lRo8.spectrum-Popover .filter-container .is-selected:hover {
color: var(--ccx-comments-background-color-1);
background-color: var(--ccx-comments-text-color-1); }
.Footer__filter___2lRo8.spectrum-Popover .filter-container .spectrum-ActionButton:not(.is-selected) {
background-color: var(--ccx-comments-action-button-background-color); }
.Footer__filter___2lRo8.spectrum-Popover .filter-container .spectrum-ButtonGroup {
display: block; }
.Footer__filter___2lRo8.spectrum-Popover .filter-container .spectrum-ButtonGroup-item {
margin: 0 var(--ccx-comments-margin-sm) var(--ccx-comments-margin-sm) 0 !important;
max-width: 100%; }
.Footer__filter___2lRo8.spectrum-Popover .filter-container .spectrum-ButtonGroup-item span {
overflow: hidden;
text-overflow: ellipsis; }
.Footer__filter___2lRo8.spectrum-Popover .filter-container .filter-user-button {
text-overflow: ellipsis;
white-space: pre; }
.Footer__filter___2lRo8.spectrum-Popover .filter-group-header {
color: var(--ccx-comments-text-color-1);
margin-bottom: var(--ccx-comments-margin-md);
margin-top: 0;
font-weight: bold; }
.Footer__filter___2lRo8.spectrum-Popover .filter-group {
margin-bottom: var(--ccx-comments-margin-xxl); }
.Footer__filter___2lRo8.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__filter___2lRo8.spectrum-Popover .filter-footer {
margin-top: var(--ccx-comments-margin-md); }
.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--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);
}
.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;
}
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.ImageContext__component___3Hopr {
align-items: center;
display: flex;
padding: 20px; }
.ImageContext__component___3Hopr .preview-text {
flex: 1;
font-size: 17px;
line-height: 16px;
text-align: left; }
.ImageContext__component___3Hopr .img-container {
text-align: right; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.CommentsView__component___1vKtK {
font-size: var(--ccx-comments-comments-view-font-size);
height: inherit;
position: relative;
user-select: none; }
.CommentsView__component___1vKtK .comments-list-wrapper {
height: inherit; }
.CommentsView__component___1vKtK .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___1vKtK .comments-list-wrapper.compact.focused-input {
height: auto;
max-height: none; }
.CommentsView__component___1vKtK .flex-flow-wrapper {
display: flex;
flex-flow: column;
height: inherit; }
.CommentsView__component___1vKtK .visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.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--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);
}
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
.Login__component___1Kmyy {
z-index: 6;
flex-direction: column;
width: fit-content;
max-height: none;
min-width: 310px; }
.Login__component___1Kmyy .spectrum-Dialog-header::after {
visibility: hidden; }
.Login__component___1Kmyy #rc-imageselect,
.Login__component___1Kmyy .grecaptcha-badge {
visibility: hidden;
transform: scale(0.77);
transform-origin: 0 0; }
.Login__component___1Kmyy #login-dialog-content {
display: flex;
flex-direction: column;
max-width: var(--ccx-comments-login-dialog-width); }
.Login__component___1Kmyy #login-dialog-content .login-dialog-description {
font-size: var(--ccx-comments-login-dialog-description-font-size);
margin: 0 var(--ccx-comments-margin-md) var(--ccx-comments-margin-md) var(--ccx-comments-margin-md); }
.Login__component___1Kmyy #ccx-comments-login-signin {
margin-bottom: var(--ccx-comments-margin-lg);
line-height: inherit;
height: auto;
min-height: 32px; }
.Login__component___1Kmyy #ccx-comments-login-signin span {
white-space: normal; }
.Login__component___1Kmyy .adobe-legal-notice {
color: var(--ccx-comments-adobe-legal-notice);
font-size: var(--ccx-comments-login-dialog-adobe-legal-notice-font-size);
margin: var(--ccx-comments-margin-lg) 0 var(--ccx-comments-margin-lg) 0; }
.Login__component___1Kmyy .google-legal-notice {
color: var(--ccx-comments-google-legal-notice);
font-size: var(--ccx-comments-login-dialog-google-legal-notice-font-size);
margin-top: var(--ccx-comments-margin-lg); }
.Login__component___1Kmyy .ccx-comments-login-rule {
display: flex;
margin: var(--ccx-comments-margin-lg) 0 var(--ccx-comments-margin-lg) 0; }
.Login__component___1Kmyy .ccx-comments-login-rule .line {
flex: 1; }
.Login__component___1Kmyy .ccx-comments-login-rule .ccx-comments-login-rule-text {
background: var(--ccx-comments-background-color-3);
color: var(--ccx-comments-text-color-1);
margin: 0 var(--ccx-comments-margin-xs) 0 var(--ccx-comments-margin-xs); }
.Login__component___1Kmyy h3.ccx-comments-login-guest-header {
margin-bottom: var(--ccx-comments-margin-lg); }
.Login__component___1Kmyy .login-btn-container {
display: flex;
justify-content: flex-end; }
.Login__component___1Kmyy .login-btn-container #ccx-comments-login-guest-submit {
margin: var(--ccx-comments-margin-md); }
.Login__component___1Kmyy label.ccx-comments-login-guest-label {
color: var(--ccx-comments-text-color-1); }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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 2020 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.
***************************************************************************/
: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: 8px;
--ccx-comments-item-comment-wrapper-padding: 15px 0px 15px 0px;
--ccx-comments-submit-comment-wrapper-padding: 16px 24px 16px 16px;
--ccx-comments-item-wrapper-padding-left: 30px;
--ccx-comments-item-wrapper-padding-right: 16px;
--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-top: -18px;
--ccx-comments-annotation-marker-margin-left: 20px;
--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: -27px;
--ccx-comments-active-reply-btn-medium-scale-margin-left: -20px;
--ccx-comments-replies-list-margin-left: 11px;
--ccx-comments-negative-margin-lg: -16px;
--ccx-comments-negative-margin-sm: -8px;
--ccx-comments-textbox-height-collapsed: 39px;
--ccx-comments-textbox-height-expanded: 110px; }
:root {
--ccx-comments-pin-color: #e7b000; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
:root .dark-theme,
:host .dark-theme {
--ccx-comments-background-color-1: #323232;
--ccx-comments-background-color-2: #3e3e3e;
--ccx-comments-background-color-3: #323232;
--ccx-comments-background-color-footer: #323232;
--ccx-comments-background-color-transparent-1: rgba(45, 45, 45, 0.95);
--ccx-comments-background-color-transparent-2: rgba(62, 62, 62, 0.5);
--ccx-comments-badge-color: #2680eb;
--ccx-comments-border-color-1: #5a5a5a;
--ccx-comments-border-color-2: #909090;
--ccx-comments-border-color-focus: #2680eb;
--ccx-comments-box-shadow-color: #5a5a5a;
--ccx-comments-icon-fill-color: #6e6e6e;
--ccx-comments-text-color-1: #e3e3e3;
--ccx-comments-text-color-2: #b9b9b9;
--ccx-comments-text-color-3: #fff;
--ccx-comments-text-color-error: #ec5b62;
--ccx-comments-text-box-mention-font-color: #4b9cf5;
--ccx-comments-text-box-background-color: #323232;
--ccx-comments-text-color-selection: rgba(55, 142, 240, 0.3);
--ccx-comments-avatar-background: #5a5a5a;
--ccx-comments-avatar-foreground: #323232;
--ccx-comments-item-dividing-border: #4a4a4a;
--ccx-comments-empty-state-illustration: #909090;
--ccx-comments-empty-state-title: #fff;
--ccx-comments-empty-state-subtitle: #909090;
--ccx-comments-empty-state-background: #323232;
--ccx-comments-comment-list-section-active-background: #323232;
--ccx-comments-comment-list-section-active-border: #4b9cf5;
--ccx-comments-comment-list-section-inactive-background: #323232;
--ccx-comments-comment-selected-background-color: #3e3e3e;
--ccx-comments-text-box-with-text-color: #e3e3e3;
--ccx-comments-google-legal-notice: #6e6e6e;
--ccx-comments-adobe-legal-notice: #e3e3e3;
--ccx-comments-popover-hover-background-color: rgba(255, 255, 255, 0.06);
--ccx-comments-popover-hover-text-color: rgb(227, 227, 227);
--ccx-comments-popover-background-color: rgb(37, 37, 37);
--ccx-comments-popover-border-color: rgb(90, 90, 90);
--ccx-comments-annotation-highlight: #378ef0;
--ccx-comments-annotation-outline: #2680eb;
--ccx-comments-action-button-background-color: #323232;
--ccx-comments-action-button-selected-text-color: #323232;
--ccx-comments-action-button-selected-background-color: #b9b9b9; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
:root .darkest-theme,
:host .darkest-theme {
--ccx-comments-background-color-1: #1e1e1e;
--ccx-comments-background-color-2: #2c2c2c;
--ccx-comments-background-color-3: #1e1e1e;
--ccx-comments-background-color-footer: #1e1e1e;
--ccx-comments-background-color-transparent-1: rgba(29, 29, 29, 0.95);
--ccx-comments-background-color-transparent-2: rgba(49, 49, 49, 0.5);
--ccx-comments-badge-color: #1473e6;
--ccx-comments-border-color-1: #494949;
--ccx-comments-border-color-2: #7c7c7c;
--ccx-comments-border-color-focus: #1473e6;
--ccx-comments-box-shadow-color: #494949;
--ccx-comments-icon-fill-color: #5c5c5c;
--ccx-comments-text-color-1: #c8c8c8;
--ccx-comments-text-color-2: #a2a2a2;
--ccx-comments-text-color-3: #efefef;
--ccx-comments-text-color-error: #e34850;
--ccx-comments-text-box-mention-font-color: #378ef0;
--ccx-comments-text-box-background-color: #1e1e1e;
--ccx-comments-text-color-selection: rgba(38, 128, 235, 0.3);
--ccx-comments-avatar-background: #494949;
--ccx-comments-avatar-foreground: #1e1e1e;
--ccx-comments-item-dividing-border: #393939;
--ccx-comments-empty-state-illustration: #7c7c7c;
--ccx-comments-empty-state-title: #efefef;
--ccx-comments-empty-state-subtitle: #7c7c7c;
--ccx-comments-empty-state-background: #1e1e1e;
--ccx-comments-comment-list-section-active-background: #1e1e1e;
--ccx-comments-comment-list-section-active-border: #378ef0;
--ccx-comments-comment-list-section-inactive-background: #1e1e1e;
--ccx-comments-comment-selected-background-color: #2c2c2c;
--ccx-comments-text-box-with-text-color: #c8c8c8;
--ccx-comments-google-legal-notice: #5c5c5c;
--ccx-comments-adobe-legal-notice: #c8c8c8;
--ccx-comments-popover-hover-background-color: rgba(239, 239, 239, 0.08);
--ccx-comments-popover-hover-text-color: rgb(200, 200, 200);
--ccx-comments-popover-background-color: rgb(8, 8, 8);
--ccx-comments-popover-border-color: rgb(73, 73, 73);
--ccx-comments-annotation-highlight: #2680eb;
--ccx-comments-annotation-outline: #1473e6;
--ccx-comments-action-button-background-color: #1e1e1e;
--ccx-comments-action-button-selected-text-color: #1e1e1e;
--ccx-comments-action-button-selected-background-color: #a2a2a2; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
:root .light-theme,
:host .light-theme {
--ccx-comments-background-color-1: #f5f5f5;
--ccx-comments-background-color-2: #eaeaea;
--ccx-comments-background-color-3: #f5f5f5;
--ccx-comments-background-color-footer: #f5f5f5;
--ccx-comments-background-color-transparent-1: rgba(250, 250, 250, 0.95);
--ccx-comments-background-color-transparent-2: rgba(225, 225, 225, 0.5);
--ccx-comments-badge-color: #2680eb;
--ccx-comments-border-color-1: #cacaca;
--ccx-comments-border-color-2: #8e8e8e;
--ccx-comments-border-color-focus: #2680eb;
--ccx-comments-box-shadow-color: #cacaca;
--ccx-comments-icon-fill-color: #b3b3b3;
--ccx-comments-text-color-1: #4b4b4b;
--ccx-comments-text-color-2: #6e6e6e;
--ccx-comments-text-color-3: #2c2c2c;
--ccx-comments-text-color-error: #d7373f;
--ccx-comments-text-box-mention-font-color: #0d66d0;
--ccx-comments-text-box-background-color: #f5f5f5;
--ccx-comments-text-color-selection: rgba(20, 115, 230, 0.3);
--ccx-comments-avatar-background: #cacaca;
--ccx-comments-avatar-foreground: #f5f5f5;
--ccx-comments-item-dividing-border: #e1e1e1;
--ccx-comments-empty-state-illustration: #8e8e8e;
--ccx-comments-empty-state-title: #2c2c2c;
--ccx-comments-empty-state-subtitle: #8e8e8e;
--ccx-comments-empty-state-background: #f5f5f5;
--ccx-comments-comment-list-section-active-background: #f5f5f5;
--ccx-comments-comment-list-section-active-border: #0d66d0;
--ccx-comments-comment-list-section-inactive-background: #f5f5f5;
--ccx-comments-comment-selected-background-color: #eaeaea;
--ccx-comments-text-box-with-text-color: #000;
--ccx-comments-google-legal-notice: #b3b3b3;
--ccx-comments-adobe-legal-notice: #4b4b4b;
--ccx-comments-popover-hover-background-color: rgba(44, 44, 44, 0.04);
--ccx-comments-popover-hover-text-color: rgb(75, 75, 75);
--ccx-comments-popover-background-color: rgb(255, 255, 255);
--ccx-comments-popover-border-color: rgb(202, 202, 202);
--ccx-comments-annotation-highlight: #1473e6;
--ccx-comments-annotation-outline: #2680eb;
--ccx-comments-action-button-background-color: #f5f5f5;
--ccx-comments-action-button-selected-text-color: #f5f5f5;
--ccx-comments-action-button-selected-background-color: #6e6e6e; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
:root .lightest-theme,
:host .lightest-theme {
--ccx-comments-background-color-1: #fff;
--ccx-comments-background-color-2: #f4f4f4;
--ccx-comments-background-color-3: #fafafa;
--ccx-comments-background-color-footer: #fff;
--ccx-comments-background-color-transparent-1: rgba(255, 255, 255, 0.95);
--ccx-comments-background-color-transparent-2: rgba(234, 234, 234, 0.5);
--ccx-comments-badge-color: #378ef0;
--ccx-comments-box-shadow-color: #d3d3d3;
--ccx-comments-border-color-1: #d3d3d3;
--ccx-comments-border-color-2: #959595;
--ccx-comments-border-color-focus: #378ef0;
--ccx-comments-icon-fill-color: #bcbcbc;
--ccx-comments-text-color-1: #505050;
--ccx-comments-text-color-2: #747474;
--ccx-comments-text-color-3: #323232;
--ccx-comments-text-color-error: #e34850;
--ccx-comments-text-box-mention-font-color: #1473e6;
--ccx-comments-text-box-background-color: #fff;
--ccx-comments-text-color-selection: rgba(38, 128, 235, 0.3);
--ccx-comments-avatar-background: #d3d3d3;
--ccx-comments-avatar-foreground: #fff;
--ccx-comments-item-dividing-border: #eaeaea;
--ccx-comments-empty-state-illustration: #959595;
--ccx-comments-empty-state-title: #323232;
--ccx-comments-empty-state-subtitle: #959595;
--ccx-comments-empty-state-background: #fff;
--ccx-comments-comment-list-section-active-background: #fff;
--ccx-comments-comment-list-section-active-border: #1473e6;
--ccx-comments-comment-list-section-inactive-background: #fff;
--ccx-comments-comment-selected-background-color: #f4f4f4;
--ccx-comments-text-box-with-text-color: #000;
--ccx-comments-google-legal-notice: #bcbcbc;
--ccx-comments-adobe-legal-notice: #505050;
--ccx-comments-popover-hover-background-color: rgba(50, 50, 50, 0.04);
--ccx-comments-popover-hover-text-color: rgb(80, 80, 80);
--ccx-comments-popover-background-color: rgb(255, 255, 255);
--ccx-comments-popover-border-color: rgb(211, 211, 211);
--ccx-comments-annotation-highlight: #2680eb;
--ccx-comments-annotation-outline: #378ef0;
--ccx-comments-action-button-background-color: #fff;
--ccx-comments-action-button-selected-text-color: #fff;
--ccx-comments-action-button-selected-background-color: #747474; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
: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-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-user-name-font-size: 15px;
--ccx-comments-user-name-font-weight: 800;
--ccx-comments-comment-text-font-size: 15px;
--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-replying-user-name-font-size: 15px;
--ccx-comments-login-dialog-description-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-adobe-legal-notice-font-size: 12px;
--ccx-comments-login-dialog-google-legal-notice-font-size: 10px;
--ccx-comments-login-dialog-width: 305px; }
/***************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2020 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.
***************************************************************************/
:root .medium-scale,
:host .medium-scale {
--ccx-comments-empty-state-title-font-size: 18px;
--ccx-comments-empty-state-sub-title-font-size: 14px;
--ccx-comments-empty-state-sub-title-font-weight: 400;
--ccx-comments-empty-state-cta-font-size: 16px;
--ccx-comments-section-header-font-size: 14px;
--ccx-comments-section-heading-button-font-weight: 600;
--ccx-comments-user-card-name-font-size: 12px;
--ccx-comments-user-card-name-font-weight: 400;
--ccx-comments-user-card-padding: 5px 10px;
--ccx-comments-user-card-email-font-size: 12px;
--ccx-comments-textarea-font-size: 14px;
--ccx-comments-textarea-compact-font-size: 16px;
--ccx-comments-timestamp-font-size: 12px;
--ccx-comments-user-name-font-size: 14px;
--ccx-comments-user-name-font-weight: 600;
--ccx-comments-comment-text-font-size: 14px;
--ccx-comments-annotation-marker-font-size: 12px;
--ccx-comments-reply-caption-font-size: 14px;
--ccx-comments-reply-caption-font-weight: 600;
--ccx-comments-reply-button-font-size: 14px;
--ccx-comments-replying-user-name-font-size: 14px;
--ccx-comments-login-dialog-description-font-size: 14px;
--ccx-comments-comments-submit-view-font-size: 14px;
--ccx-comments-cursor-marker-font-size: 14px;
--ccx-comments-cursor-marker-line-height: 14px;
--ccx-comments-annotation-view-font-size: 14px;
--ccx-comments-comments-view-font-size: 14px;
--ccx-comments-annotation-mask-view-font-size: 14px;
--ccx-comments-variant2-no-comments-title-font-size: 16px;
--ccx-comments-variant2-no-comments-body-font-size: 14px;
--ccx-comments-delete-state-title-font-size: 18px;
--ccx-comments-delete-state-subtitle-font-size: 14px;
--ccx-comments-delete-state-button-font-size: 16px;
--ccx-comments-switch-label-font-size: 14px;
--ccx-comments-text-input-error-label-font-size: 14px;
--ccx-comments-login-dialog-adobe-legal-notice-font-size: 12px;
--ccx-comments-login-dialog-google-legal-notice-font-size: 10px;
--ccx-comments-login-dialog-width: 210px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.Comments__component___1XtjV {
height: 100%; }
.Comments__component___1XtjV .comments-list-wrapper.compact {
position: static;
box-shadow: none !important; }
.Comments__component___1XtjV .spectrum-ClearButton {
display: none; }
.Comments__component___1XtjV .spectrum-ClearButton {
display: none; }
.Comments__component___1XtjV #ccx-comments-list {
flex-basis: 200px; }
.Comments__component___1XtjV #ccx-comments-submit {
border-top: 0px none; }
.Comments__annotationOverlayMessage___2nzT_ {
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%; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.OneUpShell__headerButtons___3CjEO {
display: flex; }
.OneUpShell__headerButtons___3CjEO.OneUpShell__withUtilityNav___mcKOu {
padding-right: 12px;
border-right: 1px solid var(--spectrum-global-color-gray-300);
margin-right: 6px; }
.OneUpShell__headingGroup___EamiH {
position: relative;
display: flex;
align-items: center;
min-width: 100px; }
.OneUpShell__headingGroup___EamiH .OneUpShell__heading___1A62f {
display: flex;
flex-direction: column;
margin-left: 2px; }
.OneUpShell__headingGroup___EamiH .OneUpShell__heading___1A62f .OneUpShell__title___2cVSM {
font-size: 14px;
color: var(--spectrum-global-color-gray-800);
line-height: 18px; }
.OneUpShell__headingGroup___EamiH .OneUpShell__heading___1A62f .OneUpShell__title___2cVSM .OneUpShell__directory___1VBuS {
font-size: 14px;
color: var(--spectrum-global-color-gray-700); }
.OneUpShell__headingGroup___EamiH .OneUpShell__heading___1A62f .OneUpShell__title___2cVSM .OneUpShell__divider___RRKa5 {
vertical-align: middle;
color: var(--spectrum-global-color-gray-500);
padding: 0 4px; }
.OneUpShell__headingGroup___EamiH .OneUpShell__heading___1A62f .OneUpShell__subtitle___fW-vL {
font-size: 11px;
color: var(--spectrum-global-color-gray-600);
text-transform: uppercase;
letter-spacing: 0.666pt; }
.OneUpShell__headingGroup___EamiH .OneUpShell__heading___1A62f .OneUpShell__icon___OEtRF {
margin-top: 2px;
float: left;
padding-right: 4px; }
.OneUpShell__headingGroup___EamiH .OneUpShell__heading___1A62f, .OneUpShell__headingGroup___EamiH .OneUpShell__title___2cVSM, .OneUpShell__headingGroup___EamiH .OneUpShell__subtitle___fW-vL {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.OneUpShell__headingGroup___EamiH .OneUpShell__heading___1A62f {
padding-left: 12px;
border-left: 1px solid var(--spectrum-global-color-gray-300); }
.OneUpShell__headingGroup___EamiH .OneUpShell__withoutBack___1fInC {
border-left: none; }
.OneUpShell__backButton___yoHwj {
margin: 0 4px 0 0;
width: 32px;
padding: 0 9px;
border-width: 1px;
border-radius: 4px;
color: #707070; }
.OneUpShell__backButton___yoHwj:hover, .OneUpShell__backButton___yoHwj:focus, .OneUpShell__backButton___yoHwj:active {
color: var(--spectrum-global-color-gray-800);
background-color: var(--spectrum-global-color-gray-200); }
.OneUpShell__backButton___yoHwj::before {
content: '';
background-image: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/f99a486ae1390017747bd409853a364d.svg);
background-size: contain;
width: 12px;
height: 12px;
display: block;
background-repeat: no-repeat;
background-position: center; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.FullScreen__component___36NWc.FullScreen__component___36NWc {
display: inline-block;
padding: 0px;
width: 18px;
border: 0px;
border-radius: 4px;
margin: 0px;
height: 18px;
line-height: 18px;
color: #707070; }
.FullScreen__component___36NWc.FullScreen__component___36NWc:focus {
color: #707070;
background-color: transparent; }
.FullScreen__component___36NWc.FullScreen__component___36NWc:hover, .FullScreen__component___36NWc.FullScreen__component___36NWc:focus:hover, .FullScreen__component___36NWc.FullScreen__component___36NWc:active {
color: #4b4b4b; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.Zoom__component___1VWSh {
display: inline-block; }
.Zoom__alignmentContainer___1wJjD {
vertical-align: middle;
display: inline-block; }
.Zoom__zoomLevel___33gXL.Zoom__zoomLevel___33gXL {
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___33gXL.Zoom__zoomLevel___33gXL:focus {
border: 0;
box-shadow: none; }
.Zoom__zoomOutButton___3J6We.Zoom__zoomOutButton___3J6We, .Zoom__zoomInButton___2moy4.Zoom__zoomInButton___2moy4 {
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___3J6We.Zoom__zoomOutButton___3J6We:focus, .Zoom__zoomInButton___2moy4.Zoom__zoomInButton___2moy4:focus {
color: #707070;
background-color: transparent; }
.Zoom__zoomOutButton___3J6We.Zoom__zoomOutButton___3J6We:hover, .Zoom__zoomOutButton___3J6We.Zoom__zoomOutButton___3J6We:focus:hover, .Zoom__zoomOutButton___3J6We.Zoom__zoomOutButton___3J6We:active, .Zoom__zoomInButton___2moy4.Zoom__zoomInButton___2moy4:hover, .Zoom__zoomInButton___2moy4.Zoom__zoomInButton___2moy4:focus:hover, .Zoom__zoomInButton___2moy4.Zoom__zoomInButton___2moy4:active {
color: #4b4b4b; }
.Zoom__zoomOutButton___3J6We.Zoom__zoomOutButton___3J6We:disabled:hover, .Zoom__zoomOutButton___3J6We.Zoom__zoomOutButton___3J6We:disabled:active, .Zoom__zoomOutButton___3J6We.Zoom__zoomOutButton___3J6We:disabled:focus, .Zoom__zoomInButton___2moy4.Zoom__zoomInButton___2moy4:disabled:hover, .Zoom__zoomInButton___2moy4.Zoom__zoomInButton___2moy4:disabled:active, .Zoom__zoomInButton___2moy4.Zoom__zoomInButton___2moy4:disabled:focus {
color: #b3b3b3;
background-color: transparent; }
.Zoom__zoomOutButton___3J6We:disabled, .Zoom__zoomOutButton___3J6We[disabled], .Zoom__zoomInButton___2moy4:disabled, .Zoom__zoomInButton___2moy4[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--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;
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.ViewControlWidget__component___3kBGt {
height: 64px;
background-color: rgba(245, 245, 245, 0.8);
-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___3kBGt .spectrum-Pagination-counter {
margin-top: 0;
margin-bottom: 0; }
.ViewControlWidget__component___3kBGt .spectrum-Pagination-input {
text-align: center; }
.ViewControlWidget__fullScreenContainer___2LKtn {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
display: inline-block;
vertical-align: top;
margin: 22px 18px 22px 18px; }
.ViewControlWidget__zoomContainer___MipT8 {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
display: inline-block;
vertical-align: top;
margin: 16px 14px 16px 14px; }
.ViewControlWidget__paginationContainer___3i0KS {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
display: inline-block;
margin: 16px 14px 16px 14px;
vertical-align: top; }
.ViewControlWidget__paginationContainer___3i0KS .spectrum-Pagination-counter {
margin-bottom: 2px;
margin-top: 0; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.Pages__Pages___3bLj6 {
position: relative;
height: 100%;
width: 100%; }
.Pages__widgetContainer___lNkYR {
transition: all 400ms ease;
opacity: 0;
position: absolute;
bottom: 16px;
left: 0;
right: 0;
display: flex;
pointer-events: none; }
.Pages__widgetContainer___lNkYR.Pages__withTermsFooter___1jZIc {
bottom: 48px; }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.Pages__footer___2lr7F {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(245, 245, 245, 0.8);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px); }
.Pages__widgetContainer___lNkYR.Pages__isVisible___ZCbAS {
opacity: 1;
visibility: visible; }
.index__dimensionIframeContainer___2q11y {
height: 100%;
width: 100%;
overflow: hidden; }
.index__dimensionIframeContainer___2q11y iframe {
height: 100%;
width: 100%;
border: none; }
{
/*
* Using the "button" tag selector to ensure these styles always override react-spectrum,
* even when spectrum styles load later (as with lazy-loaded components).
*/ }
.CarouselNavigation__isVisible___1f2G5.CarouselNavigation__isVisible___1f2G5 {
opacity: 0.9;
visibility: visible; }
button.CarouselNavigation__left___1p66X, button.CarouselNavigation__right___2e9cd {
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___1p66X:focus, button.CarouselNavigation__right___2e9cd:focus {
color: #707070;
background-color: transparent; }
button.CarouselNavigation__left___1p66X:hover, button.CarouselNavigation__left___1p66X:active, button.CarouselNavigation__left___1p66X:hover:focus, button.CarouselNavigation__right___2e9cd:hover, button.CarouselNavigation__right___2e9cd:active, button.CarouselNavigation__right___2e9cd:hover:focus {
color: #4b4b4b;
background-color: #eaeaea; }
button.CarouselNavigation__left___1p66X {
left: 7px; }
button.CarouselNavigation__right___2e9cd {
right: 7px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.index__overlayBlock___nc7Wt {
position: absolute;
cursor: pointer; }
.index__overlayCanvas___1KoKA {
position: absolute;
width: 100%;
height: 100%; }
.index__pencil___2sohw {
position: absolute;
font-size: 0;
top: -9px;
cursor: pointer; }
.index__selected___2_cI6 {
animation: highlight 5s; }
.index__nextFrame___3DPWe {
position: absolute;
cursor: pointer;
font-size: 0;
bottom: calc(10% - 5px);
right: 0; }
.index__previousFrame___2hXIn {
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; } }
.index__adobeDcView___4EeDQ iframe {
height: 100% !important;
width: 100% !important; }
.ccx-page-overlay {
width: 100%;
height: 100%; }
.index__waitText___3ht2C {
position: absolute;
top: 57%;
left: 50%;
transform: translate(-50%, -50%);
font-size: large; }
.index__errorToast___UMAST {
position: absolute;
z-index: 1000;
left: 50%;
transform: translate(-50%); }
.index__missingFontInfoToast___17BfS {
position: absolute;
z-index: 1000;
bottom: 20px;
left: 50%;
transform: translate(-50%); }
: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--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; }
{
/* using the "button" tag to increase precedence over react-spectrum */ }
button.Toast__toastButton___UPBEa {
margin-left: 20px;
vertical-align: middle;
margin-top: -10px;
margin-bottom: -10px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* 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.
***************************************************************************/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
.OpenInPSWebAlertDialog__content-heading___qpCOm {
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___qpCOm > .OpenInPSWebAlertDialog__title___3RVEN {
margin-left: 15px; }
.OpenInPSWebAlertDialog__ps-colloab-whats-new-img___1jsIF {
border-radius: 4px 4px 0 0;
width: 100%; }
.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___2N4ts {
margin-right: 16px; }
.OpenInButton__tooltip___gJvas.spectrum-Tooltip {
text-align: center; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.LayerView__component___2g-1T {
margin-right: 0px;
display: flex;
margin-bottom: 24px; }
.LayerView__layerToggleButton___262pf.LayerView__layerToggleButton___262pf {
display: inline-block;
height: 18px;
width: 18px;
line-height: 18px;
padding: 0px;
border: 0px;
border-radius: 4px;
color: #707070; }
.LayerView__layerToggleButton___262pf.LayerView__layerToggleButton___262pf:focus {
color: #707070;
background-color: transparent; }
.LayerView__layerToggleButton___262pf.LayerView__layerToggleButton___262pf:hover, .LayerView__layerToggleButton___262pf.LayerView__layerToggleButton___262pf:focus:hover, .LayerView__layerToggleButton___262pf.LayerView__layerToggleButton___262pf:active {
color: #4b4b4b;
background-color: #eaeaea; }
.LayerView__layerGroupButton___2Nkxh.LayerView__layerGroupButton___2Nkxh {
display: inline-block;
height: 18px;
width: 18px;
line-height: 18px;
padding: 0px;
border: 0px;
border-radius: 4px;
color: #707070; }
.LayerView__layerGroupButton___2Nkxh.LayerView__layerGroupButton___2Nkxh:focus {
color: #707070;
background-color: transparent; }
.LayerView__layerGroupButton___2Nkxh.LayerView__layerGroupButton___2Nkxh:hover, .LayerView__layerGroupButton___2Nkxh.LayerView__layerGroupButton___2Nkxh:focus:hover, .LayerView__layerGroupButton___2Nkxh.LayerView__layerGroupButton___2Nkxh:active {
color: #4b4b4b;
background-color: #eaeaea; }
.LayerView__layerName___78Iw- {
margin-left: 5px;
display: inline-block;
font-size: 14px;
height: auto;
transform: translateY(-2px);
color: var(--spectrum-global-color-gray-500); }
.LayerView__layerFolderOpen___3PuYN::before {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/c0e82ec3d4cda4c5b5d8fcf6b6ccb476.svg);
position: relative;
width: 18px;
height: 18px; }
.LayerView__layerFolder___3VFqy::before {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/5070472b6903019df9bf1393af88368e.svg);
position: relative;
width: 18px;
height: 18px; }
.spectrum-Icon--ViewOff::before {
content: url(https://assets.adobe.com/raw/2e181884b36d732bc50d834c5ae8238fe0a66ef9/fc605c243a0816087dcb27a3cc43fe95.svg); }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
.LayersPanel__component___1sfsk {
padding-top: 32px;
padding-left: 32px;
padding-right: 32px; }
.LayersPanel__layers___2GrVv {
display: block;
margin-top: 16px; }
.LayersPanel__action___2sHko {
display: block; }
.LayersPanel__resetButton___1cS8U.LayersPanel__resetButton___1cS8U {
font-size: 15px;
font-weight: bold;
border-color: #2d2d2d;
background-color: #ffffff;
color: #2d2d2d; }
.LayersPanel__resetButton___1cS8U.LayersPanel__resetButton___1cS8U:hover, .LayersPanel__resetButton___1cS8U.LayersPanel__resetButton___1cS8U:focus {
border-color: #2d2d2d;
color: #ffffff;
background-color: #2d2d2d; }
.LayersPanel__resetButton___1cS8U.LayersPanel__resetButton___1cS8U:disabled {
border-color: #ffffff;
background-color: #ffffff;
color: #bcbcbc; }
.LayersPanel__resetButton___1cS8U.LayersPanel__resetButton___1cS8U:active {
border-color: #2c2c2c;
color: #ffffff;
background-color: #2c2c2c; }
.LayersPanel__resetButton___1cS8U.LayersPanel__resetButton___1cS8U:disabled:hover, .LayersPanel__resetButton___1cS8U.LayersPanel__resetButton___1cS8U:disabled:active, .LayersPanel__resetButton___1cS8U.LayersPanel__resetButton___1cS8U:disabled:focus {
background-color: #ffffff;
color: #bcbcbc;
border-color: #ffffff; }
.LayersPanel__extractButton___2ul0G.LayersPanel__extractButton___2ul0G {
margin-left: 16px;
font-size: 15px;
font-weight: bold;
border-color: #8e8e8e;
background-color: #ffffff;
color: #8e8e8e; }
.LayersPanel__extractButton___2ul0G.LayersPanel__extractButton___2ul0G:hover, .LayersPanel__extractButton___2ul0G.LayersPanel__extractButton___2ul0G:focus {
border-color: #8e8e8e;
color: #ffffff;
background-color: #8e8e8e; }
.LayersPanel__extractButton___2ul0G.LayersPanel__extractButton___2ul0G:active {
border-color: #707070;
color: #ffffff;
background-color: #707070; }
.LayersPanel__layerGroup___1DsOk {
display: block; }
.LayersPanel__layerGroupChild___1NWcZ {
margin-left: 32px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.PasswordView__passwordView___3AlQZ {
position: absolute;
display: table;
top: 0;
left: 0;
height: 100vh;
width: 100vw; }
.PasswordView__passwordFormWrapper___RHa0r {
display: table-cell;
vertical-align: middle; }
.PasswordView__passwordForm___2KVCd {
margin-left: auto;
margin-right: auto; }
.PasswordView__passwordBox___21RDS {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto; }
.PasswordView__icon___7JiT_ {
padding: 10px; }
.PasswordView__label___1R9TA {
color: #4b4b4b;
font-size: 18px;
font-family: 'adobe-clean', sans-serif;
text-align: center; }
.PasswordView__invalid___35KW8 {
color: red; }
.PasswordView__input___Lmn1p {
margin: 10px; }
.PasswordView__signInCta___2bf02 {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3rem; }
.PasswordView__signInCtaLabel___3OZmy {
margin-top: 1rem;
margin-bottom: 0.5rem;
text-align: center; }
.PasswordView__noPermissionMessage___1uo59 {
margin-bottom: 2rem;
line-height: 17px;
color: var(--spectrum-global-color-gray-500) !important;
font-weight: lighter; }
.PasswordView__noAccessCta___3KcOc {
margin-top: 0; }
.PasswordView__createAccount___tecrm {
margin-top: 1.5rem; }
.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--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--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-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--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;
}
.CollectionHero__root___1UrAM {
box-sizing: border-box;
padding: 10px 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--spectrum-global-color-gray-100);
z-index: 1; }
.CollectionHero__Header___1i2m5 {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
display: flex;
align-items: center; }
.CollectionHero__nonLibrary___23e7o {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #ddd; }
.CollectionHero__byline___3Xm2w {
line-height: 2.2rem;
color: var(--spectrum-heading-subtitle3-text-color);
display: flex; }
.CollectionHero__byline___3Xm2w .CollectionHero__bylineOwner___6oeFq {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.CollectionHero__byline___3Xm2w .CollectionHero__bylineOwner___6oeFq::after {
content: '\2022';
font-size: 1.8em;
display: inline;
line-height: 0;
position: relative;
top: 0.08em;
padding: 0 0.3rem; }
.CollectionHero__byline___3Xm2w .CollectionHero__bylineAssetCount___1FtsZ {
white-space: nowrap; }
.CollectionHero__expanded___1sz_7 .CollectionHero__byline___3Xm2w {
margin-bottom: 2rem;
justify-content: center;
width: 100%; }
.CollectionHero__empty___3rZ3O .CollectionHero__byline___3Xm2w {
margin-bottom: 0; }
.CollectionHero__icon___2RXC1 {
position: relative;
height: 1em;
width: 1em;
display: flex;
justify-content: center;
padding-right: 0.5em; }
.CollectionHero__icon___2RXC1 > img {
width: 100%; }
.CollectionHero__title___TAEwt {
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
color: var(--spectrum-global-color-gray-900); }
.CollectionHero__followed___3Rgfx {
width: 12px !important;
height: 12px !important; }
.CollectionHero__followed___3Rgfx.CollectionHero__compactCheckmark___-x4Cj {
top: 8px;
left: 12px;
width: 10px !important;
height: 10px !important; }
@media (max-width: 480px) {
.CollectionHero__nonLibrary___23e7o {
position: static; } }
@media (min-width: 480px) {
.CollectionHero__compact___2zWmZ {
flex-direction: row;
align-items: flex-end;
padding-bottom: 10px; }
.CollectionHero__compact___2zWmZ .CollectionHero__actions___21ecB {
margin-left: auto; }
.CollectionHero__compact___2zWmZ .CollectionHero__byline___3Xm2w {
margin-bottom: 0;
margin-left: 1rem; } }
.LibraryViewByTabs__mobileTabDropdown___I-shI {
width: 100%;
padding-bottom: 24px; }
.LibraryViewByTabs__tabList___16WA8 {
margin: 0 auto -2px auto;
border-bottom-color: var(--spectrum-global-color-gray-300) !important; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
{
/* without list/grid buttons want dropdown flush with right side*/ }
.LibraryView__LibraryView___3MkZA {
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___256aX {
height: 100%;
justify-content: space-between; }
.LibraryView__stickyArea___2bmjz {
position: sticky;
top: 0;
z-index: 1;
background-color: white; }
.LibraryView__filterDropdown___1gUIK {
display: flex;
justify-content: flex-end; }
.LibraryView__filterDropdown___1gUIK > div > * {
padding-right: 0 !important; }
@media (min-width: 960px) {
.LibraryView__body___2mX38 > div {
padding: 0; } }
.LibraryView__bodyLoading___Uhgwq {
margin: 72px auto; }
.LibraryView__actionBar___2_L-9 {
display: flex;
margin-bottom: 24px; }
@media (max-width: 480px) {
.LibraryView__actionBar___2_L-9 {
flex-direction: column-reverse;
align-items: center; } }
@media (min-width: 480px) {
.LibraryView__actionBar___2_L-9 {
border-bottom: 2px solid #eaeaea;
padding: 0 24px; } }
@media (min-width: 960px) {
.LibraryView__actionBar___2_L-9 {
padding: 0; } }
.LibraryView__emptyFollowButton___39pDx {
width: fit-content;
align-self: center;
padding-bottom: 24px; }
.LibraryView__buttons___3OI_t {
/* action buttons stack on small screens*/ }
@media (max-width: 480px) {
.LibraryView__buttons___3OI_t {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 36px; } }
@media (min-width: 480px) {
.LibraryView__buttons___3OI_t {
margin-left: auto; } }
.LibraryView__buttons___3OI_t > button, .LibraryView__buttons___3OI_t > div {
margin-left: 8px; }
@media (max-width: 480px) {
.LibraryView__buttons___3OI_t > button, .LibraryView__buttons___3OI_t > div {
margin-bottom: 8px; } }
.LibraryView__emptyButtons___8o-ML {
margin: 0 auto 64px; }
.LibraryView__emptyButtons___8o-ML div, .LibraryView__emptyButtons___8o-ML button {
margin: 0 4px; }
.LibraryView__actionArea___19vUL {
display: flex;
flex-direction: row;
border-bottom: 2px solid var(--spectrum-global-color-gray-300);
/* dropdown and buttons stack on small screens */
background-color: var(--spectrum-global-color-gray-100); }
@media (max-width: 480px) {
.LibraryView__actionArea___19vUL {
flex-direction: column-reverse;
align-items: center; } }
.LibraryView__tabs___3R-1Y {
margin-left: 0; }
.BreadcrumbHeader__root___1i27G {
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___1i27G > * {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.BreadcrumbHeader__root___1i27G > a {
cursor: pointer; }
.BreadcrumbHeader__root___1i27G .BreadcrumbHeader__text___2wMu1 {
flex: 0 1 auto;
min-width: 3em; }
.BreadcrumbHeader__root___1i27G .BreadcrumbHeader__currentItem___3mS4m {
flex-grow: 1;
font-weight: bold;
color: var(--spectrum-global-color-gray-900); }
.BreadcrumbHeader__root___1i27G .BreadcrumbHeader__icon___GwIK6 {
flex: 0 0 auto;
padding-right: 0.5em;
width: 1.6em;
opacity: 0.4; }
.BreadcrumbHeader__root___1i27G .BreadcrumbHeader__ellipsis___2jt3P {
flex: 0 0 auto; }
.BreadcrumbHeader__root___1i27G .BreadcrumbHeader__chevron___1f7hd {
flex: 0 0 auto;
transform: scale(0.8);
padding-left: 0.3em;
padding-right: 0.3em;
position: relative;
top: 0.05em; }
.BreadcrumbHeader__root___1i27G .BreadcrumbHeader__chevronLeft___xUu_r {
cursor: pointer; }
.BreadcrumbHeader__root___1i27G .BreadcrumbHeader__chevronLeft___xUu_r > svg {
display: block; }
.BreadcrumbHeader__root___1i27G .BreadcrumbHeader__otherChildren___2uvOy {
flex: 0 0 auto; }
{
/* Only hide the actionMenu for devices that support hovering. */ }
.FolderView__root___3ztn0 {
display: flex;
flex-direction: column;
max-width: 960px;
margin: 0 auto;
padding: 20px;
position: relative;
box-sizing: border-box;
min-height: 100%; }
.FolderView__grid___1IUz1 {
flex-grow: 1;
outline: none; }
@media (hover: hover) {
.FolderView__actionMenu___2Hk_b {
visibility: hidden; }
.FolderView__GridItem___3eSE_:hover .FolderView__actionMenu___2Hk_b {
visibility: visible; } }
.FolderView__GridItemWrapper___fCSAd {
box-sizing: border-box;
padding: 10px;
display: flex;
align-items: center;
justify-content: center; }
.FolderView__GridItem___3eSE_ {
max-width: 200px;
cursor: pointer; }
.FolderView__emptyContainer___2bYaI {
flex-grow: 1;
display: flex;
align-items: center; }
.style__searchBar___1lwxi {
transition: width 0.15s ease-out;
min-width: 320px; }
.style__searchBar___1lwxi.style__focused___3frLT {
width: 600px !important; }
.style__searchBar___1lwxi > input {
box-sizing: border-box !important;
height: 34px;
width: 100%; }
.style__searchBar___1lwxi .spectrum-ClearButton:focus {
outline: 2px solid var(--spectrum-table-cell-border-color-key-focus); }
.index__icon___2ZYEz {
padding: 0 6px;
margin-right: 4px;
margin-left: 0;
border-width: 1px;
border-radius: 4px;
color: #707070;
display: flex; }
.index__icon___2ZYEz:hover, .index__icon___2ZYEz:focus, .index__icon___2ZYEz:active {
color: #4b4b4b;
background-color: #eaeaea; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 2017 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.
***************************************************************************/
/* media queries */
/* small viewport height / landscape */
/* standard usage @include absolute(0, 24px) (left/top) */
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.PreviewWidget__component___xeIlH .spectrum-Popover {
padding: 1px;
width: 400px;
margin-top: 8px; }
.PreviewWidget__component___xeIlH .spectrum-Popover .spectrum-Dialog-content {
padding: 0;
max-height: 400px;
overflow-y: auto; }
@media only screen and (max-width: 600px) {
.PreviewWidget__component___xeIlH .spectrum-Popover {
width: 320px; } }
.PreviewWidget__previewButton___2rC-h {
position: absolute;
top: 8px;
left: 70%;
z-index: 999999; }
.PreviewWidget__detailList___3sbsr {
list-style: none;
padding-inline-start: 0; }
.PreviewWidget__detailValue___1TLUO {
font-weight: 300; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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 v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type='search'] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */ }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
@charset "UTF-8";
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
html {
-ms-overflow-style: -ms-autohiding-scrollbar; }
body {
font-family: "adobe-clean", "Tahoma", "Helvetica", "Arial", sans-serif;
/* Prevent the "bounce" effect when the user trackpad-scrolls, since we aren't a normal page. */
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-label {
max-width: 200px; }
.spectrum-Menu {
min-width: 192px; }
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 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.
***************************************************************************/
/*
* All colors used to style the panel should be defined here and must be defined for all
* themes. Overriding these colors is supported via the assets-panel-cusomization package.
* Theme colors follow Spectrum theme pallet found here: http://spectrum.corp.adobe.com/?#core-color
*/
/*
Spectrum White Theme
*/
/*
Spectrum Light Theme
*/
/*
Spectrum Dark Theme
*/
/*
Spectrum Extra Dark Theme
*/
.Main__ReactSpectrumProvider___25iv4 {
min-height: 100vh;
background-color: var(--spectrum-global-color-gray-100);
display: flex;
flex-direction: column; }
:-webkit-full-screen-ancestor {
visibility: hidden; }
*:fullscreen {
visibility: visible; }
*:-webkit-full-screen {
visibility: visible; }
/*# sourceMappingURL=style.css.map*/