Mini Kabibi Habibi
.dna-applet .spectrum-Underlay {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.dna-applet .spectrum-Underlay.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.dna-applet .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;
}
.dna-applet .spectrum-Underlay.is-open {
transition: opacity 300ms cubic-bezier(0, 0, 0.40, 1) 0ms;
}
.dna-applet .spectrum--light .spectrum-Underlay {
background: rgba(0,0,0,0.4);
}
.dna-applet .spectrum--dark .spectrum-Underlay {
background: rgba(0,0,0,0.5);
}
.dna-applet .spectrum--darkest .spectrum-Underlay {
background: rgba(0,0,0,0.6);
}
.dna-applet .spectrum-Icon, .dna-applet .spectrum-UIIcon {
display: inline-block;
color: inherit;
fill: currentColor;
pointer-events: none;
}
.dna-applet .spectrum-Icon:not(:root), .dna-applet .spectrum-UIIcon:not(:root) {
overflow: hidden;
}
.dna-applet .spectrum-Icon--sizeXXS, .dna-applet .spectrum-Icon--sizeXXS img, .dna-applet .spectrum-Icon--sizeXXS svg {
height: 9px;
width: 9px;
}
.dna-applet .spectrum-Icon--sizeXS, .dna-applet .spectrum-Icon--sizeXS img, .dna-applet .spectrum-Icon--sizeXS svg {
height: 12px;
width: 12px;
}
.dna-applet .spectrum-Icon--sizeS, .dna-applet .spectrum-Icon--sizeS img, .dna-applet .spectrum-Icon--sizeS svg {
height: 18px;
width: 18px;
}
.dna-applet .spectrum-Icon--sizeM, .dna-applet .spectrum-Icon--sizeM img, .dna-applet .spectrum-Icon--sizeM svg {
height: 24px;
width: 24px;
}
.dna-applet .spectrum-Icon--sizeL, .dna-applet .spectrum-Icon--sizeL img, .dna-applet .spectrum-Icon--sizeL svg {
height: 36px;
width: 36px;
}
.dna-applet .spectrum-Icon--sizeXL, .dna-applet .spectrum-Icon--sizeXL img, .dna-applet .spectrum-Icon--sizeXL svg {
height: 48px;
width: 48px;
}
.dna-applet .spectrum-Icon--sizeXXL, .dna-applet .spectrum-Icon--sizeXXL img, .dna-applet .spectrum-Icon--sizeXXL svg {
height: 72px;
width: 72px;
}
.dna-applet .spectrum--medium .spectrum-UIIcon--large {
display: none;
}
.dna-applet .spectrum--medium .spectrum-UIIcon--medium {
display: inline;
}
.dna-applet .spectrum--large .spectrum-UIIcon--medium {
display: none;
}
.dna-applet .spectrum--large .spectrum-UIIcon--large {
display: inline;
}
.dna-applet .spectrum--large {
--ui-icon-large-display: block;
--ui-icon-medium-display: none;
}
.dna-applet .spectrum--medium {
--ui-icon-medium-display: block;
--ui-icon-large-display: none;
}
.dna-applet .spectrum-UIIcon--large {
display: var(--ui-icon-large-display);
}
.dna-applet .spectrum-UIIcon--medium {
display: var(--ui-icon-medium-display);
}
.dna-applet .spectrum-UIIcon-AlertMedium {
width: 18px;
height: 18px;
}
.dna-applet .spectrum-UIIcon-AlertSmall {
width: 14px;
height: 14px;
}
.dna-applet .spectrum-UIIcon-ArrowDownSmall {
width: 8px;
height: 10px;
}
.dna-applet .spectrum-UIIcon-ArrowLeftMedium {
width: 14px;
height: 10px;
}
.dna-applet .spectrum-UIIcon-Asterisk {
width: 8px;
height: 8px;
}
.dna-applet .spectrum-UIIcon-CheckmarkMedium {
width: 12px;
height: 12px;
}
.dna-applet .spectrum-UIIcon-CheckmarkSmall {
width: 10px;
height: 10px;
}
.dna-applet .spectrum-UIIcon-ChevronDownMedium {
width: 10px;
height: 6px;
}
.dna-applet .spectrum-UIIcon-ChevronDownSmall {
width: 8px;
height: 6px;
}
.dna-applet .spectrum-UIIcon-ChevronLeftLarge {
width: 12px;
height: 16px;
}
.dna-applet .spectrum-UIIcon-ChevronLeftMedium {
width: 6px;
height: 10px;
}
.dna-applet .spectrum-UIIcon-ChevronRightLarge {
width: 12px;
height: 16px;
}
.dna-applet .spectrum-UIIcon-ChevronRightMedium {
width: 6px;
height: 10px;
}
.dna-applet .spectrum-UIIcon-ChevronRightSmall {
width: 6px;
height: 8px;
}
.dna-applet .spectrum-UIIcon-ChevronUpSmall {
width: 8px;
height: 6px;
}
.dna-applet .spectrum-UIIcon-CornerTriangle {
width: 5px;
height: 5px;
}
.dna-applet .spectrum-UIIcon-CrossLarge {
width: 12px;
height: 12px;
}
.dna-applet .spectrum-UIIcon-CrossMedium {
width: 8px;
height: 8px;
}
.dna-applet .spectrum-UIIcon-CrossSmall {
width: 8px;
height: 8px;
}
.dna-applet .spectrum-UIIcon-DashSmall {
width: 10px;
height: 10px;
}
.dna-applet .spectrum-UIIcon-DoubleGripper {
width: 16px;
height: 4px;
}
.dna-applet .spectrum-UIIcon-FolderBreadcrumb {
width: 18px;
height: 18px;
}
.dna-applet .spectrum-UIIcon-HelpMedium {
width: 18px;
height: 18px;
}
.dna-applet .spectrum-UIIcon-HelpSmall {
width: 14px;
height: 14px;
}
.dna-applet .spectrum-UIIcon-InfoMedium {
width: 18px;
height: 18px;
}
.dna-applet .spectrum-UIIcon-InfoSmall {
width: 14px;
height: 14px;
}
.dna-applet .spectrum-UIIcon-Magnifier {
width: 16px;
height: 16px;
}
.dna-applet .spectrum-UIIcon-SkipLeft {
width: 9px;
height: 10px;
}
.dna-applet .spectrum-UIIcon-SkipRight {
width: 9px;
height: 10px;
}
.dna-applet .spectrum-UIIcon-Star {
width: 18px;
height: 18px;
}
.dna-applet .spectrum-UIIcon-StarOutline {
width: 18px;
height: 18px;
}
.dna-applet .spectrum-UIIcon-SuccessMedium {
width: 18px;
height: 18px;
}
.dna-applet .spectrum-UIIcon-SuccessSmall {
width: 14px;
height: 14px;
}
.dna-applet .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.
**************************************************************************/
.dna-applet .spectrum-Button--block {
display: block;
}
.dna-applet .spectrum-Button, .dna-applet .spectrum-ActionButton, .dna-applet .spectrum-LogicButton, .dna-applet .spectrum-FieldButton, .dna-applet .spectrum-ClearButton, .dna-applet .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;
}
.dna-applet .spectrum-Button:focus, .dna-applet .spectrum-ActionButton:focus, .dna-applet .spectrum-LogicButton:focus, .dna-applet .spectrum-FieldButton:focus, .dna-applet .spectrum-ClearButton:focus, .dna-applet .spectrum-Tool:focus {
outline: none;
}
.dna-applet .spectrum-Button::-moz-focus-inner, .dna-applet .spectrum-ActionButton::-moz-focus-inner, .dna-applet .spectrum-LogicButton::-moz-focus-inner, .dna-applet .spectrum-FieldButton::-moz-focus-inner, .dna-applet .spectrum-ClearButton::-moz-focus-inner, .dna-applet .spectrum-Tool::-moz-focus-inner {
border: 0;
border-style: none;
padding: 0;
margin-top: -2PX;
margin-bottom: -2PX;
}
.dna-applet .spectrum-Button:disabled, .dna-applet .spectrum-ActionButton:disabled, .dna-applet .spectrum-LogicButton:disabled, .dna-applet .spectrum-FieldButton:disabled, .dna-applet .spectrum-ClearButton:disabled, .dna-applet .spectrum-Tool:disabled {
cursor: default;
}
.dna-applet .spectrum-Button .spectrum-Icon, .dna-applet .spectrum-ActionButton .spectrum-Icon, .dna-applet .spectrum-LogicButton .spectrum-Icon, .dna-applet .spectrum-FieldButton .spectrum-Icon, .dna-applet .spectrum-ClearButton .spectrum-Icon, .dna-applet .spectrum-Tool .spectrum-Icon {
max-height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.dna-applet .spectrum-Button:after, .dna-applet .spectrum-LogicButton:after, .dna-applet .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;
}
.dna-applet .spectrum-Button.focus-ring:after, .dna-applet .spectrum-LogicButton.focus-ring:after, .dna-applet .spectrum-ClearButton.focus-ring:after {
margin: -4px;
}
.dna-applet .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;
}
.dna-applet .spectrum-Button:hover, .dna-applet .spectrum-Button:active {
box-shadow: none;
}
.dna-applet .spectrum-Button .spectrum-Icon + .spectrum-Button-label {
margin-left: 8px;
}
.dna-applet .spectrum-Button .spectrum-Button-label + .spectrum-Icon {
margin-left: 4px;
}
.dna-applet .spectrum-ClearButton--overBackground.focus-ring:after {
margin: -2px;
}
.dna-applet a.spectrum-Button, .dna-applet a.spectrum-ActionButton {
-webkit-appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dna-applet .spectrum-ActionButton, .dna-applet .spectrum-Tool {
position: relative;
height: 32px;
min-width: 32px;
padding: 0 6px;
border-width: 1px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
}
.dna-applet .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label, .dna-applet .spectrum-Tool .spectrum-Icon + .spectrum-ActionButton-label {
padding-left: 7px;
padding-right: 5px;
}
.dna-applet .spectrum-ActionButton .spectrum-Icon--sizeS:only-child, .dna-applet .spectrum-Tool .spectrum-Icon--sizeS:only-child {
position: absolute;
top: calc(50% - 9px);
left: calc(50% - 9px);
}
.dna-applet .spectrum-ActionButton .spectrum-ActionButton-label:only-child, .dna-applet .spectrum-Tool .spectrum-ActionButton-label:only-child {
padding: 0 5px;
}
.dna-applet .spectrum-ActionButton-hold {
position: absolute;
right: 3px;
bottom: 3px;
}
.dna-applet .spectrum-ActionButton-label, .dna-applet .spectrum-Button-label {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
justify-self: center;
text-align: center;
width: 100%;
}
.dna-applet .spectrum-ActionButton-label:empty, .dna-applet .spectrum-Button-label:empty {
display: none;
}
.dna-applet .spectrum-ActionButton-label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dna-applet .spectrum-ActionButton--quiet, .dna-applet .spectrum-Tool {
border-width: 1px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
}
.dna-applet .spectrum-LogicButton {
height: 24px;
padding: 8px;
border-width: 2px;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
line-height: 0;
}
.dna-applet .spectrum-LogicButton:after {
border-radius: 6px;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-FieldButton:disabled, .dna-applet .spectrum-FieldButton.is-disabled {
border-width: 0;
cursor: default;
}
.dna-applet .spectrum-FieldButton.is-open {
border-width: 1px;
}
.dna-applet .spectrum-FieldButton--quiet {
margin: 0;
padding: 0;
border-width: 0;
border-radius: 0px;
}
.dna-applet .spectrum-FieldButton--quiet:disabled.focus-ring, .dna-applet .spectrum-FieldButton--quiet.is-disabled.focus-ring {
box-shadow: none;
}
.dna-applet .spectrum-ClearButton {
width: 32px;
height: 32px;
border-radius: 100%;
padding: 0;
margin: 0;
border: none;
}
.dna-applet .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) {
.dna-applet .spectrum-ClearButton > .spectrum-Icon {
margin: 0;
}
}
.dna-applet .spectrum-ClearButton--small {
width: 24px;
height: 24px;
}
.dna-applet .spectrum-Tool {
position: relative;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
}
.dna-applet .spectrum-Tool-hold {
position: absolute;
right: 3px;
bottom: 3px;
}
.dna-applet .spectrum-Button + .spectrum-Button {
margin-left: 16px;
}
.dna-applet .spectrum-ActionButton + .spectrum-ActionButton, .dna-applet .spectrum-Tool + .spectrum-Tool {
margin-left: 8px;
}
.dna-applet .spectrum-Tool + .spectrum-Tool {
margin-left: 8px;
}
.dna-applet .spectrum--light .spectrum-LogicButton.focus-ring:after, .dna-applet .spectrum--light .spectrum-LogicButton.is-focused:after, .dna-applet .spectrum--light .spectrum-Button.focus-ring:after, .dna-applet .spectrum--light .spectrum-Button.is-focused:after {
box-shadow: 0 0 0 2px rgb(38, 128, 235);
}
.dna-applet .spectrum--light .spectrum-ClearButton {
background-color: transparent;
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--light .spectrum-ClearButton:hover {
background-color: transparent;
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ClearButton:active {
background-color: transparent;
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ClearButton.focus-ring {
background-color: transparent;
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ClearButton:disabled, .dna-applet .spectrum--light .spectrum-ClearButton.is-disabled {
background-color: transparent;
color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-Button--cta {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--cta:hover {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--cta.focus-ring {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--cta:active {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--cta:disabled, .dna-applet .spectrum--light .spectrum-Button--cta.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-Button--primary {
background-color: transparent;
border-color: rgb(75, 75, 75);
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Button--primary:hover {
background-color: rgb(75, 75, 75);
border-color: rgb(75, 75, 75);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--primary.focus-ring {
background-color: rgb(75, 75, 75);
border-color: rgb(75, 75, 75);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--primary:active {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--primary:disabled, .dna-applet .spectrum--light .spectrum-Button--primary.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-Button--secondary {
background-color: transparent;
border-color: rgb(110, 110, 110);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--light .spectrum-Button--secondary:hover {
background-color: rgb(110, 110, 110);
border-color: rgb(110, 110, 110);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--secondary.focus-ring {
background-color: rgb(110, 110, 110);
border-color: rgb(110, 110, 110);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--secondary:active {
background-color: rgb(75, 75, 75);
border-color: rgb(75, 75, 75);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--secondary:disabled, .dna-applet .spectrum--light .spectrum-Button--secondary.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-Button--warning {
background-color: transparent;
border-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.dna-applet .spectrum--light .spectrum-Button--warning:hover {
background-color: rgb(201, 37, 45);
border-color: rgb(201, 37, 45);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--warning.focus-ring {
background-color: rgb(201, 37, 45);
border-color: rgb(201, 37, 45);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--warning:active {
background-color: rgb(187, 18, 26);
border-color: rgb(187, 18, 26);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--warning:disabled, .dna-applet .spectrum--light .spectrum-Button--warning.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-Button--overBackground {
background-color: transparent;
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--overBackground:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--light .spectrum-Button--overBackground.focus-ring {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--light .spectrum-Button--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--overBackground:active {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--light .spectrum-Button--overBackground:disabled, .dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet, .dna-applet .spectrum--light .spectrum-ClearButton--overBackground {
background-color: transparent;
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet:hover, .dna-applet .spectrum--light .spectrum-ClearButton--overBackground:hover {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring, .dna-applet .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;
}
.dna-applet .spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring:after, .dna-applet .spectrum--light .spectrum-ClearButton--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet:active, .dna-applet .spectrum--light .spectrum-ClearButton--overBackground:active {
background-color: rgba(255,255,255,0.15);
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet:disabled, .dna-applet .spectrum--light .spectrum-Button--overBackground.spectrum-Button--quiet.is-disabled, .dna-applet .spectrum--light .spectrum-ClearButton--overBackground:disabled, .dna-applet .spectrum--light .spectrum-ClearButton--overBackground.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgba(255,255,255,0.15);
}
.dna-applet .spectrum--light .spectrum-Button--primary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(75, 75, 75);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-Button--primary.spectrum-Button--quiet:disabled, .dna-applet .spectrum--light .spectrum-Button--primary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(110, 110, 110);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet:disabled, .dna-applet .spectrum--light .spectrum-Button--secondary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-ActionButton, .dna-applet .spectrum--light .spectrum-Tool {
background-color: rgb(250, 250, 250);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-ActionButton .spectrum-Icon, .dna-applet .spectrum--light .spectrum-Tool .spectrum-Icon {
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--light .spectrum-ActionButton .spectrum-ActionButton-hold, .dna-applet .spectrum--light .spectrum-Tool .spectrum-ActionButton-hold {
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--light .spectrum-ActionButton:hover, .dna-applet .spectrum--light .spectrum-Tool:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton:hover .spectrum-Icon, .dna-applet .spectrum--light .spectrum-Tool:hover .spectrum-Icon {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton:hover .spectrum-ActionButton-hold, .dna-applet .spectrum--light .spectrum-Tool:hover .spectrum-ActionButton-hold {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton.focus-ring, .dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-ActionButton.focus-ring .spectrum-Icon, .dna-applet .spectrum--light .spectrum-Tool.focus-ring .spectrum-Icon {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton.focus-ring .spectrum-ActionButton-hold, .dna-applet .spectrum--light .spectrum-Tool.focus-ring .spectrum-ActionButton-hold {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton:active, .dna-applet .spectrum--light .spectrum-Tool:active {
background-color: rgb(234, 234, 234);
border-color: rgb(202, 202, 202);
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton:active .spectrum-ActionButton-hold, .dna-applet .spectrum--light .spectrum-Tool:active .spectrum-ActionButton-hold {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton:disabled, .dna-applet .spectrum--light .spectrum-ActionButton.is-disabled, .dna-applet .spectrum--light .spectrum-Tool:disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-ActionButton:disabled .spectrum-Icon, .dna-applet .spectrum--light .spectrum-ActionButton.is-disabled .spectrum-Icon, .dna-applet .spectrum--light .spectrum-Tool:disabled .spectrum-Icon {
color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-ActionButton:disabled .spectrum-ActionButton-hold, .dna-applet .spectrum--light .spectrum-ActionButton.is-disabled .spectrum-ActionButton-hold, .dna-applet .spectrum--light .spectrum-Tool:disabled .spectrum-ActionButton-hold {
color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected {
background-color: rgb(234, 234, 234);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected .spectrum-Icon {
color: rgb(110, 110, 110);
}
.dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected.focus-ring .spectrum-Icon {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected:hover {
background-color: rgb(234, 234, 234);
border-color: rgb(202, 202, 202);
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected:hover .spectrum-Icon {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected:active {
background-color: rgb(234, 234, 234);
border-color: rgb(202, 202, 202);
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected:active .spectrum-Icon {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected:disabled, .dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-ActionButton.is-selected:disabled .spectrum-Icon, .dna-applet .spectrum--light .spectrum-ActionButton.is-selected.is-disabled .spectrum-Icon {
color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-ActionButton--quiet, .dna-applet .spectrum--light .spectrum-Tool {
background-color: transparent;
border-color: transparent;
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-ActionButton--quiet:hover, .dna-applet .spectrum--light .spectrum-Tool:hover {
background-color: transparent;
border-color: transparent;
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton--quiet.focus-ring, .dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-ActionButton--quiet:active, .dna-applet .spectrum--light .spectrum-Tool:active {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-ActionButton--quiet:disabled, .dna-applet .spectrum--light .spectrum-ActionButton--quiet.is-disabled, .dna-applet .spectrum--light .spectrum-Tool:disabled {
background-color: transparent;
border-color: transparent;
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-ActionButton--quiet.is-selected {
background-color: rgb(225, 225, 225);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-ActionButton--quiet.is-selected:disabled, .dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-Button--warning.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(201, 37, 45);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-Button--warning.spectrum-Button--quiet:disabled, .dna-applet .spectrum--light .spectrum-Button--warning.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-LogicButton--and {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-LogicButton--and:hover {
background-color: rgb(9, 90, 186);
border-color: rgb(9, 90, 186);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-LogicButton--and:disabled, .dna-applet .spectrum--light .spectrum-LogicButton--and.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-LogicButton--or {
background-color: rgb(206, 39, 131);
border-color: rgb(206, 39, 131);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-LogicButton--or:hover {
background-color: rgb(174, 14, 102);
border-color: rgb(174, 14, 102);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-LogicButton--or:disabled, .dna-applet .spectrum--light .spectrum-LogicButton--or.is-disabled {
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-FieldButton {
color: rgb(75, 75, 75);
background-color: rgb(250, 250, 250);
border-color: rgb(225, 225, 225);
}
.dna-applet .spectrum--light .spectrum-FieldButton:hover {
color: rgb(44, 44, 44);
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-FieldButton:active, .dna-applet .spectrum--light .spectrum-FieldButton.is-selected {
background-color: rgb(234, 234, 234);
border-color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-FieldButton.focus-ring, .dna-applet .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);
}
.dna-applet .spectrum--light .spectrum-FieldButton.focus-ring.is-placeholder, .dna-applet .spectrum--light .spectrum-FieldButton.is-focused.is-placeholder {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-FieldButton.is-invalid {
border-color: rgb(215, 55, 63);
}
.dna-applet .spectrum--light .spectrum-FieldButton.is-invalid:hover {
border-color: rgb(201, 37, 45);
}
.dna-applet .spectrum--light .spectrum-FieldButton.is-invalid:active, .dna-applet .spectrum--light .spectrum-FieldButton.is-invalid.is-selected {
border-color: rgb(201, 37, 45);
}
.dna-applet .spectrum--light .spectrum-FieldButton.is-invalid.focus-ring, .dna-applet .spectrum--light .spectrum-FieldButton.is-invalid.is-focused {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.dna-applet .spectrum--light .spectrum-FieldButton:disabled, .dna-applet .spectrum--light .spectrum-FieldButton.is-disabled {
background-color: rgb(234, 234, 234);
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-FieldButton:disabled .spectrum-Icon, .dna-applet .spectrum--light .spectrum-FieldButton.is-disabled .spectrum-Icon {
color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-FieldButton--quiet {
color: rgb(75, 75, 75);
border-color: transparent;
background-color: transparent;
}
.dna-applet .spectrum--light .spectrum-FieldButton--quiet:hover {
background-color: transparent;
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-FieldButton--quiet.focus-ring, .dna-applet .spectrum--light .spectrum-FieldButton--quiet.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.dna-applet .spectrum--light .spectrum-FieldButton--quiet.focus-ring.is-placeholder, .dna-applet .spectrum--light .spectrum-FieldButton--quiet.is-focused.is-placeholder {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-FieldButton--quiet:active, .dna-applet .spectrum--light .spectrum-FieldButton--quiet.is-selected {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--light .spectrum-FieldButton--quiet:active.focus-ring, .dna-applet .spectrum--light .spectrum-FieldButton--quiet:active.is-focused, .dna-applet .spectrum--light .spectrum-FieldButton--quiet.is-selected.focus-ring, .dna-applet .spectrum--light .spectrum-FieldButton--quiet.is-selected.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.dna-applet .spectrum--light .spectrum-FieldButton--quiet.is-invalid.focus-ring, .dna-applet .spectrum--light .spectrum-FieldButton--quiet.is-invalid.is-focused {
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.dna-applet .spectrum--light .spectrum-FieldButton--quiet:disabled, .dna-applet .spectrum--light .spectrum-FieldButton--quiet.is-disabled {
background-color: transparent;
color: rgb(179, 179, 179);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected .spectrum-Icon {
color: rgb(20, 115, 230);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected .spectrum-Tool-hold {
color: rgb(20, 115, 230);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected:hover .spectrum-Icon {
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected:hover .spectrum-Tool-hold {
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected:active .spectrum-Icon {
color: rgb(9, 90, 186);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected:active .spectrum-Tool-hold {
color: rgb(9, 90, 186);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected.focus-ring .spectrum-Icon {
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected.focus-ring .spectrum-Tool-hold {
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected:disabled, .dna-applet .spectrum--light .spectrum-Tool.is-selected.is-disabled {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected:disabled .spectrum-Icon, .dna-applet .spectrum--light .spectrum-Tool.is-selected.is-disabled .spectrum-Icon {
color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-Tool.is-selected:disabled .spectrum-Tool-hold, .dna-applet .spectrum--light .spectrum-Tool.is-selected.is-disabled .spectrum-Tool-hold {
color: rgb(202, 202, 202);
}
.dna-applet .spectrum--light .spectrum-Tool .spectrum-Tool-hold {
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--light .spectrum-Tool:hover .spectrum-Tool-hold {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Tool:active {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--light .spectrum-Tool:active .spectrum-Tool-hold {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Tool.focus-ring .spectrum-Tool-hold {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Tool.is-disabled .spectrum-Tool-hold, .dna-applet .spectrum--light .spectrum-Tool:disabled .spectrum-Tool-hold {
color: rgb(202, 202, 202);
}
.dna-applet .spectrum--dark .spectrum-LogicButton.focus-ring:after, .dna-applet .spectrum--dark .spectrum-LogicButton.is-focused:after, .dna-applet .spectrum--dark .spectrum-Button.focus-ring:after, .dna-applet .spectrum--dark .spectrum-Button.is-focused:after {
box-shadow: 0 0 0 2px rgb(38, 128, 235);
}
.dna-applet .spectrum--dark .spectrum-ClearButton {
background-color: transparent;
color: rgb(185, 185, 185);
}
.dna-applet .spectrum--dark .spectrum-ClearButton:hover {
background-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ClearButton:active {
background-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ClearButton.focus-ring {
background-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ClearButton:disabled, .dna-applet .spectrum--dark .spectrum-ClearButton.is-disabled {
background-color: transparent;
color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-Button--cta {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--cta:hover {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--cta.focus-ring {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--cta:active {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--cta:disabled, .dna-applet .spectrum--dark .spectrum-Button--cta.is-disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-Button--primary {
background-color: transparent;
border-color: rgb(227, 227, 227);
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-Button--primary:hover {
background-color: rgb(227, 227, 227);
border-color: rgb(227, 227, 227);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--primary.focus-ring {
background-color: rgb(227, 227, 227);
border-color: rgb(227, 227, 227);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--primary:active {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--primary:disabled, .dna-applet .spectrum--dark .spectrum-Button--primary.is-disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary {
background-color: transparent;
border-color: rgb(185, 185, 185);
color: rgb(185, 185, 185);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary:hover {
background-color: rgb(185, 185, 185);
border-color: rgb(185, 185, 185);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary.focus-ring {
background-color: rgb(185, 185, 185);
border-color: rgb(185, 185, 185);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary:active {
background-color: rgb(227, 227, 227);
border-color: rgb(227, 227, 227);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary:disabled, .dna-applet .spectrum--dark .spectrum-Button--secondary.is-disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-Button--warning {
background-color: transparent;
border-color: rgb(247, 109, 116);
color: rgb(247, 109, 116);
}
.dna-applet .spectrum--dark .spectrum-Button--warning:hover {
background-color: rgb(247, 109, 116);
border-color: rgb(247, 109, 116);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--warning.focus-ring {
background-color: rgb(247, 109, 116);
border-color: rgb(247, 109, 116);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--warning:active {
background-color: rgb(255, 123, 130);
border-color: rgb(255, 123, 130);
color: rgb(37, 37, 37);
}
.dna-applet .spectrum--dark .spectrum-Button--warning:disabled, .dna-applet .spectrum--dark .spectrum-Button--warning.is-disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground {
background-color: transparent;
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground.focus-ring {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground:active {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground:disabled, .dna-applet .spectrum--dark .spectrum-Button--overBackground.is-disabled {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgba(255,255,255,0.35);
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground.spectrum-Button--quiet, .dna-applet .spectrum--dark .spectrum-ClearButton--overBackground {
background-color: transparent;
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground.spectrum-Button--quiet:hover, .dna-applet .spectrum--dark .spectrum-ClearButton--overBackground:hover {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring, .dna-applet .spectrum--dark .spectrum-ClearButton--overBackground.focus-ring {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
box-shadow: none;
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring:after, .dna-applet .spectrum--dark .spectrum-ClearButton--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground.spectrum-Button--quiet:active, .dna-applet .spectrum--dark .spectrum-ClearButton--overBackground:active {
background-color: rgba(255,255,255,0.15);
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--overBackground.spectrum-Button--quiet:disabled, .dna-applet .spectrum--dark .spectrum-Button--overBackground.spectrum-Button--quiet.is-disabled, .dna-applet .spectrum--dark .spectrum-ClearButton--overBackground:disabled, .dna-applet .spectrum--dark .spectrum-ClearButton--overBackground.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgba(255,255,255,0.15);
}
.dna-applet .spectrum--dark .spectrum-Button--primary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-Button--primary.spectrum-Button--quiet:hover {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--primary.spectrum-Button--quiet.focus-ring {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--primary.spectrum-Button--quiet:active {
background-color: rgb(74, 74, 74);
border-color: rgb(74, 74, 74);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Button--primary.spectrum-Button--quiet:disabled, .dna-applet .spectrum--dark .spectrum-Button--primary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(185, 185, 185);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary.spectrum-Button--quiet:hover {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary.spectrum-Button--quiet.focus-ring {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary.spectrum-Button--quiet:active {
background-color: rgb(74, 74, 74);
border-color: rgb(74, 74, 74);
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-Button--secondary.spectrum-Button--quiet:disabled, .dna-applet .spectrum--dark .spectrum-Button--secondary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-ActionButton, .dna-applet .spectrum--dark .spectrum-Tool {
background-color: rgb(47, 47, 47);
border-color: rgb(74, 74, 74);
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-ActionButton .spectrum-Icon, .dna-applet .spectrum--dark .spectrum-Tool .spectrum-Icon {
color: rgb(185, 185, 185);
}
.dna-applet .spectrum--dark .spectrum-ActionButton .spectrum-ActionButton-hold, .dna-applet .spectrum--dark .spectrum-Tool .spectrum-ActionButton-hold {
color: rgb(185, 185, 185);
}
.dna-applet .spectrum--dark .spectrum-ActionButton:hover, .dna-applet .spectrum--dark .spectrum-Tool:hover {
background-color: rgb(37, 37, 37);
border-color: rgb(90, 90, 90);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton:hover .spectrum-Icon, .dna-applet .spectrum--dark .spectrum-Tool:hover .spectrum-Icon {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton:hover .spectrum-ActionButton-hold, .dna-applet .spectrum--dark .spectrum-Tool:hover .spectrum-ActionButton-hold {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.focus-ring, .dna-applet .spectrum--dark .spectrum-Tool.focus-ring {
background-color: rgb(37, 37, 37);
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.focus-ring .spectrum-Icon, .dna-applet .spectrum--dark .spectrum-Tool.focus-ring .spectrum-Icon {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.focus-ring .spectrum-ActionButton-hold, .dna-applet .spectrum--dark .spectrum-Tool.focus-ring .spectrum-ActionButton-hold {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton:active, .dna-applet .spectrum--dark .spectrum-Tool:active {
background-color: rgb(62, 62, 62);
border-color: rgb(90, 90, 90);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton:active .spectrum-ActionButton-hold, .dna-applet .spectrum--dark .spectrum-Tool:active .spectrum-ActionButton-hold {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton:disabled, .dna-applet .spectrum--dark .spectrum-ActionButton.is-disabled, .dna-applet .spectrum--dark .spectrum-Tool:disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-ActionButton:disabled .spectrum-Icon, .dna-applet .spectrum--dark .spectrum-ActionButton.is-disabled .spectrum-Icon, .dna-applet .spectrum--dark .spectrum-Tool:disabled .spectrum-Icon {
color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-ActionButton:disabled .spectrum-ActionButton-hold, .dna-applet .spectrum--dark .spectrum-ActionButton.is-disabled .spectrum-ActionButton-hold, .dna-applet .spectrum--dark .spectrum-Tool:disabled .spectrum-ActionButton-hold {
color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected {
background-color: rgb(62, 62, 62);
border-color: rgb(74, 74, 74);
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected .spectrum-Icon {
color: rgb(185, 185, 185);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected.focus-ring {
background-color: rgb(62, 62, 62);
border-color: rgb(38, 128, 235);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected.focus-ring .spectrum-Icon {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected:hover {
background-color: rgb(62, 62, 62);
border-color: rgb(90, 90, 90);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected:hover .spectrum-Icon {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected:active {
background-color: rgb(62, 62, 62);
border-color: rgb(90, 90, 90);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected:active .spectrum-Icon {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected:disabled, .dna-applet .spectrum--dark .spectrum-ActionButton.is-selected.is-disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-ActionButton.is-selected:disabled .spectrum-Icon, .dna-applet .spectrum--dark .spectrum-ActionButton.is-selected.is-disabled .spectrum-Icon {
color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet, .dna-applet .spectrum--dark .spectrum-Tool {
background-color: transparent;
border-color: transparent;
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet:hover, .dna-applet .spectrum--dark .spectrum-Tool:hover {
background-color: transparent;
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet.focus-ring, .dna-applet .spectrum--dark .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(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet:active, .dna-applet .spectrum--dark .spectrum-Tool:active {
background-color: rgb(74, 74, 74);
border-color: rgb(74, 74, 74);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet:disabled, .dna-applet .spectrum--dark .spectrum-ActionButton--quiet.is-disabled, .dna-applet .spectrum--dark .spectrum-Tool:disabled {
background-color: transparent;
border-color: transparent;
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet.is-selected {
background-color: rgb(74, 74, 74);
border-color: rgb(74, 74, 74);
color: rgb(227, 227, 227);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet.is-selected.focus-ring {
background-color: rgb(74, 74, 74);
border-color: rgb(38, 128, 235);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet.is-selected:hover {
background-color: rgb(74, 74, 74);
border-color: rgb(74, 74, 74);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet.is-selected:active {
background-color: rgb(74, 74, 74);
border-color: rgb(74, 74, 74);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-ActionButton--quiet.is-selected:disabled, .dna-applet .spectrum--dark .spectrum-ActionButton--quiet.is-selected.is-disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-Button--warning.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(247, 109, 116);
}
.dna-applet .spectrum--dark .spectrum-Button--warning.spectrum-Button--quiet:hover {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(255, 123, 130);
}
.dna-applet .spectrum--dark .spectrum-Button--warning.spectrum-Button--quiet.focus-ring {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(255, 123, 130);
}
.dna-applet .spectrum--dark .spectrum-Button--warning.spectrum-Button--quiet:active {
background-color: rgb(74, 74, 74);
border-color: rgb(74, 74, 74);
color: rgb(255, 123, 130);
}
.dna-applet .spectrum--dark .spectrum-Button--warning.spectrum-Button--quiet:disabled, .dna-applet .spectrum--dark .spectrum-Button--warning.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-LogicButton--and {
background-color: rgb(55, 142, 240);
border-color: rgb(55, 142, 240);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-LogicButton--and:hover {
background-color: rgb(90, 169, 250);
border-color: rgb(90, 169, 250);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-LogicButton--and:disabled, .dna-applet .spectrum--dark .spectrum-LogicButton--and.is-disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-LogicButton--or {
background-color: rgb(226, 73, 157);
border-color: rgb(226, 73, 157);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-LogicButton--or:hover {
background-color: rgb(245, 107, 183);
border-color: rgb(245, 107, 183);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-LogicButton--or:disabled, .dna-applet .spectrum--dark .spectrum-LogicButton--or.is-disabled {
background-color: rgb(62, 62, 62);
border-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-FieldButton {
color: rgb(227, 227, 227);
background-color: rgb(47, 47, 47);
border-color: rgb(74, 74, 74);
}
.dna-applet .spectrum--dark .spectrum-FieldButton:hover {
color: rgb(255, 255, 255);
background-color: rgb(37, 37, 37);
border-color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-FieldButton:active, .dna-applet .spectrum--dark .spectrum-FieldButton.is-selected {
background-color: rgb(62, 62, 62);
border-color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-FieldButton.focus-ring, .dna-applet .spectrum--dark .spectrum-FieldButton.is-focused {
background-color: rgb(37, 37, 37);
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-FieldButton.focus-ring.is-placeholder, .dna-applet .spectrum--dark .spectrum-FieldButton.is-focused.is-placeholder {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-FieldButton.is-invalid {
border-color: rgb(236, 91, 98);
}
.dna-applet .spectrum--dark .spectrum-FieldButton.is-invalid:hover {
border-color: rgb(247, 109, 116);
}
.dna-applet .spectrum--dark .spectrum-FieldButton.is-invalid:active, .dna-applet .spectrum--dark .spectrum-FieldButton.is-invalid.is-selected {
border-color: rgb(247, 109, 116);
}
.dna-applet .spectrum--dark .spectrum-FieldButton.is-invalid.focus-ring, .dna-applet .spectrum--dark .spectrum-FieldButton.is-invalid.is-focused {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.dna-applet .spectrum--dark .spectrum-FieldButton:disabled, .dna-applet .spectrum--dark .spectrum-FieldButton.is-disabled {
background-color: rgb(62, 62, 62);
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-FieldButton:disabled .spectrum-Icon, .dna-applet .spectrum--dark .spectrum-FieldButton.is-disabled .spectrum-Icon {
color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-FieldButton--quiet {
color: rgb(227, 227, 227);
border-color: transparent;
background-color: transparent;
}
.dna-applet .spectrum--dark .spectrum-FieldButton--quiet:hover {
background-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-FieldButton--quiet.focus-ring, .dna-applet .spectrum--dark .spectrum-FieldButton--quiet.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.dna-applet .spectrum--dark .spectrum-FieldButton--quiet.focus-ring.is-placeholder, .dna-applet .spectrum--dark .spectrum-FieldButton--quiet.is-focused.is-placeholder {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-FieldButton--quiet:active, .dna-applet .spectrum--dark .spectrum-FieldButton--quiet.is-selected {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--dark .spectrum-FieldButton--quiet:active.focus-ring, .dna-applet .spectrum--dark .spectrum-FieldButton--quiet:active.is-focused, .dna-applet .spectrum--dark .spectrum-FieldButton--quiet.is-selected.focus-ring, .dna-applet .spectrum--dark .spectrum-FieldButton--quiet.is-selected.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.dna-applet .spectrum--dark .spectrum-FieldButton--quiet.is-invalid.focus-ring, .dna-applet .spectrum--dark .spectrum-FieldButton--quiet.is-invalid.is-focused {
box-shadow: 0 2px 0 0 rgb(38, 128, 235);
}
.dna-applet .spectrum--dark .spectrum-FieldButton--quiet:disabled, .dna-applet .spectrum--dark .spectrum-FieldButton--quiet.is-disabled {
background-color: transparent;
color: rgb(110, 110, 110);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected .spectrum-Icon {
color: rgb(55, 142, 240);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected .spectrum-Tool-hold {
color: rgb(55, 142, 240);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected:hover .spectrum-Icon {
color: rgb(75, 156, 245);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected:hover .spectrum-Tool-hold {
color: rgb(75, 156, 245);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected:active .spectrum-Icon {
color: rgb(90, 169, 250);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected:active .spectrum-Tool-hold {
color: rgb(90, 169, 250);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected.focus-ring .spectrum-Icon {
color: rgb(75, 156, 245);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected.focus-ring .spectrum-Tool-hold {
color: rgb(75, 156, 245);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected:disabled, .dna-applet .spectrum--dark .spectrum-Tool.is-selected.is-disabled {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected:disabled .spectrum-Icon, .dna-applet .spectrum--dark .spectrum-Tool.is-selected.is-disabled .spectrum-Icon {
color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-selected:disabled .spectrum-Tool-hold, .dna-applet .spectrum--dark .spectrum-Tool.is-selected.is-disabled .spectrum-Tool-hold {
color: rgb(90, 90, 90);
}
.dna-applet .spectrum--dark .spectrum-Tool .spectrum-Tool-hold {
color: rgb(185, 185, 185);
}
.dna-applet .spectrum--dark .spectrum-Tool:hover .spectrum-Tool-hold {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Tool:active {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--dark .spectrum-Tool:active .spectrum-Tool-hold {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Tool.focus-ring .spectrum-Tool-hold {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Tool.is-disabled .spectrum-Tool-hold, .dna-applet .spectrum--dark .spectrum-Tool:disabled .spectrum-Tool-hold {
color: rgb(90, 90, 90);
}
.dna-applet .spectrum--darkest .spectrum-LogicButton.focus-ring:after, .dna-applet .spectrum--darkest .spectrum-LogicButton.is-focused:after, .dna-applet .spectrum--darkest .spectrum-Button.focus-ring:after, .dna-applet .spectrum--darkest .spectrum-Button.is-focused:after {
box-shadow: 0 0 0 2px rgb(20, 115, 230);
}
.dna-applet .spectrum--darkest .spectrum-ClearButton {
background-color: transparent;
color: rgb(162, 162, 162);
}
.dna-applet .spectrum--darkest .spectrum-ClearButton:hover {
background-color: transparent;
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ClearButton:active {
background-color: transparent;
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ClearButton.focus-ring {
background-color: transparent;
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ClearButton:disabled, .dna-applet .spectrum--darkest .spectrum-ClearButton.is-disabled {
background-color: transparent;
color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-Button--cta {
background-color: rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--cta:hover {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--cta.focus-ring {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--cta:active {
background-color: rgb(13, 102, 208);
border-color: rgb(13, 102, 208);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--cta:disabled, .dna-applet .spectrum--darkest .spectrum-Button--cta.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-Button--primary {
background-color: transparent;
border-color: rgb(200, 200, 200);
color: rgb(200, 200, 200);
}
.dna-applet .spectrum--darkest .spectrum-Button--primary:hover {
background-color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--primary.focus-ring {
background-color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--primary:active {
background-color: rgb(239, 239, 239);
border-color: rgb(239, 239, 239);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--primary:disabled, .dna-applet .spectrum--darkest .spectrum-Button--primary.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-Button--secondary {
background-color: transparent;
border-color: rgb(162, 162, 162);
color: rgb(162, 162, 162);
}
.dna-applet .spectrum--darkest .spectrum-Button--secondary:hover {
background-color: rgb(162, 162, 162);
border-color: rgb(162, 162, 162);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--secondary.focus-ring {
background-color: rgb(162, 162, 162);
border-color: rgb(162, 162, 162);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--secondary:active {
background-color: rgb(200, 200, 200);
border-color: rgb(200, 200, 200);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--secondary:disabled, .dna-applet .spectrum--darkest .spectrum-Button--secondary.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-Button--warning {
background-color: transparent;
border-color: rgb(236, 91, 98);
color: rgb(236, 91, 98);
}
.dna-applet .spectrum--darkest .spectrum-Button--warning:hover {
background-color: rgb(236, 91, 98);
border-color: rgb(236, 91, 98);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--warning.focus-ring {
background-color: rgb(236, 91, 98);
border-color: rgb(236, 91, 98);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--warning:active {
background-color: rgb(247, 109, 116);
border-color: rgb(247, 109, 116);
color: rgb(8, 8, 8);
}
.dna-applet .spectrum--darkest .spectrum-Button--warning:disabled, .dna-applet .spectrum--darkest .spectrum-Button--warning.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground {
background-color: transparent;
border-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground.focus-ring {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground:active {
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
color: inherit;
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground:disabled, .dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet, .dna-applet .spectrum--darkest .spectrum-ClearButton--overBackground {
background-color: transparent;
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet:hover, .dna-applet .spectrum--darkest .spectrum-ClearButton--overBackground:hover {
background-color: rgba(255,255,255,0.1);
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring, .dna-applet .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;
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet.focus-ring:after, .dna-applet .spectrum--darkest .spectrum-ClearButton--overBackground.focus-ring:after {
box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet:active, .dna-applet .spectrum--darkest .spectrum-ClearButton--overBackground:active {
background-color: rgba(255,255,255,0.15);
border-color: transparent;
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet:disabled, .dna-applet .spectrum--darkest .spectrum-Button--overBackground.spectrum-Button--quiet.is-disabled, .dna-applet .spectrum--darkest .spectrum-ClearButton--overBackground:disabled, .dna-applet .spectrum--darkest .spectrum-ClearButton--overBackground.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgba(255,255,255,0.15);
}
.dna-applet .spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(200, 200, 200);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet:disabled, .dna-applet .spectrum--darkest .spectrum-Button--primary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(162, 162, 162);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet:disabled, .dna-applet .spectrum--darkest .spectrum-Button--secondary.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton, .dna-applet .spectrum--darkest .spectrum-Tool {
background-color: rgb(26, 26, 26);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton .spectrum-Icon, .dna-applet .spectrum--darkest .spectrum-Tool .spectrum-Icon {
color: rgb(162, 162, 162);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton .spectrum-ActionButton-hold, .dna-applet .spectrum--darkest .spectrum-Tool .spectrum-ActionButton-hold {
color: rgb(162, 162, 162);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton:hover, .dna-applet .spectrum--darkest .spectrum-Tool:hover {
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton:hover .spectrum-Icon, .dna-applet .spectrum--darkest .spectrum-Tool:hover .spectrum-Icon {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton:hover .spectrum-ActionButton-hold, .dna-applet .spectrum--darkest .spectrum-Tool:hover .spectrum-ActionButton-hold {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.focus-ring, .dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.focus-ring .spectrum-Icon, .dna-applet .spectrum--darkest .spectrum-Tool.focus-ring .spectrum-Icon {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.focus-ring .spectrum-ActionButton-hold, .dna-applet .spectrum--darkest .spectrum-Tool.focus-ring .spectrum-ActionButton-hold {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton:active, .dna-applet .spectrum--darkest .spectrum-Tool:active {
background-color: rgb(44, 44, 44);
border-color: rgb(73, 73, 73);
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton:active .spectrum-ActionButton-hold, .dna-applet .spectrum--darkest .spectrum-Tool:active .spectrum-ActionButton-hold {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton:disabled, .dna-applet .spectrum--darkest .spectrum-ActionButton.is-disabled, .dna-applet .spectrum--darkest .spectrum-Tool:disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton:disabled .spectrum-Icon, .dna-applet .spectrum--darkest .spectrum-ActionButton.is-disabled .spectrum-Icon, .dna-applet .spectrum--darkest .spectrum-Tool:disabled .spectrum-Icon {
color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton:disabled .spectrum-ActionButton-hold, .dna-applet .spectrum--darkest .spectrum-ActionButton.is-disabled .spectrum-ActionButton-hold, .dna-applet .spectrum--darkest .spectrum-Tool:disabled .spectrum-ActionButton-hold {
color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected {
background-color: rgb(44, 44, 44);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected .spectrum-Icon {
color: rgb(162, 162, 162);
}
.dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected.focus-ring .spectrum-Icon {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected:hover {
background-color: rgb(44, 44, 44);
border-color: rgb(73, 73, 73);
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected:hover .spectrum-Icon {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected:active {
background-color: rgb(44, 44, 44);
border-color: rgb(73, 73, 73);
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected:active .spectrum-Icon {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected:disabled, .dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected:disabled .spectrum-Icon, .dna-applet .spectrum--darkest .spectrum-ActionButton.is-selected.is-disabled .spectrum-Icon {
color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton--quiet, .dna-applet .spectrum--darkest .spectrum-Tool {
background-color: transparent;
border-color: transparent;
color: rgb(200, 200, 200);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton--quiet:hover, .dna-applet .spectrum--darkest .spectrum-Tool:hover {
background-color: transparent;
border-color: transparent;
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton--quiet.focus-ring, .dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton--quiet:active, .dna-applet .spectrum--darkest .spectrum-Tool:active {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton--quiet:disabled, .dna-applet .spectrum--darkest .spectrum-ActionButton--quiet.is-disabled, .dna-applet .spectrum--darkest .spectrum-Tool:disabled {
background-color: transparent;
border-color: transparent;
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton--quiet.is-selected {
background-color: rgb(57, 57, 57);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-ActionButton--quiet.is-selected:disabled, .dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet {
background-color: transparent;
border-color: transparent;
color: rgb(236, 91, 98);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet:disabled, .dna-applet .spectrum--darkest .spectrum-Button--warning.spectrum-Button--quiet.is-disabled {
background-color: transparent;
border-color: transparent;
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-LogicButton--and {
background-color: rgb(38, 128, 235);
border-color: rgb(38, 128, 235);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-LogicButton--and:hover {
background-color: rgb(75, 156, 245);
border-color: rgb(75, 156, 245);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-LogicButton--and:disabled, .dna-applet .spectrum--darkest .spectrum-LogicButton--and.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-LogicButton--or {
background-color: rgb(216, 55, 144);
border-color: rgb(216, 55, 144);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-LogicButton--or:hover {
background-color: rgb(236, 90, 170);
border-color: rgb(236, 90, 170);
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-LogicButton--or:disabled, .dna-applet .spectrum--darkest .spectrum-LogicButton--or.is-disabled {
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton {
color: rgb(200, 200, 200);
background-color: rgb(26, 26, 26);
border-color: rgb(57, 57, 57);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton:hover {
color: rgb(239, 239, 239);
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton:active, .dna-applet .spectrum--darkest .spectrum-FieldButton.is-selected {
background-color: rgb(44, 44, 44);
border-color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton.focus-ring, .dna-applet .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);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton.focus-ring.is-placeholder, .dna-applet .spectrum--darkest .spectrum-FieldButton.is-focused.is-placeholder {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton.is-invalid {
border-color: rgb(227, 72, 80);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton.is-invalid:hover {
border-color: rgb(236, 91, 98);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton.is-invalid:active, .dna-applet .spectrum--darkest .spectrum-FieldButton.is-invalid.is-selected {
border-color: rgb(236, 91, 98);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton.is-invalid.focus-ring, .dna-applet .spectrum--darkest .spectrum-FieldButton.is-invalid.is-focused {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton:disabled, .dna-applet .spectrum--darkest .spectrum-FieldButton.is-disabled {
background-color: rgb(44, 44, 44);
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton:disabled .spectrum-Icon, .dna-applet .spectrum--darkest .spectrum-FieldButton.is-disabled .spectrum-Icon {
color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton--quiet {
color: rgb(200, 200, 200);
border-color: transparent;
background-color: transparent;
}
.dna-applet .spectrum--darkest .spectrum-FieldButton--quiet:hover {
background-color: transparent;
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.focus-ring, .dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(20, 115, 230);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.focus-ring.is-placeholder, .dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.is-focused.is-placeholder {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton--quiet:active, .dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.is-selected {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--darkest .spectrum-FieldButton--quiet:active.focus-ring, .dna-applet .spectrum--darkest .spectrum-FieldButton--quiet:active.is-focused, .dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.is-selected.focus-ring, .dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.is-selected.is-focused {
background-color: transparent;
box-shadow: 0 2px 0 0 rgb(20, 115, 230);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.is-invalid.focus-ring, .dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.is-invalid.is-focused {
box-shadow: 0 2px 0 0 rgb(20, 115, 230);
}
.dna-applet .spectrum--darkest .spectrum-FieldButton--quiet:disabled, .dna-applet .spectrum--darkest .spectrum-FieldButton--quiet.is-disabled {
background-color: transparent;
color: rgb(92, 92, 92);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected .spectrum-Icon {
color: rgb(38, 128, 235);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected .spectrum-Tool-hold {
color: rgb(38, 128, 235);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected:hover .spectrum-Icon {
color: rgb(55, 142, 240);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected:hover .spectrum-Tool-hold {
color: rgb(55, 142, 240);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected:active .spectrum-Icon {
color: rgb(75, 156, 245);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected:active .spectrum-Tool-hold {
color: rgb(75, 156, 245);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected.focus-ring .spectrum-Icon {
color: rgb(55, 142, 240);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected.focus-ring .spectrum-Tool-hold {
color: rgb(55, 142, 240);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected:disabled, .dna-applet .spectrum--darkest .spectrum-Tool.is-selected.is-disabled {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected:disabled .spectrum-Icon, .dna-applet .spectrum--darkest .spectrum-Tool.is-selected.is-disabled .spectrum-Icon {
color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-selected:disabled .spectrum-Tool-hold, .dna-applet .spectrum--darkest .spectrum-Tool.is-selected.is-disabled .spectrum-Tool-hold {
color: rgb(73, 73, 73);
}
.dna-applet .spectrum--darkest .spectrum-Tool .spectrum-Tool-hold {
color: rgb(162, 162, 162);
}
.dna-applet .spectrum--darkest .spectrum-Tool:hover .spectrum-Tool-hold {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-Tool:active {
background-color: transparent;
border-color: transparent;
}
.dna-applet .spectrum--darkest .spectrum-Tool:active .spectrum-Tool-hold {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-Tool.focus-ring .spectrum-Tool-hold {
color: rgb(239, 239, 239);
}
.dna-applet .spectrum--darkest .spectrum-Tool.is-disabled .spectrum-Tool-hold, .dna-applet .spectrum--darkest .spectrum-Tool:disabled .spectrum-Tool-hold {
color: rgb(73, 73, 73);
}
.dna-applet .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;
}
.dna-applet .spectrum-Toast-typeIcon {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 7px 12px 7px 0;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Toast-buttons .spectrum-Button + .spectrum-Button, .dna-applet .spectrum-Toast-buttons .spectrum-Button + .spectrum-ClearButton, .dna-applet .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-Button, .dna-applet .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-ClearButton {
margin-left: 8px;
}
.dna-applet .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;
}
.dna-applet .spectrum-Toast-body .spectrum-Button {
float: right;
margin-right: 11px;
}
.dna-applet .spectrum-Toast-body + .spectrum-Toast-buttons {
padding-left: 8px;
border-left-width: 1px;
border-left-style: solid;
}
.dna-applet .spectrum--light .spectrum-Toast {
background-color: rgb(116, 116, 116);
color: rgb(116, 116, 116);
}
.dna-applet .spectrum--light .spectrum-Toast-content {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--light .spectrum-Toast-typeIcon {
color: white;
}
.dna-applet .spectrum--light .spectrum-Toast-buttons {
border-left-color: rgba(255, 255, 255, 0.2);
}
.dna-applet .spectrum--light .spectrum-Toast--warning {
background-color: rgb(203, 111, 16);
color: rgb(203, 111, 16);
}
.dna-applet .spectrum--light .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(203, 111, 16);
}
.dna-applet .spectrum--light .spectrum-Toast--negative, .dna-applet .spectrum--light .spectrum-Toast--error {
background-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.dna-applet .spectrum--light .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active), .dna-applet .spectrum--light .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(201, 37, 45);
}
.dna-applet .spectrum--light .spectrum-Toast--info {
background-color: rgb(13, 102, 208);
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--light .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--light .spectrum-Toast--positive, .dna-applet .spectrum--light .spectrum-Toast--success {
background-color: rgb(18, 128, 92);
color: rgb(18, 128, 92);
}
.dna-applet .spectrum--light .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active), .dna-applet .spectrum--light .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(18, 128, 92);
}
.dna-applet .spectrum--dark .spectrum-Toast {
background-color: rgb(116, 116, 116);
color: rgb(116, 116, 116);
}
.dna-applet .spectrum--dark .spectrum-Toast-content {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Toast-typeIcon {
color: white;
}
.dna-applet .spectrum--dark .spectrum-Toast-buttons {
border-left-color: rgba(255, 255, 255, 0.2);
}
.dna-applet .spectrum--dark .spectrum-Toast--warning {
background-color: rgb(203, 111, 16);
color: rgb(203, 111, 16);
}
.dna-applet .spectrum--dark .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(203, 111, 16);
}
.dna-applet .spectrum--dark .spectrum-Toast--negative, .dna-applet .spectrum--dark .spectrum-Toast--error {
background-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.dna-applet .spectrum--dark .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active), .dna-applet .spectrum--dark .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(201, 37, 45);
}
.dna-applet .spectrum--dark .spectrum-Toast--info {
background-color: rgb(13, 102, 208);
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--dark .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--dark .spectrum-Toast--positive, .dna-applet .spectrum--dark .spectrum-Toast--success {
background-color: rgb(18, 128, 92);
color: rgb(18, 128, 92);
}
.dna-applet .spectrum--dark .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active), .dna-applet .spectrum--dark .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(18, 128, 92);
}
.dna-applet .spectrum--darkest .spectrum-Toast {
background-color: rgb(116, 116, 116);
color: rgb(116, 116, 116);
}
.dna-applet .spectrum--darkest .spectrum-Toast-content {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--darkest .spectrum-Toast-typeIcon {
color: white;
}
.dna-applet .spectrum--darkest .spectrum-Toast-buttons {
border-left-color: rgba(255, 255, 255, 0.2);
}
.dna-applet .spectrum--darkest .spectrum-Toast--warning {
background-color: rgb(203, 111, 16);
color: rgb(203, 111, 16);
}
.dna-applet .spectrum--darkest .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(203, 111, 16);
}
.dna-applet .spectrum--darkest .spectrum-Toast--negative, .dna-applet .spectrum--darkest .spectrum-Toast--error {
background-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.dna-applet .spectrum--darkest .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active), .dna-applet .spectrum--darkest .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(201, 37, 45);
}
.dna-applet .spectrum--darkest .spectrum-Toast--info {
background-color: rgb(13, 102, 208);
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--darkest .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(13, 102, 208);
}
.dna-applet .spectrum--darkest .spectrum-Toast--positive, .dna-applet .spectrum--darkest .spectrum-Toast--success {
background-color: rgb(18, 128, 92);
color: rgb(18, 128, 92);
}
.dna-applet .spectrum--darkest .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active), .dna-applet .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.
**************************************************************************/
.dna-applet .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;
}
.dna-applet .react-spectrum-ToastContainer .spectrum-Toast {
margin: 8px;
pointer-events: all;
}
.dna-applet .react-spectrum-ToastContainer--top {
top: 0;
}
.dna-applet .react-spectrum-ToastContainer--bottom {
flex-direction: column-reverse;
top: unset;
bottom: 0;
}
.dna-applet .react-spectrum-ToastContainer--left {
align-items: flex-start;
}
.dna-applet .react-spectrum-ToastContainer--center {
align-items: center;
}
.dna-applet .react-spectrum-ToastContainer--right {
align-items: flex-end;
}
.dna-applet .react-spectrum-Toast-slide-top-enter, .dna-applet .react-spectrum-Toast-slide-top-appear {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
.dna-applet .react-spectrum-Toast-slide-top-enter-active, .dna-applet .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);
}
.dna-applet .react-spectrum-Toast-slide-top-exit {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.dna-applet .react-spectrum-Toast-slide-top-exit-active {
opacity: 0;
transform: translate3d(0, -100%, 0);
transition: all 125ms ease-in-out;
}
.dna-applet .react-spectrum-Toast-slide-bottom-enter, .dna-applet .react-spectrum-Toast-slide-bottom-enter-appear {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
.dna-applet .react-spectrum-Toast-slide-bottom-enter-active, .dna-applet .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);
}
.dna-applet .react-spectrum-Toast-slide-bottom-exit {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.dna-applet .react-spectrum-Toast-slide-bottom-exit-active {
opacity: 0;
transform: translate3d(0, 100%, 0);
transition: all 125ms ease-in-out;
}
/*************************************************************************
* 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.dna-applet {
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).
*/
.dna-applet body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
.dna-applet article, .dna-applet aside, .dna-applet footer, .dna-applet header, .dna-applet nav, .dna-applet section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
.dna-applet h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
.dna-applet figcaption, .dna-applet figure, .dna-applet main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
.dna-applet figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
.dna-applet 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.
*/
.dna-applet 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+.
*/
.dna-applet 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.
*/
.dna-applet 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.
*/
.dna-applet b, .dna-applet strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
.dna-applet b, .dna-applet 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.
*/
.dna-applet code, .dna-applet kbd, .dna-applet samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
.dna-applet dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
.dna-applet mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
.dna-applet small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
.dna-applet sub, .dna-applet sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.dna-applet sub {
bottom: -0.25em;
}
.dna-applet sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
.dna-applet audio, .dna-applet video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
.dna-applet audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
.dna-applet img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
.dna-applet svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
.dna-applet button, .dna-applet input, .dna-applet optgroup, .dna-applet select, .dna-applet 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.
*/
.dna-applet button, .dna-applet input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
.dna-applet button, .dna-applet 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.
*/
.dna-applet button, .dna-applet html [type="button"], .dna-applet [type="reset"], .dna-applet [type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
.dna-applet button::-moz-focus-inner, .dna-applet [type="button"]::-moz-focus-inner, .dna-applet [type="reset"]::-moz-focus-inner, .dna-applet [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
.dna-applet button:-moz-focusring, .dna-applet [type="button"]:-moz-focusring, .dna-applet [type="reset"]:-moz-focusring, .dna-applet [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
.dna-applet 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.
*/
.dna-applet 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.
*/
.dna-applet progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
.dna-applet textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
.dna-applet [type="checkbox"], .dna-applet [type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
.dna-applet [type="number"]::-webkit-inner-spin-button, .dna-applet [type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
.dna-applet [type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
.dna-applet [type="search"]::-webkit-search-cancel-button, .dna-applet [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.
*/
.dna-applet ::-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.
*/
.dna-applet details, .dna-applet menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
.dna-applet summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
.dna-applet canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
.dna-applet template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
.dna-applet [hidden] {
display: none;
}
.dna-applet .react-spectrum-provider {
position: relative;
}
.dna-applet .spectrum--light {
background-color: rgb(245, 245, 245);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.dna-applet .spectrum--dark {
background-color: rgb(50, 50, 50);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.dna-applet .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 */
.dna-applet .spectrum {
font-family: adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 14px;
}
.dna-applet .spectrum:lang(zh-Hans) {
font-family: adobe-clean-han-japanese, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dna-applet .spectrum:lang(zh) {
font-family: adobe-clean-han-japanese, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dna-applet .spectrum:lang(ko) {
font-family: adobe-clean-han-japanese, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dna-applet .spectrum:lang(ja) {
font-family: adobe-clean-han-japanese, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.dna-applet .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;
}
.dna-applet .spectrum-Body1 em {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Body1 strong {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Body2, .dna-applet .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;
}
.dna-applet .spectrum-Body2 em, .dna-applet .spectrum-Body--large em {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Body2 strong, .dna-applet .spectrum-Body--large strong {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Body3 em {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Body3 strong {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Body4, .dna-applet .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;
}
.dna-applet .spectrum-Body4 em, .dna-applet .spectrum-Body--secondary em {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Body4 strong, .dna-applet .spectrum-Body--secondary strong {
font-size: 14px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Body5, .dna-applet .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;
}
.dna-applet .spectrum-Body5 em, .dna-applet .spectrum-Body--small em {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Body5 strong, .dna-applet .spectrum-Body--small strong {
font-size: 12px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading1 em {
font-size: 36px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading1 strong {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading2 em {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading2 strong {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading3 em {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading3 strong {
font-size: 22px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading4, .dna-applet .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;
}
.dna-applet .spectrum-Heading4 em, .dna-applet .spectrum-Heading--subtitle1 em {
font-size: 18px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading4 strong, .dna-applet .spectrum-Heading--subtitle1 strong {
font-size: 18px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading5 em {
font-size: 16px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading5 strong {
font-size: 16px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading6, .dna-applet .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;
}
.dna-applet .spectrum-Heading6 em, .dna-applet .spectrum-Heading--subtitle2 em {
font-size: 14px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading6 strong, .dna-applet .spectrum-Heading--subtitle2 strong {
font-size: 14px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Subheading, .dna-applet .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;
}
.dna-applet .spectrum-Subheading em, .dna-applet .spectrum-Heading--subtitle3 em {
font-size: 11px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.dna-applet .spectrum-Subheading strong, .dna-applet .spectrum-Heading--subtitle3 strong {
font-size: 11px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.dna-applet .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;
}
.dna-applet .spectrum-Detail em {
font-size: 11px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.dna-applet .spectrum-Detail strong {
font-size: 11px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading1--quiet em {
font-size: 36px;
font-weight: 300;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading1--quiet strong {
font-size: 36px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading2--quiet, .dna-applet .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;
}
.dna-applet .spectrum-Heading2--quiet em, .dna-applet .spectrum-Heading--pageTitle em {
font-size: 28px;
font-weight: 300;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading2--quiet strong, .dna-applet .spectrum-Heading--pageTitle strong {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading1--strong em {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading1--strong strong {
font-size: 36px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading2--strong em {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading2--strong strong {
font-size: 28px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading1--display em {
font-size: 45px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading1--display strong {
font-size: 45px;
font-weight: 900;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading2--display em {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading2--display strong {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .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;
}
.dna-applet .spectrum-Heading2--display.spectrum-Heading2--quiet em, .dna-applet .spectrum-Heading--display em {
font-size: 40px;
font-weight: 300;
line-height: 1.3;
font-style: italic;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Heading2--display.spectrum-Heading2--quiet strong, .dna-applet .spectrum-Heading--display strong {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-style: normal;
letter-spacing: 0;
text-transform: none;
}
.dna-applet .spectrum-Article {
font-family: Adobe Clean Serif, Times New Roman, serif;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body2, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body2 em, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body2 strong, .dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body4, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body4 em, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body4 strong, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body5, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body5 em, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Body5 strong, .dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading4, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading4 em, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading4 strong, .dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading6, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading6 em, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading6 strong, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Subheading, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Subheading em, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Subheading strong, .dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading2--quiet, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading2--quiet em, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading2--quiet strong, .dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet em, .dna-applet .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;
}
.dna-applet .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body1, .dna-applet .spectrum:lang(ko) .spectrum-Body1, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body1 em, .dna-applet .spectrum:lang(ko) .spectrum-Body1 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body1 strong, .dna-applet .spectrum:lang(ko) .spectrum-Body1 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body2, .dna-applet .spectrum:lang(ko) .spectrum-Body2, .dna-applet .spectrum:lang(zh) .spectrum-Body2, .dna-applet .spectrum:lang(ja) .spectrum-Body--large, .dna-applet .spectrum:lang(ko) .spectrum-Body--large, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body2 em, .dna-applet .spectrum:lang(ko) .spectrum-Body2 em, .dna-applet .spectrum:lang(zh) .spectrum-Body2 em, .dna-applet .spectrum:lang(ja) .spectrum-Body--large em, .dna-applet .spectrum:lang(ko) .spectrum-Body--large em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body2 strong, .dna-applet .spectrum:lang(ko) .spectrum-Body2 strong, .dna-applet .spectrum:lang(zh) .spectrum-Body2 strong, .dna-applet .spectrum:lang(ja) .spectrum-Body--large strong, .dna-applet .spectrum:lang(ko) .spectrum-Body--large strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body3, .dna-applet .spectrum:lang(ko) .spectrum-Body3, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body3 em, .dna-applet .spectrum:lang(ko) .spectrum-Body3 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body3 strong, .dna-applet .spectrum:lang(ko) .spectrum-Body3 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body4, .dna-applet .spectrum:lang(ko) .spectrum-Body4, .dna-applet .spectrum:lang(zh) .spectrum-Body4, .dna-applet .spectrum:lang(ja) .spectrum-Body--secondary, .dna-applet .spectrum:lang(ko) .spectrum-Body--secondary, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body4 em, .dna-applet .spectrum:lang(ko) .spectrum-Body4 em, .dna-applet .spectrum:lang(zh) .spectrum-Body4 em, .dna-applet .spectrum:lang(ja) .spectrum-Body--secondary em, .dna-applet .spectrum:lang(ko) .spectrum-Body--secondary em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body4 strong, .dna-applet .spectrum:lang(ko) .spectrum-Body4 strong, .dna-applet .spectrum:lang(zh) .spectrum-Body4 strong, .dna-applet .spectrum:lang(ja) .spectrum-Body--secondary strong, .dna-applet .spectrum:lang(ko) .spectrum-Body--secondary strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body5, .dna-applet .spectrum:lang(ko) .spectrum-Body5, .dna-applet .spectrum:lang(zh) .spectrum-Body5, .dna-applet .spectrum:lang(ja) .spectrum-Body--small, .dna-applet .spectrum:lang(ko) .spectrum-Body--small, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body5 em, .dna-applet .spectrum:lang(ko) .spectrum-Body5 em, .dna-applet .spectrum:lang(zh) .spectrum-Body5 em, .dna-applet .spectrum:lang(ja) .spectrum-Body--small em, .dna-applet .spectrum:lang(ko) .spectrum-Body--small em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Body5 strong, .dna-applet .spectrum:lang(ko) .spectrum-Body5 strong, .dna-applet .spectrum:lang(zh) .spectrum-Body5 strong, .dna-applet .spectrum:lang(ja) .spectrum-Body--small strong, .dna-applet .spectrum:lang(ko) .spectrum-Body--small strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1, .dna-applet .spectrum:lang(ko) .spectrum-Heading1, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading1 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading1 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2, .dna-applet .spectrum:lang(ko) .spectrum-Heading2, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading2 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading2 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading3, .dna-applet .spectrum:lang(ko) .spectrum-Heading3, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading3 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading3 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading3 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading3 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading4, .dna-applet .spectrum:lang(ko) .spectrum-Heading4, .dna-applet .spectrum:lang(zh) .spectrum-Heading4, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle1, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle1, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading4 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading4 em, .dna-applet .spectrum:lang(zh) .spectrum-Heading4 em, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle1 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle1 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading4 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading4 strong, .dna-applet .spectrum:lang(zh) .spectrum-Heading4 strong, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle1 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle1 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading5, .dna-applet .spectrum:lang(ko) .spectrum-Heading5, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading5 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading5 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading5 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading5 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading6, .dna-applet .spectrum:lang(ko) .spectrum-Heading6, .dna-applet .spectrum:lang(zh) .spectrum-Heading6, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle2, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle2, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading6 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading6 em, .dna-applet .spectrum:lang(zh) .spectrum-Heading6 em, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle2 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle2 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading6 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading6 strong, .dna-applet .spectrum:lang(zh) .spectrum-Heading6 strong, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle2 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle2 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Subheading, .dna-applet .spectrum:lang(ko) .spectrum-Subheading, .dna-applet .spectrum:lang(zh) .spectrum-Subheading, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle3, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle3, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Subheading em, .dna-applet .spectrum:lang(ko) .spectrum-Subheading em, .dna-applet .spectrum:lang(zh) .spectrum-Subheading em, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle3 em, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle3 em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Subheading strong, .dna-applet .spectrum:lang(ko) .spectrum-Subheading strong, .dna-applet .spectrum:lang(zh) .spectrum-Subheading strong, .dna-applet .spectrum:lang(ja) .spectrum-Heading--subtitle3 strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading--subtitle3 strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Detail, .dna-applet .spectrum:lang(ko) .spectrum-Detail, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Detail em, .dna-applet .spectrum:lang(ko) .spectrum-Detail em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Detail strong, .dna-applet .spectrum:lang(ko) .spectrum-Detail strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--quiet, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--quiet, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--quiet em, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--quiet em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--quiet strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--quiet strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--quiet, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--quiet, .dna-applet .spectrum:lang(zh) .spectrum-Heading2--quiet, .dna-applet .spectrum:lang(ja) .spectrum-Heading--pageTitle, .dna-applet .spectrum:lang(ko) .spectrum-Heading--pageTitle, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--quiet em, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--quiet em, .dna-applet .spectrum:lang(zh) .spectrum-Heading2--quiet em, .dna-applet .spectrum:lang(ja) .spectrum-Heading--pageTitle em, .dna-applet .spectrum:lang(ko) .spectrum-Heading--pageTitle em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--quiet strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--quiet strong, .dna-applet .spectrum:lang(zh) .spectrum-Heading2--quiet strong, .dna-applet .spectrum:lang(ja) .spectrum-Heading--pageTitle strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading--pageTitle strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--strong em, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--strong em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--strong strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--strong strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--strong em, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--strong em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--strong strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--strong strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display em, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display em, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong em, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong em, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet em, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet strong, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum:lang(ja) .spectrum-Heading--display, .dna-applet .spectrum:lang(ko) .spectrum-Heading--display, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet em, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet em, .dna-applet .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet em, .dna-applet .spectrum:lang(ja) .spectrum-Heading--display em, .dna-applet .spectrum:lang(ko) .spectrum-Heading--display em, .dna-applet .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;
}
.dna-applet .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet strong, .dna-applet .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet strong, .dna-applet .spectrum:lang(ja) .spectrum-Heading--display strong, .dna-applet .spectrum:lang(ko) .spectrum-Heading--display strong, .dna-applet .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;
}
.dna-applet .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;
}
.dna-applet .spectrum-Code1 em {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.dna-applet .spectrum-Code1 strong {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
.dna-applet .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;
}
.dna-applet .spectrum-Code2 em {
font-size: 18px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.dna-applet .spectrum-Code2 strong {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
.dna-applet .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;
}
.dna-applet .spectrum-Code3 em {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.dna-applet .spectrum-Code3 strong {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
.dna-applet .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;
}
.dna-applet .spectrum-Code4 em {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.dna-applet .spectrum-Code4 strong {
font-size: 14px;
font-weight: 700;
line-height: 1.5;
font-style: normal;
letter-spacing: 0;
}
.dna-applet .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;
}
.dna-applet .spectrum-Code5 em {
font-size: 12px;
font-weight: 400;
line-height: 1.5;
font-style: italic;
letter-spacing: 0;
}
.dna-applet .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 }}
*/
.dna-applet .spectrum, .dna-applet .spectrum-Body {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
}
.dna-applet .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 */
.dna-applet :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 */
}
.dna-applet .spectrum--light .spectrum-Body1 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Body2 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Body3 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Body4 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Body5 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Heading1 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading2 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading3 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading4 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading5 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading6 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Subheading {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Detail {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading1--strong {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading2--strong {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading1--display {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading2--display {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Body1 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Body2 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Body3 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Body4 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Body5 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading1 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading2 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading3 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading4 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading5 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading6 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Subheading {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Detail {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading1--display {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading2--display {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Body1, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Body1, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Body1 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Body2, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Body2, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Body2 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Body3, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Body3, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Body3 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Body4, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Body4, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Body4 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Body5, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Body5, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Body5 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading1, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading1, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading1 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading2, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading2, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading2 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading3, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading3, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading3 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading4, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading4, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading4 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading5, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading5, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading5 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading6, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading6, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading6 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Subheading, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Subheading, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Subheading {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Detail, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Detail, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Detail {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading1--quiet, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--quiet, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading2--quiet, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--quiet, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading1--strong, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--strong, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--strong {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading2--strong, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--strong, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--strong {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading1--display, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--display, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--display {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading2--display, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--display, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--display {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum--light .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum--light .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Code1 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Code2 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Code3 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Code4 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Code5 {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light, .dna-applet .spectrum--light .spectrum-Body {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Body--large {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Body--small {
color: rgb(75, 75, 75);
}
.dna-applet .spectrum--light .spectrum-Body--secondary {
color: rgb(112, 112, 112);
}
.dna-applet .spectrum--light .spectrum-Heading--display {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading--pageTitle {
color: rgb(112, 112, 112);
}
.dna-applet .spectrum--light .spectrum-Heading--subtitle1 {
color: rgb(44, 44, 44);
}
.dna-applet .spectrum--light .spectrum-Heading--subtitle2 {
color: rgb(44, 44, 44);
}
.dna-applet .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 */
.dna-applet :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 */
}
.dna-applet .spectrum--dark .spectrum-Body1 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Body2 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Body3 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Body4 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Body5 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Heading1 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading2 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading3 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading4 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading5 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading6 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Subheading {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Detail {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Heading1--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading2--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading1--strong {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading2--strong {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading1--display {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading2--display {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Body1 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Body2 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Body3 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Body4 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Body5 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading1 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading2 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading3 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading4 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading5 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading6 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Subheading {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Detail {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading1--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading2--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading1--display {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading2--display {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Body1, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Body1, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Body1 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Body2, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Body2, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Body2 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Body3, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Body3, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Body3 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Body4, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Body4, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Body4 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Body5, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Body5, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Body5 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading1, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading1, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading1 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading2, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading2, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading2 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading3, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading3, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading3 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading4, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading4, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading4 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading5, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading5, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading5 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading6, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading6, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading6 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Subheading, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Subheading, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Subheading {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Detail, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Detail, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Detail {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading1--quiet, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading1--quiet, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading1--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading2--quiet, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading2--quiet, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading2--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading1--strong, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading1--strong, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading1--strong {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading2--strong, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading2--strong, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading2--strong {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading1--display, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading1--display, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading1--display {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading2--display, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading2--display, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading2--display {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum--dark .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum--dark .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Code1 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Code2 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Code3 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Code4 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Code5 {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark, .dna-applet .spectrum--dark .spectrum-Body {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Body--large {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Body--small {
color: rgb(205, 205, 205);
}
.dna-applet .spectrum--dark .spectrum-Body--secondary {
color: rgb(153, 153, 153);
}
.dna-applet .spectrum--dark .spectrum-Heading--display {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading--pageTitle {
color: rgb(153, 153, 153);
}
.dna-applet .spectrum--dark .spectrum-Heading--subtitle1 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading--subtitle2 {
color: rgb(255, 255, 255);
}
.dna-applet .spectrum--dark .spectrum-Heading--subtitle3 {
color: rgb(153, 153, 153);
}
/* generated from dna-version: 5.0.1 */
/* generated from dna-version: 5.0.1 */
/* Temporary skin variables that need to be moved into origins */
.dna-applet :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 */
}
.dna-applet .spectrum--darkest .spectrum-Body1 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Body2 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Body3 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Body4 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Body5 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Heading1 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading2 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading3 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading4 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading5 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading6 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Subheading {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Detail {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading1--strong {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading2--strong {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading1--display {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading2--display {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Body1 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Body2 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Body3 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Body4 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Body5 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading1 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading2 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading3 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading4 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading5 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading6 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Subheading {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Detail {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading1--display {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading2--display {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Article .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Body1, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Body1, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Body1 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Body2, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Body2, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Body2 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Body3, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Body3, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Body3 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Body4, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Body4, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Body4 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Body5, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Body5, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Body5 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading3, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading3, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading3 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading4, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading4, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading4 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading5, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading5, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading5 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading6, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading6, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading6 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Subheading, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Subheading, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Subheading {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Detail, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Detail, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Detail {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--quiet, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--quiet, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--quiet, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--quiet, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--strong, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--strong, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--strong {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--strong, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--strong, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--strong {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--display, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--display, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--display {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--display, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--display, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--display {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--strong, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--strong, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--strong {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--strong, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--strong, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--strong {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading1--display.spectrum-Heading1--quiet, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading1--display.spectrum-Heading1--quiet, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading1--display.spectrum-Heading1--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum:lang(ja) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum--darkest .spectrum:lang(ko) .spectrum-Heading2--display.spectrum-Heading2--quiet, .dna-applet .spectrum--darkest .spectrum:lang(zh) .spectrum-Heading2--display.spectrum-Heading2--quiet {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Code1 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Code2 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Code3 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Code4 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Code5 {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest, .dna-applet .spectrum--darkest .spectrum-Body {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Body--large {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Body--small {
color: rgb(180, 180, 180);
}
.dna-applet .spectrum--darkest .spectrum-Body--secondary {
color: rgb(133, 133, 133);
}
.dna-applet .spectrum--darkest .spectrum-Heading--display {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading--pageTitle {
color: rgb(133, 133, 133);
}
.dna-applet .spectrum--darkest .spectrum-Heading--subtitle1 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading--subtitle2 {
color: rgb(226, 226, 226);
}
.dna-applet .spectrum--darkest .spectrum-Heading--subtitle3 {
color: rgb(133, 133, 133);
}
/*!
* Copyright 2024 Adobe. 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.
*/
.dna-applet .spectrum--dark {
--spectrum-overlay-opacity: 0.5;
--spectrum-drop-shadow-color-rgb: 0, 0, 0;
--spectrum-drop-shadow-color-opacity: 0.5;
--spectrum-drop-shadow-color: rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
--spectrum-background-base-color: var(--spectrum-gray-50);
--spectrum-background-layer-1-color: var(--spectrum-gray-75);
--spectrum-background-layer-2-color: var(--spectrum-gray-100);
--spectrum-neutral-background-color-default: var(--spectrum-gray-400);
--spectrum-neutral-background-color-hover: var(--spectrum-gray-300);
--spectrum-neutral-background-color-down: var(--spectrum-gray-200);
--spectrum-neutral-background-color-key-focus: var(--spectrum-gray-300);
--spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-400);
--spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-300);
--spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-200);
--spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-300);
--spectrum-accent-background-color-default: var(--spectrum-accent-color-500);
--spectrum-accent-background-color-hover: var(--spectrum-accent-color-400);
--spectrum-accent-background-color-down: var(--spectrum-accent-color-300);
--spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-400);
--spectrum-informative-background-color-default: var(--spectrum-informative-color-500);
--spectrum-informative-background-color-hover: var(--spectrum-informative-color-400);
--spectrum-informative-background-color-down: var(--spectrum-informative-color-300);
--spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-400);
--spectrum-negative-background-color-default: var(--spectrum-negative-color-500);
--spectrum-negative-background-color-hover: var(--spectrum-negative-color-400);
--spectrum-negative-background-color-down: var(--spectrum-negative-color-300);
--spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-400);
--spectrum-positive-background-color-default: var(--spectrum-positive-color-500);
--spectrum-positive-background-color-hover: var(--spectrum-positive-color-400);
--spectrum-positive-background-color-down: var(--spectrum-positive-color-300);
--spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-400);
--spectrum-notice-background-color-default: var(--spectrum-notice-color-800);
--spectrum-gray-background-color-default: var(--spectrum-gray-700);
--spectrum-red-background-color-default: var(--spectrum-red-700);
--spectrum-orange-background-color-default: var(--spectrum-orange-800);
--spectrum-yellow-background-color-default: var(--spectrum-yellow-1000);
--spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-900);
--spectrum-celery-background-color-default: var(--spectrum-celery-800);
--spectrum-green-background-color-default: var(--spectrum-green-700);
--spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700);
--spectrum-cyan-background-color-default: var(--spectrum-cyan-700);
--spectrum-blue-background-color-default: var(--spectrum-blue-700);
--spectrum-indigo-background-color-default: var(--spectrum-indigo-700);
--spectrum-purple-background-color-default: var(--spectrum-purple-700);
--spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700);
--spectrum-magenta-background-color-default: var(--spectrum-magenta-700);
--spectrum-neutral-visual-color: var(--spectrum-gray-600);
--spectrum-accent-visual-color: var(--spectrum-accent-color-900);
--spectrum-informative-visual-color: var(--spectrum-informative-color-900);
--spectrum-negative-visual-color: var(--spectrum-negative-color-700);
--spectrum-notice-visual-color: var(--spectrum-notice-color-900);
--spectrum-positive-visual-color: var(--spectrum-positive-color-800);
--spectrum-gray-visual-color: var(--spectrum-gray-600);
--spectrum-red-visual-color: var(--spectrum-red-700);
--spectrum-orange-visual-color: var(--spectrum-orange-900);
--spectrum-yellow-visual-color: var(--spectrum-yellow-1100);
--spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900);
--spectrum-celery-visual-color: var(--spectrum-celery-800);
--spectrum-green-visual-color: var(--spectrum-green-800);
--spectrum-seafoam-visual-color: var(--spectrum-seafoam-800);
--spectrum-cyan-visual-color: var(--spectrum-cyan-900);
--spectrum-blue-visual-color: var(--spectrum-blue-900);
--spectrum-indigo-visual-color: var(--spectrum-indigo-900);
--spectrum-purple-visual-color: var(--spectrum-purple-900);
--spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900);
--spectrum-magenta-visual-color: var(--spectrum-magenta-900);
--spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-800);
--spectrum-gray-50-rgb: 29, 29, 29;
--spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
--spectrum-gray-75-rgb: 38, 38, 38;
--spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
--spectrum-gray-100-rgb: 50, 50, 50;
--spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
--spectrum-gray-200-rgb: 63, 63, 63;
--spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
--spectrum-gray-300-rgb: 84, 84, 84;
--spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
--spectrum-gray-400-rgb: 112, 112, 112;
--spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
--spectrum-gray-500-rgb: 144, 144, 144;
--spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
--spectrum-gray-600-rgb: 178, 178, 178;
--spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
--spectrum-gray-700-rgb: 209, 209, 209;
--spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
--spectrum-gray-800-rgb: 235, 235, 235;
--spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
--spectrum-gray-900-rgb: 255, 255, 255;
--spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
--spectrum-blue-100-rgb: 0, 56, 119;
--spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
--spectrum-blue-200-rgb: 0, 65, 138;
--spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
--spectrum-blue-300-rgb: 0, 77, 163;
--spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
--spectrum-blue-400-rgb: 0, 89, 194;
--spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
--spectrum-blue-500-rgb: 3, 103, 224;
--spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
--spectrum-blue-600-rgb: 19, 121, 243;
--spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
--spectrum-blue-700-rgb: 52, 143, 244;
--spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
--spectrum-blue-800-rgb: 84, 163, 246;
--spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
--spectrum-blue-900-rgb: 114, 183, 249;
--spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
--spectrum-blue-1000-rgb: 143, 202, 252;
--spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
--spectrum-blue-1100-rgb: 174, 219, 254;
--spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
--spectrum-blue-1200-rgb: 204, 233, 255;
--spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
--spectrum-blue-1300-rgb: 232, 246, 255;
--spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
--spectrum-blue-1400-rgb: 255, 255, 255;
--spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
--spectrum-red-100-rgb: 123, 0, 0;
--spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
--spectrum-red-200-rgb: 141, 0, 0;
--spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
--spectrum-red-300-rgb: 165, 0, 0;
--spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
--spectrum-red-400-rgb: 190, 4, 3;
--spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
--spectrum-red-500-rgb: 215, 25, 19;
--spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
--spectrum-red-600-rgb: 234, 56, 41;
--spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
--spectrum-red-700-rgb: 246, 88, 67;
--spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
--spectrum-red-800-rgb: 255, 117, 94;
--spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
--spectrum-red-900-rgb: 255, 149, 129;
--spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
--spectrum-red-1000-rgb: 255, 176, 161;
--spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
--spectrum-red-1100-rgb: 255, 201, 189;
--spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
--spectrum-red-1200-rgb: 255, 222, 216;
--spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
--spectrum-red-1300-rgb: 255, 241, 238;
--spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
--spectrum-red-1400-rgb: 255, 255, 255;
--spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
--spectrum-orange-100-rgb: 102, 37, 0;
--spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
--spectrum-orange-200-rgb: 117, 45, 0;
--spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
--spectrum-orange-300-rgb: 137, 55, 0;
--spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
--spectrum-orange-400-rgb: 158, 66, 0;
--spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
--spectrum-orange-500-rgb: 180, 78, 0;
--spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
--spectrum-orange-600-rgb: 202, 93, 0;
--spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
--spectrum-orange-700-rgb: 225, 109, 0;
--spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
--spectrum-orange-800-rgb: 244, 129, 12;
--spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
--spectrum-orange-900-rgb: 254, 154, 46;
--spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
--spectrum-orange-1000-rgb: 255, 181, 88;
--spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
--spectrum-orange-1100-rgb: 253, 206, 136;
--spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
--spectrum-orange-1200-rgb: 255, 225, 179;
--spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
--spectrum-orange-1300-rgb: 255, 242, 221;
--spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
--spectrum-orange-1400-rgb: 255, 253, 249;
--spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
--spectrum-yellow-100-rgb: 76, 54, 0;
--spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
--spectrum-yellow-200-rgb: 88, 64, 0;
--spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
--spectrum-yellow-300-rgb: 103, 76, 0;
--spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
--spectrum-yellow-400-rgb: 119, 89, 0;
--spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
--spectrum-yellow-500-rgb: 136, 104, 0;
--spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
--spectrum-yellow-600-rgb: 155, 120, 0;
--spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
--spectrum-yellow-700-rgb: 174, 137, 0;
--spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
--spectrum-yellow-800-rgb: 192, 156, 0;
--spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
--spectrum-yellow-900-rgb: 211, 174, 0;
--spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
--spectrum-yellow-1000-rgb: 228, 194, 0;
--spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
--spectrum-yellow-1100-rgb: 244, 213, 0;
--spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
--spectrum-yellow-1200-rgb: 249, 232, 92;
--spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
--spectrum-yellow-1300-rgb: 252, 246, 187;
--spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
--spectrum-yellow-1400-rgb: 255, 255, 255;
--spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
--spectrum-chartreuse-100-rgb: 48, 64, 0;
--spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
--spectrum-chartreuse-200-rgb: 55, 74, 0;
--spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
--spectrum-chartreuse-300-rgb: 65, 87, 0;
--spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
--spectrum-chartreuse-400-rgb: 76, 102, 0;
--spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
--spectrum-chartreuse-500-rgb: 89, 118, 0;
--spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
--spectrum-chartreuse-600-rgb: 102, 136, 0;
--spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
--spectrum-chartreuse-700-rgb: 117, 154, 0;
--spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
--spectrum-chartreuse-800-rgb: 132, 173, 1;
--spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
--spectrum-chartreuse-900-rgb: 148, 192, 8;
--spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
--spectrum-chartreuse-1000-rgb: 166, 211, 18;
--spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
--spectrum-chartreuse-1100-rgb: 184, 229, 37;
--spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
--spectrum-chartreuse-1200-rgb: 205, 245, 71;
--spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
--spectrum-chartreuse-1300-rgb: 231, 254, 154;
--spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
--spectrum-chartreuse-1400-rgb: 255, 255, 255;
--spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
--spectrum-celery-100-rgb: 0, 69, 10;
--spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
--spectrum-celery-200-rgb: 0, 80, 12;
--spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
--spectrum-celery-300-rgb: 0, 94, 14;
--spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
--spectrum-celery-400-rgb: 0, 109, 15;
--spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
--spectrum-celery-500-rgb: 0, 127, 15;
--spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
--spectrum-celery-600-rgb: 0, 145, 18;
--spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
--spectrum-celery-700-rgb: 4, 165, 30;
--spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
--spectrum-celery-800-rgb: 34, 184, 51;
--spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
--spectrum-celery-900-rgb: 68, 202, 73;
--spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
--spectrum-celery-1000-rgb: 105, 220, 99;
--spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
--spectrum-celery-1100-rgb: 142, 235, 127;
--spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
--spectrum-celery-1200-rgb: 180, 247, 162;
--spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
--spectrum-celery-1300-rgb: 221, 253, 211;
--spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
--spectrum-celery-1400-rgb: 255, 255, 255;
--spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
--spectrum-green-100-rgb: 4, 67, 41;
--spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
--spectrum-green-200-rgb: 0, 78, 47;
--spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
--spectrum-green-300-rgb: 0, 92, 56;
--spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
--spectrum-green-400-rgb: 0, 108, 67;
--spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
--spectrum-green-500-rgb: 0, 125, 78;
--spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
--spectrum-green-600-rgb: 0, 143, 93;
--spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
--spectrum-green-700-rgb: 18, 162, 108;
--spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
--spectrum-green-800-rgb: 43, 180, 125;
--spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
--spectrum-green-900-rgb: 67, 199, 143;
--spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
--spectrum-green-1000-rgb: 94, 217, 162;
--spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
--spectrum-green-1100-rgb: 129, 233, 184;
--spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
--spectrum-green-1200-rgb: 177, 244, 209;
--spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
--spectrum-green-1300-rgb: 223, 250, 234;
--spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
--spectrum-green-1400-rgb: 254, 255, 252;
--spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
--spectrum-seafoam-100-rgb: 18, 65, 63;
--spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
--spectrum-seafoam-200-rgb: 14, 76, 73;
--spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
--spectrum-seafoam-300-rgb: 4, 90, 87;
--spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
--spectrum-seafoam-400-rgb: 0, 105, 101;
--spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
--spectrum-seafoam-500-rgb: 0, 122, 117;
--spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
--spectrum-seafoam-600-rgb: 0, 140, 135;
--spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
--spectrum-seafoam-700-rgb: 0, 158, 152;
--spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
--spectrum-seafoam-800-rgb: 3, 178, 171;
--spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
--spectrum-seafoam-900-rgb: 54, 197, 189;
--spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
--spectrum-seafoam-1000-rgb: 93, 214, 207;
--spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
--spectrum-seafoam-1100-rgb: 132, 230, 223;
--spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
--spectrum-seafoam-1200-rgb: 176, 242, 236;
--spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
--spectrum-seafoam-1300-rgb: 223, 249, 246;
--spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
--spectrum-seafoam-1400-rgb: 254, 255, 254;
--spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
--spectrum-cyan-100-rgb: 0, 61, 98;
--spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
--spectrum-cyan-200-rgb: 0, 71, 111;
--spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
--spectrum-cyan-300-rgb: 0, 85, 127;
--spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
--spectrum-cyan-400-rgb: 0, 100, 145;
--spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
--spectrum-cyan-500-rgb: 0, 116, 162;
--spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
--spectrum-cyan-600-rgb: 0, 134, 180;
--spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
--spectrum-cyan-700-rgb: 0, 153, 198;
--spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
--spectrum-cyan-800-rgb: 14, 173, 215;
--spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
--spectrum-cyan-900-rgb: 44, 193, 230;
--spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
--spectrum-cyan-1000-rgb: 84, 211, 241;
--spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
--spectrum-cyan-1100-rgb: 127, 228, 249;
--spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
--spectrum-cyan-1200-rgb: 167, 241, 255;
--spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
--spectrum-cyan-1300-rgb: 215, 250, 255;
--spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
--spectrum-cyan-1400-rgb: 255, 255, 255;
--spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
--spectrum-indigo-100-rgb: 40, 44, 140;
--spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
--spectrum-indigo-200-rgb: 47, 52, 163;
--spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
--spectrum-indigo-300-rgb: 57, 63, 187;
--spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
--spectrum-indigo-400-rgb: 70, 75, 211;
--spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
--spectrum-indigo-500-rgb: 85, 91, 231;
--spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
--spectrum-indigo-600-rgb: 104, 109, 244;
--spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
--spectrum-indigo-700-rgb: 124, 129, 251;
--spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
--spectrum-indigo-800-rgb: 145, 149, 255;
--spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
--spectrum-indigo-900-rgb: 167, 170, 255;
--spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
--spectrum-indigo-1000-rgb: 188, 190, 255;
--spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
--spectrum-indigo-1100-rgb: 208, 210, 255;
--spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
--spectrum-indigo-1200-rgb: 226, 228, 255;
--spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
--spectrum-indigo-1300-rgb: 243, 243, 254;
--spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
--spectrum-indigo-1400-rgb: 255, 255, 255;
--spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
--spectrum-purple-100-rgb: 76, 13, 157;
--spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
--spectrum-purple-200-rgb: 89, 17, 177;
--spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
--spectrum-purple-300-rgb: 105, 28, 200;
--spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
--spectrum-purple-400-rgb: 122, 45, 218;
--spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
--spectrum-purple-500-rgb: 140, 65, 233;
--spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
--spectrum-purple-600-rgb: 157, 87, 243;
--spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
--spectrum-purple-700-rgb: 172, 111, 249;
--spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
--spectrum-purple-800-rgb: 187, 135, 251;
--spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
--spectrum-purple-900-rgb: 202, 159, 252;
--spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
--spectrum-purple-1000-rgb: 215, 182, 254;
--spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
--spectrum-purple-1100-rgb: 228, 204, 254;
--spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
--spectrum-purple-1200-rgb: 239, 223, 255;
--spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
--spectrum-purple-1300-rgb: 249, 240, 255;
--spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
--spectrum-purple-1400-rgb: 255, 253, 255;
--spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
--spectrum-fuchsia-100-rgb: 107, 3, 106;
--spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
--spectrum-fuchsia-200-rgb: 123, 0, 123;
--spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
--spectrum-fuchsia-300-rgb: 144, 0, 145;
--spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
--spectrum-fuchsia-400-rgb: 165, 13, 166;
--spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
--spectrum-fuchsia-500-rgb: 185, 37, 185;
--spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
--spectrum-fuchsia-600-rgb: 205, 57, 206;
--spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
--spectrum-fuchsia-700-rgb: 223, 81, 224;
--spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
--spectrum-fuchsia-800-rgb: 235, 110, 236;
--spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
--spectrum-fuchsia-900-rgb: 244, 140, 242;
--spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
--spectrum-fuchsia-1000-rgb: 250, 168, 245;
--spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
--spectrum-fuchsia-1100-rgb: 254, 194, 248;
--spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
--spectrum-fuchsia-1200-rgb: 255, 219, 250;
--spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
--spectrum-fuchsia-1300-rgb: 255, 239, 252;
--spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
--spectrum-fuchsia-1400-rgb: 255, 253, 255;
--spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
--spectrum-magenta-100-rgb: 118, 0, 58;
--spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
--spectrum-magenta-200-rgb: 137, 0, 66;
--spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
--spectrum-magenta-300-rgb: 160, 0, 77;
--spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
--spectrum-magenta-400-rgb: 182, 18, 90;
--spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
--spectrum-magenta-500-rgb: 203, 38, 109;
--spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
--spectrum-magenta-600-rgb: 222, 61, 130;
--spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
--spectrum-magenta-700-rgb: 237, 87, 149;
--spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
--spectrum-magenta-800-rgb: 249, 114, 167;
--spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
--spectrum-magenta-900-rgb: 255, 143, 185;
--spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
--spectrum-magenta-1000-rgb: 255, 172, 202;
--spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
--spectrum-magenta-1100-rgb: 255, 198, 218;
--spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
--spectrum-magenta-1200-rgb: 255, 221, 233;
--spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
--spectrum-magenta-1300-rgb: 255, 240, 245;
--spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
--spectrum-magenta-1400-rgb: 255, 252, 253;
--spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
--spectrum-icon-color-blue-primary-default: var(--spectrum-blue-800);
--spectrum-icon-color-green-primary-default: var(--spectrum-green-800);
--spectrum-icon-color-red-primary-default: var(--spectrum-red-700);
--spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-1000);
}
.dna-applet .spectrum--darkest {
--spectrum-overlay-opacity: 0.6;
--spectrum-drop-shadow-color-rgb: 0, 0, 0;
--spectrum-drop-shadow-color-opacity: 0.8;
--spectrum-drop-shadow-color: rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
--spectrum-background-base-color: var(--spectrum-gray-50);
--spectrum-background-layer-1-color: var(--spectrum-gray-75);
--spectrum-background-layer-2-color: var(--spectrum-gray-100);
--spectrum-neutral-background-color-default: var(--spectrum-gray-400);
--spectrum-neutral-background-color-hover: var(--spectrum-gray-300);
--spectrum-neutral-background-color-down: var(--spectrum-gray-200);
--spectrum-neutral-background-color-key-focus: var(--spectrum-gray-300);
--spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-400);
--spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-300);
--spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-200);
--spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-300);
--spectrum-accent-background-color-default: var(--spectrum-accent-color-600);
--spectrum-accent-background-color-hover: var(--spectrum-accent-color-500);
--spectrum-accent-background-color-down: var(--spectrum-accent-color-400);
--spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-500);
--spectrum-informative-background-color-default: var(--spectrum-informative-color-600);
--spectrum-informative-background-color-hover: var(--spectrum-informative-color-500);
--spectrum-informative-background-color-down: var(--spectrum-informative-color-400);
--spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-500);
--spectrum-negative-background-color-default: var(--spectrum-negative-color-600);
--spectrum-negative-background-color-hover: var(--spectrum-negative-color-500);
--spectrum-negative-background-color-down: var(--spectrum-negative-color-400);
--spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-500);
--spectrum-positive-background-color-default: var(--spectrum-positive-color-600);
--spectrum-positive-background-color-hover: var(--spectrum-positive-color-500);
--spectrum-positive-background-color-down: var(--spectrum-positive-color-400);
--spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-500);
--spectrum-notice-background-color-default: var(--spectrum-notice-color-800);
--spectrum-gray-background-color-default: var(--spectrum-gray-700);
--spectrum-red-background-color-default: var(--spectrum-red-700);
--spectrum-orange-background-color-default: var(--spectrum-orange-800);
--spectrum-yellow-background-color-default: var(--spectrum-yellow-1000);
--spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-900);
--spectrum-celery-background-color-default: var(--spectrum-celery-800);
--spectrum-green-background-color-default: var(--spectrum-green-700);
--spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700);
--spectrum-cyan-background-color-default: var(--spectrum-cyan-700);
--spectrum-blue-background-color-default: var(--spectrum-blue-700);
--spectrum-indigo-background-color-default: var(--spectrum-indigo-700);
--spectrum-purple-background-color-default: var(--spectrum-purple-700);
--spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700);
--spectrum-magenta-background-color-default: var(--spectrum-magenta-700);
--spectrum-neutral-visual-color: var(--spectrum-gray-600);
--spectrum-accent-visual-color: var(--spectrum-accent-color-900);
--spectrum-informative-visual-color: var(--spectrum-informative-color-900);
--spectrum-negative-visual-color: var(--spectrum-negative-color-700);
--spectrum-notice-visual-color: var(--spectrum-notice-color-900);
--spectrum-positive-visual-color: var(--spectrum-positive-color-800);
--spectrum-gray-visual-color: var(--spectrum-gray-600);
--spectrum-red-visual-color: var(--spectrum-red-700);
--spectrum-orange-visual-color: var(--spectrum-orange-900);
--spectrum-yellow-visual-color: var(--spectrum-yellow-1100);
--spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900);
--spectrum-celery-visual-color: var(--spectrum-celery-800);
--spectrum-green-visual-color: var(--spectrum-green-800);
--spectrum-seafoam-visual-color: var(--spectrum-seafoam-800);
--spectrum-cyan-visual-color: var(--spectrum-cyan-900);
--spectrum-blue-visual-color: var(--spectrum-blue-900);
--spectrum-indigo-visual-color: var(--spectrum-indigo-900);
--spectrum-purple-visual-color: var(--spectrum-purple-900);
--spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900);
--spectrum-magenta-visual-color: var(--spectrum-magenta-900);
--spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-800);
--spectrum-gray-50-rgb: 0, 0, 0;
--spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
--spectrum-gray-75-rgb: 14, 14, 14;
--spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
--spectrum-gray-100-rgb: 29, 29, 29;
--spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
--spectrum-gray-200-rgb: 48, 48, 48;
--spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
--spectrum-gray-300-rgb: 75, 75, 75;
--spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
--spectrum-gray-400-rgb: 106, 106, 106;
--spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
--spectrum-gray-500-rgb: 141, 141, 141;
--spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
--spectrum-gray-600-rgb: 176, 176, 176;
--spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
--spectrum-gray-700-rgb: 208, 208, 208;
--spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
--spectrum-gray-800-rgb: 235, 235, 235;
--spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
--spectrum-gray-900-rgb: 255, 255, 255;
--spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
--spectrum-blue-100-rgb: 0, 38, 81;
--spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
--spectrum-blue-200-rgb: 0, 50, 106;
--spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
--spectrum-blue-300-rgb: 0, 64, 135;
--spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
--spectrum-blue-400-rgb: 0, 78, 166;
--spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
--spectrum-blue-500-rgb: 0, 92, 200;
--spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
--spectrum-blue-600-rgb: 6, 108, 231;
--spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
--spectrum-blue-700-rgb: 29, 128, 245;
--spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
--spectrum-blue-800-rgb: 64, 150, 243;
--spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
--spectrum-blue-900-rgb: 94, 170, 247;
--spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
--spectrum-blue-1000-rgb: 124, 189, 250;
--spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
--spectrum-blue-1100-rgb: 152, 206, 253;
--spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
--spectrum-blue-1200-rgb: 179, 222, 254;
--spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
--spectrum-blue-1300-rgb: 206, 234, 255;
--spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
--spectrum-blue-1400-rgb: 227, 243, 255;
--spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
--spectrum-red-100-rgb: 87, 0, 0;
--spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
--spectrum-red-200-rgb: 110, 0, 0;
--spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
--spectrum-red-300-rgb: 138, 0, 0;
--spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
--spectrum-red-400-rgb: 167, 0, 0;
--spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
--spectrum-red-500-rgb: 196, 7, 6;
--spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
--spectrum-red-600-rgb: 221, 33, 24;
--spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
--spectrum-red-700-rgb: 238, 67, 49;
--spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
--spectrum-red-800-rgb: 249, 99, 76;
--spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
--spectrum-red-900-rgb: 255, 129, 107;
--spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
--spectrum-red-1000-rgb: 255, 158, 140;
--spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
--spectrum-red-1100-rgb: 255, 183, 169;
--spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
--spectrum-red-1200-rgb: 255, 205, 195;
--spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
--spectrum-red-1300-rgb: 255, 223, 217;
--spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
--spectrum-red-1400-rgb: 255, 237, 234;
--spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
--spectrum-orange-100-rgb: 72, 24, 1;
--spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
--spectrum-orange-200-rgb: 92, 32, 0;
--spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
--spectrum-orange-300-rgb: 115, 43, 0;
--spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
--spectrum-orange-400-rgb: 138, 55, 0;
--spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
--spectrum-orange-500-rgb: 162, 68, 0;
--spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
--spectrum-orange-600-rgb: 186, 82, 0;
--spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
--spectrum-orange-700-rgb: 210, 98, 0;
--spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
--spectrum-orange-800-rgb: 232, 116, 0;
--spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
--spectrum-orange-900-rgb: 249, 137, 23;
--spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
--spectrum-orange-1000-rgb: 255, 162, 59;
--spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
--spectrum-orange-1100-rgb: 255, 188, 102;
--spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
--spectrum-orange-1200-rgb: 253, 210, 145;
--spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
--spectrum-orange-1300-rgb: 255, 226, 181;
--spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
--spectrum-orange-1400-rgb: 255, 239, 213;
--spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
--spectrum-yellow-100-rgb: 53, 36, 0;
--spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
--spectrum-yellow-200-rgb: 68, 47, 0;
--spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
--spectrum-yellow-300-rgb: 86, 62, 0;
--spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
--spectrum-yellow-400-rgb: 103, 77, 0;
--spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
--spectrum-yellow-500-rgb: 122, 92, 0;
--spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
--spectrum-yellow-600-rgb: 141, 108, 0;
--spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
--spectrum-yellow-700-rgb: 161, 126, 0;
--spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
--spectrum-yellow-800-rgb: 180, 144, 0;
--spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
--spectrum-yellow-900-rgb: 199, 162, 0;
--spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
--spectrum-yellow-1000-rgb: 216, 181, 0;
--spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
--spectrum-yellow-1100-rgb: 233, 199, 0;
--spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
--spectrum-yellow-1200-rgb: 247, 216, 4;
--spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
--spectrum-yellow-1300-rgb: 249, 233, 97;
--spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
--spectrum-yellow-1400-rgb: 252, 243, 170;
--spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
--spectrum-chartreuse-100-rgb: 32, 43, 0;
--spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
--spectrum-chartreuse-200-rgb: 42, 56, 0;
--spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
--spectrum-chartreuse-300-rgb: 54, 72, 0;
--spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
--spectrum-chartreuse-400-rgb: 66, 88, 0;
--spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
--spectrum-chartreuse-500-rgb: 79, 105, 0;
--spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
--spectrum-chartreuse-600-rgb: 93, 123, 0;
--spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
--spectrum-chartreuse-700-rgb: 107, 142, 0;
--spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
--spectrum-chartreuse-800-rgb: 122, 161, 0;
--spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
--spectrum-chartreuse-900-rgb: 138, 180, 3;
--spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
--spectrum-chartreuse-1000-rgb: 154, 198, 11;
--spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
--spectrum-chartreuse-1100-rgb: 170, 216, 22;
--spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
--spectrum-chartreuse-1200-rgb: 187, 232, 41;
--spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
--spectrum-chartreuse-1300-rgb: 205, 246, 72;
--spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
--spectrum-chartreuse-1400-rgb: 225, 253, 132;
--spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
--spectrum-celery-100-rgb: 0, 47, 7;
--spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
--spectrum-celery-200-rgb: 0, 61, 9;
--spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
--spectrum-celery-300-rgb: 0, 77, 12;
--spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
--spectrum-celery-400-rgb: 0, 95, 15;
--spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
--spectrum-celery-500-rgb: 0, 113, 15;
--spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
--spectrum-celery-600-rgb: 0, 132, 15;
--spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
--spectrum-celery-700-rgb: 0, 151, 20;
--spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
--spectrum-celery-800-rgb: 13, 171, 37;
--spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
--spectrum-celery-900-rgb: 45, 191, 58;
--spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
--spectrum-celery-1000-rgb: 80, 208, 82;
--spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
--spectrum-celery-1100-rgb: 115, 224, 107;
--spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
--spectrum-celery-1200-rgb: 147, 237, 131;
--spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
--spectrum-celery-1300-rgb: 180, 247, 162;
--spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
--spectrum-celery-1400-rgb: 213, 252, 202;
--spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
--spectrum-green-100-rgb: 10, 44, 28;
--spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
--spectrum-green-200-rgb: 7, 59, 36;
--spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
--spectrum-green-300-rgb: 0, 76, 46;
--spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
--spectrum-green-400-rgb: 0, 93, 57;
--spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
--spectrum-green-500-rgb: 0, 111, 69;
--spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
--spectrum-green-600-rgb: 0, 130, 82;
--spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
--spectrum-green-700-rgb: 0, 149, 98;
--spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
--spectrum-green-800-rgb: 28, 168, 114;
--spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
--spectrum-green-900-rgb: 52, 187, 132;
--spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
--spectrum-green-1000-rgb: 75, 205, 149;
--spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
--spectrum-green-1100-rgb: 103, 222, 168;
--spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
--spectrum-green-1200-rgb: 137, 236, 188;
--spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
--spectrum-green-1300-rgb: 177, 244, 209;
--spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
--spectrum-green-1400-rgb: 214, 249, 228;
--spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
--spectrum-seafoam-100-rgb: 18, 43, 42;
--spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
--spectrum-seafoam-200-rgb: 19, 57, 55;
--spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
--spectrum-seafoam-300-rgb: 16, 73, 70;
--spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
--spectrum-seafoam-400-rgb: 3, 91, 88;
--spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
--spectrum-seafoam-500-rgb: 0, 108, 104;
--spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
--spectrum-seafoam-600-rgb: 0, 127, 121;
--spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
--spectrum-seafoam-700-rgb: 0, 146, 140;
--spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
--spectrum-seafoam-800-rgb: 0, 165, 159;
--spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
--spectrum-seafoam-900-rgb: 26, 185, 178;
--spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
--spectrum-seafoam-1000-rgb: 66, 202, 195;
--spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
--spectrum-seafoam-1100-rgb: 102, 218, 211;
--spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
--spectrum-seafoam-1200-rgb: 139, 232, 225;
--spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
--spectrum-seafoam-1300-rgb: 179, 242, 237;
--spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
--spectrum-seafoam-1400-rgb: 215, 248, 244;
--spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
--spectrum-cyan-100-rgb: 0, 41, 68;
--spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
--spectrum-cyan-200-rgb: 0, 54, 88;
--spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
--spectrum-cyan-300-rgb: 0, 69, 108;
--spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
--spectrum-cyan-400-rgb: 0, 86, 128;
--spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
--spectrum-cyan-500-rgb: 0, 103, 147;
--spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
--spectrum-cyan-600-rgb: 0, 121, 167;
--spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
--spectrum-cyan-700-rgb: 0, 140, 186;
--spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
--spectrum-cyan-800-rgb: 4, 160, 205;
--spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
--spectrum-cyan-900-rgb: 23, 180, 221;
--spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
--spectrum-cyan-1000-rgb: 57, 199, 234;
--spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
--spectrum-cyan-1100-rgb: 96, 216, 243;
--spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
--spectrum-cyan-1200-rgb: 134, 230, 250;
--spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
--spectrum-cyan-1300-rgb: 170, 242, 255;
--spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
--spectrum-cyan-1400-rgb: 206, 249, 255;
--spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
--spectrum-indigo-100-rgb: 26, 29, 97;
--spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
--spectrum-indigo-200-rgb: 35, 39, 125;
--spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
--spectrum-indigo-300-rgb: 46, 50, 158;
--spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
--spectrum-indigo-400-rgb: 58, 63, 189;
--spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
--spectrum-indigo-500-rgb: 73, 78, 216;
--spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
--spectrum-indigo-600-rgb: 90, 96, 235;
--spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
--spectrum-indigo-700-rgb: 110, 115, 246;
--spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
--spectrum-indigo-800-rgb: 132, 136, 253;
--spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
--spectrum-indigo-900-rgb: 153, 157, 255;
--spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
--spectrum-indigo-1000-rgb: 174, 177, 255;
--spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
--spectrum-indigo-1100-rgb: 194, 196, 255;
--spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
--spectrum-indigo-1200-rgb: 212, 213, 255;
--spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
--spectrum-indigo-1300-rgb: 227, 228, 255;
--spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
--spectrum-indigo-1400-rgb: 240, 240, 255;
--spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
--spectrum-purple-100-rgb: 50, 16, 104;
--spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
--spectrum-purple-200-rgb: 67, 13, 140;
--spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
--spectrum-purple-300-rgb: 86, 16, 173;
--spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
--spectrum-purple-400-rgb: 106, 29, 200;
--spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
--spectrum-purple-500-rgb: 126, 49, 222;
--spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
--spectrum-purple-600-rgb: 145, 70, 236;
--spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
--spectrum-purple-700-rgb: 162, 94, 246;
--spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
--spectrum-purple-800-rgb: 178, 119, 250;
--spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
--spectrum-purple-900-rgb: 192, 143, 252;
--spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
--spectrum-purple-1000-rgb: 206, 166, 253;
--spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
--spectrum-purple-1100-rgb: 219, 188, 254;
--spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
--spectrum-purple-1200-rgb: 230, 207, 255;
--spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
--spectrum-purple-1300-rgb: 240, 224, 255;
--spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
--spectrum-purple-1400-rgb: 248, 237, 255;
--spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
--spectrum-fuchsia-100-rgb: 70, 14, 68;
--spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
--spectrum-fuchsia-200-rgb: 93, 9, 92;
--spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
--spectrum-fuchsia-300-rgb: 120, 0, 120;
--spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
--spectrum-fuchsia-400-rgb: 146, 0, 147;
--spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
--spectrum-fuchsia-500-rgb: 169, 19, 170;
--spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
--spectrum-fuchsia-600-rgb: 191, 43, 191;
--spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
--spectrum-fuchsia-700-rgb: 211, 65, 213;
--spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
--spectrum-fuchsia-800-rgb: 228, 91, 229;
--spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
--spectrum-fuchsia-900-rgb: 239, 120, 238;
--spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
--spectrum-fuchsia-1000-rgb: 246, 149, 243;
--spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
--spectrum-fuchsia-1100-rgb: 251, 175, 246;
--spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
--spectrum-fuchsia-1200-rgb: 254, 199, 248;
--spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
--spectrum-fuchsia-1300-rgb: 255, 220, 250;
--spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
--spectrum-fuchsia-1400-rgb: 255, 235, 252;
--spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
--spectrum-magenta-100-rgb: 83, 3, 41;
--spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
--spectrum-magenta-200-rgb: 106, 0, 52;
--spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
--spectrum-magenta-300-rgb: 133, 0, 65;
--spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
--spectrum-magenta-400-rgb: 161, 0, 78;
--spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
--spectrum-magenta-500-rgb: 186, 22, 93;
--spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
--spectrum-magenta-600-rgb: 209, 43, 114;
--spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
--spectrum-magenta-700-rgb: 227, 69, 137;
--spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
--spectrum-magenta-800-rgb: 241, 97, 156;
--spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
--spectrum-magenta-900-rgb: 252, 124, 173;
--spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
--spectrum-magenta-1000-rgb: 255, 152, 191;
--spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
--spectrum-magenta-1100-rgb: 255, 179, 207;
--spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
--spectrum-magenta-1200-rgb: 255, 202, 221;
--spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
--spectrum-magenta-1300-rgb: 255, 221, 233;
--spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
--spectrum-magenta-1400-rgb: 255, 236, 243;
--spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
--spectrum-icon-color-blue-primary-default: var(--spectrum-blue-800);
--spectrum-icon-color-green-primary-default: var(--spectrum-green-800);
--spectrum-icon-color-red-primary-default: var(--spectrum-red-700);
--spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-1000);
}
.dna-applet .spectrum {
--spectrum-focus-indicator-color: var(--spectrum-blue-800);
--spectrum-static-white-focus-indicator-color: var(--spectrum-white);
--spectrum-static-black-focus-indicator-color: var(--spectrum-black);
--spectrum-overlay-color: var(--spectrum-black);
--spectrum-opacity-disabled: 0.3;
--spectrum-neutral-subdued-content-color-selected: var(--spectrum-neutral-subdued-content-color-down);
--spectrum-accent-content-color-selected: var(--spectrum-accent-content-color-down);
--spectrum-disabled-background-color: var(--spectrum-gray-200);
--spectrum-disabled-static-white-background-color: var(--spectrum-transparent-white-200);
--spectrum-disabled-static-black-background-color: var(--spectrum-transparent-black-200);
--spectrum-background-opacity-default: 0;
--spectrum-background-opacity-hover: 0.1;
--spectrum-background-opacity-down: 0.1;
--spectrum-background-opacity-key-focus: 0.1;
--spectrum-neutral-content-color-default: var(--spectrum-gray-800);
--spectrum-neutral-content-color-hover: var(--spectrum-gray-900);
--spectrum-neutral-content-color-down: var(--spectrum-gray-900);
--spectrum-neutral-content-color-focus-hover: var(--spectrum-neutral-content-color-down);
--spectrum-neutral-content-color-focus: var(--spectrum-neutral-content-color-down);
--spectrum-neutral-content-color-key-focus: var(--spectrum-gray-900);
--spectrum-neutral-subdued-content-color-default: var(--spectrum-gray-700);
--spectrum-neutral-subdued-content-color-hover: var(--spectrum-gray-800);
--spectrum-neutral-subdued-content-color-down: var(--spectrum-gray-900);
--spectrum-neutral-subdued-content-color-key-focus: var(--spectrum-gray-800);
--spectrum-accent-content-color-default: var(--spectrum-accent-color-900);
--spectrum-accent-content-color-hover: var(--spectrum-accent-color-1000);
--spectrum-accent-content-color-down: var(--spectrum-accent-color-1100);
--spectrum-accent-content-color-key-focus: var(--spectrum-accent-color-1000);
--spectrum-negative-content-color-default: var(--spectrum-negative-color-900);
--spectrum-negative-content-color-hover: var(--spectrum-negative-color-1000);
--spectrum-negative-content-color-down: var(--spectrum-negative-color-1100);
--spectrum-negative-content-color-key-focus: var(--spectrum-negative-color-1000);
--spectrum-disabled-content-color: var(--spectrum-gray-400);
--spectrum-disabled-static-white-content-color: var(--spectrum-transparent-white-500);
--spectrum-disabled-static-black-content-color: var(--spectrum-transparent-black-500);
--spectrum-disabled-border-color: var(--spectrum-gray-300);
--spectrum-disabled-static-white-border-color: var(--spectrum-transparent-white-300);
--spectrum-disabled-static-black-border-color: var(--spectrum-transparent-black-300);
--spectrum-negative-border-color-default: var(--spectrum-negative-color-900);
--spectrum-negative-border-color-hover: var(--spectrum-negative-color-1000);
--spectrum-negative-border-color-down: var(--spectrum-negative-color-1100);
--spectrum-negative-border-color-focus-hover: var(--spectrum-negative-border-color-down);
--spectrum-negative-border-color-focus: var(--spectrum-negative-color-1000);
--spectrum-negative-border-color-key-focus: var(--spectrum-negative-color-1000);
--spectrum-swatch-border-color: var(--spectrum-gray-900);
--spectrum-swatch-border-opacity: 0.51;
--spectrum-swatch-disabled-icon-border-color: var(--spectrum-black);
--spectrum-swatch-disabled-icon-border-opacity: 0.51;
--spectrum-thumbnail-border-color: var(--spectrum-gray-800);
--spectrum-thumbnail-border-opacity: 0.1;
--spectrum-thumbnail-opacity-disabled: var(--spectrum-opacity-disabled);
--spectrum-opacity-checkerboard-square-light: var(--spectrum-white);
--spectrum-avatar-opacity-disabled: var(--spectrum-opacity-disabled);
--spectrum-color-area-border-color: var(--spectrum-gray-900);
--spectrum-color-area-border-opacity: 0.1;
--spectrum-color-slider-border-color: var(--spectrum-gray-900);
--spectrum-color-slider-border-opacity: 0.1;
--spectrum-color-loupe-drop-shadow-color: var(--spectrum-transparent-black-300);
--spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200);
--spectrum-color-loupe-outer-border: var(--spectrum-white);
--spectrum-card-selection-background-color: var(--spectrum-gray-100);
--spectrum-card-selection-background-color-opacity: 0.95;
--spectrum-drop-zone-background-color: var(--spectrum-accent-visual-color);
--spectrum-drop-zone-background-color-opacity: 0.1;
--spectrum-drop-zone-background-color-opacity-filled: 0.3;
--spectrum-coach-mark-pagination-color: var(--spectrum-gray-600);
--spectrum-color-handle-inner-border-color: var(--spectrum-black);
--spectrum-color-handle-inner-border-opacity: 0.42;
--spectrum-color-handle-outer-border-color: var(--spectrum-black);
--spectrum-color-handle-outer-border-opacity: var(--spectrum-color-handle-inner-border-opacity);
--spectrum-color-handle-drop-shadow-color: var(--spectrum-drop-shadow-color);
--spectrum-floating-action-button-drop-shadow-color: var(--spectrum-transparent-black-300);
--spectrum-floating-action-button-shadow-color: var(--spectrum-floating-action-button-drop-shadow-color);
--spectrum-table-row-hover-color: var(--spectrum-gray-900);
--spectrum-table-row-hover-opacity: 0.07;
--spectrum-table-selected-row-background-color: var(--spectrum-informative-background-color-default);
--spectrum-table-selected-row-background-opacity: 0.1;
--spectrum-table-selected-row-background-color-non-emphasized: var(--spectrum-neutral-background-color-selected-default);
--spectrum-table-selected-row-background-opacity-non-emphasized: 0.1;
--spectrum-table-row-down-opacity: 0.1;
--spectrum-table-selected-row-background-opacity-hover: 0.15;
--spectrum-table-selected-row-background-opacity-non-emphasized-hover: 0.15;
--spectrum-white-rgb: 255, 255, 255;
--spectrum-white: rgba(var(--spectrum-white-rgb));
--spectrum-transparent-white-100-rgb: 255, 255, 255;
--spectrum-transparent-white-100-opacity: 0;
--spectrum-transparent-white-100: rgba(var(--spectrum-transparent-white-100-rgb), var(--spectrum-transparent-white-100-opacity));
--spectrum-transparent-white-200-rgb: 255, 255, 255;
--spectrum-transparent-white-200-opacity: 0.1;
--spectrum-transparent-white-200: rgba(var(--spectrum-transparent-white-200-rgb), var(--spectrum-transparent-white-200-opacity));
--spectrum-transparent-white-300-rgb: 255, 255, 255;
--spectrum-transparent-white-300-opacity: 0.25;
--spectrum-transparent-white-300: rgba(var(--spectrum-transparent-white-300-rgb), var(--spectrum-transparent-white-300-opacity));
--spectrum-transparent-white-400-rgb: 255, 255, 255;
--spectrum-transparent-white-400-opacity: 0.4;
--spectrum-transparent-white-400: rgba(var(--spectrum-transparent-white-400-rgb), var(--spectrum-transparent-white-400-opacity));
--spectrum-transparent-white-500-rgb: 255, 255, 255;
--spectrum-transparent-white-500-opacity: 0.55;
--spectrum-transparent-white-500: rgba(var(--spectrum-transparent-white-500-rgb), var(--spectrum-transparent-white-500-opacity));
--spectrum-transparent-white-600-rgb: 255, 255, 255;
--spectrum-transparent-white-600-opacity: 0.7;
--spectrum-transparent-white-600: rgba(var(--spectrum-transparent-white-600-rgb), var(--spectrum-transparent-white-600-opacity));
--spectrum-transparent-white-700-rgb: 255, 255, 255;
--spectrum-transparent-white-700-opacity: 0.8;
--spectrum-transparent-white-700: rgba(var(--spectrum-transparent-white-700-rgb), var(--spectrum-transparent-white-700-opacity));
--spectrum-transparent-white-800-rgb: 255, 255, 255;
--spectrum-transparent-white-800-opacity: 0.9;
--spectrum-transparent-white-800: rgba(var(--spectrum-transparent-white-800-rgb), var(--spectrum-transparent-white-800-opacity));
--spectrum-transparent-white-900-rgb: 255, 255, 255;
--spectrum-transparent-white-900: rgba(var(--spectrum-transparent-white-900-rgb));
--spectrum-black-rgb: 0, 0, 0;
--spectrum-black: rgba(var(--spectrum-black-rgb));
--spectrum-transparent-black-100-rgb: 0, 0, 0;
--spectrum-transparent-black-100-opacity: 0;
--spectrum-transparent-black-100: rgba(var(--spectrum-transparent-black-100-rgb), var(--spectrum-transparent-black-100-opacity));
--spectrum-transparent-black-200-rgb: 0, 0, 0;
--spectrum-transparent-black-200-opacity: 0.1;
--spectrum-transparent-black-200: rgba(var(--spectrum-transparent-black-200-rgb), var(--spectrum-transparent-black-200-opacity));
--spectrum-transparent-black-300-rgb: 0, 0, 0;
--spectrum-transparent-black-300-opacity: 0.25;
--spectrum-transparent-black-300: rgba(var(--spectrum-transparent-black-300-rgb), var(--spectrum-transparent-black-300-opacity));
--spectrum-transparent-black-400-rgb: 0, 0, 0;
--spectrum-transparent-black-400-opacity: 0.4;
--spectrum-transparent-black-400: rgba(var(--spectrum-transparent-black-400-rgb), var(--spectrum-transparent-black-400-opacity));
--spectrum-transparent-black-500-rgb: 0, 0, 0;
--spectrum-transparent-black-500-opacity: 0.55;
--spectrum-transparent-black-500: rgba(var(--spectrum-transparent-black-500-rgb), var(--spectrum-transparent-black-500-opacity));
--spectrum-transparent-black-600-rgb: 0, 0, 0;
--spectrum-transparent-black-600-opacity: 0.7;
--spectrum-transparent-black-600: rgba(var(--spectrum-transparent-black-600-rgb), var(--spectrum-transparent-black-600-opacity));
--spectrum-transparent-black-700-rgb: 0, 0, 0;
--spectrum-transparent-black-700-opacity: 0.8;
--spectrum-transparent-black-700: rgba(var(--spectrum-transparent-black-700-rgb), var(--spectrum-transparent-black-700-opacity));
--spectrum-transparent-black-800-rgb: 0, 0, 0;
--spectrum-transparent-black-800-opacity: 0.9;
--spectrum-transparent-black-800: rgba(var(--spectrum-transparent-black-800-rgb), var(--spectrum-transparent-black-800-opacity));
--spectrum-transparent-black-900-rgb: 0, 0, 0;
--spectrum-transparent-black-900: rgba(var(--spectrum-transparent-black-900-rgb));
--spectrum-icon-color-inverse: var(--spectrum-gray-50);
--spectrum-icon-color-primary-default: var(--spectrum-neutral-content-color-default);
--spectrum-asterisk-icon-size-75: 8px;
--spectrum-radio-button-selection-indicator: 4px;
--spectrum-field-label-top-margin-small: 0px;
--spectrum-field-label-to-component: 0px;
--spectrum-help-text-to-component: 0px;
--spectrum-status-light-dot-size-small: 8px;
--spectrum-action-button-edge-to-hold-icon-extra-small: 3px;
--spectrum-action-button-edge-to-hold-icon-small: 3px;
--spectrum-button-minimum-width-multiplier: 2.25;
--spectrum-divider-thickness-small: 1px;
--spectrum-divider-thickness-medium: 2px;
--spectrum-divider-thickness-large: 4px;
--spectrum-swatch-rectangle-width-multiplier: 2;
--spectrum-swatch-slash-thickness-extra-small: 2px;
--spectrum-swatch-slash-thickness-small: 3px;
--spectrum-swatch-slash-thickness-medium: 4px;
--spectrum-swatch-slash-thickness-large: 5px;
--spectrum-progress-bar-minimum-width: 48px;
--spectrum-progress-bar-maximum-width: 768px;
--spectrum-meter-minimum-width: 48px;
--spectrum-meter-maximum-width: 768px;
--spectrum-meter-default-width: var(--spectrum-meter-width);
--spectrum-in-line-alert-minimum-width: 240px;
--spectrum-popover-tip-width: 16px;
--spectrum-popover-tip-height: 8px;
--spectrum-menu-item-label-to-description: 1px;
--spectrum-menu-item-section-divider-height: 8px;
--spectrum-picker-minimum-width-multiplier: 2;
--spectrum-picker-end-edge-to-disclousure-icon-quiet: var(--spectrum-picker-end-edge-to-disclosure-icon-quiet);
--spectrum-picker-end-edge-to-disclosure-icon-quiet: 0px;
--spectrum-text-field-minimum-width-multiplier: 1.5;
--spectrum-combo-box-minimum-width-multiplier: 2.5;
--spectrum-combo-box-quiet-minimum-width-multiplier: 2;
--spectrum-combo-box-visual-to-field-button-quiet: 0px;
--spectrum-alert-dialog-minimum-width: 288px;
--spectrum-alert-dialog-maximum-width: 480px;
--spectrum-contextual-help-minimum-width: 268px;
--spectrum-breadcrumbs-height: var(--spectrum-component-height-300);
--spectrum-breadcrumbs-height-compact: var(--spectrum-component-height-200);
--spectrum-breadcrumbs-end-edge-to-text: 0px;
--spectrum-breadcrumbs-truncated-menu-to-separator-icon: 0px;
--spectrum-breadcrumbs-start-edge-to-truncated-menu: 0px;
--spectrum-breadcrumbs-truncated-menu-to-bottom-text: 0px;
--spectrum-alert-banner-to-top-workflow-icon: var(--spectrum-alert-banner-top-to-workflow-icon);
--spectrum-alert-banner-to-top-text: var(--spectrum-alert-banner-top-to-text);
--spectrum-alert-banner-to-bottom-text: var(--spectrum-alert-banner-bottom-to-text);
--spectrum-color-area-border-width: var(--spectrum-border-width-100);
--spectrum-color-area-border-rounding: var(--spectrum-corner-radius-100);
--spectrum-color-wheel-color-area-margin: 12px;
--spectrum-color-slider-border-width: 1px;
--spectrum-color-slider-border-rounding: 4px;
--spectrum-floating-action-button-drop-shadow-blur: 12px;
--spectrum-floating-action-button-drop-shadow-y: 4px;
--spectrum-illustrated-message-maximum-width: 380px;
--spectrum-search-field-minimum-width-multiplier: 3;
--spectrum-color-loupe-height: 64px;
--spectrum-color-loupe-width: 48px;
--spectrum-color-loupe-bottom-to-color-handle: 12px;
--spectrum-color-loupe-outer-border-width: var(--spectrum-border-width-200);
--spectrum-color-loupe-inner-border-width: 1px;
--spectrum-color-loupe-drop-shadow-y: 2px;
--spectrum-color-loupe-drop-shadow-blur: 8px;
--spectrum-card-minimum-width: 100px;
--spectrum-card-preview-minimum-height: 130px;
--spectrum-card-selection-background-size: 40px;
--spectrum-drop-zone-width: 428px;
--spectrum-drop-zone-content-maximum-width: var(--spectrum-illustrated-message-maximum-width);
--spectrum-drop-zone-border-dash-length: 8px;
--spectrum-drop-zone-border-dash-gap: 4px;
--spectrum-drop-zone-title-size: var(--spectrum-illustrated-message-title-size);
--spectrum-drop-zone-cjk-title-size: var(--spectrum-illustrated-message-cjk-title-size);
--spectrum-drop-zone-body-size: var(--spectrum-illustrated-message-body-size);
--spectrum-accordion-top-to-text-compact-small: 2px;
--spectrum-accordion-top-to-text-compact-medium: 4px;
--spectrum-accordion-disclosure-indicator-to-text: 0px;
--spectrum-accordion-edge-to-disclosure-indicator: 0px;
--spectrum-accordion-edge-to-text: 0px;
--spectrum-accordion-focus-indicator-gap: 0px;
--spectrum-color-handle-border-width: var(--spectrum-border-width-200);
--spectrum-color-handle-inner-border-width: 1px;
--spectrum-color-handle-outer-border-width: 1px;
--spectrum-color-handle-drop-shadow-x: 0;
--spectrum-color-handle-drop-shadow-y: 0;
--spectrum-color-handle-drop-shadow-blur: 0;
--spectrum-table-row-height-small-compact: var(--spectrum-component-height-75);
--spectrum-table-row-height-medium-compact: var(--spectrum-component-height-100);
--spectrum-table-row-height-large-compact: var(--spectrum-component-height-200);
--spectrum-table-row-height-extra-large-compact: var(--spectrum-component-height-300);
--spectrum-table-row-top-to-text-small-compact: var(--spectrum-component-top-to-text-75);
--spectrum-table-row-top-to-text-medium-compact: var(--spectrum-component-top-to-text-100);
--spectrum-table-row-top-to-text-large-compact: var(--spectrum-component-top-to-text-200);
--spectrum-table-row-top-to-text-extra-large-compact: var(--spectrum-component-top-to-text-300);
--spectrum-table-row-bottom-to-text-small-compact: var(--spectrum-component-bottom-to-text-75);
--spectrum-table-row-bottom-to-text-medium-compact: var(--spectrum-component-bottom-to-text-100);
--spectrum-table-row-bottom-to-text-large-compact: var(--spectrum-component-bottom-to-text-200);
--spectrum-table-row-bottom-to-text-extra-large-compact: var(--spectrum-component-bottom-to-text-300);
--spectrum-table-edge-to-content: 16px;
--spectrum-table-border-divider-width: 1px;
--spectrum-tab-item-height-small: var(--spectrum-component-height-200);
--spectrum-tab-item-height-medium: var(--spectrum-component-height-300);
--spectrum-tab-item-height-large: var(--spectrum-component-height-400);
--spectrum-tab-item-height-extra-large: var(--spectrum-component-height-500);
--spectrum-tab-item-compact-height-small: var(--spectrum-component-height-75);
--spectrum-tab-item-compact-height-medium: var(--spectrum-component-height-100);
--spectrum-tab-item-compact-height-large: var(--spectrum-component-height-200);
--spectrum-tab-item-compact-height-extra-large: var(--spectrum-component-height-300);
--spectrum-tab-item-start-to-edge-quiet: 0px;
--spectrum-in-field-button-width-stacked-small: 20px;
--spectrum-in-field-button-width-stacked-medium: 28px;
--spectrum-in-field-button-width-stacked-large: 36px;
--spectrum-in-field-button-width-stacked-extra-large: 44px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small: 7px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium: 9px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large: 13px;
--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large: 16px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small: 3px;
--spectrum-android-elevation: 2dp;
--spectrum-spacing-50: 2px;
--spectrum-spacing-75: 4px;
--spectrum-spacing-100: 8px;
--spectrum-spacing-200: 12px;
--spectrum-spacing-300: 16px;
--spectrum-spacing-400: 24px;
--spectrum-spacing-500: 32px;
--spectrum-spacing-600: 40px;
--spectrum-spacing-700: 48px;
--spectrum-spacing-800: 64px;
--spectrum-spacing-900: 80px;
--spectrum-spacing-1000: 96px;
--spectrum-focus-indicator-thickness: 2px;
--spectrum-focus-indicator-gap: 2px;
--spectrum-border-width-200: 2px;
--spectrum-border-width-400: 4px;
--spectrum-field-edge-to-text-quiet: 0px;
--spectrum-field-edge-to-visual-quiet: 0px;
--spectrum-field-edge-to-border-quiet: 0px;
--spectrum-field-edge-to-alert-icon-quiet: 0px;
--spectrum-field-edge-to-validation-icon-quiet: 0px;
--spectrum-text-underline-thickness: 1px;
--spectrum-text-underline-gap: 1px;
--spectrum-informative-color-100: var(--spectrum-blue-100);
--spectrum-informative-color-200: var(--spectrum-blue-200);
--spectrum-informative-color-300: var(--spectrum-blue-300);
--spectrum-informative-color-400: var(--spectrum-blue-400);
--spectrum-informative-color-500: var(--spectrum-blue-500);
--spectrum-informative-color-600: var(--spectrum-blue-600);
--spectrum-informative-color-700: var(--spectrum-blue-700);
--spectrum-informative-color-800: var(--spectrum-blue-800);
--spectrum-informative-color-900: var(--spectrum-blue-900);
--spectrum-informative-color-1000: var(--spectrum-blue-1000);
--spectrum-informative-color-1100: var(--spectrum-blue-1100);
--spectrum-informative-color-1200: var(--spectrum-blue-1200);
--spectrum-informative-color-1300: var(--spectrum-blue-1300);
--spectrum-informative-color-1400: var(--spectrum-blue-1400);
--spectrum-negative-color-100: var(--spectrum-red-100);
--spectrum-negative-color-200: var(--spectrum-red-200);
--spectrum-negative-color-300: var(--spectrum-red-300);
--spectrum-negative-color-400: var(--spectrum-red-400);
--spectrum-negative-color-500: var(--spectrum-red-500);
--spectrum-negative-color-600: var(--spectrum-red-600);
--spectrum-negative-color-700: var(--spectrum-red-700);
--spectrum-negative-color-800: var(--spectrum-red-800);
--spectrum-negative-color-900: var(--spectrum-red-900);
--spectrum-negative-color-1000: var(--spectrum-red-1000);
--spectrum-negative-color-1100: var(--spectrum-red-1100);
--spectrum-negative-color-1200: var(--spectrum-red-1200);
--spectrum-negative-color-1300: var(--spectrum-red-1300);
--spectrum-negative-color-1400: var(--spectrum-red-1400);
--spectrum-notice-color-100: var(--spectrum-orange-100);
--spectrum-notice-color-200: var(--spectrum-orange-200);
--spectrum-notice-color-300: var(--spectrum-orange-300);
--spectrum-notice-color-400: var(--spectrum-orange-400);
--spectrum-notice-color-500: var(--spectrum-orange-500);
--spectrum-notice-color-600: var(--spectrum-orange-600);
--spectrum-notice-color-700: var(--spectrum-orange-700);
--spectrum-notice-color-800: var(--spectrum-orange-800);
--spectrum-notice-color-900: var(--spectrum-orange-900);
--spectrum-notice-color-1000: var(--spectrum-orange-1000);
--spectrum-notice-color-1100: var(--spectrum-orange-1100);
--spectrum-notice-color-1200: var(--spectrum-orange-1200);
--spectrum-notice-color-1300: var(--spectrum-orange-1300);
--spectrum-notice-color-1400: var(--spectrum-orange-1400);
--spectrum-positive-color-100: var(--spectrum-green-100);
--spectrum-positive-color-200: var(--spectrum-green-200);
--spectrum-positive-color-300: var(--spectrum-green-300);
--spectrum-positive-color-400: var(--spectrum-green-400);
--spectrum-positive-color-500: var(--spectrum-green-500);
--spectrum-positive-color-600: var(--spectrum-green-600);
--spectrum-positive-color-700: var(--spectrum-green-700);
--spectrum-positive-color-800: var(--spectrum-green-800);
--spectrum-positive-color-900: var(--spectrum-green-900);
--spectrum-positive-color-1000: var(--spectrum-green-1000);
--spectrum-positive-color-1100: var(--spectrum-green-1100);
--spectrum-positive-color-1200: var(--spectrum-green-1200);
--spectrum-positive-color-1300: var(--spectrum-green-1300);
--spectrum-positive-color-1400: var(--spectrum-green-1400);
--spectrum-default-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-sans-serif-font-family: Adobe Clean;
--spectrum-serif-font-family: Adobe Clean Serif;
--spectrum-cjk-font-family: Adobe Clean Han;
--spectrum-light-font-weight: 300;
--spectrum-regular-font-weight: 400;
--spectrum-medium-font-weight: 500;
--spectrum-bold-font-weight: 700;
--spectrum-extra-bold-font-weight: 800;
--spectrum-black-font-weight: 900;
--spectrum-italic-font-style: italic;
--spectrum-default-font-style: normal;
--spectrum-line-height-100: 1.3;
--spectrum-line-height-200: 1.5;
--spectrum-cjk-line-height-100: 1.5;
--spectrum-cjk-line-height-200: 1.7;
--spectrum-cjk-letter-spacing: 0.05em;
--spectrum-heading-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-heading-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family);
--spectrum-heading-sans-serif-light-font-weight: var(--spectrum-light-font-weight);
--spectrum-heading-sans-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-light-font-weight: var(--spectrum-regular-font-weight);
--spectrum-heading-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-light-font-weight: var(--spectrum-light-font-weight);
--spectrum-heading-cjk-light-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-heavy-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-heavy-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-heavy-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-light-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-sans-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-light-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-light-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-cjk-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-serif-heavy-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-cjk-heavy-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-heavy-strong-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-light-emphasized-font-weight: var(--spectrum-light-font-weight);
--spectrum-heading-sans-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-heading-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-heading-cjk-light-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-heavy-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-heavy-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-heavy-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-light-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-sans-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-light-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-light-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-cjk-light-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-serif-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-heavy-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-heading-cjk-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-heavy-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-heading-size-xxxl: var(--spectrum-font-size-1300);
--spectrum-heading-size-xxl: var(--spectrum-font-size-1100);
--spectrum-heading-size-xl: var(--spectrum-font-size-900);
--spectrum-heading-size-l: var(--spectrum-font-size-700);
--spectrum-heading-size-m: var(--spectrum-font-size-500);
--spectrum-heading-size-s: var(--spectrum-font-size-300);
--spectrum-heading-size-xs: var(--spectrum-font-size-200);
--spectrum-heading-size-xxs: var(--spectrum-font-size-100);
--spectrum-heading-cjk-size-xxxl: var(--spectrum-font-size-1300);
--spectrum-heading-cjk-size-xxl: var(--spectrum-font-size-900);
--spectrum-heading-cjk-size-xl: var(--spectrum-font-size-800);
--spectrum-heading-cjk-size-l: var(--spectrum-font-size-600);
--spectrum-heading-cjk-size-m: var(--spectrum-font-size-400);
--spectrum-heading-cjk-size-s: var(--spectrum-font-size-300);
--spectrum-heading-cjk-size-xs: var(--spectrum-font-size-200);
--spectrum-heading-cjk-size-xxs: var(--spectrum-font-size-100);
--spectrum-heading-line-height: var(--spectrum-line-height-100);
--spectrum-heading-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-heading-margin-top-multiplier: 0.88888889;
--spectrum-heading-margin-bottom-multiplier: 0.25;
--spectrum-heading-color: var(--spectrum-gray-900);
--spectrum-body-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-body-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-body-cjk-font-family: var(--spectrum-cjk-font-family);
--spectrum-body-sans-serif-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-sans-serif-font-style: var(--spectrum-default-font-style);
--spectrum-body-serif-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-serif-font-style: var(--spectrum-default-font-style);
--spectrum-body-cjk-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-body-sans-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-body-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-body-cjk-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-body-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-body-sans-serif-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-serif-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-body-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-cjk-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-body-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-body-sans-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-body-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-body-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-body-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-body-size-xxxl: var(--spectrum-font-size-600);
--spectrum-body-size-xxl: var(--spectrum-font-size-500);
--spectrum-body-size-xl: var(--spectrum-font-size-400);
--spectrum-body-size-l: var(--spectrum-font-size-300);
--spectrum-body-size-m: var(--spectrum-font-size-200);
--spectrum-body-size-s: var(--spectrum-font-size-100);
--spectrum-body-size-xs: var(--spectrum-font-size-75);
--spectrum-body-line-height: var(--spectrum-line-height-200);
--spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-200);
--spectrum-body-margin-multiplier: 0.75;
--spectrum-body-color: var(--spectrum-gray-800);
--spectrum-detail-sans-serif-font-family: var(--spectrum-sans-serif-font-family);
--spectrum-detail-serif-font-family: var(--spectrum-serif-font-family);
--spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family);
--spectrum-detail-sans-serif-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-sans-serif-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-serif-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-light-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-serif-light-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-light-font-weight: var(--spectrum-light-font-weight);
--spectrum-detail-cjk-light-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-sans-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-serif-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-detail-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-strong-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-serif-light-strong-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-serif-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-cjk-light-strong-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-light-strong-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-serif-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-detail-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-serif-light-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-light-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-cjk-light-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-detail-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-detail-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-sans-serif-light-strong-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-sans-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-serif-light-strong-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-detail-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-detail-cjk-light-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-detail-cjk-light-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-detail-size-xl: var(--spectrum-font-size-200);
--spectrum-detail-size-l: var(--spectrum-font-size-100);
--spectrum-detail-size-m: var(--spectrum-font-size-75);
--spectrum-detail-size-s: var(--spectrum-font-size-50);
--spectrum-detail-line-height: var(--spectrum-line-height-100);
--spectrum-detail-cjk-line-height: var(--spectrum-cjk-line-height-100);
--spectrum-detail-margin-top-multiplier: 0.88888889;
--spectrum-detail-margin-bottom-multiplier: 0.25;
--spectrum-detail-letter-spacing: 0.06em;
--spectrum-detail-sans-serif-text-transform: uppercase;
--spectrum-detail-serif-text-transform: uppercase;
--spectrum-detail-color: var(--spectrum-gray-900);
--spectrum-code-font-family: Source Code Pro;
--spectrum-code-cjk-font-family: var(--spectrum-code-font-family);
--spectrum-code-font-weight: var(--spectrum-regular-font-weight);
--spectrum-code-font-style: var(--spectrum-default-font-style);
--spectrum-code-cjk-font-weight: var(--spectrum-regular-font-weight);
--spectrum-code-cjk-font-style: var(--spectrum-default-font-style);
--spectrum-code-strong-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-strong-font-style: var(--spectrum-default-font-style);
--spectrum-code-cjk-strong-font-weight: var(--spectrum-black-font-weight);
--spectrum-code-cjk-strong-font-style: var(--spectrum-default-font-style);
--spectrum-code-emphasized-font-weight: var(--spectrum-regular-font-weight);
--spectrum-code-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-code-cjk-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-cjk-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-code-strong-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-code-strong-emphasized-font-style: var(--spectrum-italic-font-style);
--spectrum-code-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-code-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style);
--spectrum-code-size-xl: var(--spectrum-font-size-400);
--spectrum-code-size-l: var(--spectrum-font-size-300);
--spectrum-code-size-m: var(--spectrum-font-size-200);
--spectrum-code-size-s: var(--spectrum-font-size-100);
--spectrum-code-size-xs: var(--spectrum-font-size-75);
--spectrum-code-line-height: var(--spectrum-line-height-200);
--spectrum-code-cjk-line-height: var(--spectrum-cjk-line-height-200);
--spectrum-code-color: var(--spectrum-gray-800);
}
.dna-applet .spectrum--large {
--spectrum-workflow-icon-size-50: 18px;
--spectrum-workflow-icon-size-75: 20px;
--spectrum-workflow-icon-size-100: 22px;
--spectrum-workflow-icon-size-200: 24px;
--spectrum-workflow-icon-size-300: 28px;
--spectrum-arrow-icon-size-75: 12px;
--spectrum-arrow-icon-size-100: 14px;
--spectrum-arrow-icon-size-200: 16px;
--spectrum-arrow-icon-size-300: 16px;
--spectrum-arrow-icon-size-400: 18px;
--spectrum-arrow-icon-size-500: 22px;
--spectrum-arrow-icon-size-600: 24px;
--spectrum-asterisk-icon-size-100: 10px;
--spectrum-asterisk-icon-size-200: 12px;
--spectrum-asterisk-icon-size-300: 12px;
--spectrum-checkmark-icon-size-50: 12px;
--spectrum-checkmark-icon-size-75: 12px;
--spectrum-checkmark-icon-size-100: 14px;
--spectrum-checkmark-icon-size-200: 14px;
--spectrum-checkmark-icon-size-300: 16px;
--spectrum-checkmark-icon-size-400: 18px;
--spectrum-checkmark-icon-size-500: 20px;
--spectrum-checkmark-icon-size-600: 24px;
--spectrum-chevron-icon-size-50: 8px;
--spectrum-chevron-icon-size-75: 12px;
--spectrum-chevron-icon-size-100: 14px;
--spectrum-chevron-icon-size-200: 14px;
--spectrum-chevron-icon-size-300: 16px;
--spectrum-chevron-icon-size-400: 18px;
--spectrum-chevron-icon-size-500: 20px;
--spectrum-chevron-icon-size-600: 24px;
--spectrum-corner-triangle-icon-size-75: 6px;
--spectrum-corner-triangle-icon-size-100: 7px;
--spectrum-corner-triangle-icon-size-200: 8px;
--spectrum-corner-triangle-icon-size-300: 8px;
--spectrum-cross-icon-size-75: 10px;
--spectrum-cross-icon-size-100: 10px;
--spectrum-cross-icon-size-200: 12px;
--spectrum-cross-icon-size-300: 14px;
--spectrum-cross-icon-size-400: 16px;
--spectrum-cross-icon-size-500: 16px;
--spectrum-cross-icon-size-600: 18px;
--spectrum-dash-icon-size-50: 10px;
--spectrum-dash-icon-size-75: 10px;
--spectrum-dash-icon-size-100: 12px;
--spectrum-dash-icon-size-200: 14px;
--spectrum-dash-icon-size-300: 16px;
--spectrum-dash-icon-size-400: 18px;
--spectrum-dash-icon-size-500: 20px;
--spectrum-dash-icon-size-600: 22px;
--spectrum-field-label-text-to-asterisk-small: 5px;
--spectrum-field-label-text-to-asterisk-medium: 5px;
--spectrum-field-label-text-to-asterisk-large: 6px;
--spectrum-field-label-text-to-asterisk-extra-large: 6px;
--spectrum-field-label-top-to-asterisk-small: 11px;
--spectrum-field-label-top-to-asterisk-medium: 15px;
--spectrum-field-label-top-to-asterisk-large: 19px;
--spectrum-field-label-top-to-asterisk-extra-large: 24px;
--spectrum-field-label-top-margin-medium: 5px;
--spectrum-field-label-top-margin-large: 6px;
--spectrum-field-label-top-margin-extra-large: 6px;
--spectrum-field-label-to-component-quiet-small: -10px;
--spectrum-field-label-to-component-quiet-medium: -10px;
--spectrum-field-label-to-component-quiet-large: -15px;
--spectrum-field-label-to-component-quiet-extra-large: -19px;
--spectrum-help-text-top-to-workflow-icon-small: 5px;
--spectrum-help-text-top-to-workflow-icon-medium: 4px;
--spectrum-help-text-top-to-workflow-icon-large: 8px;
--spectrum-help-text-top-to-workflow-icon-extra-large: 11px;
--spectrum-status-light-dot-size-medium: 10px;
--spectrum-status-light-dot-size-large: 12px;
--spectrum-status-light-dot-size-extra-large: 12px;
--spectrum-status-light-top-to-dot-small: 11px;
--spectrum-status-light-top-to-dot-medium: 15px;
--spectrum-status-light-top-to-dot-large: 19px;
--spectrum-status-light-top-to-dot-extra-large: 24px;
--spectrum-action-button-edge-to-hold-icon-medium: 5px;
--spectrum-action-button-edge-to-hold-icon-large: 6px;
--spectrum-action-button-edge-to-hold-icon-extra-large: 7px;
--spectrum-tooltip-tip-width: 10px;
--spectrum-tooltip-tip-height: 5px;
--spectrum-tooltip-maximum-width: 200px;
--spectrum-progress-circle-size-small: 20px;
--spectrum-progress-circle-size-medium: 40px;
--spectrum-progress-circle-size-large: 80px;
--spectrum-progress-circle-thickness-small: 3px;
--spectrum-progress-circle-thickness-medium: 4px;
--spectrum-progress-circle-thickness-large: 5px;
--spectrum-toast-height: 56px;
--spectrum-toast-maximum-width: 420px;
--spectrum-toast-top-to-workflow-icon: 17px;
--spectrum-toast-top-to-text: 16px;
--spectrum-toast-bottom-to-text: 19px;
--spectrum-action-bar-height: 56px;
--spectrum-action-bar-top-to-item-counter: 16px;
--spectrum-swatch-size-extra-small: 20px;
--spectrum-swatch-size-small: 30px;
--spectrum-swatch-size-medium: 40px;
--spectrum-swatch-size-large: 50px;
--spectrum-progress-bar-thickness-small: 5px;
--spectrum-progress-bar-thickness-medium: 8px;
--spectrum-progress-bar-thickness-large: 10px;
--spectrum-progress-bar-thickness-extra-large: 13px;
--spectrum-meter-width: 240px;
--spectrum-meter-thickness-small: 5px;
--spectrum-meter-thickness-large: 8px;
--spectrum-tag-top-to-avatar-small: 5px;
--spectrum-tag-top-to-avatar-medium: 7px;
--spectrum-tag-top-to-avatar-large: 11px;
--spectrum-tag-top-to-cross-icon-small: 10px;
--spectrum-tag-top-to-cross-icon-medium: 15px;
--spectrum-tag-top-to-cross-icon-large: 19px;
--spectrum-popover-top-to-content-area: 5px;
--spectrum-menu-item-edge-to-content-not-selected-small: 24px;
--spectrum-menu-item-edge-to-content-not-selected-medium: 42px;
--spectrum-menu-item-edge-to-content-not-selected-large: 47px;
--spectrum-menu-item-edge-to-content-not-selected-extra-large: 54px;
--spectrum-menu-item-top-to-disclosure-icon-small: 9px;
--spectrum-menu-item-top-to-disclosure-icon-medium: 13px;
--spectrum-menu-item-top-to-disclosure-icon-large: 17px;
--spectrum-menu-item-top-to-disclosure-icon-extra-large: 22px;
--spectrum-menu-item-top-to-selected-icon-small: 9px;
--spectrum-menu-item-top-to-selected-icon-medium: 13px;
--spectrum-menu-item-top-to-selected-icon-large: 17px;
--spectrum-menu-item-top-to-selected-icon-extra-large: 22px;
--spectrum-slider-control-to-field-label-small: 6px;
--spectrum-slider-control-to-field-label-medium: 10px;
--spectrum-slider-control-to-field-label-large: 14px;
--spectrum-slider-control-to-field-label-extra-large: 17px;
--spectrum-picker-visual-to-disclosure-icon-small: 9px;
--spectrum-picker-visual-to-disclosure-icon-medium: 10px;
--spectrum-picker-visual-to-disclosure-icon-large: 11px;
--spectrum-picker-visual-to-disclosure-icon-extra-large: 13px;
--spectrum-text-area-minimum-width: 140px;
--spectrum-text-area-minimum-height: 70px;
--spectrum-combo-box-visual-to-field-button-small: 9px;
--spectrum-combo-box-visual-to-field-button-medium: 10px;
--spectrum-combo-box-visual-to-field-button-large: 11px;
--spectrum-combo-box-visual-to-field-button-extra-large: 13px;
--spectrum-thumbnail-size-50: 20px;
--spectrum-thumbnail-size-75: 22px;
--spectrum-thumbnail-size-100: 26px;
--spectrum-thumbnail-size-200: 28px;
--spectrum-thumbnail-size-300: 32px;
--spectrum-thumbnail-size-400: 36px;
--spectrum-thumbnail-size-500: 40px;
--spectrum-thumbnail-size-600: 46px;
--spectrum-thumbnail-size-700: 50px;
--spectrum-thumbnail-size-800: 55px;
--spectrum-thumbnail-size-900: 62px;
--spectrum-thumbnail-size-1000: 70px;
--spectrum-alert-dialog-title-size: var(--spectrum-heading-size-xs);
--spectrum-alert-dialog-description-size: var(--spectrum-body-size-xs);
--spectrum-opacity-checkerboard-square-size: 10px;
--spectrum-contextual-help-title-size: var(--spectrum-heading-size-xxs);
--spectrum-contextual-help-body-size: var(--spectrum-body-size-xs);
--spectrum-breadcrumbs-height-multiline: 84px;
--spectrum-breadcrumbs-top-to-text: 17px;
--spectrum-breadcrumbs-top-to-text-compact: 16px;
--spectrum-breadcrumbs-top-to-text-multiline: 15px;
--spectrum-breadcrumbs-bottom-to-text: 19px;
--spectrum-breadcrumbs-bottom-to-text-compact: 19px;
--spectrum-breadcrumbs-bottom-to-text-multiline: 10px;
--spectrum-breadcrumbs-start-edge-to-text: 9px;
--spectrum-breadcrumbs-top-text-to-bottom-text: 11px;
--spectrum-breadcrumbs-top-to-separator-icon: 25px;
--spectrum-breadcrumbs-top-to-separator-icon-compact: 23px;
--spectrum-breadcrumbs-top-to-separator-icon-multiline: 20px;
--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline: 15px;
--spectrum-breadcrumbs-top-to-truncated-menu: 10px;
--spectrum-breadcrumbs-top-to-truncated-menu-compact: 5px;
--spectrum-avatar-size-50: 20px;
--spectrum-avatar-size-75: 22px;
--spectrum-avatar-size-100: 26px;
--spectrum-avatar-size-200: 28px;
--spectrum-avatar-size-300: 32px;
--spectrum-avatar-size-400: 36px;
--spectrum-avatar-size-500: 40px;
--spectrum-avatar-size-600: 46px;
--spectrum-avatar-size-700: 50px;
--spectrum-alert-banner-minimum-height: 64px;
--spectrum-alert-banner-width: 680px;
--spectrum-alert-banner-top-to-workflow-icon: 21px;
--spectrum-alert-banner-top-to-text: 21px;
--spectrum-alert-banner-bottom-to-text: 22px;
--spectrum-rating-indicator-width: 22px;
--spectrum-rating-indicator-to-icon: 5px;
--spectrum-color-area-width: 240px;
--spectrum-color-area-minimum-width: 80px;
--spectrum-color-area-height: 240px;
--spectrum-color-area-minimum-height: 80px;
--spectrum-color-wheel-width: 240px;
--spectrum-color-wheel-minimum-width: 219px;
--spectrum-color-slider-length: 240px;
--spectrum-color-slider-minimum-length: 100px;
--spectrum-illustrated-message-title-size: var(--spectrum-heading-size-s);
--spectrum-illustrated-message-cjk-title-size: var(--spectrum-heading-cjk-size-s);
--spectrum-illustrated-message-body-size: var(--spectrum-body-size-xs);
--spectrum-coach-mark-width: 216px;
--spectrum-coach-mark-minimum-width: 216px;
--spectrum-coach-mark-maximum-width: 248px;
--spectrum-coach-mark-edge-to-content: var(--spectrum-spacing-300);
--spectrum-coach-mark-pagination-text-to-bottom-edge: 22px;
--spectrum-coach-mark-media-height: 162px;
--spectrum-coach-mark-media-minimum-height: 121px;
--spectrum-coach-mark-title-size: var(--spectrum-heading-size-xxs);
--spectrum-coach-mark-body-size: var(--spectrum-body-size-xs);
--spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-xs);
--spectrum-accordion-top-to-text-regular-small: 7px;
--spectrum-accordion-small-top-to-text-spacious: 12px;
--spectrum-accordion-top-to-text-regular-medium: 9px;
--spectrum-accordion-top-to-text-spacious-medium: 14px;
--spectrum-accordion-top-to-text-compact-large: 7px;
--spectrum-accordion-top-to-text-regular-large: 12px;
--spectrum-accordion-top-to-text-spacious-large: 14px;
--spectrum-accordion-top-to-text-compact-extra-large: 7px;
--spectrum-accordion-top-to-text-regular-extra-large: 12px;
--spectrum-accordion-top-to-text-spacious-extra-large: 14px;
--spectrum-accordion-bottom-to-text-compact-small: 4px;
--spectrum-accordion-bottom-to-text-regular-small: 9px;
--spectrum-accordion-bottom-to-text-spacious-small: 14px;
--spectrum-accordion-bottom-to-text-compact-medium: 8px;
--spectrum-accordion-bottom-to-text-regular-medium: 13px;
--spectrum-accordion-bottom-to-text-spacious-medium: 18px;
--spectrum-accordion-bottom-to-text-compact-large: 9px;
--spectrum-accordion-bottom-to-text-regular-large: 14px;
--spectrum-accordion-bottom-to-text-spacious-large: 19px;
--spectrum-accordion-bottom-to-text-compact-extra-large: 10px;
--spectrum-accordion-bottom-to-text-regular-extra-large: 15px;
--spectrum-accordion-bottom-to-text-spacious-extra-large: 21px;
--spectrum-accordion-minimum-width: 250px;
--spectrum-accordion-content-area-top-to-content: 10px;
--spectrum-accordion-content-area-bottom-to-content: 20px;
--spectrum-color-handle-size: 20px;
--spectrum-color-handle-size-key-focus: 40px;
--spectrum-table-column-header-row-top-to-text-small: 10px;
--spectrum-table-column-header-row-top-to-text-medium: 9px;
--spectrum-table-column-header-row-top-to-text-large: 13px;
--spectrum-table-column-header-row-top-to-text-extra-large: 16px;
--spectrum-table-column-header-row-bottom-to-text-small: 11px;
--spectrum-table-column-header-row-bottom-to-text-medium: 10px;
--spectrum-table-column-header-row-bottom-to-text-large: 13px;
--spectrum-table-column-header-row-bottom-to-text-extra-large: 17px;
--spectrum-table-row-height-small-regular: 40px;
--spectrum-table-row-height-medium-regular: 50px;
--spectrum-table-row-height-large-regular: 60px;
--spectrum-table-row-height-extra-large-regular: 70px;
--spectrum-table-row-height-small-spacious: 50px;
--spectrum-table-row-height-medium-spacious: 60px;
--spectrum-table-row-height-large-spacious: 70px;
--spectrum-table-row-height-extra-large-spacious: 80px;
--spectrum-table-row-top-to-text-small-regular: 10px;
--spectrum-table-row-top-to-text-medium-regular: 14px;
--spectrum-table-row-top-to-text-large-regular: 18px;
--spectrum-table-row-top-to-text-extra-large-regular: 21px;
--spectrum-table-row-bottom-to-text-small-regular: 11px;
--spectrum-table-row-bottom-to-text-medium-regular: 15px;
--spectrum-table-row-bottom-to-text-large-regular: 18px;
--spectrum-table-row-bottom-to-text-extra-large-regular: 22px;
--spectrum-table-row-top-to-text-small-spacious: 15px;
--spectrum-table-row-top-to-text-medium-spacious: 18px;
--spectrum-table-row-top-to-text-large-spacious: 23px;
--spectrum-table-row-top-to-text-extra-large-spacious: 26px;
--spectrum-table-row-bottom-to-text-small-spacious: 16px;
--spectrum-table-row-bottom-to-text-medium-spacious: 18px;
--spectrum-table-row-bottom-to-text-large-spacious: 23px;
--spectrum-table-row-bottom-to-text-extra-large-spacious: 27px;
--spectrum-table-checkbox-to-text: 30px;
--spectrum-table-header-row-checkbox-to-top-small: 14px;
--spectrum-table-header-row-checkbox-to-top-medium: 13px;
--spectrum-table-header-row-checkbox-to-top-large: 17px;
--spectrum-table-header-row-checkbox-to-top-extra-large: 21px;
--spectrum-table-row-checkbox-to-top-small-compact: 9px;
--spectrum-table-row-checkbox-to-top-small-regular: 14px;
--spectrum-table-row-checkbox-to-top-small-spacious: 19px;
--spectrum-table-row-checkbox-to-top-medium-compact: 13px;
--spectrum-table-row-checkbox-to-top-medium-regular: 18px;
--spectrum-table-row-checkbox-to-top-medium-spacious: 23px;
--spectrum-table-row-checkbox-to-top-large-compact: 17px;
--spectrum-table-row-checkbox-to-top-large-regular: 22px;
--spectrum-table-row-checkbox-to-top-large-spacious: 27px;
--spectrum-table-row-checkbox-to-top-extra-large-compact: 21px;
--spectrum-table-row-checkbox-to-top-extra-large-regular: 26px;
--spectrum-table-row-checkbox-to-top-extra-large-spacious: 31px;
--spectrum-table-section-header-row-height-small: 30px;
--spectrum-table-section-header-row-height-medium: 40px;
--spectrum-table-section-header-row-height-large: 50px;
--spectrum-table-section-header-row-height-extra-large: 60px;
--spectrum-table-thumbnail-to-top-minimum-small-compact: 5px;
--spectrum-table-thumbnail-to-top-minimum-medium-compact: 6px;
--spectrum-table-thumbnail-to-top-minimum-large-compact: 9px;
--spectrum-table-thumbnail-to-top-minimum-extra-large-compact: 10px;
--spectrum-table-thumbnail-to-top-minimum-small-regular: 6px;
--spectrum-table-thumbnail-to-top-minimum-medium-regular: 9px;
--spectrum-table-thumbnail-to-top-minimum-large-regular: 10px;
--spectrum-table-thumbnail-to-top-minimum-extra-large-regular: 10px;
--spectrum-table-thumbnail-to-top-minimum-small-spacious: 9px;
--spectrum-table-thumbnail-to-top-minimum-medium-spacious: 10px;
--spectrum-table-thumbnail-to-top-minimum-large-spacious: 10px;
--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious: 12px;
--spectrum-tab-item-to-tab-item-horizontal-small: 27px;
--spectrum-tab-item-to-tab-item-horizontal-medium: 30px;
--spectrum-tab-item-to-tab-item-horizontal-large: 33px;
--spectrum-tab-item-to-tab-item-horizontal-extra-large: 36px;
--spectrum-tab-item-to-tab-item-vertical-small: 5px;
--spectrum-tab-item-to-tab-item-vertical-medium: 5px;
--spectrum-tab-item-to-tab-item-vertical-large: 6px;
--spectrum-tab-item-to-tab-item-vertical-extra-large: 6px;
--spectrum-tab-item-start-to-edge-small: 13px;
--spectrum-tab-item-start-to-edge-medium: 15px;
--spectrum-tab-item-start-to-edge-large: 17px;
--spectrum-tab-item-start-to-edge-extra-large: 19px;
--spectrum-tab-item-top-to-text-small: 14px;
--spectrum-tab-item-bottom-to-text-small: 15px;
--spectrum-tab-item-top-to-text-medium: 18px;
--spectrum-tab-item-bottom-to-text-medium: 19px;
--spectrum-tab-item-top-to-text-large: 22px;
--spectrum-tab-item-bottom-to-text-large: 22px;
--spectrum-tab-item-top-to-text-extra-large: 25px;
--spectrum-tab-item-bottom-to-text-extra-large: 25px;
--spectrum-tab-item-top-to-text-compact-small: 5px;
--spectrum-tab-item-bottom-to-text-compact-small: 6px;
--spectrum-tab-item-top-to-text-compact-medium: 9px;
--spectrum-tab-item-bottom-to-text-compact-medium: 10px;
--spectrum-tab-item-top-to-text-compact-large: 12px;
--spectrum-tab-item-bottom-to-text-compact-large: 14px;
--spectrum-tab-item-top-to-text-compact-extra-large: 15px;
--spectrum-tab-item-bottom-to-text-compact-extra-large: 17px;
--spectrum-tab-item-top-to-workflow-icon-small: 15px;
--spectrum-tab-item-top-to-workflow-icon-medium: 19px;
--spectrum-tab-item-top-to-workflow-icon-large: 23px;
--spectrum-tab-item-top-to-workflow-icon-extra-large: 26px;
--spectrum-tab-item-top-to-workflow-icon-compact-small: 5px;
--spectrum-tab-item-top-to-workflow-icon-compact-medium: 9px;
--spectrum-tab-item-top-to-workflow-icon-compact-large: 13px;
--spectrum-tab-item-top-to-workflow-icon-compact-extra-large: 16px;
--spectrum-tab-item-focus-indicator-gap-small: 9px;
--spectrum-tab-item-focus-indicator-gap-medium: 10px;
--spectrum-tab-item-focus-indicator-gap-large: 11px;
--spectrum-tab-item-focus-indicator-gap-extra-large: 12px;
--spectrum-side-navigation-width: 240px;
--spectrum-side-navigation-minimum-width: 200px;
--spectrum-side-navigation-maximum-width: 300px;
--spectrum-side-navigation-second-level-edge-to-text: 30px;
--spectrum-side-navigation-third-level-edge-to-text: 45px;
--spectrum-side-navigation-with-icon-second-level-edge-to-text: 62px;
--spectrum-side-navigation-with-icon-third-level-edge-to-text: 77px;
--spectrum-side-navigation-item-to-item: 5px;
--spectrum-side-navigation-item-to-header: 30px;
--spectrum-side-navigation-header-to-item: 10px;
--spectrum-side-navigation-bottom-to-text: 10px;
--spectrum-tray-top-to-content-area: 5px;
--spectrum-accordion-top-to-text-spacious-small: 12px;
--spectrum-text-to-visual-50: 8px;
--spectrum-text-to-visual-75: 9px;
--spectrum-text-to-visual-100: 10px;
--spectrum-text-to-visual-200: 11px;
--spectrum-text-to-visual-300: 13px;
--spectrum-text-to-control-75: 11px;
--spectrum-text-to-control-100: 13px;
--spectrum-text-to-control-200: 14px;
--spectrum-text-to-control-300: 16px;
--spectrum-component-height-50: 26px;
--spectrum-component-height-75: 30px;
--spectrum-component-height-100: 40px;
--spectrum-component-height-200: 50px;
--spectrum-component-height-300: 60px;
--spectrum-component-height-400: 70px;
--spectrum-component-height-500: 80px;
--spectrum-component-pill-edge-to-visual-75: 13px;
--spectrum-component-pill-edge-to-visual-100: 17px;
--spectrum-component-pill-edge-to-visual-200: 22px;
--spectrum-component-pill-edge-to-visual-300: 27px;
--spectrum-component-pill-edge-to-visual-only-75: 5px;
--spectrum-component-pill-edge-to-visual-only-100: 9px;
--spectrum-component-pill-edge-to-visual-only-200: 13px;
--spectrum-component-pill-edge-to-visual-only-300: 16px;
--spectrum-component-pill-edge-to-text-75: 15px;
--spectrum-component-pill-edge-to-text-100: 20px;
--spectrum-component-pill-edge-to-text-200: 25px;
--spectrum-component-pill-edge-to-text-300: 30px;
--spectrum-component-edge-to-visual-50: 7px;
--spectrum-component-edge-to-visual-75: 9px;
--spectrum-component-edge-to-visual-100: 12px;
--spectrum-component-edge-to-visual-200: 16px;
--spectrum-component-edge-to-visual-300: 19px;
--spectrum-component-edge-to-visual-only-50: 4px;
--spectrum-component-edge-to-visual-only-75: 5px;
--spectrum-component-edge-to-visual-only-100: 9px;
--spectrum-component-edge-to-visual-only-200: 13px;
--spectrum-component-edge-to-visual-only-300: 16px;
--spectrum-component-edge-to-text-50: 10px;
--spectrum-component-edge-to-text-75: 11px;
--spectrum-component-edge-to-text-100: 15px;
--spectrum-component-edge-to-text-200: 19px;
--spectrum-component-edge-to-text-300: 22px;
--spectrum-component-top-to-workflow-icon-50: 4px;
--spectrum-component-top-to-workflow-icon-75: 5px;
--spectrum-component-top-to-workflow-icon-100: 9px;
--spectrum-component-top-to-workflow-icon-200: 13px;
--spectrum-component-top-to-workflow-icon-300: 16px;
--spectrum-component-top-to-text-50: 4px;
--spectrum-component-top-to-text-75: 5px;
--spectrum-component-top-to-text-100: 8px;
--spectrum-component-top-to-text-200: 12px;
--spectrum-component-top-to-text-300: 15px;
--spectrum-component-bottom-to-text-50: 6px;
--spectrum-component-bottom-to-text-75: 6px;
--spectrum-component-bottom-to-text-100: 11px;
--spectrum-component-bottom-to-text-200: 14px;
--spectrum-component-bottom-to-text-300: 18px;
--spectrum-component-to-menu-small: 7px;
--spectrum-component-to-menu-medium: 8px;
--spectrum-component-to-menu-large: 9px;
--spectrum-component-to-menu-extra-large: 10px;
--spectrum-field-edge-to-disclosure-icon-75: 9px;
--spectrum-field-edge-to-disclosure-icon-100: 13px;
--spectrum-field-edge-to-disclosure-icon-200: 17px;
--spectrum-field-edge-to-disclosure-icon-300: 22px;
--spectrum-field-end-edge-to-disclosure-icon-75: 9px;
--spectrum-field-end-edge-to-disclosure-icon-100: 13px;
--spectrum-field-end-edge-to-disclosure-icon-200: 17px;
--spectrum-field-end-edge-to-disclosure-icon-300: 22px;
--spectrum-field-top-to-disclosure-icon-75: 9px;
--spectrum-field-top-to-disclosure-icon-100: 13px;
--spectrum-field-top-to-disclosure-icon-200: 17px;
--spectrum-field-top-to-disclosure-icon-300: 22px;
--spectrum-field-top-to-alert-icon-small: 5px;
--spectrum-field-top-to-alert-icon-medium: 9px;
--spectrum-field-top-to-alert-icon-large: 13px;
--spectrum-field-top-to-alert-icon-extra-large: 16px;
--spectrum-field-top-to-validation-icon-small: 9px;
--spectrum-field-top-to-validation-icon-medium: 13px;
--spectrum-field-top-to-validation-icon-large: 17px;
--spectrum-field-top-to-validation-icon-extra-large: 22px;
--spectrum-field-top-to-progress-circle-small: 7px;
--spectrum-field-top-to-progress-circle-medium: 12px;
--spectrum-field-top-to-progress-circle-large: 17px;
--spectrum-field-top-to-progress-circle-extra-large: 22px;
--spectrum-field-edge-to-alert-icon-small: 11px;
--spectrum-field-edge-to-alert-icon-medium: 15px;
--spectrum-field-edge-to-alert-icon-large: 19px;
--spectrum-field-edge-to-alert-icon-extra-large: 22px;
--spectrum-field-edge-to-validation-icon-small: 11px;
--spectrum-field-edge-to-validation-icon-medium: 15px;
--spectrum-field-edge-to-validation-icon-large: 19px;
--spectrum-field-edge-to-validation-icon-extra-large: 22px;
--spectrum-field-text-to-alert-icon-small: 10px;
--spectrum-field-text-to-alert-icon-medium: 15px;
--spectrum-field-text-to-alert-icon-large: 19px;
--spectrum-field-text-to-alert-icon-extra-large: 22px;
--spectrum-field-text-to-validation-icon-small: 10px;
--spectrum-field-text-to-validation-icon-medium: 15px;
--spectrum-field-text-to-validation-icon-large: 19px;
--spectrum-field-text-to-validation-icon-extra-large: 22px;
--spectrum-field-width: 240px;
--spectrum-character-count-to-field-quiet-small: -4px;
--spectrum-character-count-to-field-quiet-medium: -4px;
--spectrum-character-count-to-field-quiet-large: -4px;
--spectrum-character-count-to-field-quiet-extra-large: -5px;
--spectrum-side-label-character-count-to-field: 15px;
--spectrum-side-label-character-count-top-margin-small: 5px;
--spectrum-side-label-character-count-top-margin-medium: 10px;
--spectrum-side-label-character-count-top-margin-large: 14px;
--spectrum-side-label-character-count-top-margin-extra-large: 18px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-small: 9px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-medium: 13px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-large: 17px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large: 22px;
--spectrum-navigational-indicator-top-to-back-icon-small: 7px;
--spectrum-navigational-indicator-top-to-back-icon-medium: 12px;
--spectrum-navigational-indicator-top-to-back-icon-large: 16px;
--spectrum-navigational-indicator-top-to-back-icon-extra-large: 19px;
--spectrum-color-control-track-width: 30px;
--spectrum-font-size-50: 13px;
--spectrum-font-size-75: 15px;
--spectrum-font-size-100: 17px;
--spectrum-font-size-200: 19px;
--spectrum-font-size-300: 22px;
--spectrum-font-size-400: 24px;
--spectrum-font-size-500: 27px;
--spectrum-font-size-600: 31px;
--spectrum-font-size-700: 34px;
--spectrum-font-size-800: 39px;
--spectrum-font-size-900: 44px;
--spectrum-font-size-1000: 49px;
--spectrum-font-size-1100: 55px;
--spectrum-font-size-1200: 62px;
--spectrum-font-size-1300: 70px;
}
.dna-applet .spectrum--light, .dna-applet .spectrum--lightest {
--spectrum-overlay-opacity: 0.4;
--spectrum-drop-shadow-color-rgb: 0, 0, 0;
--spectrum-drop-shadow-color-opacity: 0.15;
--spectrum-drop-shadow-color: rgba(var(--spectrum-drop-shadow-color-rgb), var(--spectrum-drop-shadow-color-opacity));
--spectrum-background-base-color: var(--spectrum-gray-200);
--spectrum-background-layer-1-color: var(--spectrum-gray-100);
--spectrum-background-layer-2-color: var(--spectrum-gray-50);
--spectrum-neutral-background-color-default: var(--spectrum-gray-800);
--spectrum-neutral-background-color-hover: var(--spectrum-gray-900);
--spectrum-neutral-background-color-down: var(--spectrum-gray-900);
--spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900);
--spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-600);
--spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-700);
--spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-800);
--spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-700);
--spectrum-accent-background-color-default: var(--spectrum-accent-color-900);
--spectrum-accent-background-color-hover: var(--spectrum-accent-color-1000);
--spectrum-accent-background-color-down: var(--spectrum-accent-color-1100);
--spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-1000);
--spectrum-informative-background-color-default: var(--spectrum-informative-color-900);
--spectrum-informative-background-color-hover: var(--spectrum-informative-color-1000);
--spectrum-informative-background-color-down: var(--spectrum-informative-color-1100);
--spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-1000);
--spectrum-negative-background-color-default: var(--spectrum-negative-color-900);
--spectrum-negative-background-color-hover: var(--spectrum-negative-color-1000);
--spectrum-negative-background-color-down: var(--spectrum-negative-color-1100);
--spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-1000);
--spectrum-positive-background-color-default: var(--spectrum-positive-color-900);
--spectrum-positive-background-color-hover: var(--spectrum-positive-color-1000);
--spectrum-positive-background-color-down: var(--spectrum-positive-color-1100);
--spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-1000);
--spectrum-notice-background-color-default: var(--spectrum-notice-color-600);
--spectrum-gray-background-color-default: var(--spectrum-gray-700);
--spectrum-red-background-color-default: var(--spectrum-red-900);
--spectrum-orange-background-color-default: var(--spectrum-orange-600);
--spectrum-yellow-background-color-default: var(--spectrum-yellow-400);
--spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-500);
--spectrum-celery-background-color-default: var(--spectrum-celery-600);
--spectrum-green-background-color-default: var(--spectrum-green-900);
--spectrum-seafoam-background-color-default: var(--spectrum-seafoam-900);
--spectrum-cyan-background-color-default: var(--spectrum-cyan-900);
--spectrum-blue-background-color-default: var(--spectrum-blue-900);
--spectrum-indigo-background-color-default: var(--spectrum-indigo-900);
--spectrum-purple-background-color-default: var(--spectrum-purple-900);
--spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-900);
--spectrum-magenta-background-color-default: var(--spectrum-magenta-900);
--spectrum-neutral-visual-color: var(--spectrum-gray-500);
--spectrum-accent-visual-color: var(--spectrum-accent-color-800);
--spectrum-informative-visual-color: var(--spectrum-informative-color-800);
--spectrum-negative-visual-color: var(--spectrum-negative-color-800);
--spectrum-notice-visual-color: var(--spectrum-notice-color-700);
--spectrum-positive-visual-color: var(--spectrum-positive-color-700);
--spectrum-gray-visual-color: var(--spectrum-gray-500);
--spectrum-red-visual-color: var(--spectrum-red-800);
--spectrum-orange-visual-color: var(--spectrum-orange-700);
--spectrum-yellow-visual-color: var(--spectrum-yellow-600);
--spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-600);
--spectrum-celery-visual-color: var(--spectrum-celery-700);
--spectrum-green-visual-color: var(--spectrum-green-700);
--spectrum-seafoam-visual-color: var(--spectrum-seafoam-700);
--spectrum-cyan-visual-color: var(--spectrum-cyan-600);
--spectrum-blue-visual-color: var(--spectrum-blue-800);
--spectrum-indigo-visual-color: var(--spectrum-indigo-800);
--spectrum-purple-visual-color: var(--spectrum-purple-800);
--spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-800);
--spectrum-magenta-visual-color: var(--spectrum-magenta-800);
--spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-200);
--spectrum-gray-50-rgb: 255, 255, 255;
--spectrum-gray-50: rgba(var(--spectrum-gray-50-rgb));
--spectrum-gray-75-rgb: 253, 253, 253;
--spectrum-gray-75: rgba(var(--spectrum-gray-75-rgb));
--spectrum-gray-100-rgb: 248, 248, 248;
--spectrum-gray-100: rgba(var(--spectrum-gray-100-rgb));
--spectrum-gray-200-rgb: 230, 230, 230;
--spectrum-gray-200: rgba(var(--spectrum-gray-200-rgb));
--spectrum-gray-300-rgb: 213, 213, 213;
--spectrum-gray-300: rgba(var(--spectrum-gray-300-rgb));
--spectrum-gray-400-rgb: 177, 177, 177;
--spectrum-gray-400: rgba(var(--spectrum-gray-400-rgb));
--spectrum-gray-500-rgb: 144, 144, 144;
--spectrum-gray-500: rgba(var(--spectrum-gray-500-rgb));
--spectrum-gray-600-rgb: 109, 109, 109;
--spectrum-gray-600: rgba(var(--spectrum-gray-600-rgb));
--spectrum-gray-700-rgb: 70, 70, 70;
--spectrum-gray-700: rgba(var(--spectrum-gray-700-rgb));
--spectrum-gray-800-rgb: 34, 34, 34;
--spectrum-gray-800: rgba(var(--spectrum-gray-800-rgb));
--spectrum-gray-900-rgb: 0, 0, 0;
--spectrum-gray-900: rgba(var(--spectrum-gray-900-rgb));
--spectrum-blue-100-rgb: 224, 242, 255;
--spectrum-blue-100: rgba(var(--spectrum-blue-100-rgb));
--spectrum-blue-200-rgb: 202, 232, 255;
--spectrum-blue-200: rgba(var(--spectrum-blue-200-rgb));
--spectrum-blue-300-rgb: 181, 222, 255;
--spectrum-blue-300: rgba(var(--spectrum-blue-300-rgb));
--spectrum-blue-400-rgb: 150, 206, 253;
--spectrum-blue-400: rgba(var(--spectrum-blue-400-rgb));
--spectrum-blue-500-rgb: 120, 187, 250;
--spectrum-blue-500: rgba(var(--spectrum-blue-500-rgb));
--spectrum-blue-600-rgb: 89, 167, 246;
--spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
--spectrum-blue-700-rgb: 56, 146, 243;
--spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
--spectrum-blue-800-rgb: 20, 122, 243;
--spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
--spectrum-blue-900-rgb: 2, 101, 220;
--spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
--spectrum-blue-1000-rgb: 0, 84, 182;
--spectrum-blue-1000: rgba(var(--spectrum-blue-1000-rgb));
--spectrum-blue-1100-rgb: 0, 68, 145;
--spectrum-blue-1100: rgba(var(--spectrum-blue-1100-rgb));
--spectrum-blue-1200-rgb: 0, 53, 113;
--spectrum-blue-1200: rgba(var(--spectrum-blue-1200-rgb));
--spectrum-blue-1300-rgb: 0, 39, 84;
--spectrum-blue-1300: rgba(var(--spectrum-blue-1300-rgb));
--spectrum-blue-1400-rgb: 0, 28, 60;
--spectrum-blue-1400: rgba(var(--spectrum-blue-1400-rgb));
--spectrum-red-100-rgb: 255, 235, 231;
--spectrum-red-100: rgba(var(--spectrum-red-100-rgb));
--spectrum-red-200-rgb: 255, 221, 214;
--spectrum-red-200: rgba(var(--spectrum-red-200-rgb));
--spectrum-red-300-rgb: 255, 205, 195;
--spectrum-red-300: rgba(var(--spectrum-red-300-rgb));
--spectrum-red-400-rgb: 255, 183, 169;
--spectrum-red-400: rgba(var(--spectrum-red-400-rgb));
--spectrum-red-500-rgb: 255, 155, 136;
--spectrum-red-500: rgba(var(--spectrum-red-500-rgb));
--spectrum-red-600-rgb: 255, 124, 101;
--spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
--spectrum-red-700-rgb: 247, 92, 70;
--spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
--spectrum-red-800-rgb: 234, 56, 41;
--spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
--spectrum-red-900-rgb: 211, 21, 16;
--spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
--spectrum-red-1000-rgb: 180, 0, 0;
--spectrum-red-1000: rgba(var(--spectrum-red-1000-rgb));
--spectrum-red-1100-rgb: 147, 0, 0;
--spectrum-red-1100: rgba(var(--spectrum-red-1100-rgb));
--spectrum-red-1200-rgb: 116, 0, 0;
--spectrum-red-1200: rgba(var(--spectrum-red-1200-rgb));
--spectrum-red-1300-rgb: 89, 0, 0;
--spectrum-red-1300: rgba(var(--spectrum-red-1300-rgb));
--spectrum-red-1400-rgb: 67, 0, 0;
--spectrum-red-1400: rgba(var(--spectrum-red-1400-rgb));
--spectrum-orange-100-rgb: 255, 236, 204;
--spectrum-orange-100: rgba(var(--spectrum-orange-100-rgb));
--spectrum-orange-200-rgb: 255, 223, 173;
--spectrum-orange-200: rgba(var(--spectrum-orange-200-rgb));
--spectrum-orange-300-rgb: 253, 210, 145;
--spectrum-orange-300: rgba(var(--spectrum-orange-300-rgb));
--spectrum-orange-400-rgb: 255, 187, 99;
--spectrum-orange-400: rgba(var(--spectrum-orange-400-rgb));
--spectrum-orange-500-rgb: 255, 160, 55;
--spectrum-orange-500: rgba(var(--spectrum-orange-500-rgb));
--spectrum-orange-600-rgb: 246, 133, 17;
--spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
--spectrum-orange-700-rgb: 228, 111, 0;
--spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
--spectrum-orange-800-rgb: 203, 93, 0;
--spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
--spectrum-orange-900-rgb: 177, 76, 0;
--spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
--spectrum-orange-1000-rgb: 149, 61, 0;
--spectrum-orange-1000: rgba(var(--spectrum-orange-1000-rgb));
--spectrum-orange-1100-rgb: 122, 47, 0;
--spectrum-orange-1100: rgba(var(--spectrum-orange-1100-rgb));
--spectrum-orange-1200-rgb: 97, 35, 0;
--spectrum-orange-1200: rgba(var(--spectrum-orange-1200-rgb));
--spectrum-orange-1300-rgb: 73, 25, 1;
--spectrum-orange-1300: rgba(var(--spectrum-orange-1300-rgb));
--spectrum-orange-1400-rgb: 53, 18, 1;
--spectrum-orange-1400: rgba(var(--spectrum-orange-1400-rgb));
--spectrum-yellow-100-rgb: 251, 241, 152;
--spectrum-yellow-100: rgba(var(--spectrum-yellow-100-rgb));
--spectrum-yellow-200-rgb: 248, 231, 80;
--spectrum-yellow-200: rgba(var(--spectrum-yellow-200-rgb));
--spectrum-yellow-300-rgb: 248, 217, 4;
--spectrum-yellow-300: rgba(var(--spectrum-yellow-300-rgb));
--spectrum-yellow-400-rgb: 232, 198, 0;
--spectrum-yellow-400: rgba(var(--spectrum-yellow-400-rgb));
--spectrum-yellow-500-rgb: 215, 179, 0;
--spectrum-yellow-500: rgba(var(--spectrum-yellow-500-rgb));
--spectrum-yellow-600-rgb: 196, 159, 0;
--spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
--spectrum-yellow-700-rgb: 176, 140, 0;
--spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
--spectrum-yellow-800-rgb: 155, 120, 0;
--spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
--spectrum-yellow-900-rgb: 133, 102, 0;
--spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
--spectrum-yellow-1000-rgb: 112, 83, 0;
--spectrum-yellow-1000: rgba(var(--spectrum-yellow-1000-rgb));
--spectrum-yellow-1100-rgb: 91, 67, 0;
--spectrum-yellow-1100: rgba(var(--spectrum-yellow-1100-rgb));
--spectrum-yellow-1200-rgb: 72, 51, 0;
--spectrum-yellow-1200: rgba(var(--spectrum-yellow-1200-rgb));
--spectrum-yellow-1300-rgb: 54, 37, 0;
--spectrum-yellow-1300: rgba(var(--spectrum-yellow-1300-rgb));
--spectrum-yellow-1400-rgb: 40, 26, 0;
--spectrum-yellow-1400: rgba(var(--spectrum-yellow-1400-rgb));
--spectrum-chartreuse-100-rgb: 219, 252, 110;
--spectrum-chartreuse-100: rgba(var(--spectrum-chartreuse-100-rgb));
--spectrum-chartreuse-200-rgb: 203, 244, 67;
--spectrum-chartreuse-200: rgba(var(--spectrum-chartreuse-200-rgb));
--spectrum-chartreuse-300-rgb: 188, 233, 42;
--spectrum-chartreuse-300: rgba(var(--spectrum-chartreuse-300-rgb));
--spectrum-chartreuse-400-rgb: 170, 216, 22;
--spectrum-chartreuse-400: rgba(var(--spectrum-chartreuse-400-rgb));
--spectrum-chartreuse-500-rgb: 152, 197, 10;
--spectrum-chartreuse-500: rgba(var(--spectrum-chartreuse-500-rgb));
--spectrum-chartreuse-600-rgb: 135, 177, 3;
--spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
--spectrum-chartreuse-700-rgb: 118, 156, 0;
--spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
--spectrum-chartreuse-800-rgb: 103, 136, 0;
--spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
--spectrum-chartreuse-900-rgb: 87, 116, 0;
--spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
--spectrum-chartreuse-1000-rgb: 72, 96, 0;
--spectrum-chartreuse-1000: rgba(var(--spectrum-chartreuse-1000-rgb));
--spectrum-chartreuse-1100-rgb: 58, 77, 0;
--spectrum-chartreuse-1100: rgba(var(--spectrum-chartreuse-1100-rgb));
--spectrum-chartreuse-1200-rgb: 44, 59, 0;
--spectrum-chartreuse-1200: rgba(var(--spectrum-chartreuse-1200-rgb));
--spectrum-chartreuse-1300-rgb: 33, 44, 0;
--spectrum-chartreuse-1300: rgba(var(--spectrum-chartreuse-1300-rgb));
--spectrum-chartreuse-1400-rgb: 24, 31, 0;
--spectrum-chartreuse-1400: rgba(var(--spectrum-chartreuse-1400-rgb));
--spectrum-celery-100-rgb: 205, 252, 191;
--spectrum-celery-100: rgba(var(--spectrum-celery-100-rgb));
--spectrum-celery-200-rgb: 174, 246, 157;
--spectrum-celery-200: rgba(var(--spectrum-celery-200-rgb));
--spectrum-celery-300-rgb: 150, 238, 133;
--spectrum-celery-300: rgba(var(--spectrum-celery-300-rgb));
--spectrum-celery-400-rgb: 114, 224, 106;
--spectrum-celery-400: rgba(var(--spectrum-celery-400-rgb));
--spectrum-celery-500-rgb: 78, 207, 80;
--spectrum-celery-500: rgba(var(--spectrum-celery-500-rgb));
--spectrum-celery-600-rgb: 39, 187, 54;
--spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
--spectrum-celery-700-rgb: 7, 167, 33;
--spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
--spectrum-celery-800-rgb: 0, 145, 18;
--spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
--spectrum-celery-900-rgb: 0, 124, 15;
--spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
--spectrum-celery-1000-rgb: 0, 103, 15;
--spectrum-celery-1000: rgba(var(--spectrum-celery-1000-rgb));
--spectrum-celery-1100-rgb: 0, 83, 13;
--spectrum-celery-1100: rgba(var(--spectrum-celery-1100-rgb));
--spectrum-celery-1200-rgb: 0, 64, 10;
--spectrum-celery-1200: rgba(var(--spectrum-celery-1200-rgb));
--spectrum-celery-1300-rgb: 0, 48, 7;
--spectrum-celery-1300: rgba(var(--spectrum-celery-1300-rgb));
--spectrum-celery-1400-rgb: 0, 34, 5;
--spectrum-celery-1400: rgba(var(--spectrum-celery-1400-rgb));
--spectrum-green-100-rgb: 206, 248, 224;
--spectrum-green-100: rgba(var(--spectrum-green-100-rgb));
--spectrum-green-200-rgb: 173, 244, 206;
--spectrum-green-200: rgba(var(--spectrum-green-200-rgb));
--spectrum-green-300-rgb: 137, 236, 188;
--spectrum-green-300: rgba(var(--spectrum-green-300-rgb));
--spectrum-green-400-rgb: 103, 222, 168;
--spectrum-green-400: rgba(var(--spectrum-green-400-rgb));
--spectrum-green-500-rgb: 73, 204, 147;
--spectrum-green-500: rgba(var(--spectrum-green-500-rgb));
--spectrum-green-600-rgb: 47, 184, 128;
--spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
--spectrum-green-700-rgb: 21, 164, 110;
--spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
--spectrum-green-800-rgb: 0, 143, 93;
--spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
--spectrum-green-900-rgb: 0, 122, 77;
--spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
--spectrum-green-1000-rgb: 0, 101, 62;
--spectrum-green-1000: rgba(var(--spectrum-green-1000-rgb));
--spectrum-green-1100-rgb: 0, 81, 50;
--spectrum-green-1100: rgba(var(--spectrum-green-1100-rgb));
--spectrum-green-1200-rgb: 5, 63, 39;
--spectrum-green-1200: rgba(var(--spectrum-green-1200-rgb));
--spectrum-green-1300-rgb: 10, 46, 29;
--spectrum-green-1300: rgba(var(--spectrum-green-1300-rgb));
--spectrum-green-1400-rgb: 10, 32, 21;
--spectrum-green-1400: rgba(var(--spectrum-green-1400-rgb));
--spectrum-seafoam-100-rgb: 206, 247, 243;
--spectrum-seafoam-100: rgba(var(--spectrum-seafoam-100-rgb));
--spectrum-seafoam-200-rgb: 170, 241, 234;
--spectrum-seafoam-200: rgba(var(--spectrum-seafoam-200-rgb));
--spectrum-seafoam-300-rgb: 140, 233, 226;
--spectrum-seafoam-300: rgba(var(--spectrum-seafoam-300-rgb));
--spectrum-seafoam-400-rgb: 101, 218, 210;
--spectrum-seafoam-400: rgba(var(--spectrum-seafoam-400-rgb));
--spectrum-seafoam-500-rgb: 63, 201, 193;
--spectrum-seafoam-500: rgba(var(--spectrum-seafoam-500-rgb));
--spectrum-seafoam-600-rgb: 15, 181, 174;
--spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
--spectrum-seafoam-700-rgb: 0, 161, 154;
--spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
--spectrum-seafoam-800-rgb: 0, 140, 135;
--spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
--spectrum-seafoam-900-rgb: 0, 119, 114;
--spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
--spectrum-seafoam-1000-rgb: 0, 99, 95;
--spectrum-seafoam-1000: rgba(var(--spectrum-seafoam-1000-rgb));
--spectrum-seafoam-1100-rgb: 12, 79, 76;
--spectrum-seafoam-1100: rgba(var(--spectrum-seafoam-1100-rgb));
--spectrum-seafoam-1200-rgb: 18, 60, 58;
--spectrum-seafoam-1200: rgba(var(--spectrum-seafoam-1200-rgb));
--spectrum-seafoam-1300-rgb: 18, 44, 43;
--spectrum-seafoam-1300: rgba(var(--spectrum-seafoam-1300-rgb));
--spectrum-seafoam-1400-rgb: 15, 31, 30;
--spectrum-seafoam-1400: rgba(var(--spectrum-seafoam-1400-rgb));
--spectrum-cyan-100-rgb: 197, 248, 255;
--spectrum-cyan-100: rgba(var(--spectrum-cyan-100-rgb));
--spectrum-cyan-200-rgb: 164, 240, 255;
--spectrum-cyan-200: rgba(var(--spectrum-cyan-200-rgb));
--spectrum-cyan-300-rgb: 136, 231, 250;
--spectrum-cyan-300: rgba(var(--spectrum-cyan-300-rgb));
--spectrum-cyan-400-rgb: 96, 216, 243;
--spectrum-cyan-400: rgba(var(--spectrum-cyan-400-rgb));
--spectrum-cyan-500-rgb: 51, 197, 232;
--spectrum-cyan-500: rgba(var(--spectrum-cyan-500-rgb));
--spectrum-cyan-600-rgb: 18, 176, 218;
--spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
--spectrum-cyan-700-rgb: 1, 156, 200;
--spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
--spectrum-cyan-800-rgb: 0, 134, 180;
--spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
--spectrum-cyan-900-rgb: 0, 113, 159;
--spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
--spectrum-cyan-1000-rgb: 0, 93, 137;
--spectrum-cyan-1000: rgba(var(--spectrum-cyan-1000-rgb));
--spectrum-cyan-1100-rgb: 0, 74, 115;
--spectrum-cyan-1100: rgba(var(--spectrum-cyan-1100-rgb));
--spectrum-cyan-1200-rgb: 0, 57, 93;
--spectrum-cyan-1200: rgba(var(--spectrum-cyan-1200-rgb));
--spectrum-cyan-1300-rgb: 0, 42, 70;
--spectrum-cyan-1300: rgba(var(--spectrum-cyan-1300-rgb));
--spectrum-cyan-1400-rgb: 0, 30, 51;
--spectrum-cyan-1400: rgba(var(--spectrum-cyan-1400-rgb));
--spectrum-indigo-100-rgb: 237, 238, 255;
--spectrum-indigo-100: rgba(var(--spectrum-indigo-100-rgb));
--spectrum-indigo-200-rgb: 224, 226, 255;
--spectrum-indigo-200: rgba(var(--spectrum-indigo-200-rgb));
--spectrum-indigo-300-rgb: 211, 213, 255;
--spectrum-indigo-300: rgba(var(--spectrum-indigo-300-rgb));
--spectrum-indigo-400-rgb: 193, 196, 255;
--spectrum-indigo-400: rgba(var(--spectrum-indigo-400-rgb));
--spectrum-indigo-500-rgb: 172, 175, 255;
--spectrum-indigo-500: rgba(var(--spectrum-indigo-500-rgb));
--spectrum-indigo-600-rgb: 149, 153, 255;
--spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
--spectrum-indigo-700-rgb: 126, 132, 252;
--spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
--spectrum-indigo-800-rgb: 104, 109, 244;
--spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
--spectrum-indigo-900-rgb: 82, 88, 228;
--spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
--spectrum-indigo-1000-rgb: 64, 70, 202;
--spectrum-indigo-1000: rgba(var(--spectrum-indigo-1000-rgb));
--spectrum-indigo-1100-rgb: 50, 54, 168;
--spectrum-indigo-1100: rgba(var(--spectrum-indigo-1100-rgb));
--spectrum-indigo-1200-rgb: 38, 41, 134;
--spectrum-indigo-1200: rgba(var(--spectrum-indigo-1200-rgb));
--spectrum-indigo-1300-rgb: 27, 30, 100;
--spectrum-indigo-1300: rgba(var(--spectrum-indigo-1300-rgb));
--spectrum-indigo-1400-rgb: 20, 22, 72;
--spectrum-indigo-1400: rgba(var(--spectrum-indigo-1400-rgb));
--spectrum-purple-100-rgb: 246, 235, 255;
--spectrum-purple-100: rgba(var(--spectrum-purple-100-rgb));
--spectrum-purple-200-rgb: 238, 221, 255;
--spectrum-purple-200: rgba(var(--spectrum-purple-200-rgb));
--spectrum-purple-300-rgb: 230, 208, 255;
--spectrum-purple-300: rgba(var(--spectrum-purple-300-rgb));
--spectrum-purple-400-rgb: 219, 187, 254;
--spectrum-purple-400: rgba(var(--spectrum-purple-400-rgb));
--spectrum-purple-500-rgb: 204, 164, 253;
--spectrum-purple-500: rgba(var(--spectrum-purple-500-rgb));
--spectrum-purple-600-rgb: 189, 139, 252;
--spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
--spectrum-purple-700-rgb: 174, 114, 249;
--spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
--spectrum-purple-800-rgb: 157, 87, 244;
--spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
--spectrum-purple-900-rgb: 137, 61, 231;
--spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
--spectrum-purple-1000-rgb: 115, 38, 211;
--spectrum-purple-1000: rgba(var(--spectrum-purple-1000-rgb));
--spectrum-purple-1100-rgb: 93, 19, 183;
--spectrum-purple-1100: rgba(var(--spectrum-purple-1100-rgb));
--spectrum-purple-1200-rgb: 71, 12, 148;
--spectrum-purple-1200: rgba(var(--spectrum-purple-1200-rgb));
--spectrum-purple-1300-rgb: 51, 16, 106;
--spectrum-purple-1300: rgba(var(--spectrum-purple-1300-rgb));
--spectrum-purple-1400-rgb: 35, 15, 73;
--spectrum-purple-1400: rgba(var(--spectrum-purple-1400-rgb));
--spectrum-fuchsia-100-rgb: 255, 233, 252;
--spectrum-fuchsia-100: rgba(var(--spectrum-fuchsia-100-rgb));
--spectrum-fuchsia-200-rgb: 255, 218, 250;
--spectrum-fuchsia-200: rgba(var(--spectrum-fuchsia-200-rgb));
--spectrum-fuchsia-300-rgb: 254, 199, 248;
--spectrum-fuchsia-300: rgba(var(--spectrum-fuchsia-300-rgb));
--spectrum-fuchsia-400-rgb: 251, 174, 246;
--spectrum-fuchsia-400: rgba(var(--spectrum-fuchsia-400-rgb));
--spectrum-fuchsia-500-rgb: 245, 146, 243;
--spectrum-fuchsia-500: rgba(var(--spectrum-fuchsia-500-rgb));
--spectrum-fuchsia-600-rgb: 237, 116, 237;
--spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
--spectrum-fuchsia-700-rgb: 224, 85, 226;
--spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
--spectrum-fuchsia-800-rgb: 205, 58, 206;
--spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
--spectrum-fuchsia-900-rgb: 182, 34, 183;
--spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
--spectrum-fuchsia-1000-rgb: 157, 3, 158;
--spectrum-fuchsia-1000: rgba(var(--spectrum-fuchsia-1000-rgb));
--spectrum-fuchsia-1100-rgb: 128, 0, 129;
--spectrum-fuchsia-1100: rgba(var(--spectrum-fuchsia-1100-rgb));
--spectrum-fuchsia-1200-rgb: 100, 6, 100;
--spectrum-fuchsia-1200: rgba(var(--spectrum-fuchsia-1200-rgb));
--spectrum-fuchsia-1300-rgb: 71, 14, 70;
--spectrum-fuchsia-1300: rgba(var(--spectrum-fuchsia-1300-rgb));
--spectrum-fuchsia-1400-rgb: 50, 13, 49;
--spectrum-fuchsia-1400: rgba(var(--spectrum-fuchsia-1400-rgb));
--spectrum-magenta-100-rgb: 255, 234, 241;
--spectrum-magenta-100: rgba(var(--spectrum-magenta-100-rgb));
--spectrum-magenta-200-rgb: 255, 220, 232;
--spectrum-magenta-200: rgba(var(--spectrum-magenta-200-rgb));
--spectrum-magenta-300-rgb: 255, 202, 221;
--spectrum-magenta-300: rgba(var(--spectrum-magenta-300-rgb));
--spectrum-magenta-400-rgb: 255, 178, 206;
--spectrum-magenta-400: rgba(var(--spectrum-magenta-400-rgb));
--spectrum-magenta-500-rgb: 255, 149, 189;
--spectrum-magenta-500: rgba(var(--spectrum-magenta-500-rgb));
--spectrum-magenta-600-rgb: 250, 119, 170;
--spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
--spectrum-magenta-700-rgb: 239, 90, 152;
--spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
--spectrum-magenta-800-rgb: 222, 61, 130;
--spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
--spectrum-magenta-900-rgb: 200, 34, 105;
--spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
--spectrum-magenta-1000-rgb: 173, 9, 85;
--spectrum-magenta-1000: rgba(var(--spectrum-magenta-1000-rgb));
--spectrum-magenta-1100-rgb: 142, 0, 69;
--spectrum-magenta-1100: rgba(var(--spectrum-magenta-1100-rgb));
--spectrum-magenta-1200-rgb: 112, 0, 55;
--spectrum-magenta-1200: rgba(var(--spectrum-magenta-1200-rgb));
--spectrum-magenta-1300-rgb: 84, 3, 42;
--spectrum-magenta-1300: rgba(var(--spectrum-magenta-1300-rgb));
--spectrum-magenta-1400-rgb: 60, 6, 29;
--spectrum-magenta-1400: rgba(var(--spectrum-magenta-1400-rgb));
--spectrum-icon-color-blue-primary-default: var(--spectrum-blue-900);
--spectrum-icon-color-green-primary-default: var(--spectrum-green-900);
--spectrum-icon-color-red-primary-default: var(--spectrum-red-900);
--spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-400);
}
.dna-applet .spectrum--medium {
--spectrum-workflow-icon-size-50: 14px;
--spectrum-workflow-icon-size-75: 16px;
--spectrum-workflow-icon-size-100: 18px;
--spectrum-workflow-icon-size-200: 20px;
--spectrum-workflow-icon-size-300: 22px;
--spectrum-arrow-icon-size-75: 10px;
--spectrum-arrow-icon-size-100: 10px;
--spectrum-arrow-icon-size-200: 12px;
--spectrum-arrow-icon-size-300: 14px;
--spectrum-arrow-icon-size-400: 16px;
--spectrum-arrow-icon-size-500: 18px;
--spectrum-arrow-icon-size-600: 20px;
--spectrum-asterisk-icon-size-100: 8px;
--spectrum-asterisk-icon-size-200: 10px;
--spectrum-asterisk-icon-size-300: 10px;
--spectrum-checkmark-icon-size-50: 10px;
--spectrum-checkmark-icon-size-75: 10px;
--spectrum-checkmark-icon-size-100: 10px;
--spectrum-checkmark-icon-size-200: 12px;
--spectrum-checkmark-icon-size-300: 14px;
--spectrum-checkmark-icon-size-400: 16px;
--spectrum-checkmark-icon-size-500: 16px;
--spectrum-checkmark-icon-size-600: 18px;
--spectrum-chevron-icon-size-50: 6px;
--spectrum-chevron-icon-size-75: 10px;
--spectrum-chevron-icon-size-100: 10px;
--spectrum-chevron-icon-size-200: 12px;
--spectrum-chevron-icon-size-300: 14px;
--spectrum-chevron-icon-size-400: 16px;
--spectrum-chevron-icon-size-500: 16px;
--spectrum-chevron-icon-size-600: 18px;
--spectrum-corner-triangle-icon-size-75: 5px;
--spectrum-corner-triangle-icon-size-100: 5px;
--spectrum-corner-triangle-icon-size-200: 6px;
--spectrum-corner-triangle-icon-size-300: 7px;
--spectrum-cross-icon-size-75: 8px;
--spectrum-cross-icon-size-100: 8px;
--spectrum-cross-icon-size-200: 10px;
--spectrum-cross-icon-size-300: 12px;
--spectrum-cross-icon-size-400: 12px;
--spectrum-cross-icon-size-500: 14px;
--spectrum-cross-icon-size-600: 16px;
--spectrum-dash-icon-size-50: 8px;
--spectrum-dash-icon-size-75: 8px;
--spectrum-dash-icon-size-100: 10px;
--spectrum-dash-icon-size-200: 12px;
--spectrum-dash-icon-size-300: 12px;
--spectrum-dash-icon-size-400: 14px;
--spectrum-dash-icon-size-500: 16px;
--spectrum-dash-icon-size-600: 18px;
--spectrum-field-label-text-to-asterisk-small: 4px;
--spectrum-field-label-text-to-asterisk-medium: 4px;
--spectrum-field-label-text-to-asterisk-large: 5px;
--spectrum-field-label-text-to-asterisk-extra-large: 5px;
--spectrum-field-label-top-to-asterisk-small: 8px;
--spectrum-field-label-top-to-asterisk-medium: 12px;
--spectrum-field-label-top-to-asterisk-large: 15px;
--spectrum-field-label-top-to-asterisk-extra-large: 19px;
--spectrum-field-label-top-margin-medium: 4px;
--spectrum-field-label-top-margin-large: 5px;
--spectrum-field-label-top-margin-extra-large: 5px;
--spectrum-field-label-to-component-quiet-small: -8px;
--spectrum-field-label-to-component-quiet-medium: -8px;
--spectrum-field-label-to-component-quiet-large: -12px;
--spectrum-field-label-to-component-quiet-extra-large: -15px;
--spectrum-help-text-top-to-workflow-icon-small: 4px;
--spectrum-help-text-top-to-workflow-icon-medium: 3px;
--spectrum-help-text-top-to-workflow-icon-large: 6px;
--spectrum-help-text-top-to-workflow-icon-extra-large: 9px;
--spectrum-status-light-dot-size-medium: 8px;
--spectrum-status-light-dot-size-large: 10px;
--spectrum-status-light-dot-size-extra-large: 10px;
--spectrum-status-light-top-to-dot-small: 8px;
--spectrum-status-light-top-to-dot-medium: 12px;
--spectrum-status-light-top-to-dot-large: 15px;
--spectrum-status-light-top-to-dot-extra-large: 19px;
--spectrum-action-button-edge-to-hold-icon-medium: 4px;
--spectrum-action-button-edge-to-hold-icon-large: 5px;
--spectrum-action-button-edge-to-hold-icon-extra-large: 6px;
--spectrum-tooltip-tip-width: 8px;
--spectrum-tooltip-tip-height: 4px;
--spectrum-tooltip-maximum-width: 160px;
--spectrum-progress-circle-size-small: 16px;
--spectrum-progress-circle-size-medium: 32px;
--spectrum-progress-circle-size-large: 64px;
--spectrum-progress-circle-thickness-small: 2px;
--spectrum-progress-circle-thickness-medium: 3px;
--spectrum-progress-circle-thickness-large: 4px;
--spectrum-toast-height: 48px;
--spectrum-toast-maximum-width: 336px;
--spectrum-toast-top-to-workflow-icon: 15px;
--spectrum-toast-top-to-text: 14px;
--spectrum-toast-bottom-to-text: 17px;
--spectrum-action-bar-height: 48px;
--spectrum-action-bar-top-to-item-counter: 14px;
--spectrum-swatch-size-extra-small: 16px;
--spectrum-swatch-size-small: 24px;
--spectrum-swatch-size-medium: 32px;
--spectrum-swatch-size-large: 40px;
--spectrum-progress-bar-thickness-small: 4px;
--spectrum-progress-bar-thickness-medium: 6px;
--spectrum-progress-bar-thickness-large: 8px;
--spectrum-progress-bar-thickness-extra-large: 10px;
--spectrum-meter-width: 192px;
--spectrum-meter-thickness-small: 4px;
--spectrum-meter-thickness-large: 6px;
--spectrum-tag-top-to-avatar-small: 4px;
--spectrum-tag-top-to-avatar-medium: 6px;
--spectrum-tag-top-to-avatar-large: 9px;
--spectrum-tag-top-to-cross-icon-small: 8px;
--spectrum-tag-top-to-cross-icon-medium: 12px;
--spectrum-tag-top-to-cross-icon-large: 15px;
--spectrum-popover-top-to-content-area: 4px;
--spectrum-menu-item-edge-to-content-not-selected-small: 28px;
--spectrum-menu-item-edge-to-content-not-selected-medium: 32px;
--spectrum-menu-item-edge-to-content-not-selected-large: 38px;
--spectrum-menu-item-edge-to-content-not-selected-extra-large: 45px;
--spectrum-menu-item-top-to-disclosure-icon-small: 7px;
--spectrum-menu-item-top-to-disclosure-icon-medium: 11px;
--spectrum-menu-item-top-to-disclosure-icon-large: 14px;
--spectrum-menu-item-top-to-disclosure-icon-extra-large: 17px;
--spectrum-menu-item-top-to-selected-icon-small: 7px;
--spectrum-menu-item-top-to-selected-icon-medium: 11px;
--spectrum-menu-item-top-to-selected-icon-large: 14px;
--spectrum-menu-item-top-to-selected-icon-extra-large: 17px;
--spectrum-slider-control-to-field-label-small: 5px;
--spectrum-slider-control-to-field-label-medium: 8px;
--spectrum-slider-control-to-field-label-large: 11px;
--spectrum-slider-control-to-field-label-extra-large: 14px;
--spectrum-picker-visual-to-disclosure-icon-small: 7px;
--spectrum-picker-visual-to-disclosure-icon-medium: 8px;
--spectrum-picker-visual-to-disclosure-icon-large: 9px;
--spectrum-picker-visual-to-disclosure-icon-extra-large: 10px;
--spectrum-text-area-minimum-width: 112px;
--spectrum-text-area-minimum-height: 56px;
--spectrum-combo-box-visual-to-field-button-small: 7px;
--spectrum-combo-box-visual-to-field-button-medium: 8px;
--spectrum-combo-box-visual-to-field-button-large: 9px;
--spectrum-combo-box-visual-to-field-button-extra-large: 10px;
--spectrum-thumbnail-size-50: 16px;
--spectrum-thumbnail-size-75: 18px;
--spectrum-thumbnail-size-100: 20px;
--spectrum-thumbnail-size-200: 22px;
--spectrum-thumbnail-size-300: 26px;
--spectrum-thumbnail-size-400: 28px;
--spectrum-thumbnail-size-500: 32px;
--spectrum-thumbnail-size-600: 36px;
--spectrum-thumbnail-size-700: 40px;
--spectrum-thumbnail-size-800: 44px;
--spectrum-thumbnail-size-900: 50px;
--spectrum-thumbnail-size-1000: 56px;
--spectrum-alert-dialog-title-size: var(--spectrum-heading-size-s);
--spectrum-alert-dialog-description-size: var(--spectrum-body-size-s);
--spectrum-opacity-checkerboard-square-size: 8px;
--spectrum-contextual-help-title-size: var(--spectrum-heading-size-xs);
--spectrum-contextual-help-body-size: var(--spectrum-body-size-s);
--spectrum-breadcrumbs-height-multiline: 72px;
--spectrum-breadcrumbs-top-to-text: 13px;
--spectrum-breadcrumbs-top-to-text-compact: 11px;
--spectrum-breadcrumbs-top-to-text-multiline: 12px;
--spectrum-breadcrumbs-bottom-to-text: 15px;
--spectrum-breadcrumbs-bottom-to-text-compact: 12px;
--spectrum-breadcrumbs-bottom-to-text-multiline: 9px;
--spectrum-breadcrumbs-start-edge-to-text: 8px;
--spectrum-breadcrumbs-top-text-to-bottom-text: 9px;
--spectrum-breadcrumbs-top-to-separator-icon: 19px;
--spectrum-breadcrumbs-top-to-separator-icon-compact: 15px;
--spectrum-breadcrumbs-top-to-separator-icon-multiline: 15px;
--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline: 11px;
--spectrum-breadcrumbs-top-to-truncated-menu: 8px;
--spectrum-breadcrumbs-top-to-truncated-menu-compact: 4px;
--spectrum-avatar-size-50: 16px;
--spectrum-avatar-size-75: 18px;
--spectrum-avatar-size-100: 20px;
--spectrum-avatar-size-200: 22px;
--spectrum-avatar-size-300: 26px;
--spectrum-avatar-size-400: 28px;
--spectrum-avatar-size-500: 32px;
--spectrum-avatar-size-600: 36px;
--spectrum-avatar-size-700: 40px;
--spectrum-alert-banner-minimum-height: 48px;
--spectrum-alert-banner-width: 832px;
--spectrum-alert-banner-top-to-workflow-icon: 15px;
--spectrum-alert-banner-top-to-text: 14px;
--spectrum-alert-banner-bottom-to-text: 17px;
--spectrum-rating-indicator-width: 18px;
--spectrum-rating-indicator-to-icon: 4px;
--spectrum-color-area-width: 192px;
--spectrum-color-area-minimum-width: 64px;
--spectrum-color-area-height: 192px;
--spectrum-color-area-minimum-height: 64px;
--spectrum-color-wheel-width: 192px;
--spectrum-color-wheel-minimum-width: 175px;
--spectrum-color-slider-length: 192px;
--spectrum-color-slider-minimum-length: 80px;
--spectrum-illustrated-message-title-size: var(--spectrum-heading-size-m);
--spectrum-illustrated-message-cjk-title-size: var(--spectrum-heading-cjk-size-m);
--spectrum-illustrated-message-body-size: var(--spectrum-body-size-s);
--spectrum-coach-mark-width: 296px;
--spectrum-coach-mark-minimum-width: 296px;
--spectrum-coach-mark-maximum-width: 380px;
--spectrum-coach-mark-edge-to-content: var(--spectrum-spacing-400);
--spectrum-coach-mark-pagination-text-to-bottom-edge: 33px;
--spectrum-coach-mark-media-height: 222px;
--spectrum-coach-mark-media-minimum-height: 166px;
--spectrum-coach-mark-title-size: var(--spectrum-heading-size-xs);
--spectrum-coach-mark-body-size: var(--spectrum-body-size-s);
--spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-s);
--spectrum-accordion-top-to-text-regular-small: 5px;
--spectrum-accordion-small-top-to-text-spacious: 9px;
--spectrum-accordion-top-to-text-regular-medium: 8px;
--spectrum-accordion-top-to-text-spacious-medium: 12px;
--spectrum-accordion-top-to-text-compact-large: 4px;
--spectrum-accordion-top-to-text-regular-large: 9px;
--spectrum-accordion-top-to-text-spacious-large: 12px;
--spectrum-accordion-top-to-text-compact-extra-large: 5px;
--spectrum-accordion-top-to-text-regular-extra-large: 9px;
--spectrum-accordion-top-to-text-spacious-extra-large: 13px;
--spectrum-accordion-bottom-to-text-compact-small: 2px;
--spectrum-accordion-bottom-to-text-regular-small: 7px;
--spectrum-accordion-bottom-to-text-spacious-small: 11px;
--spectrum-accordion-bottom-to-text-compact-medium: 5px;
--spectrum-accordion-bottom-to-text-regular-medium: 9px;
--spectrum-accordion-bottom-to-text-spacious-medium: 13px;
--spectrum-accordion-bottom-to-text-compact-large: 8px;
--spectrum-accordion-bottom-to-text-regular-large: 11px;
--spectrum-accordion-bottom-to-text-spacious-large: 16px;
--spectrum-accordion-bottom-to-text-compact-extra-large: 8px;
--spectrum-accordion-bottom-to-text-regular-extra-large: 12px;
--spectrum-accordion-bottom-to-text-spacious-extra-large: 16px;
--spectrum-accordion-minimum-width: 200px;
--spectrum-accordion-content-area-top-to-content: 8px;
--spectrum-accordion-content-area-bottom-to-content: 16px;
--spectrum-color-handle-size: 16px;
--spectrum-color-handle-size-key-focus: 32px;
--spectrum-table-column-header-row-top-to-text-small: 8px;
--spectrum-table-column-header-row-top-to-text-medium: 7px;
--spectrum-table-column-header-row-top-to-text-large: 10px;
--spectrum-table-column-header-row-top-to-text-extra-large: 13px;
--spectrum-table-column-header-row-bottom-to-text-small: 9px;
--spectrum-table-column-header-row-bottom-to-text-medium: 8px;
--spectrum-table-column-header-row-bottom-to-text-large: 10px;
--spectrum-table-column-header-row-bottom-to-text-extra-large: 13px;
--spectrum-table-row-height-small-regular: 32px;
--spectrum-table-row-height-medium-regular: 40px;
--spectrum-table-row-height-large-regular: 48px;
--spectrum-table-row-height-extra-large-regular: 56px;
--spectrum-table-row-height-small-spacious: 40px;
--spectrum-table-row-height-medium-spacious: 48px;
--spectrum-table-row-height-large-spacious: 56px;
--spectrum-table-row-height-extra-large-spacious: 64px;
--spectrum-table-row-top-to-text-small-regular: 8px;
--spectrum-table-row-top-to-text-medium-regular: 11px;
--spectrum-table-row-top-to-text-large-regular: 14px;
--spectrum-table-row-top-to-text-extra-large-regular: 17px;
--spectrum-table-row-bottom-to-text-small-regular: 9px;
--spectrum-table-row-bottom-to-text-medium-regular: 12px;
--spectrum-table-row-bottom-to-text-large-regular: 14px;
--spectrum-table-row-bottom-to-text-extra-large-regular: 17px;
--spectrum-table-row-top-to-text-small-spacious: 12px;
--spectrum-table-row-top-to-text-medium-spacious: 15px;
--spectrum-table-row-top-to-text-large-spacious: 18px;
--spectrum-table-row-top-to-text-extra-large-spacious: 21px;
--spectrum-table-row-bottom-to-text-small-spacious: 13px;
--spectrum-table-row-bottom-to-text-medium-spacious: 16px;
--spectrum-table-row-bottom-to-text-large-spacious: 18px;
--spectrum-table-row-bottom-to-text-extra-large-spacious: 21px;
--spectrum-table-checkbox-to-text: 24px;
--spectrum-table-header-row-checkbox-to-top-small: 10px;
--spectrum-table-header-row-checkbox-to-top-medium: 9px;
--spectrum-table-header-row-checkbox-to-top-large: 12px;
--spectrum-table-header-row-checkbox-to-top-extra-large: 15px;
--spectrum-table-row-checkbox-to-top-small-compact: 6px;
--spectrum-table-row-checkbox-to-top-small-regular: 10px;
--spectrum-table-row-checkbox-to-top-small-spacious: 14px;
--spectrum-table-row-checkbox-to-top-medium-compact: 9px;
--spectrum-table-row-checkbox-to-top-medium-regular: 13px;
--spectrum-table-row-checkbox-to-top-medium-spacious: 17px;
--spectrum-table-row-checkbox-to-top-large-compact: 12px;
--spectrum-table-row-checkbox-to-top-large-regular: 16px;
--spectrum-table-row-checkbox-to-top-large-spacious: 20px;
--spectrum-table-row-checkbox-to-top-extra-large-compact: 15px;
--spectrum-table-row-checkbox-to-top-extra-large-regular: 19px;
--spectrum-table-row-checkbox-to-top-extra-large-spacious: 23px;
--spectrum-table-section-header-row-height-small: 24px;
--spectrum-table-section-header-row-height-medium: 32px;
--spectrum-table-section-header-row-height-large: 40px;
--spectrum-table-section-header-row-height-extra-large: 48px;
--spectrum-table-thumbnail-to-top-minimum-small-compact: 4px;
--spectrum-table-thumbnail-to-top-minimum-medium-compact: 5px;
--spectrum-table-thumbnail-to-top-minimum-large-compact: 7px;
--spectrum-table-thumbnail-to-top-minimum-extra-large-compact: 8px;
--spectrum-table-thumbnail-to-top-minimum-small-regular: 5px;
--spectrum-table-thumbnail-to-top-minimum-medium-regular: 7px;
--spectrum-table-thumbnail-to-top-minimum-large-regular: 8px;
--spectrum-table-thumbnail-to-top-minimum-extra-large-regular: 8px;
--spectrum-table-thumbnail-to-top-minimum-small-spacious: 7px;
--spectrum-table-thumbnail-to-top-minimum-medium-spacious: 8px;
--spectrum-table-thumbnail-to-top-minimum-large-spacious: 8px;
--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious: 10px;
--spectrum-tab-item-to-tab-item-horizontal-small: 21px;
--spectrum-tab-item-to-tab-item-horizontal-medium: 24px;
--spectrum-tab-item-to-tab-item-horizontal-large: 27px;
--spectrum-tab-item-to-tab-item-horizontal-extra-large: 30px;
--spectrum-tab-item-to-tab-item-vertical-small: 4px;
--spectrum-tab-item-to-tab-item-vertical-medium: 4px;
--spectrum-tab-item-to-tab-item-vertical-large: 5px;
--spectrum-tab-item-to-tab-item-vertical-extra-large: 5px;
--spectrum-tab-item-start-to-edge-small: 12px;
--spectrum-tab-item-start-to-edge-medium: 12px;
--spectrum-tab-item-start-to-edge-large: 13px;
--spectrum-tab-item-start-to-edge-extra-large: 13px;
--spectrum-tab-item-top-to-text-small: 11px;
--spectrum-tab-item-bottom-to-text-small: 12px;
--spectrum-tab-item-top-to-text-medium: 14px;
--spectrum-tab-item-bottom-to-text-medium: 14px;
--spectrum-tab-item-top-to-text-large: 16px;
--spectrum-tab-item-bottom-to-text-large: 18px;
--spectrum-tab-item-top-to-text-extra-large: 19px;
--spectrum-tab-item-bottom-to-text-extra-large: 20px;
--spectrum-tab-item-top-to-text-compact-small: 4px;
--spectrum-tab-item-bottom-to-text-compact-small: 5px;
--spectrum-tab-item-top-to-text-compact-medium: 6px;
--spectrum-tab-item-bottom-to-text-compact-medium: 8px;
--spectrum-tab-item-top-to-text-compact-large: 10px;
--spectrum-tab-item-bottom-to-text-compact-large: 12px;
--spectrum-tab-item-top-to-text-compact-extra-large: 12px;
--spectrum-tab-item-bottom-to-text-compact-extra-large: 13px;
--spectrum-tab-item-top-to-workflow-icon-small: 13px;
--spectrum-tab-item-top-to-workflow-icon-medium: 15px;
--spectrum-tab-item-top-to-workflow-icon-large: 17px;
--spectrum-tab-item-top-to-workflow-icon-extra-large: 19px;
--spectrum-tab-item-top-to-workflow-icon-compact-small: 3px;
--spectrum-tab-item-top-to-workflow-icon-compact-medium: 7px;
--spectrum-tab-item-top-to-workflow-icon-compact-large: 9px;
--spectrum-tab-item-top-to-workflow-icon-compact-extra-large: 11px;
--spectrum-tab-item-focus-indicator-gap-small: 7px;
--spectrum-tab-item-focus-indicator-gap-medium: 8px;
--spectrum-tab-item-focus-indicator-gap-large: 9px;
--spectrum-tab-item-focus-indicator-gap-extra-large: 10px;
--spectrum-side-navigation-width: 192px;
--spectrum-side-navigation-minimum-width: 160px;
--spectrum-side-navigation-maximum-width: 240px;
--spectrum-side-navigation-second-level-edge-to-text: 24px;
--spectrum-side-navigation-third-level-edge-to-text: 36px;
--spectrum-side-navigation-with-icon-second-level-edge-to-text: 50px;
--spectrum-side-navigation-with-icon-third-level-edge-to-text: 62px;
--spectrum-side-navigation-item-to-item: 4px;
--spectrum-side-navigation-item-to-header: 24px;
--spectrum-side-navigation-header-to-item: 8px;
--spectrum-side-navigation-bottom-to-text: 8px;
--spectrum-tray-top-to-content-area: 4px;
--spectrum-accordion-top-to-text-spacious-small: 9px;
--spectrum-text-to-visual-50: 6px;
--spectrum-text-to-visual-75: 7px;
--spectrum-text-to-visual-100: 8px;
--spectrum-text-to-visual-200: 9px;
--spectrum-text-to-visual-300: 10px;
--spectrum-text-to-control-75: 9px;
--spectrum-text-to-control-100: 10px;
--spectrum-text-to-control-200: 11px;
--spectrum-text-to-control-300: 13px;
--spectrum-component-height-50: 20px;
--spectrum-component-height-75: 24px;
--spectrum-component-height-100: 32px;
--spectrum-component-height-200: 40px;
--spectrum-component-height-300: 48px;
--spectrum-component-height-400: 56px;
--spectrum-component-height-500: 64px;
--spectrum-component-pill-edge-to-visual-75: 10px;
--spectrum-component-pill-edge-to-visual-100: 14px;
--spectrum-component-pill-edge-to-visual-200: 18px;
--spectrum-component-pill-edge-to-visual-300: 21px;
--spectrum-component-pill-edge-to-visual-only-75: 4px;
--spectrum-component-pill-edge-to-visual-only-100: 7px;
--spectrum-component-pill-edge-to-visual-only-200: 10px;
--spectrum-component-pill-edge-to-visual-only-300: 13px;
--spectrum-component-pill-edge-to-text-75: 12px;
--spectrum-component-pill-edge-to-text-100: 16px;
--spectrum-component-pill-edge-to-text-200: 20px;
--spectrum-component-pill-edge-to-text-300: 24px;
--spectrum-component-edge-to-visual-50: 6px;
--spectrum-component-edge-to-visual-75: 7px;
--spectrum-component-edge-to-visual-100: 10px;
--spectrum-component-edge-to-visual-200: 13px;
--spectrum-component-edge-to-visual-300: 15px;
--spectrum-component-edge-to-visual-only-50: 3px;
--spectrum-component-edge-to-visual-only-75: 4px;
--spectrum-component-edge-to-visual-only-100: 7px;
--spectrum-component-edge-to-visual-only-200: 10px;
--spectrum-component-edge-to-visual-only-300: 13px;
--spectrum-component-edge-to-text-50: 8px;
--spectrum-component-edge-to-text-75: 9px;
--spectrum-component-edge-to-text-100: 12px;
--spectrum-component-edge-to-text-200: 15px;
--spectrum-component-edge-to-text-300: 18px;
--spectrum-component-top-to-workflow-icon-50: 3px;
--spectrum-component-top-to-workflow-icon-75: 4px;
--spectrum-component-top-to-workflow-icon-100: 7px;
--spectrum-component-top-to-workflow-icon-200: 10px;
--spectrum-component-top-to-workflow-icon-300: 13px;
--spectrum-component-top-to-text-50: 3px;
--spectrum-component-top-to-text-75: 4px;
--spectrum-component-top-to-text-100: 6px;
--spectrum-component-top-to-text-200: 9px;
--spectrum-component-top-to-text-300: 12px;
--spectrum-component-bottom-to-text-50: 3px;
--spectrum-component-bottom-to-text-75: 5px;
--spectrum-component-bottom-to-text-100: 9px;
--spectrum-component-bottom-to-text-200: 11px;
--spectrum-component-bottom-to-text-300: 14px;
--spectrum-component-to-menu-small: 6px;
--spectrum-component-to-menu-medium: 6px;
--spectrum-component-to-menu-large: 7px;
--spectrum-component-to-menu-extra-large: 8px;
--spectrum-field-edge-to-disclosure-icon-75: 7px;
--spectrum-field-edge-to-disclosure-icon-100: 11px;
--spectrum-field-edge-to-disclosure-icon-200: 14px;
--spectrum-field-edge-to-disclosure-icon-300: 17px;
--spectrum-field-end-edge-to-disclosure-icon-75: 7px;
--spectrum-field-end-edge-to-disclosure-icon-100: 11px;
--spectrum-field-end-edge-to-disclosure-icon-200: 14px;
--spectrum-field-end-edge-to-disclosure-icon-300: 17px;
--spectrum-field-top-to-disclosure-icon-75: 7px;
--spectrum-field-top-to-disclosure-icon-100: 11px;
--spectrum-field-top-to-disclosure-icon-200: 14px;
--spectrum-field-top-to-disclosure-icon-300: 17px;
--spectrum-field-top-to-alert-icon-small: 4px;
--spectrum-field-top-to-alert-icon-medium: 7px;
--spectrum-field-top-to-alert-icon-large: 10px;
--spectrum-field-top-to-alert-icon-extra-large: 13px;
--spectrum-field-top-to-validation-icon-small: 7px;
--spectrum-field-top-to-validation-icon-medium: 11px;
--spectrum-field-top-to-validation-icon-large: 14px;
--spectrum-field-top-to-validation-icon-extra-large: 17px;
--spectrum-field-top-to-progress-circle-small: 4px;
--spectrum-field-top-to-progress-circle-medium: 8px;
--spectrum-field-top-to-progress-circle-large: 12px;
--spectrum-field-top-to-progress-circle-extra-large: 16px;
--spectrum-field-edge-to-alert-icon-small: 9px;
--spectrum-field-edge-to-alert-icon-medium: 12px;
--spectrum-field-edge-to-alert-icon-large: 15px;
--spectrum-field-edge-to-alert-icon-extra-large: 18px;
--spectrum-field-edge-to-validation-icon-small: 9px;
--spectrum-field-edge-to-validation-icon-medium: 12px;
--spectrum-field-edge-to-validation-icon-large: 15px;
--spectrum-field-edge-to-validation-icon-extra-large: 18px;
--spectrum-field-text-to-alert-icon-small: 8px;
--spectrum-field-text-to-alert-icon-medium: 12px;
--spectrum-field-text-to-alert-icon-large: 15px;
--spectrum-field-text-to-alert-icon-extra-large: 18px;
--spectrum-field-text-to-validation-icon-small: 8px;
--spectrum-field-text-to-validation-icon-medium: 12px;
--spectrum-field-text-to-validation-icon-large: 15px;
--spectrum-field-text-to-validation-icon-extra-large: 18px;
--spectrum-field-width: 192px;
--spectrum-character-count-to-field-quiet-small: -3px;
--spectrum-character-count-to-field-quiet-medium: -3px;
--spectrum-character-count-to-field-quiet-large: -3px;
--spectrum-character-count-to-field-quiet-extra-large: -4px;
--spectrum-side-label-character-count-to-field: 12px;
--spectrum-side-label-character-count-top-margin-small: 4px;
--spectrum-side-label-character-count-top-margin-medium: 8px;
--spectrum-side-label-character-count-top-margin-large: 11px;
--spectrum-side-label-character-count-top-margin-extra-large: 14px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-small: 7px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-medium: 11px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-large: 14px;
--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large: 17px;
--spectrum-navigational-indicator-top-to-back-icon-small: 6px;
--spectrum-navigational-indicator-top-to-back-icon-medium: 9px;
--spectrum-navigational-indicator-top-to-back-icon-large: 12px;
--spectrum-navigational-indicator-top-to-back-icon-extra-large: 15px;
--spectrum-color-control-track-width: 24px;
--spectrum-font-size-50: 11px;
--spectrum-font-size-75: 12px;
--spectrum-font-size-100: 14px;
--spectrum-font-size-200: 16px;
--spectrum-font-size-300: 18px;
--spectrum-font-size-400: 20px;
--spectrum-font-size-500: 22px;
--spectrum-font-size-600: 25px;
--spectrum-font-size-700: 28px;
--spectrum-font-size-800: 32px;
--spectrum-font-size-900: 36px;
--spectrum-font-size-1000: 40px;
--spectrum-font-size-1100: 45px;
--spectrum-font-size-1200: 50px;
--spectrum-font-size-1300: 60px;
}
.dna-applet .spectrum--dark {
--spectrum-menu-item-background-color-default-rgb: 255, 255, 255;
--spectrum-menu-item-background-color-default-opacity: 0;
--spectrum-menu-item-background-color-default: rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
--spectrum-menu-item-background-color-hover: var(--spectrum-transparent-white-200);
--spectrum-menu-item-background-color-down: var(--spectrum-transparent-white-200);
--spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-white-200);
--spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb);
--spectrum-dropindicator-color: var(--spectrum-blue-700);
--spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
--spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-white-rgb), 0.07);
--spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
--spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
--spectrum-calendar-day-background-color-down: var(--spectrum-transparent-white-200);
--spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-800-rgb), 0.25);
--spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-white-rgb), 0.07);
--spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
--spectrum-badge-label-icon-color-primary: var(--spectrum-black);
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
--spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
--spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
--spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
--spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
--spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.07);
--spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
--spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
--spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
--spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000);
--spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000);
--spectrum-logic-button-or-background-color: var(--spectrum-magenta-700);
--spectrum-logic-button-or-border-color: var(--spectrum-magenta-700);
--spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
--spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
--spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
--spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
--spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800);
--spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
--spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.25);
--spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
--spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
--spectrum-swatch-border-color-rgb: 255, 255, 255;
--spectrum-swatch-border-color-opacity: 0.51;
--spectrum-swatch-border-color: rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
--spectrum-swatch-border-color-light-rgb: 255, 255, 255;
--spectrum-swatch-border-color-light-opacity: 0.2;
--spectrum-swatch-border-color-light: rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
}
.dna-applet .spectrum--darkest {
--spectrum-menu-item-background-color-default-rgb: 255, 255, 255;
--spectrum-menu-item-background-color-default-opacity: 0;
--spectrum-menu-item-background-color-default: rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
--spectrum-menu-item-background-color-hover: var(--spectrum-transparent-white-200);
--spectrum-menu-item-background-color-down: var(--spectrum-transparent-white-200);
--spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-white-200);
--spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb);
--spectrum-dropindicator-color: var(--spectrum-blue-700);
--spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
--spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-white-rgb), 0.08);
--spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
--spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
--spectrum-calendar-day-background-color-down: rgba(var(--spectrum-white-rgb), 0.15);
--spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-800-rgb), 0.3);
--spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-white-rgb), 0.08);
--spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-600-rgb);
--spectrum-badge-label-icon-color-primary: var(--spectrum-black);
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
--spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
--spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
--spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
--spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-700);
--spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.08);
--spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
--spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
--spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
--spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000);
--spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000);
--spectrum-logic-button-or-background-color: var(--spectrum-magenta-700);
--spectrum-logic-button-or-border-color: var(--spectrum-magenta-700);
--spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
--spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
--spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
--spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
--spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-800);
--spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
--spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-800-rgb), 0.3);
--spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
--spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
--spectrum-swatch-border-color-rgb: 255, 255, 255;
--spectrum-swatch-border-color-opacity: 0.51;
--spectrum-swatch-border-color: rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
--spectrum-swatch-border-color-light-rgb: 255, 255, 255;
--spectrum-swatch-border-color-light-opacity: 0.2;
--spectrum-swatch-border-color-light: rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
}
.dna-applet .spectrum {
--spectrum-neutral-background-color-selected-default: var(--spectrum-gray-700);
--spectrum-neutral-background-color-selected-hover: var(--spectrum-gray-800);
--spectrum-neutral-background-color-selected-down: var(--spectrum-gray-900);
--spectrum-neutral-background-color-selected-key-focus: var(--spectrum-gray-800);
--spectrum-slider-track-thickness: 2px;
--spectrum-slider-handle-gap: 4px;
--spectrum-picker-border-width: var(--spectrum-border-width-100);
--spectrum-in-field-button-fill-stacked-inner-border-rounding: 0px;
--spectrum-in-field-button-edge-to-fill: 0px;
--spectrum-in-field-button-stacked-inner-edge-to-fill: 0px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium: 3px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large: 4px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large: 5px;
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small);
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);
--spectrum-corner-radius-75: 2px;
--spectrum-drop-shadow-x: 0px;
--spectrum-border-width-100: 1px;
--spectrum-accent-color-100: var(--spectrum-blue-100);
--spectrum-accent-color-200: var(--spectrum-blue-200);
--spectrum-accent-color-300: var(--spectrum-blue-300);
--spectrum-accent-color-400: var(--spectrum-blue-400);
--spectrum-accent-color-500: var(--spectrum-blue-500);
--spectrum-accent-color-600: var(--spectrum-blue-600);
--spectrum-accent-color-700: var(--spectrum-blue-700);
--spectrum-accent-color-800: var(--spectrum-blue-800);
--spectrum-accent-color-900: var(--spectrum-blue-900);
--spectrum-accent-color-1000: var(--spectrum-blue-1000);
--spectrum-accent-color-1100: var(--spectrum-blue-1100);
--spectrum-accent-color-1200: var(--spectrum-blue-1200);
--spectrum-accent-color-1300: var(--spectrum-blue-1300);
--spectrum-accent-color-1400: var(--spectrum-blue-1400);
--spectrum-heading-sans-serif-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-cjk-font-weight: var(--spectrum-extra-bold-font-weight);
--spectrum-heading-sans-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
--spectrum-heading-serif-emphasized-font-weight: var(--spectrum-bold-font-weight);
--system: spectrum;
--spectrum-animation-linear: cubic-bezier(0, 0, 1, 1);
--spectrum-animation-duration-0: 0ms;
--spectrum-animation-duration-100: 130ms;
--spectrum-animation-duration-200: 160ms;
--spectrum-animation-duration-300: 190ms;
--spectrum-animation-duration-400: 220ms;
--spectrum-animation-duration-500: 250ms;
--spectrum-animation-duration-600: 300ms;
--spectrum-animation-duration-700: 350ms;
--spectrum-animation-duration-800: 400ms;
--spectrum-animation-duration-900: 450ms;
--spectrum-animation-duration-1000: 500ms;
--spectrum-animation-duration-2000: 1000ms;
--spectrum-animation-duration-4000: 2000ms;
--spectrum-animation-duration-6000: 3000ms;
--spectrum-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
--spectrum-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
--spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
--spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
--spectrum-sans-font-family-stack: adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
--spectrum-sans-serif-font: var(--spectrum-sans-font-family-stack);
--spectrum-serif-font-family-stack: adobe-clean-serif, var(--spectrum-serif-font-family), "Source Serif Pro", Georgia, serif;
--spectrum-serif-font: var(--spectrum-serif-font-family-stack);
--spectrum-code-font-family-stack: "Source Code Pro", Monaco, monospace;
--spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
--spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
--spectrum-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-font-style: var(--spectrum-default-font-style);
--spectrum-font-size: var(--spectrum-font-size-100);
--spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
--spectrum-cjk-font: var(--spectrum-code-font-family-stack);
--spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
--spectrum-docs-static-white-background-color: rgba(var(--spectrum-docs-static-white-background-color-rgb));
--spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
--spectrum-docs-static-black-background-color: rgba(var(--spectrum-docs-static-black-background-color-rgb));
--spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white);
}
.dna-applet .spectrum--large {
--spectrum-checkbox-control-size-small: 16px;
--spectrum-checkbox-control-size-medium: 18px;
--spectrum-checkbox-control-size-large: 20px;
--spectrum-checkbox-control-size-extra-large: 22px;
--spectrum-checkbox-top-to-control-small: 7px;
--spectrum-checkbox-top-to-control-medium: 11px;
--spectrum-checkbox-top-to-control-large: 15px;
--spectrum-checkbox-top-to-control-extra-large: 19px;
--spectrum-switch-control-width-small: 32px;
--spectrum-switch-control-width-medium: 36px;
--spectrum-switch-control-width-large: 41px;
--spectrum-switch-control-width-extra-large: 46px;
--spectrum-switch-control-height-small: 16px;
--spectrum-switch-control-height-medium: 18px;
--spectrum-switch-control-height-large: 20px;
--spectrum-switch-control-height-extra-large: 22px;
--spectrum-switch-top-to-control-small: 7px;
--spectrum-switch-top-to-control-medium: 11px;
--spectrum-switch-top-to-control-large: 15px;
--spectrum-switch-top-to-control-extra-large: 19px;
--spectrum-radio-button-control-size-small: 16px;
--spectrum-radio-button-control-size-medium: 18px;
--spectrum-radio-button-control-size-large: 20px;
--spectrum-radio-button-control-size-extra-large: 22px;
--spectrum-radio-button-top-to-control-small: 7px;
--spectrum-radio-button-top-to-control-medium: 11px;
--spectrum-radio-button-top-to-control-large: 15px;
--spectrum-radio-button-top-to-control-extra-large: 19px;
--spectrum-slider-control-height-small: 18px;
--spectrum-slider-control-height-medium: 20px;
--spectrum-slider-control-height-large: 22px;
--spectrum-slider-control-height-extra-large: 26px;
--spectrum-slider-handle-size-small: 18px;
--spectrum-slider-handle-size-medium: 20px;
--spectrum-slider-handle-size-large: 22px;
--spectrum-slider-handle-size-extra-large: 26px;
--spectrum-slider-handle-border-width-down-small: 7px;
--spectrum-slider-handle-border-width-down-medium: 8px;
--spectrum-slider-handle-border-width-down-large: 9px;
--spectrum-slider-handle-border-width-down-extra-large: 11px;
--spectrum-slider-bottom-to-handle-small: 6px;
--spectrum-slider-bottom-to-handle-medium: 10px;
--spectrum-slider-bottom-to-handle-large: 14px;
--spectrum-slider-bottom-to-handle-extra-large: 17px;
--spectrum-corner-radius-100: 5px;
--spectrum-corner-radius-200: 10px;
--spectrum-drop-shadow-y: 2px;
--spectrum-drop-shadow-blur: 6px;
--spectrum-slider-tick-mark-height: 13px;
--spectrum-slider-ramp-track-height: 20px;
--spectrum-colorwheel-path: "M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";
--spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
--spectrum-colorwheel-colorarea-container-size: 182px;
--spectrum-colorloupe-checkerboard-fill: url(#checkerboard-secondary);
--spectrum-contextual-help-content-spacing: var(--spectrum-spacing-200);
--spectrum-menu-item-selectable-edge-to-text-not-selected-small: 34px;
--spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 42px;
--spectrum-menu-item-selectable-edge-to-text-not-selected-large: 47px;
--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 54px;
--spectrum-menu-item-checkmark-height-small: 12px;
--spectrum-menu-item-checkmark-height-medium: 14px;
--spectrum-menu-item-checkmark-height-large: 16px;
--spectrum-menu-item-checkmark-height-extra-large: 16px;
--spectrum-menu-item-checkmark-width-small: 12px;
--spectrum-menu-item-checkmark-width-medium: 14px;
--spectrum-menu-item-checkmark-width-large: 16px;
--spectrum-menu-item-checkmark-width-extra-large: 16px;
--spectrum-rating-icon-spacing: var(--spectrum-spacing-100);
--spectrum-button-top-to-text-small: 6px;
--spectrum-button-bottom-to-text-small: 5px;
--spectrum-button-top-to-text-medium: 9px;
--spectrum-button-bottom-to-text-medium: 10px;
--spectrum-button-top-to-text-large: 12px;
--spectrum-button-bottom-to-text-large: 13px;
--spectrum-button-top-to-text-extra-large: 16px;
--spectrum-button-bottom-to-text-extra-large: 17px;
--spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-200);
--spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-200);
--spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-200);
--spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-200);
--spectrum-alert-dialog-padding: var(--spectrum-spacing-400);
--spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-600);
--spectrum-coach-indicator-gap: 8px;
--spectrum-coach-indicator-ring-diameter: 20px;
--spectrum-coach-indicator-quiet-ring-diameter: 10px;
--spectrum-coachmark-buttongroup-display: none;
--spectrum-coachmark-buttongroup-mobile-display: flex;
--spectrum-coachmark-menu-display: none;
--spectrum-coachmark-menu-mobile-display: inline-flex;
--spectrum-well-padding: 20px;
--spectrum-well-margin-top: 5px;
--spectrum-well-min-width: 300px;
--spectrum-well-border-radius: 5px;
--spectrum-workflow-icon-size-xxl: 40px;
--spectrum-workflow-icon-size-xxs: 15px;
--spectrum-treeview-item-indentation-medium: 20px;
--spectrum-treeview-item-indentation-small: 15px;
--spectrum-treeview-item-indentation-large: 25px;
--spectrum-treeview-item-indentation-extra-large: 30px;
--spectrum-treeview-indicator-inset-block-start: 6px;
--spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 2px;
--spectrum-dialog-confirm-entry-animation-distance: 25px;
--spectrum-dialog-confirm-hero-height: 160px;
--spectrum-dialog-confirm-border-radius: 5px;
--spectrum-dialog-confirm-title-text-size: 19px;
--spectrum-dialog-confirm-description-text-size: 15px;
--spectrum-dialog-confirm-padding-grid: 24px;
--spectrum-datepicker-initial-width: 160px;
--spectrum-datepicker-generic-padding: 15px;
--spectrum-datepicker-dash-line-height: 30px;
--spectrum-datepicker-width-quiet-first: 90px;
--spectrum-datepicker-width-quiet-second: 20px;
--spectrum-datepicker-datetime-width-first: 45px;
--spectrum-datepicker-invalid-icon-to-button: 10px;
--spectrum-datepicker-invalid-icon-to-button-quiet: 9px;
--spectrum-datepicker-input-datetime-width: 30px;
--spectrum-pagination-textfield-width: 60px;
--spectrum-pagination-item-inline-spacing: 6px;
--spectrum-dial-border-radius: 20px;
--spectrum-dial-handle-position: 10px;
--spectrum-dial-handle-block-margin: 20px;
--spectrum-dial-handle-inline-margin: 20px;
--spectrum-dial-controls-margin: 10px;
--spectrum-dial-label-gap-y: 6px;
--spectrum-dial-label-container-top-to-text: 5px;
--spectrum-assetcard-focus-ring-border-radius: 9px;
--spectrum-assetcard-selectionindicator-margin: 15px;
--spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs);
--spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs);
--spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs);
--spectrum-tooltip-animation-distance: 5px;
--spectrum-ui-icon-medium-display: none;
--spectrum-ui-icon-large-display: block;
}
.dna-applet .spectrum--light, .dna-applet .spectrum--lightest {
--spectrum-menu-item-background-color-default-rgb: 0, 0, 0;
--spectrum-menu-item-background-color-default-opacity: 0;
--spectrum-menu-item-background-color-default: rgba(var(--spectrum-menu-item-background-color-default-rgb), var(--spectrum-menu-item-background-color-default-opacity));
--spectrum-menu-item-background-color-hover: var(--spectrum-transparent-black-200);
--spectrum-menu-item-background-color-down: var(--spectrum-transparent-black-200);
--spectrum-menu-item-background-color-key-focus: var(--spectrum-transparent-black-200);
--spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb);
--spectrum-dropindicator-color: var(--spectrum-blue-800);
--spectrum-calendar-day-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
--spectrum-calendar-day-background-color-hover: rgba(var(--spectrum-black-rgb), 0.06);
--spectrum-calendar-day-today-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
--spectrum-calendar-day-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
--spectrum-calendar-day-background-color-down: var(--spectrum-transparent-black-200);
--spectrum-calendar-day-background-color-cap-selected: rgba(var(--spectrum-blue-900-rgb), 0.2);
--spectrum-calendar-day-background-color-key-focus: rgba(var(--spectrum-black-rgb), 0.06);
--spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-800);
--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-900-rgb);
--spectrum-badge-label-icon-color-primary: var(--spectrum-white);
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800);
--spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
--spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
--spectrum-well-border-color: var(--spectrum-black);
--spectrum-steplist-current-marker-color-key-focus: var(--spectrum-blue-800);
--spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.06);
--spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
--spectrum-logic-button-and-background-color: var(--spectrum-blue-900);
--spectrum-logic-button-and-border-color: var(--spectrum-blue-900);
--spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1100);
--spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1100);
--spectrum-logic-button-or-background-color: var(--spectrum-magenta-900);
--spectrum-logic-button-or-border-color: var(--spectrum-magenta-900);
--spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-1100);
--spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-1100);
--spectrum-assetcard-border-color-selected: var(--spectrum-blue-900);
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-900);
--spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-1000);
--spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-blue-900);
--spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-800);
--spectrum-assetlist-item-background-color-selected-hover: rgba(var(--spectrum-blue-900-rgb), 0.2);
--spectrum-assetlist-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
--spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800);
--spectrum-swatch-border-color-rgb: 0, 0, 0;
--spectrum-swatch-border-color-opacity: 0.51;
--spectrum-swatch-border-color: rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity));
--spectrum-swatch-border-color-light-rgb: 0, 0, 0;
--spectrum-swatch-border-color-light-opacity: 0.2;
--spectrum-swatch-border-color-light: rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity));
}
.dna-applet .spectrum--medium {
--spectrum-checkbox-control-size-small: 12px;
--spectrum-checkbox-control-size-medium: 14px;
--spectrum-checkbox-control-size-large: 16px;
--spectrum-checkbox-control-size-extra-large: 18px;
--spectrum-checkbox-top-to-control-small: 6px;
--spectrum-checkbox-top-to-control-medium: 9px;
--spectrum-checkbox-top-to-control-large: 12px;
--spectrum-checkbox-top-to-control-extra-large: 15px;
--spectrum-switch-control-width-small: 23px;
--spectrum-switch-control-width-medium: 26px;
--spectrum-switch-control-width-large: 29px;
--spectrum-switch-control-width-extra-large: 33px;
--spectrum-switch-control-height-small: 12px;
--spectrum-switch-control-height-medium: 14px;
--spectrum-switch-control-height-large: 16px;
--spectrum-switch-control-height-extra-large: 18px;
--spectrum-switch-top-to-control-small: 6px;
--spectrum-switch-top-to-control-medium: 9px;
--spectrum-switch-top-to-control-large: 12px;
--spectrum-switch-top-to-control-extra-large: 15px;
--spectrum-radio-button-control-size-small: 12px;
--spectrum-radio-button-control-size-medium: 14px;
--spectrum-radio-button-control-size-large: 16px;
--spectrum-radio-button-control-size-extra-large: 18px;
--spectrum-radio-button-top-to-control-small: 6px;
--spectrum-radio-button-top-to-control-medium: 9px;
--spectrum-radio-button-top-to-control-large: 12px;
--spectrum-radio-button-top-to-control-extra-large: 15px;
--spectrum-slider-control-height-small: 14px;
--spectrum-slider-control-height-medium: 16px;
--spectrum-slider-control-height-large: 18px;
--spectrum-slider-control-height-extra-large: 20px;
--spectrum-slider-handle-size-small: 14px;
--spectrum-slider-handle-size-medium: 16px;
--spectrum-slider-handle-size-large: 18px;
--spectrum-slider-handle-size-extra-large: 20px;
--spectrum-slider-handle-border-width-down-small: 5px;
--spectrum-slider-handle-border-width-down-medium: 6px;
--spectrum-slider-handle-border-width-down-large: 7px;
--spectrum-slider-handle-border-width-down-extra-large: 8px;
--spectrum-slider-bottom-to-handle-small: 5px;
--spectrum-slider-bottom-to-handle-medium: 8px;
--spectrum-slider-bottom-to-handle-large: 11px;
--spectrum-slider-bottom-to-handle-extra-large: 14px;
--spectrum-corner-radius-100: 4px;
--spectrum-corner-radius-200: 8px;
--spectrum-drop-shadow-y: 1px;
--spectrum-drop-shadow-blur: 4px;
--spectrum-slider-tick-mark-height: 10px;
--spectrum-slider-ramp-track-height: 16px;
--spectrum-colorwheel-path: "M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";
--spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
--spectrum-colorwheel-colorarea-container-size: 144px;
--spectrum-colorloupe-checkerboard-fill: url(#checkerboard-primary);
--spectrum-contextual-help-content-spacing: var(--spectrum-spacing-100);
--spectrum-menu-item-selectable-edge-to-text-not-selected-small: 28px;
--spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 32px;
--spectrum-menu-item-selectable-edge-to-text-not-selected-large: 38px;
--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 45px;
--spectrum-menu-item-checkmark-height-small: 10px;
--spectrum-menu-item-checkmark-height-medium: 10px;
--spectrum-menu-item-checkmark-height-large: 12px;
--spectrum-menu-item-checkmark-height-extra-large: 14px;
--spectrum-menu-item-checkmark-width-small: 10px;
--spectrum-menu-item-checkmark-width-medium: 10px;
--spectrum-menu-item-checkmark-width-large: 12px;
--spectrum-menu-item-checkmark-width-extra-large: 14px;
--spectrum-rating-icon-spacing: var(--spectrum-spacing-75);
--spectrum-button-top-to-text-small: 5px;
--spectrum-button-bottom-to-text-small: 4px;
--spectrum-button-top-to-text-medium: 7px;
--spectrum-button-bottom-to-text-medium: 8px;
--spectrum-button-top-to-text-large: 10px;
--spectrum-button-bottom-to-text-large: 10px;
--spectrum-button-top-to-text-extra-large: 13px;
--spectrum-button-bottom-to-text-extra-large: 13px;
--spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-100);
--spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-100);
--spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-100);
--spectrum-alert-banner-text-to-button-vertical: var(--spectrum-spacing-100);
--spectrum-alert-dialog-padding: var(--spectrum-spacing-500);
--spectrum-alert-dialog-description-to-buttons: var(--spectrum-spacing-700);
--spectrum-coach-indicator-gap: 6px;
--spectrum-coach-indicator-ring-diameter: var(--spectrum-spacing-300);
--spectrum-coach-indicator-quiet-ring-diameter: var(--spectrum-spacing-100);
--spectrum-coachmark-buttongroup-display: flex;
--spectrum-coachmark-buttongroup-mobile-display: none;
--spectrum-coachmark-menu-display: inline-flex;
--spectrum-coachmark-menu-mobile-display: none;
--spectrum-well-padding: var(--spectrum-spacing-300);
--spectrum-well-margin-top: var(--spectrum-spacing-75);
--spectrum-well-min-width: 240px;
--spectrum-well-border-radius: var(--spectrum-spacing-75);
--spectrum-workflow-icon-size-xxl: 32px;
--spectrum-workflow-icon-size-xxs: 12px;
--spectrum-treeview-item-indentation-medium: var(--spectrum-spacing-300);
--spectrum-treeview-item-indentation-small: var(--spectrum-spacing-200);
--spectrum-treeview-item-indentation-large: 20px;
--spectrum-treeview-item-indentation-extra-large: var(--spectrum-spacing-400);
--spectrum-treeview-indicator-inset-block-start: 5px;
--spectrum-treeview-item-min-block-size-thumbnail-offset-medium: 0px;
--spectrum-dialog-confirm-entry-animation-distance: 20px;
--spectrum-dialog-confirm-hero-height: 128px;
--spectrum-dialog-confirm-border-radius: 4px;
--spectrum-dialog-confirm-title-text-size: 18px;
--spectrum-dialog-confirm-description-text-size: 14px;
--spectrum-dialog-confirm-padding-grid: 40px;
--spectrum-datepicker-initial-width: 128px;
--spectrum-datepicker-generic-padding: var(--spectrum-spacing-200);
--spectrum-datepicker-dash-line-height: 24px;
--spectrum-datepicker-width-quiet-first: 72px;
--spectrum-datepicker-width-quiet-second: 16px;
--spectrum-datepicker-datetime-width-first: 36px;
--spectrum-datepicker-invalid-icon-to-button: 8px;
--spectrum-datepicker-invalid-icon-to-button-quiet: 7px;
--spectrum-datepicker-input-datetime-width: var(--spectrum-spacing-400);
--spectrum-pagination-textfield-width: var(--spectrum-spacing-700);
--spectrum-pagination-item-inline-spacing: 5px;
--spectrum-dial-border-radius: 16px;
--spectrum-dial-handle-position: 8px;
--spectrum-dial-handle-block-margin: 16px;
--spectrum-dial-handle-inline-margin: 16px;
--spectrum-dial-controls-margin: 8px;
--spectrum-dial-label-gap-y: 5px;
--spectrum-dial-label-container-top-to-text: 4px;
--spectrum-assetcard-focus-ring-border-radius: 8px;
--spectrum-assetcard-selectionindicator-margin: 12px;
--spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs);
--spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs);
--spectrum-assetcard-content-font-size: var(--spectrum-body-size-s);
--spectrum-tooltip-animation-distance: var(--spectrum-spacing-75);
--spectrum-ui-icon-medium-display: block;
--spectrum-ui-icon-large-display: none;
}
.dna-applet .spectrum--express.spectrum--dark, .dna-applet .spectrum--express.spectrum--darkest {
--spectrum-drop-zone-background-color-rgb: var(--spectrum-indigo-900-rgb);
--spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05);
--spectrum-assetcard-border-color-selected: var(--spectrum-indigo-700);
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-700);
--spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-800);
--spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-indigo-700);
}
.dna-applet .spectrum--express {
--spectrum-neutral-background-color-selected-default: var(--spectrum-gray-800);
--spectrum-neutral-background-color-selected-hover: var(--spectrum-gray-900);
--spectrum-neutral-background-color-selected-down: var(--spectrum-gray-900);
--spectrum-neutral-background-color-selected-key-focus: var(--spectrum-gray-900);
--spectrum-slider-track-thickness: 4px;
--spectrum-slider-handle-gap: 0px;
--spectrum-picker-border-width: 0;
--spectrum-in-field-button-fill-stacked-inner-border-rounding: 1px;
--spectrum-in-field-button-edge-to-fill: 4px;
--spectrum-in-field-button-stacked-inner-edge-to-fill: 1px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium: 5px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large: 7px;
--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large: 8px;
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small: 1px;
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: 1px;
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: 3px;
--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: 4px;
--spectrum-border-width-100: 2px;
--spectrum-accent-color-100: var(--spectrum-indigo-100);
--spectrum-accent-color-200: var(--spectrum-indigo-200);
--spectrum-accent-color-300: var(--spectrum-indigo-300);
--spectrum-accent-color-400: var(--spectrum-indigo-400);
--spectrum-accent-color-500: var(--spectrum-indigo-500);
--spectrum-accent-color-600: var(--spectrum-indigo-600);
--spectrum-accent-color-700: var(--spectrum-indigo-700);
--spectrum-accent-color-800: var(--spectrum-indigo-800);
--spectrum-accent-color-900: var(--spectrum-indigo-900);
--spectrum-accent-color-1000: var(--spectrum-indigo-1000);
--spectrum-accent-color-1100: var(--spectrum-indigo-1100);
--spectrum-accent-color-1200: var(--spectrum-indigo-1200);
--spectrum-accent-color-1300: var(--spectrum-indigo-1300);
--spectrum-accent-color-1400: var(--spectrum-indigo-1400);
--spectrum-heading-sans-serif-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-cjk-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-sans-serif-emphasized-font-weight: var(--spectrum-black-font-weight);
--spectrum-heading-serif-emphasized-font-weight: var(--spectrum-black-font-weight);
--system: express;
}
.dna-applet .spectrum--express.spectrum--large {
--spectrum-checkbox-control-size-small: 18px;
--spectrum-checkbox-control-size-medium: 20px;
--spectrum-checkbox-control-size-large: 22px;
--spectrum-checkbox-control-size-extra-large: 26px;
--spectrum-checkbox-top-to-control-small: 6px;
--spectrum-checkbox-top-to-control-medium: 10px;
--spectrum-checkbox-top-to-control-large: 14px;
--spectrum-checkbox-top-to-control-extra-large: 17px;
--spectrum-switch-control-width-small: 32px;
--spectrum-switch-control-width-medium: 36px;
--spectrum-switch-control-width-large: 41px;
--spectrum-switch-control-width-extra-large: 46px;
--spectrum-switch-control-height-small: 18px;
--spectrum-switch-control-height-medium: 20px;
--spectrum-switch-control-height-large: 22px;
--spectrum-switch-control-height-extra-large: 26px;
--spectrum-switch-top-to-control-small: 6px;
--spectrum-switch-top-to-control-medium: 10px;
--spectrum-switch-top-to-control-large: 14px;
--spectrum-switch-top-to-control-extra-large: 17px;
--spectrum-radio-button-control-size-small: 18px;
--spectrum-radio-button-control-size-medium: 20px;
--spectrum-radio-button-control-size-large: 22px;
--spectrum-radio-button-control-size-extra-large: 26px;
--spectrum-radio-button-top-to-control-small: 6px;
--spectrum-radio-button-top-to-control-medium: 10px;
--spectrum-radio-button-top-to-control-large: 14px;
--spectrum-radio-button-top-to-control-extra-large: 17px;
--spectrum-slider-control-height-small: 22px;
--spectrum-slider-control-height-medium: 24px;
--spectrum-slider-control-height-large: 28px;
--spectrum-slider-control-height-extra-large: 30px;
--spectrum-slider-handle-size-small: 22px;
--spectrum-slider-handle-size-medium: 24px;
--spectrum-slider-handle-size-large: 28px;
--spectrum-slider-handle-size-extra-large: 30px;
--spectrum-slider-handle-border-width-down-small: var(--spectrum-border-width-200);
--spectrum-slider-handle-border-width-down-medium: var(--spectrum-border-width-200);
--spectrum-slider-handle-border-width-down-large: var(--spectrum-border-width-200);
--spectrum-slider-handle-border-width-down-extra-large: var(--spectrum-border-width-200);
--spectrum-slider-bottom-to-handle-small: 4px;
--spectrum-slider-bottom-to-handle-medium: 8px;
--spectrum-slider-bottom-to-handle-large: 12px;
--spectrum-slider-bottom-to-handle-extra-large: 15px;
--spectrum-corner-radius-75: 4px;
--spectrum-corner-radius-100: 8px;
--spectrum-corner-radius-200: 16px;
--spectrum-drop-shadow-x: 0px;
--spectrum-drop-shadow-y: 4px;
--spectrum-drop-shadow-blur: 16px;
--spectrum-colorwheel-path: "M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0";
--spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
--spectrum-dialog-confirm-border-radius: 8px;
--spectrum-dial-border-radius: 15px;
--spectrum-assetcard-focus-ring-border-radius: 12px;
}
.dna-applet .spectrum--express.spectrum--light, .dna-applet .spectrum--express.spectrum--lightest {
--spectrum-drop-zone-background-color-rgb: var(--spectrum-indigo-800-rgb);
--spectrum-well-border-color: rgba(var(--spectrum-black-rgb), 0.05);
--spectrum-assetcard-border-color-selected: var(--spectrum-indigo-900);
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-indigo-900);
--spectrum-assetcard-border-color-selected-down: var(--spectrum-indigo-1000);
--spectrum-assetcard-selectionindicator-background-color-ordered: var(--spectrum-indigo-900);
}
.dna-applet .spectrum--express.spectrum--medium {
--spectrum-checkbox-control-size-small: 14px;
--spectrum-checkbox-control-size-medium: 16px;
--spectrum-checkbox-control-size-large: 18px;
--spectrum-checkbox-control-size-extra-large: 20px;
--spectrum-checkbox-top-to-control-small: 5px;
--spectrum-checkbox-top-to-control-medium: 8px;
--spectrum-checkbox-top-to-control-large: 11px;
--spectrum-checkbox-top-to-control-extra-large: 14px;
--spectrum-switch-control-width-small: 25px;
--spectrum-switch-control-width-medium: 28px;
--spectrum-switch-control-width-large: 32px;
--spectrum-switch-control-width-extra-large: 35px;
--spectrum-switch-control-height-small: 14px;
--spectrum-switch-control-height-medium: 16px;
--spectrum-switch-control-height-large: 18px;
--spectrum-switch-control-height-extra-large: 20px;
--spectrum-switch-top-to-control-small: 5px;
--spectrum-switch-top-to-control-medium: 8px;
--spectrum-switch-top-to-control-large: 11px;
--spectrum-switch-top-to-control-extra-large: 14px;
--spectrum-radio-button-control-size-small: 14px;
--spectrum-radio-button-control-size-medium: 16px;
--spectrum-radio-button-control-size-large: 18px;
--spectrum-radio-button-control-size-extra-large: 20px;
--spectrum-radio-button-top-to-control-small: 5px;
--spectrum-radio-button-top-to-control-medium: 8px;
--spectrum-radio-button-top-to-control-large: 11px;
--spectrum-radio-button-top-to-control-extra-large: 14px;
--spectrum-slider-control-height-small: 18px;
--spectrum-slider-control-height-medium: 20px;
--spectrum-slider-control-height-large: 22px;
--spectrum-slider-control-height-extra-large: 24px;
--spectrum-slider-handle-size-small: 18px;
--spectrum-slider-handle-size-medium: 20px;
--spectrum-slider-handle-size-large: 22px;
--spectrum-slider-handle-size-extra-large: 24px;
--spectrum-slider-handle-border-width-down-small: var(--spectrum-border-width-200);
--spectrum-slider-handle-border-width-down-medium: var(--spectrum-border-width-200);
--spectrum-slider-handle-border-width-down-large: var(--spectrum-border-width-200);
--spectrum-slider-handle-border-width-down-extra-large: var(--spectrum-border-width-200);
--spectrum-slider-bottom-to-handle-small: 3px;
--spectrum-slider-bottom-to-handle-medium: 6px;
--spectrum-slider-bottom-to-handle-large: 9px;
--spectrum-slider-bottom-to-handle-extra-large: 12px;
--spectrum-corner-radius-75: 3px;
--spectrum-corner-radius-100: 6px;
--spectrum-corner-radius-200: 12px;
--spectrum-drop-shadow-x: 0px;
--spectrum-drop-shadow-y: 4px;
--spectrum-drop-shadow-blur: 16px;
--spectrum-colorwheel-path: "M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0";
--spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
--spectrum-dialog-confirm-border-radius: 6px;
--spectrum-dial-border-radius: 12px;
--spectrum-assetcard-focus-ring-border-radius: 10px;
}
/*!
* Copyright 2024 Adobe. 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.
*/
.dna-applet :root {
background-color: var(--spectrum-gray-100);
-webkit-tap-highlight-color: var(--spectrum-transparent-black-100);
}
/*!
* Copyright 2024 Adobe. 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.
*/
.dna-applet .spectrum {
--spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
--spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
--spectrum-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-font-style: var(--spectrum-default-font-style);
--spectrum-font-size: var(--spectrum-font-size-100);
font-family: var(--spectrum-font-family);
font-style: var(--spectrum-font-style);
font-size: var(--spectrum-font-size);
}
.dna-applet .spectrum:lang(ar) {
font-family: var(--spectrum-font-family-ar);
}
.dna-applet .spectrum:lang(he) {
font-family: var(--spectrum-font-family-he);
}
.dna-applet .spectrum-Heading {
--spectrum-heading-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-heading-serif-font-family: var(--spectrum-serif-font-family-stack);
--spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family-stack);
--spectrum-heading-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
--spectrum-heading-font-color: var(--spectrum-heading-color);
--spectrum-heading-margin-start: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-top-multiplier));
--spectrum-heading-margin-end: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-bottom-multiplier));
}
.dna-applet .spectrum-Heading--sizeXXS {
--spectrum-heading-font-size: var(--spectrum-heading-size-xxs);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxs);
}
.dna-applet .spectrum-Heading--sizeXS {
--spectrum-heading-font-size: var(--spectrum-heading-size-xs);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xs);
}
.dna-applet .spectrum-Heading--sizeS {
--spectrum-heading-font-size: var(--spectrum-heading-size-s);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-s);
}
.dna-applet .spectrum-Heading--sizeM {
--spectrum-heading-font-size: var(--spectrum-heading-size-m);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-m);
}
.dna-applet .spectrum-Heading--sizeL {
--spectrum-heading-font-size: var(--spectrum-heading-size-l);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-l);
}
.dna-applet .spectrum-Heading--sizeXL {
--spectrum-heading-font-size: var(--spectrum-heading-size-xl);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xl);
}
.dna-applet .spectrum-Heading--sizeXXL {
--spectrum-heading-font-size: var(--spectrum-heading-size-xxl);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxl);
}
.dna-applet .spectrum-Heading--sizeXXXL {
--spectrum-heading-font-size: var(--spectrum-heading-size-xxxl);
--spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxxl);
}
.dna-applet .spectrum-Heading {
font-family: var(--mod-heading-sans-serif-font-family, var(--spectrum-heading-sans-serif-font-family));
font-style: var(--mod-heading-sans-serif-font-style, var(--spectrum-heading-sans-serif-font-style));
font-weight: var(--mod-heading-sans-serif-font-weight, var(--spectrum-heading-sans-serif-font-weight));
font-size: var(--mod-heading-font-size, var(--spectrum-heading-font-size));
color: var(--highcontrast-heading-font-color, var(--mod-heading-font-color, var(--spectrum-heading-font-color)));
line-height: var(--mod-heading-line-height, var(--spectrum-heading-line-height));
margin-block-start: 0;
margin-block-end: 0;
}
.dna-applet .spectrum-Heading .spectrum-Heading-strong, .dna-applet .spectrum-Heading strong {
font-style: var(--mod-heading-sans-serif-strong-font-style, var(--spectrum-heading-sans-serif-strong-font-style));
font-weight: var(--mod-heading-sans-serif-strong-font-weight, var(--spectrum-heading-sans-serif-strong-font-weight));
}
.dna-applet .spectrum-Heading .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading em {
font-style: var(--mod-heading-sans-serif-emphasized-font-style, var(--spectrum-heading-sans-serif-emphasized-font-style));
font-weight: var(--mod-heading-sans-serif-emphasized-font-weight, var(--spectrum-heading-sans-serif-emphasized-font-weight));
}
.dna-applet .spectrum-Heading .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading em strong, .dna-applet .spectrum-Heading strong em {
font-style: var(--mod-heading-sans-serif-strong-emphasized-font-style, var(--spectrum-heading-sans-serif-strong-emphasized-font-style));
font-weight: var(--mod-heading-sans-serif-strong-emphasized-font-weight, var(--spectrum-heading-sans-serif-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Heading:lang(ja), .dna-applet .spectrum-Heading:lang(ko), .dna-applet .spectrum-Heading:lang(zh) {
font-family: var(--mod-heading-cjk-font-family, var(--spectrum-heading-cjk-font-family));
font-style: var(--mod-heading-cjk-font-style, var(--spectrum-heading-cjk-font-style));
font-weight: var(--mod-heading-cjk-font-weight, var(--spectrum-heading-cjk-font-weight));
font-size: var(--mod-heading-cjk-font-size, var(--spectrum-heading-cjk-font-size));
line-height: var(--mod-heading-cjk-line-height, var(--spectrum-heading-cjk-line-height));
letter-spacing: var(--mod-heading-cjk-letter-spacing, var(--spectrum-heading-cjk-letter-spacing));
}
.dna-applet .spectrum-Heading:lang(ja) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading:lang(ja) em, .dna-applet .spectrum-Heading:lang(ko) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading:lang(ko) em, .dna-applet .spectrum-Heading:lang(zh) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading:lang(zh) em {
font-style: var(--mod-heading-cjk-emphasized-font-style, var(--spectrum-heading-cjk-emphasized-font-style));
font-weight: var(--mod-heading-cjk-emphasized-font-weight, var(--spectrum-heading-cjk-emphasized-font-weight));
}
.dna-applet .spectrum-Heading:lang(ja) .spectrum-Heading-strong, .dna-applet .spectrum-Heading:lang(ja) strong, .dna-applet .spectrum-Heading:lang(ko) .spectrum-Heading-strong, .dna-applet .spectrum-Heading:lang(ko) strong, .dna-applet .spectrum-Heading:lang(zh) .spectrum-Heading-strong, .dna-applet .spectrum-Heading:lang(zh) strong {
font-style: var(--mod-heading-cjk-strong-font-style, var(--spectrum-heading-cjk-strong-font-style));
font-weight: var(--mod-heading-cjk-strong-font-weight, var(--spectrum-heading-cjk-strong-font-weight));
}
.dna-applet .spectrum-Heading:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading:lang(ja) em strong, .dna-applet .spectrum-Heading:lang(ja) strong em, .dna-applet .spectrum-Heading:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading:lang(ko) em strong, .dna-applet .spectrum-Heading:lang(ko) strong em, .dna-applet .spectrum-Heading:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading:lang(zh) em strong, .dna-applet .spectrum-Heading:lang(zh) strong em {
font-style: var(--mod-heading-cjk-strong-emphasized-font-style, var(--spectrum-heading-cjk-strong-emphasized-font-style));
font-weight: var(--mod-heading-cjk-strong-emphasized-font-weight, var(--spectrum-heading-cjk-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--heavy {
font-style: var(--mod-heading-sans-serif-heavy-font-style, var(--spectrum-heading-sans-serif-heavy-font-style));
font-weight: var(--mod-heading-sans-serif-heavy-font-weight, var(--spectrum-heading-sans-serif-heavy-font-weight));
}
.dna-applet .spectrum-Heading--heavy .spectrum-Heading-strong, .dna-applet .spectrum-Heading--heavy strong {
font-style: var(--mod-heading-sans-serif-heavy-strong-font-style, var(--spectrum-heading-sans-serif-heavy-strong-font-style));
font-weight: var(--mod-heading-sans-serif-heavy-strong-font-weight, var(--spectrum-heading-sans-serif-heavy-strong-font-weight));
}
.dna-applet .spectrum-Heading--heavy .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--heavy em {
font-style: var(--mod-heading-sans-serif-heavy-emphasized-font-style, var(--spectrum-heading-sans-serif-heavy-emphasized-font-style));
font-weight: var(--mod-heading-sans-serif-heavy-emphasized-font-weight, var(--spectrum-heading-sans-serif-heavy-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--heavy em strong, .dna-applet .spectrum-Heading--heavy strong em {
font-style: var(--mod-heading-sans-serif-heavy-strong-emphasized-font-style, var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style));
font-weight: var(--mod-heading-sans-serif-heavy-strong-emphasized-font-weight, var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--heavy:lang(ja), .dna-applet .spectrum-Heading--heavy:lang(ko), .dna-applet .spectrum-Heading--heavy:lang(zh) {
font-style: var(--mod-heading-cjk-heavy-font-style, var(--spectrum-heading-cjk-heavy-font-style));
font-weight: var(--mod-heading-cjk-heavy-font-weight, var(--spectrum-heading-cjk-heavy-font-weight));
}
.dna-applet .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--heavy:lang(ja) em, .dna-applet .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--heavy:lang(ko) em, .dna-applet .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--heavy:lang(zh) em {
font-style: var(--mod-heading-cjk-heavy-emphasized-font-style, var(--spectrum-heading-cjk-heavy-emphasized-font-style));
font-weight: var(--mod-heading-cjk-heavy-emphasized-font-weight, var(--spectrum-heading-cjk-heavy-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong, .dna-applet .spectrum-Heading--heavy:lang(ja) strong, .dna-applet .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong, .dna-applet .spectrum-Heading--heavy:lang(ko) strong, .dna-applet .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong, .dna-applet .spectrum-Heading--heavy:lang(zh) strong {
font-style: var(--mod-heading-cjk-heavy-strong-font-style, var(--spectrum-heading-cjk-heavy-strong-font-style));
font-weight: var(--mod-heading-cjk-heavy-strong-font-weight, var(--spectrum-heading-cjk-heavy-strong-font-weight));
}
.dna-applet .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--heavy:lang(ja) em strong, .dna-applet .spectrum-Heading--heavy:lang(ja) strong em, .dna-applet .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--heavy:lang(ko) em strong, .dna-applet .spectrum-Heading--heavy:lang(ko) strong em, .dna-applet .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--heavy:lang(zh) em strong, .dna-applet .spectrum-Heading--heavy:lang(zh) strong em {
font-style: var(--mod-heading-cjk-heavy-strong-emphasized-font-style, var(--spectrum-heading-cjk-heavy-strong-emphasized-font-style));
font-weight: var(--mod-heading-cjk-heavy-strong-emphasized-font-weight, var(--spectrum-heading-cjk-heavy-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--light {
font-style: var(--mod-heading-sans-serif-light-font-style, var(--spectrum-heading-sans-serif-light-font-style));
font-weight: var(--mod-heading-sans-serif-light-font-weight, var(--spectrum-heading-sans-serif-light-font-weight));
}
.dna-applet .spectrum-Heading--light .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--light em {
font-style: var(--mod-heading-sans-serif-light-emphasized-font-style, var(--spectrum-heading-sans-serif-light-emphasized-font-style));
font-weight: var(--mod-heading-sans-serif-light-emphasized-font-weight, var(--spectrum-heading-sans-serif-light-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--light .spectrum-Heading-strong, .dna-applet .spectrum-Heading--light strong {
font-style: var(--mod-heading-sans-serif-light-strong-font-style, var(--spectrum-heading-sans-serif-light-strong-font-style));
font-weight: var(--mod-heading-sans-serif-light-strong-font-weight, var(--spectrum-heading-sans-serif-light-strong-font-weight));
}
.dna-applet .spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--light em strong, .dna-applet .spectrum-Heading--light strong em {
font-style: var(--mod-heading-sans-serif-light-strong-emphasized-font-style, var(--spectrum-heading-sans-serif-light-strong-emphasized-font-style));
font-weight: var(--mod-heading-sans-serif-light-strong-emphasized-font-weight, var(--spectrum-heading-sans-serif-light-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--light:lang(ja), .dna-applet .spectrum-Heading--light:lang(ko), .dna-applet .spectrum-Heading--light:lang(zh) {
font-style: var(--mod-heading-cjk-light-font-style, var(--spectrum-heading-cjk-light-font-style));
font-weight: var(--mod-heading-cjk-light-font-weight, var(--spectrum-heading-cjk-light-font-weight));
}
.dna-applet .spectrum-Heading--light:lang(ja) .spectrum-Heading-strong, .dna-applet .spectrum-Heading--light:lang(ja) strong, .dna-applet .spectrum-Heading--light:lang(ko) .spectrum-Heading-strong, .dna-applet .spectrum-Heading--light:lang(ko) strong, .dna-applet .spectrum-Heading--light:lang(zh) .spectrum-Heading-strong, .dna-applet .spectrum-Heading--light:lang(zh) strong {
font-style: var(--mod-heading-cjk-light-strong-font-style, var(--spectrum-heading-cjk-light-strong-font-style));
font-weight: var(--mod-heading-cjk-light-strong-font-weight, var(--spectrum-heading-cjk-light-strong-font-weight));
}
.dna-applet .spectrum-Heading--light:lang(ja) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--light:lang(ja) em, .dna-applet .spectrum-Heading--light:lang(ko) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--light:lang(ko) em, .dna-applet .spectrum-Heading--light:lang(zh) .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--light:lang(zh) em {
font-style: var(--mod-heading-cjk-light-emphasized-font-style, var(--spectrum-heading-cjk-light-emphasized-font-style));
font-weight: var(--mod-heading-cjk-light-emphasized-font-weight, var(--spectrum-heading-cjk-light-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--light:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--light:lang(ja) em strong, .dna-applet .spectrum-Heading--light:lang(ja) strong em, .dna-applet .spectrum-Heading--light:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--light:lang(ko) em strong, .dna-applet .spectrum-Heading--light:lang(ko) strong em, .dna-applet .spectrum-Heading--light:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--light:lang(zh) em strong, .dna-applet .spectrum-Heading--light:lang(zh) strong em {
font-style: var(--mod-heading-cjk-light-strong-emphasized-font-style, var(--spectrum-heading-cjk-light-strong-emphasized-font-style));
font-weight: var(--mod-heading-cjk-light-strong-emphasized-font-weight, var(--spectrum-heading-cjk-light-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--serif {
font-family: var(--mod-heading-serif-font-family, var(--spectrum-heading-serif-font-family));
font-style: var(--mod-heading-serif-font-style, var(--spectrum-heading-serif-font-style));
font-weight: var(--mod-heading-serif-font-weight, var(--spectrum-heading-serif-font-weight));
}
.dna-applet .spectrum-Heading--serif .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--serif em {
font-style: var(--mod-heading-serif-emphasized-font-style, var(--spectrum-heading-serif-emphasized-font-style));
font-weight: var(--mod-heading-serif-emphasized-font-weight, var(--spectrum-heading-serif-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--serif .spectrum-Heading-strong, .dna-applet .spectrum-Heading--serif strong {
font-style: var(--mod-heading-serif-strong-font-style, var(--spectrum-heading-serif-strong-font-style));
font-weight: var(--mod-heading-serif-strong-font-weight, var(--spectrum-heading-serif-strong-font-weight));
}
.dna-applet .spectrum-Heading--serif .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--serif em strong, .dna-applet .spectrum-Heading--serif strong em {
font-style: var(--mod-heading-serif-strong-emphasized-font-style, var(--spectrum-heading-serif-strong-emphasized-font-style));
font-weight: var(--mod-heading-serif-strong-emphasized-font-weight, var(--spectrum-heading-serif-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--serif.spectrum-Heading--heavy {
font-style: var(--mod-heading-serif-heavy-font-style, var(--spectrum-heading-serif-heavy-font-style));
font-weight: var(--mod-heading-serif-heavy-font-weight, var(--spectrum-heading-serif-heavy-font-weight));
}
.dna-applet .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong, .dna-applet .spectrum-Heading--serif.spectrum-Heading--heavy strong {
font-style: var(--mod-heading-serif-heavy-strong-font-style, var(--spectrum-heading-serif-heavy-strong-font-style));
font-weight: var(--mod-heading-serif-heavy-strong-font-weight, var(--spectrum-heading-serif-heavy-strong-font-weight));
}
.dna-applet .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--serif.spectrum-Heading--heavy em {
font-style: var(--mod-heading-serif-heavy-emphasized-font-style, var(--spectrum-heading-serif-heavy-emphasized-font-style));
font-weight: var(--mod-heading-serif-heavy-emphasized-font-weight, var(--spectrum-heading-serif-heavy-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--serif.spectrum-Heading--heavy em strong, .dna-applet .spectrum-Heading--serif.spectrum-Heading--heavy strong em {
font-style: var(--mod-heading-serif-heavy-strong-emphasized-font-style, var(--spectrum-heading-serif-heavy-strong-emphasized-font-style));
font-weight: var(--mod-heading-serif-heavy-strong-emphasized-font-weight, var(--spectrum-heading-serif-heavy-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--serif.spectrum-Heading--light {
font-style: var(--mod-heading-serif-light-font-style, var(--spectrum-heading-serif-light-font-style));
font-weight: var(--mod-heading-serif-light-font-weight, var(--spectrum-heading-serif-light-font-weight));
}
.dna-applet .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--serif.spectrum-Heading--light em {
font-style: var(--mod-heading-serif-light-emphasized-font-style, var(--spectrum-heading-serif-light-emphasized-font-style));
font-weight: var(--mod-heading-serif-light-emphasized-font-weight, var(--spectrum-heading-serif-light-emphasized-font-weight));
}
.dna-applet .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong, .dna-applet .spectrum-Heading--serif.spectrum-Heading--light strong {
font-style: var(--mod-heading-serif-light-strong-font-style, var(--spectrum-heading-serif-light-strong-font-style));
font-weight: var(--mod-heading-serif-light-strong-font-weight, var(--spectrum-heading-serif-light-strong-font-weight));
}
.dna-applet .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized, .dna-applet .spectrum-Heading--serif.spectrum-Heading--light em strong, .dna-applet .spectrum-Heading--serif.spectrum-Heading--light strong em {
font-style: var(--mod-heading-serif-light-strong-emphasized-font-style, var(--spectrum-heading-serif-light-strong-emphasized-font-style));
font-weight: var(--mod-heading-serif-light-strong-emphasized-font-weight, var(--spectrum-heading-serif-light-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Typography .spectrum-Heading {
margin-block-start: var(--mod-heading-margin-start, var(--spectrum-heading-margin-start));
margin-block-end: var(--mod-heading-margin-end, var(--spectrum-heading-margin-end));
}
.dna-applet .spectrum-Body {
--spectrum-body-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-body-serif-font-family: var(--spectrum-serif-font-family-stack);
--spectrum-body-cjk-font-family: var(--spectrum-cjk-font-family-stack);
--spectrum-body-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
--spectrum-body-margin: calc(var(--mod-body-font-size, var(--spectrum-body-font-size)) * var(--spectrum-body-margin-multiplier));
--spectrum-body-font-color: var(--spectrum-body-color);
}
.dna-applet .spectrum-Body--sizeXS {
--spectrum-body-font-size: var(--spectrum-body-size-xs);
}
.dna-applet .spectrum-Body--sizeS {
--spectrum-body-font-size: var(--spectrum-body-size-s);
}
.dna-applet .spectrum-Body--sizeM {
--spectrum-body-font-size: var(--spectrum-body-size-m);
}
.dna-applet .spectrum-Body--sizeL {
--spectrum-body-font-size: var(--spectrum-body-size-l);
}
.dna-applet .spectrum-Body--sizeXL {
--spectrum-body-font-size: var(--spectrum-body-size-xl);
}
.dna-applet .spectrum-Body--sizeXXL {
--spectrum-body-font-size: var(--spectrum-body-size-xxl);
}
.dna-applet .spectrum-Body--sizeXXXL {
--spectrum-body-font-size: var(--spectrum-body-size-xxxl);
}
.dna-applet .spectrum-Body {
font-family: var(--mod-body-sans-serif-font-family, var(--spectrum-body-sans-serif-font-family));
font-style: var(--mod-body-sans-serif-font-style, var(--spectrum-body-sans-serif-font-style));
font-weight: var(--mod-body-sans-serif-font-weight, var(--spectrum-body-sans-serif-font-weight));
font-size: var(--mod-body-font-size, var(--spectrum-body-font-size));
color: var(--highcontrast-body-font-color, var(--mod-body-font-color, var(--spectrum-body-font-color)));
margin-block-start: 0;
margin-block-end: 0;
line-height: var(--mod-body-line-height, var(--spectrum-body-line-height));
}
.dna-applet .spectrum-Body .spectrum-Body-strong, .dna-applet .spectrum-Body strong {
font-style: var(--mod-body-sans-serif-strong-font-style, var(--spectrum-body-sans-serif-strong-font-style));
font-weight: var(--mod-body-sans-serif-strong-font-weight, var(--spectrum-body-sans-serif-strong-font-weight));
}
.dna-applet .spectrum-Body .spectrum-Body-emphasized, .dna-applet .spectrum-Body em {
font-style: var(--mod-body-sans-serif-emphasized-font-style, var(--spectrum-body-sans-serif-emphasized-font-style));
font-weight: var(--mod-body-sans-serif-emphasized-font-weight, var(--spectrum-body-sans-serif-emphasized-font-weight));
}
.dna-applet .spectrum-Body .spectrum-Body-strong.spectrum-Body-emphasized, .dna-applet .spectrum-Body em strong, .dna-applet .spectrum-Body strong em {
font-style: var(--mod-body-sans-serif-strong-emphasized-font-style, var(--spectrum-body-sans-serif-strong-emphasized-font-style));
font-weight: var(--mod-body-sans-serif-strong-emphasized-font-weight, var(--spectrum-body-sans-serif-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Body:lang(ja), .dna-applet .spectrum-Body:lang(ko), .dna-applet .spectrum-Body:lang(zh) {
font-family: var(--mod-body-cjk-font-family, var(--spectrum-body-cjk-font-family));
font-style: var(--mod-body-cjk-font-style, var(--spectrum-body-cjk-font-style));
font-weight: var(--mod-body-cjk-font-weight, var(--spectrum-body-cjk-font-weight));
line-height: var(--mod-body-cjk-line-height, var(--spectrum-body-cjk-line-height));
letter-spacing: var(--mod-body-cjk-letter-spacing, var(--spectrum-body-cjk-letter-spacing));
}
.dna-applet .spectrum-Body:lang(ja) .spectrum-Body-strong, .dna-applet .spectrum-Body:lang(ja) strong, .dna-applet .spectrum-Body:lang(ko) .spectrum-Body-strong, .dna-applet .spectrum-Body:lang(ko) strong, .dna-applet .spectrum-Body:lang(zh) .spectrum-Body-strong, .dna-applet .spectrum-Body:lang(zh) strong {
font-style: var(--mod-body-cjk-strong-font-style, var(--spectrum-body-cjk-strong-font-style));
font-weight: var(--mod-body-cjk-strong-font-weight, var(--spectrum-body-cjk-strong-font-weight));
}
.dna-applet .spectrum-Body:lang(ja) .spectrum-Body-emphasized, .dna-applet .spectrum-Body:lang(ja) em, .dna-applet .spectrum-Body:lang(ko) .spectrum-Body-emphasized, .dna-applet .spectrum-Body:lang(ko) em, .dna-applet .spectrum-Body:lang(zh) .spectrum-Body-emphasized, .dna-applet .spectrum-Body:lang(zh) em {
font-style: var(--mod-body-cjk-emphasized-font-style, var(--spectrum-body-cjk-emphasized-font-style));
font-weight: var(--mod-body-cjk-emphasized-font-weight, var(--spectrum-body-cjk-emphasized-font-weight));
}
.dna-applet .spectrum-Body:lang(ja) .spectrum-Body-strong.spectrum-Body-emphasized, .dna-applet .spectrum-Body:lang(ja) em strong, .dna-applet .spectrum-Body:lang(ja) strong em, .dna-applet .spectrum-Body:lang(ko) .spectrum-Body-strong.spectrum-Body-emphasized, .dna-applet .spectrum-Body:lang(ko) em strong, .dna-applet .spectrum-Body:lang(ko) strong em, .dna-applet .spectrum-Body:lang(zh) .spectrum-Body-strong.spectrum-Body-emphasized, .dna-applet .spectrum-Body:lang(zh) em strong, .dna-applet .spectrum-Body:lang(zh) strong em {
font-style: var(--mod-body-cjk-strong-emphasized-font-style, var(--spectrum-body-cjk-strong-emphasized-font-style));
font-weight: var(--mod-body-cjk-strong-emphasized-font-weight, var(--spectrum-body-cjk-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Body--serif {
font-family: var(--mod-body-serif-font-family, var(--spectrum-body-serif-font-family));
font-weight: var(--mod-body-serif-font-weight, var(--spectrum-body-serif-font-weight));
font-style: var(--mod-body-serif-font-style, var(--spectrum-body-serif-font-style));
}
.dna-applet .spectrum-Body--serif .spectrum-Body-strong, .dna-applet .spectrum-Body--serif strong {
font-style: var(--mod-body-serif-strong-font-style, var(--spectrum-body-serif-strong-font-style));
font-weight: var(--mod-body-serif-strong-font-weight, var(--spectrum-body-serif-strong-font-weight));
}
.dna-applet .spectrum-Body--serif .spectrum-Body-emphasized, .dna-applet .spectrum-Body--serif em {
font-style: var(--mod-body-serif-emphasized-font-style, var(--spectrum-body-serif-emphasized-font-style));
font-weight: var(--mod-body-serif-emphasized-font-weight, var(--spectrum-body-serif-emphasized-font-weight));
}
.dna-applet .spectrum-Body--serif .spectrum-Body-strong.spectrum-Body-emphasized, .dna-applet .spectrum-Body--serif em strong, .dna-applet .spectrum-Body--serif strong em {
font-style: var(--mod-body-serif-strong-emphasized-font-style, var(--spectrum-body-serif-strong-emphasized-font-style));
font-weight: var(--mod-body-serif-strong-emphasized-font-weight, var(--spectrum-body-serif-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Typography .spectrum-Body {
margin-block-end: var(--mod-body-margin, var(--spectrum-body-margin));
}
.dna-applet .spectrum-Detail {
--spectrum-detail-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
--spectrum-detail-serif-font-family: var(--spectrum-serif-font-family-stack);
--spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family-stack);
--spectrum-detail-margin-start: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-top-multiplier));
--spectrum-detail-margin-end: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-bottom-multiplier));
--spectrum-detail-font-color: var(--spectrum-detail-color);
}
.dna-applet .spectrum-Detail--sizeS {
--spectrum-detail-font-size: var(--spectrum-detail-size-s);
}
.dna-applet .spectrum-Detail--sizeM {
--spectrum-detail-font-size: var(--spectrum-detail-size-m);
}
.dna-applet .spectrum-Detail--sizeL {
--spectrum-detail-font-size: var(--spectrum-detail-size-l);
}
.dna-applet .spectrum-Detail--sizeXL {
--spectrum-detail-font-size: var(--spectrum-detail-size-xl);
}
.dna-applet .spectrum-Detail {
font-family: var(--mod-detail-sans-serif-font-family, var(--spectrum-detail-sans-serif-font-family));
font-style: var(--mod-detail-sans-serif-font-style, var(--spectrum-detail-sans-serif-font-style));
font-weight: var(--mod-detail-sans-serif-font-weight, var(--spectrum-detail-sans-serif-font-weight));
font-size: var(--mod-detail-font-size, var(--spectrum-detail-font-size));
margin-block-start: 0;
margin-block-end: 0;
color: var(--highcontrast-detail-font-color, var(--mod-detail-font-color, var(--spectrum-detail-font-color)));
line-height: var(--mod-detail-line-height, var(--spectrum-detail-line-height));
letter-spacing: var(--mod-detail-letter-spacing, var(--spectrum-detail-letter-spacing));
text-transform: uppercase;
}
.dna-applet .spectrum-Detail .spectrum-Detail-strong, .dna-applet .spectrum-Detail strong {
font-style: var(--mod-detail-sans-serif-strong-font-style, var(--spectrum-detail-sans-serif-strong-font-style));
font-weight: var(--mod-detail-sans-serif-strong-font-weight, var(--spectrum-detail-sans-serif-strong-font-weight));
}
.dna-applet .spectrum-Detail .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail em {
font-style: var(--mod-detail-sans-serif-emphasized-font-style, var(--spectrum-detail-sans-serif-emphasized-font-style));
font-weight: var(--mod-detail-sans-serif-emphasized-font-weight, var(--spectrum-detail-sans-serif-emphasized-font-weight));
}
.dna-applet .spectrum-Detail .spectrum-Detail-strong.spectrum-Detail-emphasized, .dna-applet .spectrum-Detail em strong, .dna-applet .spectrum-Detail strong em {
font-style: var(--mod-detail-sans-serif-strong-emphasized-font-style, var(--spectrum-detail-sans-serif-strong-emphasized-font-style));
font-weight: var(--mod-detail-sans-serif-strong-emphasized-font-weight, var(--spectrum-detail-sans-serif-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Detail:lang(ja), .dna-applet .spectrum-Detail:lang(ko), .dna-applet .spectrum-Detail:lang(zh) {
font-family: var(--mod-detail-cjk-font-family, var(--spectrum-detail-cjk-font-family));
font-style: var(--mod-detail-cjk-font-style, var(--spectrum-detail-cjk-font-style));
font-weight: var(--mod-detail-cjk-font-weight, var(--spectrum-detail-cjk-font-weight));
line-height: var(--mod-detail-cjk-line-height, var(--spectrum-detail-cjk-line-height));
}
.dna-applet .spectrum-Detail:lang(ja) .spectrum-Detail-strong, .dna-applet .spectrum-Detail:lang(ja) strong, .dna-applet .spectrum-Detail:lang(ko) .spectrum-Detail-strong, .dna-applet .spectrum-Detail:lang(ko) strong, .dna-applet .spectrum-Detail:lang(zh) .spectrum-Detail-strong, .dna-applet .spectrum-Detail:lang(zh) strong {
font-style: var(--mod-detail-cjk-strong-font-style, var(--spectrum-detail-cjk-strong-font-style));
font-weight: var(--mod-detail-cjk-strong-font-weight, var(--spectrum-detail-cjk-strong-font-weight));
}
.dna-applet .spectrum-Detail:lang(ja) .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail:lang(ja) em, .dna-applet .spectrum-Detail:lang(ko) .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail:lang(ko) em, .dna-applet .spectrum-Detail:lang(zh) .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail:lang(zh) em {
font-style: var(--mod-detail-cjk-emphasized-font-style, var(--spectrum-detail-cjk-emphasized-font-style));
font-weight: var(--mod-detail-cjk-emphasized-font-weight, var(--spectrum-detail-cjk-emphasized-font-weight));
}
.dna-applet .spectrum-Detail:lang(ja) .spectrum-Detail-strong.spectrum-Detail-emphasized, .dna-applet .spectrum-Detail:lang(ja) em strong, .dna-applet .spectrum-Detail:lang(ja) strong em, .dna-applet .spectrum-Detail:lang(ko) .spectrum-Detail-strong.spectrum-Detail-emphasized, .dna-applet .spectrum-Detail:lang(ko) em strong, .dna-applet .spectrum-Detail:lang(ko) strong em, .dna-applet .spectrum-Detail:lang(zh) .spectrum-Detail-strong.spectrum-Detail-emphasized, .dna-applet .spectrum-Detail:lang(zh) em strong, .dna-applet .spectrum-Detail:lang(zh) strong em {
font-style: var(--mod-detail-cjk-strong-emphasized-font-style, var(--spectrum-detail-cjk-strong-emphasized-font-style));
font-weight: var(--mod-detail-cjk-strong-emphasized-font-weight, var(--spectrum-detail-cjk-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Detail--serif {
font-family: var(--mod-detail-serif-font-family, var(--spectrum-detail-serif-font-family));
font-style: var(--mod-detail-serif-font-style, var(--spectrum-detail-serif-font-style));
font-weight: var(--mod-detail-serif-font-weight, var(--spectrum-detail-serif-font-weight));
}
.dna-applet .spectrum-Detail--serif .spectrum-Detail-strong, .dna-applet .spectrum-Detail--serif strong {
font-style: var(--mod-detail-serif-strong-font-style, var(--spectrum-detail-serif-strong-font-style));
font-weight: var(--mod-detail-serif-strong-font-weight, var(--spectrum-detail-serif-strong-font-weight));
}
.dna-applet .spectrum-Detail--serif .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--serif em {
font-style: var(--mod-detail-serif-emphasized-font-style, var(--spectrum-detail-serif-emphasized-font-style));
font-weight: var(--mod-detail-serif-emphasized-font-weight, var(--spectrum-detail-serif-emphasized-font-weight));
}
.dna-applet .spectrum-Detail--serif .spectrum-Detail-strong.spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--serif em strong, .dna-applet .spectrum-Detail--serif strong em {
font-style: var(--mod-detail-serif-strong-emphasized-font-style, var(--spectrum-detail-serif-strong-emphasized-font-style));
font-weight: var(--mod-detail-serif-strong-emphasized-font-weight, var(--spectrum-detail-serif-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Detail--light {
font-style: var(--mod-detail-sans-serif-light-font-style, var(--spectrum-detail-sans-serif-light-font-style));
font-weight: var(--spectrum-detail-sans-serif-light-font-weight, var(--spectrum-detail-sans-serif-light-font-weight));
}
.dna-applet .spectrum-Detail--light .spectrum-Detail-strong, .dna-applet .spectrum-Detail--light strong {
font-style: var(--mod-detail-sans-serif-light-strong-font-style, var(--spectrum-detail-sans-serif-light-strong-font-style));
font-weight: var(--mod-detail-sans-serif-light-strong-font-weight, var(--spectrum-detail-sans-serif-light-strong-font-weight));
}
.dna-applet .spectrum-Detail--light .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--light em {
font-style: var(--mod-detail-sans-serif-light-emphasized-font-style, var(--spectrum-detail-sans-serif-light-emphasized-font-style));
font-weight: var(--mod-detail-sans-serif-light-emphasized-font-weight, var(--spectrum-detail-sans-serif-light-emphasized-font-weight));
}
.dna-applet .spectrum-Detail--light .spectrum-Detail-strong.spectrum-Body-emphasized, .dna-applet .spectrum-Detail--light em strong, .dna-applet .spectrum-Detail--light strong em {
font-style: var(--mod-detail-sans-serif-light-strong-emphasized-font-style, var(--spectrum-detail-sans-serif-light-strong-emphasized-font-style));
font-weight: var(--mod-detail-sans-serif-light-strong-emphasized-font-weight, var(--spectrum-detail-sans-serif-light-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Detail--light:lang(ja), .dna-applet .spectrum-Detail--light:lang(ko), .dna-applet .spectrum-Detail--light:lang(zh) {
font-style: var(--mod-detail-cjk-light-font-style, var(--spectrum-detail-cjk-light-font-style));
font-weight: var(--mod-detail-cjk-light-font-weight, var(--spectrum-detail-cjk-light-font-weight));
}
.dna-applet .spectrum-Detail--light:lang(ja) .spectrum-Detail-strong, .dna-applet .spectrum-Detail--light:lang(ja) strong, .dna-applet .spectrum-Detail--light:lang(ko) .spectrum-Detail-strong, .dna-applet .spectrum-Detail--light:lang(ko) strong, .dna-applet .spectrum-Detail--light:lang(zh) .spectrum-Detail-strong, .dna-applet .spectrum-Detail--light:lang(zh) strong {
font-style: var(--mod-detail-cjk-light-strong-font-style, var(--spectrum-detail-cjk-light-strong-font-style));
font-weight: var(--mod-detail-cjk-light-strong-font-weight, var(--spectrum-detail-cjk-light-strong-font-weight));
}
.dna-applet .spectrum-Detail--light:lang(ja) .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--light:lang(ja) em, .dna-applet .spectrum-Detail--light:lang(ko) .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--light:lang(ko) em, .dna-applet .spectrum-Detail--light:lang(zh) .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--light:lang(zh) em {
font-style: var(--mod-detail-cjk-light-emphasized-font-style, var(--spectrum-detail-cjk-light-emphasized-font-style));
font-weight: var(--mod-detail-cjk-light-emphasized-font-weight, var(--spectrum-detail-cjk-light-emphasized-font-weight));
}
.dna-applet .spectrum-Detail--light:lang(ja) .spectrum-Detail-strong.spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--light:lang(ko) .spectrum-Detail-strong.spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--light:lang(zh) .spectrum-Detail-strong.spectrum-Detail-emphasized {
font-style: var(--mod-detail-cjk-light-strong-emphasized-font-style, var(--spectrum-detail-cjk-light-strong-emphasized-font-style));
font-weight: var(--mod-detail-cjk-light-strong-emphasized-font-weight, var(--spectrum-detail-cjk-light-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Detail--serif.spectrum-Detail--light {
font-style: var(--mod-detail-serif-light-font-style, var(--spectrum-detail-serif-light-font-style));
font-weight: var(--mod-detail-serif-light-font-weight, var(--spectrum-detail-serif-light-font-weight));
}
.dna-applet .spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong, .dna-applet .spectrum-Detail--serif.spectrum-Detail--light strong {
font-style: var(--mod-detail-serif-light-strong-font-style, var(--spectrum-detail-serif-light-strong-font-style));
font-weight: var(--mod-detail-serif-light-strong-font-weight, var(--spectrum-detail-serif-light-strong-font-weight));
}
.dna-applet .spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-emphasized, .dna-applet .spectrum-Detail--serif.spectrum-Detail--light em {
font-style: var(--mod-detail-serif-light-emphasized-font-style, var(--spectrum-detail-serif-light-emphasized-font-style));
font-weight: var(--mod-detail-serif-light-emphasized-font-weight, var(--spectrum-detail-serif-light-emphasized-font-weight));
}
.dna-applet .spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong.spectrum-Body-emphasized, .dna-applet .spectrum-Detail--serif.spectrum-Detail--light em strong, .dna-applet .spectrum-Detail--serif.spectrum-Detail--light strong em {
font-style: var(--mod-detail-serif-light-strong-emphasized-font-style, var(--spectrum-detail-serif-light-strong-emphasized-font-style));
font-weight: var(--mod-detail-serif-light-strong-emphasized-font-weight, var(--spectrum-detail-serif-light-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Typography .spectrum-Detail {
margin-block-start: var(--mod-detail-margin-start, var(--spectrum-detail-margin-start));
margin-block-end: var(--mod-detail-margin-end, var(--spectrum-detail-margin-end));
}
.dna-applet .spectrum-Code {
--spectrum-code-font-family: var(--spectrum-code-font-family-stack);
--spectrum-code-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
--spectrum-code-font-color: var(--spectrum-code-color);
}
@media (forced-colors: active) {
.dna-applet .spectrum-Heading {
--highcontrast-heading-font-color: Text;
}
.dna-applet .spectrum-Body {
--highcontrast-body-font-color: Text;
}
.dna-applet .spectrum-Detail {
--highcontrast-detail-font-color: Text;
}
.dna-applet .spectrum-Code {
--highcontrast-code-font-color: Text;
}
}
.dna-applet .spectrum-Code--sizeXS {
--spectrum-code-font-size: var(--spectrum-code-size-xs);
}
.dna-applet .spectrum-Code--sizeS {
--spectrum-code-font-size: var(--spectrum-code-size-s);
}
.dna-applet .spectrum-Code--sizeM {
--spectrum-code-font-size: var(--spectrum-code-size-m);
}
.dna-applet .spectrum-Code--sizeL {
--spectrum-code-font-size: var(--spectrum-code-size-l);
}
.dna-applet .spectrum-Code--sizeXL {
--spectrum-code-font-size: var(--spectrum-code-size-xl);
}
.dna-applet .spectrum-Code {
font-family: var(--mod-code-font-family, var(--spectrum-code-font-family));
font-style: var(--mod-code-font-style, var(--spectrum-code-font-style));
font-weight: var(--mod-code-font-weight, var(--spectrum-code-font-weight));
font-size: var(--mod-code-font-size, var(--spectrum-code-font-size));
margin-block-start: 0;
margin-block-end: 0;
line-height: var(--mod-code-line-height, var(--spectrum-code-line-height));
color: var(--highcontrast-code-font-color, var(--mod-code-font-color, var(--spectrum-code-font-color)));
}
.dna-applet .spectrum-Code .spectrum-Code-strong, .dna-applet .spectrum-Code strong {
font-style: var(--mod-code-strong-font-style, var(--spectrum-code-strong-font-style));
font-weight: var(--mod-code-strong-font-weight, var(--spectrum-code-strong-font-weight));
}
.dna-applet .spectrum-Code .spectrum-Code-emphasized, .dna-applet .spectrum-Code em {
font-style: var(--mod-code-emphasized-font-style, var(--spectrum-code-emphasized-font-style));
font-weight: var(--mod-code-emphasized-font-weight, var(--spectrum-code-emphasized-font-weight));
}
.dna-applet .spectrum-Code .spectrum-Code-strong.spectrum-Code-emphasized, .dna-applet .spectrum-Code em strong, .dna-applet .spectrum-Code strong em {
font-style: var(--mod-code-strong-emphasized-font-style, var(--spectrum-code-strong-emphasized-font-style));
font-weight: var(--mod-code-strong-emphasized-font-weight, var(--spectrum-code-strong-emphasized-font-weight));
}
.dna-applet .spectrum-Code:lang(ja), .dna-applet .spectrum-Code:lang(ko), .dna-applet .spectrum-Code:lang(zh) {
font-family: var(--mod-code-cjk-font-family, var(--spectrum-code-cjk-font-family));
font-style: var(--mod-code-cjk-font-style, var(--spectrum-code-cjk-font-style));
font-weight: var(--mod-code-cjk-font-weight, var(--spectrum-code-cjk-font-weight));
line-height: var(--mod-code-cjk-line-height, var(--spectrum-code-cjk-line-height));
letter-spacing: var(--mod-code-cjk-letter-spacing, var(--spectrum-code-cjk-letter-spacing));
}
.dna-applet .spectrum-Code:lang(ja) .spectrum-Code-strong, .dna-applet .spectrum-Code:lang(ja) strong, .dna-applet .spectrum-Code:lang(ko) .spectrum-Code-strong, .dna-applet .spectrum-Code:lang(ko) strong, .dna-applet .spectrum-Code:lang(zh) .spectrum-Code-strong, .dna-applet .spectrum-Code:lang(zh) strong {
font-style: var(--mod-code-cjk-strong-font-style, var(--spectrum-code-cjk-strong-font-style));
font-weight: var(--mod-code-cjk-strong-font-weight, var(--spectrum-code-cjk-strong-font-weight));
}
.dna-applet .spectrum-Code:lang(ja) .spectrum-Code-emphasized, .dna-applet .spectrum-Code:lang(ja) em, .dna-applet .spectrum-Code:lang(ko) .spectrum-Code-emphasized, .dna-applet .spectrum-Code:lang(ko) em, .dna-applet .spectrum-Code:lang(zh) .spectrum-Code-emphasized, .dna-applet .spectrum-Code:lang(zh) em {
font-style: var(--mod-code-cjk-emphasized-font-style, var(--spectrum-code-cjk-emphasized-font-style));
font-weight: var(--mod-code-cjk-emphasized-font-weight, var(--spectrum-code-cjk-emphasized-font-weight));
}
.dna-applet .spectrum-Code:lang(ja) .spectrum-Code-strong.spectrum-Code-emphasized, .dna-applet .spectrum-Code:lang(ja) em strong, .dna-applet .spectrum-Code:lang(ja) strong em, .dna-applet .spectrum-Code:lang(ko) .spectrum-Code-strong.spectrum-Code-emphasized, .dna-applet .spectrum-Code:lang(ko) em strong, .dna-applet .spectrum-Code:lang(ko) strong em, .dna-applet .spectrum-Code:lang(zh) .spectrum-Code-strong.spectrum-Code-emphasized, .dna-applet .spectrum-Code:lang(zh) em strong, .dna-applet .spectrum-Code:lang(zh) strong em {
font-style: var(--mod-code-cjk-strong-emphasized-font-style, var(--spectrum-code-cjk-strong-emphasized-font-style));
font-weight: var(--mod-code-cjk-strong-emphasized-font-weight, var(--spectrum-code-cjk-strong-emphasized-font-weight));
}
/*!
* Copyright 2024 Adobe. 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.
*/
.dna-applet .spectrum-Button {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
overflow: visible;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: 0;
font-family: var(--mod-button-font-family, var(--mod-sans-font-family-stack, var(--spectrum-sans-font-family-stack)));
line-height: var(--mod-button-line-height, var(--mod-line-height-100, var(--spectrum-line-height-100)));
-webkit-text-decoration: none;
text-decoration: none;
text-transform: none;
vertical-align: top;
-webkit-appearance: button;
transition:
background var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
border-color var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
color var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out,
box-shadow var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100))) ease-out;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dna-applet .spectrum-Button::-moz-focus-inner {
border-style: none;
padding: 0;
}
.dna-applet .spectrum-Button:focus {
outline: none;
}
.dna-applet .spectrum-Button.is-disabled, .dna-applet .spectrum-Button:disabled {
cursor: default;
}
.dna-applet .spectrum-Button:after {
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
inset-inline-end: 0;
display: block;
margin: calc(var(--mod-button-focus-indicator-gap, var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))) * -1);
transition:
opacity var(--mod-button-animation-duration, var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)))) ease-out,
margin var(--mod-button-animation-duration, var(--mod-button-animation-duration, var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)))) ease-out;
}
.dna-applet .spectrum-Button:focus-visible:after {
margin: calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * -2);
}
.dna-applet a.spectrum-Button {
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
}
.dna-applet .spectrum-Button-label {
align-self: center;
justify-self: center;
}
.dna-applet .spectrum-Button-label:empty {
display: none;
}
.dna-applet .spectrum-Button {
--spectrum-button-animation-duration: var(--spectrum-animation-duration-100);
--spectrum-button-border-radius: calc(var(--spectrum-button-height) / 2);
--spectrum-button-border-width: var(--spectrum-border-width-200);
--spectrum-button-line-height: 1.2;
--spectrum-button-focus-ring-gap: var(--spectrum-focus-indicator-gap);
--spectrum-button-focus-ring-border-radius: calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));
--spectrum-button-focus-ring-thickness: var(--spectrum-focus-indicator-thickness);
--spectrum-button-focus-indicator-color: var(--spectrum-focus-indicator-color);
--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-50);
--mod-progress-circle-position: absolute;
}
.dna-applet .spectrum-Button--sizeS {
--spectrum-button-min-width: calc(var(--spectrum-component-height-75) * var(--spectrum-button-minimum-width-multiplier));
--spectrum-button-height: var(--spectrum-component-height-75);
--spectrum-button-font-size: var(--spectrum-font-size-75);
--spectrum-button-edge-to-visual: calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));
--spectrum-button-edge-to-visual-only: var(--spectrum-component-pill-edge-to-visual-only-75);
--spectrum-button-edge-to-text: calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));
--spectrum-button-padding-label-to-icon: var(--spectrum-text-to-visual-75);
--spectrum-button-top-to-text: var(--spectrum-button-top-to-text-small);
--spectrum-button-bottom-to-text: var(--spectrum-button-bottom-to-text-small);
--spectrum-button-top-to-icon: var(--spectrum-component-top-to-workflow-icon-75);
--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-75);
}
.dna-applet .spectrum-Button--sizeM {
--spectrum-button-min-width: calc(var(--spectrum-component-height-100) * var(--spectrum-button-minimum-width-multiplier));
--spectrum-button-height: var(--spectrum-component-height-100);
--spectrum-button-font-size: var(--spectrum-font-size-100);
--spectrum-button-edge-to-visual: calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));
--spectrum-button-edge-to-visual-only: var(--spectrum-component-pill-edge-to-visual-only-100);
--spectrum-button-edge-to-text: calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));
--spectrum-button-padding-label-to-icon: var(--spectrum-text-to-visual-100);
--spectrum-button-top-to-text: var(--spectrum-button-top-to-text-medium);
--spectrum-button-bottom-to-text: var(--spectrum-button-bottom-to-text-medium);
--spectrum-button-top-to-icon: var(--spectrum-component-top-to-workflow-icon-100);
--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-100);
}
.dna-applet .spectrum-Button--sizeL {
--spectrum-button-min-width: calc(var(--spectrum-component-height-200) * var(--spectrum-button-minimum-width-multiplier));
--spectrum-button-height: var(--spectrum-component-height-200);
--spectrum-button-font-size: var(--spectrum-font-size-200);
--spectrum-button-edge-to-visual: calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));
--spectrum-button-edge-to-visual-only: var(--spectrum-component-pill-edge-to-visual-only-200);
--spectrum-button-edge-to-text: calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));
--spectrum-button-padding-label-to-icon: var(--spectrum-text-to-visual-200);
--spectrum-button-top-to-text: var(--spectrum-button-top-to-text-large);
--spectrum-button-bottom-to-text: var(--spectrum-button-bottom-to-text-large);
--spectrum-button-top-to-icon: var(--spectrum-component-top-to-workflow-icon-200);
--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-200);
}
.dna-applet .spectrum-Button--sizeXL {
--spectrum-button-min-width: calc(var(--spectrum-component-height-300) * var(--spectrum-button-minimum-width-multiplier));
--spectrum-button-height: var(--spectrum-component-height-300);
--spectrum-button-font-size: var(--spectrum-font-size-300);
--spectrum-button-edge-to-visual: calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));
--spectrum-button-edge-to-visual-only: var(--spectrum-component-pill-edge-to-visual-only-300);
--spectrum-button-edge-to-text: calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));
--spectrum-button-padding-label-to-icon: var(--spectrum-text-to-visual-300);
--spectrum-button-top-to-text: var(--spectrum-button-top-to-text-extra-large);
--spectrum-button-bottom-to-text: var(--spectrum-button-bottom-to-text-extra-large);
--spectrum-button-top-to-icon: var(--spectrum-component-top-to-workflow-icon-300);
--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-300);
}
.dna-applet .spectrum-Button {
border-radius: var(--mod-button-border-radius, var(--spectrum-button-border-radius));
border-width: var(--mod-button-border-width, var(--spectrum-button-border-width));
border-style: solid;
font-size: var(--mod-button-font-size, var(--spectrum-button-font-size));
font-weight: var(--mod-bold-font-weight, var(--spectrum-bold-font-weight));
gap: var(--mod-button-padding-label-to-icon, var(--spectrum-button-padding-label-to-icon));
max-inline-size: none;
max-inline-size: var(--mod-button-max-inline-size, none);
min-inline-size: var(--mod-button-min-width, var(--spectrum-button-min-width));
min-block-size: var(--mod-button-height, var(--spectrum-button-height));
padding-block: 0;
padding-inline: var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text));
position: relative;
color: inherit;
margin-block: var(--mod-button-margin-block);
margin-inline-end: var(--mod-button-margin-right);
margin-inline-start: var(--mod-button-margin-left);
}
.dna-applet .spectrum-Button:active {
box-shadow: none;
}
.dna-applet .spectrum-Button .spectrum-Icon {
--_icon-size-difference: max(0px, var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size, var(--spectrum-button-intended-icon-size)));
margin-block-start: var(--mod-button-icon-margin-block-start, max(0px, var(--mod-button-top-to-icon, var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width, var(--spectrum-button-border-width)) + (0px/2)));
margin-block-start: var(--mod-button-icon-margin-block-start, max(0px, var(--mod-button-top-to-icon, var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width, var(--spectrum-button-border-width)) + (var(--_icon-size-difference, 0px) / 2)));
margin-inline-start: calc(var(--mod-button-edge-to-visual, var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text, var(--spectrum-button-edge-to-text)));
color: inherit;
flex-shrink: 0;
align-self: flex-start;
}
.dna-applet .spectrum-Button:after {
border-radius: calc(var(--mod-button-border-radius, var(--spectrum-button-border-radius)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)));
}
.dna-applet .spectrum-Button.spectrum-Button--iconOnly {
min-inline-size: unset;
padding: calc(var(--mod-button-edge-to-visual-only, var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));
border-radius: 50%;
}
.dna-applet .spectrum-Button.spectrum-Button--iconOnly .spectrum-Icon {
align-self: center;
margin-inline-start: 0;
margin-block-start: 0;
}
.dna-applet .spectrum-Button.spectrum-Button--iconOnly:after {
border-radius: 50%;
}
.dna-applet .spectrum-Button-label {
padding-block-start: calc(var(--mod-button-top-to-text, var(--spectrum-button-top-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));
padding-block-end: calc(var(--mod-button-bottom-to-text, var(--spectrum-button-bottom-to-text)) - var(--mod-button-border-width, var(--spectrum-button-border-width)));
line-height: var(--mod-button-line-height, var(--spectrum-button-line-height));
align-self: start;
text-align: center;
text-align: var(--mod-button-text-align, center);
}
.dna-applet .spectrum-Button .spectrum-Icon + .spectrum-Button-label {
text-align: start;
text-align: var(--mod-button-text-align-with-icon, start);
}
.dna-applet .spectrum-Button.is-focused:after, .dna-applet .spectrum-Button:focus-visible:after {
box-shadow: 0 0 0 var(--mod-button-focus-ring-thickness, var(--spectrum-button-focus-ring-thickness)) var(--mod-button-focus-ring-color, var(--spectrum-button-focus-indicator-color));
}
.dna-applet .spectrum-Button {
transition: border-color var(--mod-button-animation-duration, var(--spectrum-button-animation-duration)) ease-in-out;
}
.dna-applet .spectrum-Button:after {
position: absolute;
inset: 0;
margin: calc((var(--mod-button-focus-ring-gap, var(--spectrum-button-focus-ring-gap)) + var(--mod-button-border-width, var(--spectrum-button-border-width))) * -1);
border-radius: var(--mod-button-focus-ring-border-radius, var(--spectrum-button-focus-ring-border-radius));
transition: box-shadow var(--mod-button-animation-duration, var(--spectrum-button-animation-duration)) ease-in-out;
pointer-events: none;
content: "";
}
.dna-applet .spectrum-Button:focus-visible {
box-shadow: none;
outline: none;
}
.dna-applet .spectrum-Button:focus-visible:after {
box-shadow: 0 0 0 var(--mod-button-focus-ring-thickness, var(--spectrum-button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color, var(--mod-button-focus-ring-color, var(--mod-button-focus-ring-color, var(--spectrum-button-focus-indicator-color))));
}
.dna-applet .spectrum-Button {
background-color: var(--highcontrast-button-background-color-default, var(--mod-button-background-color-default, var(--spectrum-button-background-color-default)));
border-color: var(--highcontrast-button-border-color-default, var(--mod-button-border-color-default, var(--spectrum-button-border-color-default)));
color: var(--highcontrast-button-content-color-default, var(--mod-button-content-color-default, var(--spectrum-button-content-color-default)));
transition:
border 0.13s linear,
color 0.13s linear,
background-color 0.13s linear;
transition:
border var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s)) linear,
color var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s)) linear,
background-color var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s)) linear;
}
@media (hover: hover) {
.dna-applet .spectrum-Button:hover {
box-shadow: none;
background-color: var(--highcontrast-button-background-color-hover, var(--mod-button-background-color-hover, var(--spectrum-button-background-color-hover)));
border-color: var(--highcontrast-button-border-color-hover, var(--mod-button-border-color-hover, var(--spectrum-button-border-color-hover)));
color: var(--highcontrast-button-content-color-hover, var(--mod-button-content-color-hover, var(--spectrum-button-content-color-hover)));
}
}
.dna-applet .spectrum-Button:focus-visible {
background-color: var(--highcontrast-button-background-color-focus, var(--mod-button-background-color-focus, var(--spectrum-button-background-color-focus)));
border-color: var(--highcontrast-button-border-color-focus, var(--mod-button-border-color-focus, var(--spectrum-button-border-color-focus)));
color: var(--highcontrast-button-content-color-focus, var(--mod-button-content-color-focus, var(--spectrum-button-content-color-focus)));
}
.dna-applet .spectrum-Button:active {
background-color: var(--highcontrast-button-background-color-down, var(--mod-button-background-color-down, var(--spectrum-button-background-color-down)));
border-color: var(--highcontrast-button-border-color-down, var(--mod-button-border-color-down, var(--spectrum-button-border-color-down)));
color: var(--highcontrast-button-content-color-down, var(--mod-button-content-color-down, var(--spectrum-button-content-color-down)));
}
.dna-applet .spectrum-Button.is-disabled, .dna-applet .spectrum-Button.is-pending, .dna-applet .spectrum-Button:disabled, .dna-applet .spectrum-Button[pending] {
background-color: var(--highcontrast-button-background-color-disabled, var(--mod-button-background-color-disabled, var(--spectrum-button-background-color-disabled)));
border-color: var(--highcontrast-button-border-color-disabled, var(--mod-button-border-color-disabled, var(--spectrum-button-border-color-disabled)));
color: var(--highcontrast-button-content-color-disabled, var(--mod-button-content-color-disabled, var(--spectrum-button-content-color-disabled)));
}
.dna-applet .spectrum-Button .spectrum-Button-label, .dna-applet .spectrum-Button .spectrum-Icon {
visibility: visible;
opacity: 1;
transition: opacity 0.13s ease-in-out;
transition: opacity var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s)) ease-in-out;
}
.dna-applet .spectrum-Button .spectrum-ProgressCircle {
visibility: hidden;
opacity: 0;
transition:
opacity 0.13s ease-in-out,
visibility 0s linear 0.13s;
transition:
opacity var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s)) ease-in-out,
visibility 0s linear var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s));
}
.dna-applet .spectrum-Button.is-pending, .dna-applet .spectrum-Button[pending] {
cursor: default;
}
.dna-applet .spectrum-Button.is-pending .spectrum-Button-label, .dna-applet .spectrum-Button.is-pending .spectrum-Icon, .dna-applet .spectrum-Button[pending] .spectrum-Button-label, .dna-applet .spectrum-Button[pending] .spectrum-Icon {
visibility: hidden;
opacity: 0;
transition:
opacity 0.13s ease-in-out,
visibility 0s linear 0.13s;
transition:
opacity var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s)) ease-in-out,
visibility 0s linear var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s));
}
.dna-applet .spectrum-Button.is-pending .spectrum-ProgressCircle, .dna-applet .spectrum-Button[pending] .spectrum-ProgressCircle {
visibility: visible;
opacity: 1;
transition: opacity 0.13s ease-in-out;
transition: opacity var(--mod-button-animation-duration, var(--spectrum-button-animation-duration, 0.13s)) ease-in-out;
}
.dna-applet .spectrum-Button--noWrap .spectrum-Button-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dna-applet .spectrum-Button--staticBlack, .dna-applet .spectrum-Button--staticWhite {
--spectrum-button-focus-indicator-color: var(--mod-static-black-focus-indicator-color, var(--spectrum-static-black-focus-indicator-color));
}
@media (forced-colors: active) {
.dna-applet .spectrum-Button {
--highcontrast-button-content-color-default: ButtonText;
--highcontrast-button-content-color-hover: ButtonText;
--highcontrast-button-content-color-focus: ButtonText;
--highcontrast-button-content-color-down: ButtonText;
--highcontrast-button-border-color-default: ButtonBorder;
--highcontrast-button-border-color-hover: ButtonBorder;
--highcontrast-button-border-color-focus: ButtonBorder;
--highcontrast-button-border-color-down: ButtonBorder;
--highcontrast-button-background-color-default: ButtonFace;
--highcontrast-button-background-color-hover: ButtonFace;
--highcontrast-button-background-color-down: ButtonFace;
--highcontrast-button-background-color-focus: ButtonFace;
--highcontrast-button-background-color-disabled: ButtonFace;
--highcontrast-button-content-color-disabled: GrayText;
--highcontrast-button-border-color-disabled: GrayText;
--mod-progress-circle-track-border-color: ButtonText;
--mod-progress-circle-track-border-color-over-background: ButtonText;
--mod-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium);
--mod-button-animation-duration: 0s;
}
.dna-applet .spectrum-Button .spectrum-Button-label {
forced-color-adjust: none;
}
.dna-applet .spectrum-Button:focus-visible:after {
forced-color-adjust: none;
box-shadow: 0 0 0 var(--mod-button-focus-ring-thickness, var(--spectrum-button-focus-ring-thickness)) ButtonText;
}
.dna-applet .spectrum-Button.spectrum-Button--accent.spectrum-Button--fill {
--highcontrast-button-background-color-default: ButtonText;
--highcontrast-button-content-color-default: ButtonFace;
--highcontrast-button-content-color-hover: HighlightText;
--highcontrast-button-content-color-down: HighlightText;
--highcontrast-button-content-color-focus: HighlightText;
--highcontrast-button-background-color-disabled: ButtonFace;
--highcontrast-button-background-color-hover: Highlight;
--highcontrast-button-background-color-down: Highlight;
--highcontrast-button-background-color-focus: Highlight;
--highcontrast-button-border-color-default: ButtonText;
--highcontrast-button-border-color-hover: Highlight;
--highcontrast-button-border-color-focus: Highlight;
--highcontrast-button-border-color-down: Highlight;
}
}
.dna-applet .spectrum-Button {
--spectrum-button-background-color-default: var(--system-spectrum-button-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--accent {
--spectrum-button-background-color-default: var(--system-spectrum-button-accent-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-accent-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-accent-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-accent-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-accent-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-accent-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-accent-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-accent-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-accent-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-accent-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-accent-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-accent-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-accent-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-accent-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-accent-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--accent.spectrum-Button--outline {
--spectrum-button-background-color-default: var(--system-spectrum-button-accent-outline-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-accent-outline-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-accent-outline-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-accent-outline-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-accent-outline-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-accent-outline-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-accent-outline-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-accent-outline-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-accent-outline-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-accent-outline-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-accent-outline-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-accent-outline-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-accent-outline-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-accent-outline-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-accent-outline-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--negative {
--spectrum-button-background-color-default: var(--system-spectrum-button-negative-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-negative-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-negative-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-negative-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-negative-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-negative-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-negative-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-negative-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-negative-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-negative-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-negative-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-negative-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-negative-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-negative-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-negative-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--negative.spectrum-Button--outline {
--spectrum-button-background-color-default: var(--system-spectrum-button-negative-outline-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-negative-outline-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-negative-outline-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-negative-outline-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-negative-outline-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-negative-outline-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-negative-outline-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-negative-outline-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-negative-outline-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-negative-outline-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-negative-outline-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-negative-outline-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-negative-outline-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-negative-outline-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-negative-outline-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--primary {
--spectrum-button-background-color-default: var(--system-spectrum-button-primary-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-primary-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-primary-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-primary-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-primary-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-primary-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-primary-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-primary-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-primary-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-primary-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-primary-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-primary-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-primary-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-primary-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-primary-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--primary.spectrum-Button--outline {
--spectrum-button-background-color-default: var(--system-spectrum-button-primary-outline-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-primary-outline-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-primary-outline-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-primary-outline-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-primary-outline-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-primary-outline-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-primary-outline-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-primary-outline-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-primary-outline-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-primary-outline-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-primary-outline-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-primary-outline-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-primary-outline-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-primary-outline-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-primary-outline-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--secondary {
--spectrum-button-background-color-default: var(--system-spectrum-button-secondary-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-secondary-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-secondary-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-secondary-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-secondary-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-secondary-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-secondary-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-secondary-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-secondary-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-secondary-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-secondary-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-secondary-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-secondary-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-secondary-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-secondary-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--secondary.spectrum-Button--outline {
--spectrum-button-background-color-default: var(--system-spectrum-button-secondary-outline-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-secondary-outline-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-secondary-outline-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-secondary-outline-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-secondary-outline-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-secondary-outline-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-secondary-outline-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-secondary-outline-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-secondary-outline-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-secondary-outline-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-secondary-outline-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-secondary-outline-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-secondary-outline-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-secondary-outline-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-secondary-outline-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--quiet {
--spectrum-button-background-color-default: var(--system-spectrum-button-quiet-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-quiet-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-quiet-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-quiet-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-quiet-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-quiet-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-quiet-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-quiet-border-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-quiet-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-quiet-border-color-disabled);
}
.dna-applet .spectrum-Button.is-selected {
--spectrum-button-background-color-default: var(--system-spectrum-button-selected-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-selected-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-selected-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-selected-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-selected-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-selected-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-selected-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-selected-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-selected-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-selected-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-selected-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-selected-content-color-focus);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-selected-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-selected-border-color-disabled);
}
.dna-applet .spectrum-Button.is-selected.spectrum-Button--emphasized {
--spectrum-button-background-color-default: var(--system-spectrum-button-selected-emphasized-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-selected-emphasized-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-selected-emphasized-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-selected-emphasized-background-color-focus);
}
.dna-applet .spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--quiet {
--spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-quiet-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-quiet-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-quiet-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-quiet-border-color-focus);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-quiet-border-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--quiet {
--spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-quiet-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-quiet-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-quiet-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-quiet-border-color-focus);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-quiet-border-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticWhite {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-content-color-focus);
--spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-focus-indicator-color);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-outline-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-outline-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-outline-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-outline-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-outline-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-outline-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-outline-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-outline-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-outline-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-outline-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-outline-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-outline-content-color-focus);
--spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-outline-focus-indicator-color);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-outline-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-outline-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-outline-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticWhite.is-selected {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-selected-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-selected-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-selected-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-selected-background-color-focus);
--spectrum-button-content-color-default: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-default));
--spectrum-button-content-color-hover: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-hover));
--spectrum-button-content-color-down: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-down));
--spectrum-button-content-color-focus: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-focus));
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-selected-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-selected-border-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-secondary-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-secondary-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-secondary-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-secondary-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-secondary-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-secondary-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-secondary-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-secondary-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-secondary-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-secondary-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-secondary-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-secondary-content-color-focus);
--spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-secondary-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-secondary-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-secondary-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary.spectrum-Button--outline {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus);
--spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticBlack {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-content-color-focus);
--spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-focus-indicator-color);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-outline-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-outline-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-outline-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-outline-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-outline-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-outline-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-outline-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-outline-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-outline-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-outline-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-outline-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-outline-content-color-focus);
--spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-outline-focus-indicator-color);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-outline-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-outline-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-outline-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-secondary-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-secondary-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-secondary-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-secondary-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-secondary-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-secondary-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-secondary-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-secondary-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-secondary-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-secondary-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-secondary-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-secondary-content-color-focus);
--spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-secondary-focus-indicator-color);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-secondary-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-secondary-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-secondary-content-color-disabled);
}
.dna-applet .spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary.spectrum-Button--outline {
--spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-secondary-outline-background-color-default);
--spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover);
--spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-secondary-outline-background-color-down);
--spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus);
--spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-secondary-outline-border-color-default);
--spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover);
--spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-secondary-outline-border-color-down);
--spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus);
--spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-secondary-outline-content-color-default);
--spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover);
--spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-secondary-outline-content-color-down);
--spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus);
--spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color);
--spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled);
--spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled);
--spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled);
}
/*!
* Copyright 2024 Adobe. 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.
*/
.dna-applet .spectrum {
--system-spectrum-button-background-color-default: var(--spectrum-gray-75);
--system-spectrum-button-background-color-hover: var(--spectrum-gray-200);
--system-spectrum-button-background-color-down: var(--spectrum-gray-300);
--system-spectrum-button-background-color-focus: var(--spectrum-gray-200);
--system-spectrum-button-border-color-default: var(--spectrum-gray-400);
--system-spectrum-button-border-color-hover: var(--spectrum-gray-500);
--system-spectrum-button-border-color-down: var(--spectrum-gray-600);
--system-spectrum-button-border-color-focus: var(--spectrum-gray-500);
--system-spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default);
--system-spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover);
--system-spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down);
--system-spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
--system-spectrum-button-background-color-disabled: transparent;
--system-spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color);
--system-spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-accent-background-color-default: var(--spectrum-accent-background-color-default);
--system-spectrum-button-accent-background-color-hover: var(--spectrum-accent-background-color-hover);
--system-spectrum-button-accent-background-color-down: var(--spectrum-accent-background-color-down);
--system-spectrum-button-accent-background-color-focus: var(--spectrum-accent-background-color-key-focus);
--system-spectrum-button-accent-border-color-default: transparent;
--system-spectrum-button-accent-border-color-hover: transparent;
--system-spectrum-button-accent-border-color-down: transparent;
--system-spectrum-button-accent-border-color-focus: transparent;
--system-spectrum-button-accent-content-color-default: var(--spectrum-white);
--system-spectrum-button-accent-content-color-hover: var(--spectrum-white);
--system-spectrum-button-accent-content-color-down: var(--spectrum-white);
--system-spectrum-button-accent-content-color-focus: var(--spectrum-white);
--system-spectrum-button-accent-background-color-disabled: var(--spectrum-disabled-background-color);
--system-spectrum-button-accent-border-color-disabled: transparent;
--system-spectrum-button-accent-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-accent-outline-background-color-default: transparent;
--system-spectrum-button-accent-outline-background-color-hover: var(--spectrum-accent-color-200);
--system-spectrum-button-accent-outline-background-color-down: var(--spectrum-accent-color-300);
--system-spectrum-button-accent-outline-background-color-focus: var(--spectrum-accent-color-200);
--system-spectrum-button-accent-outline-border-color-default: var(--spectrum-accent-color-900);
--system-spectrum-button-accent-outline-border-color-hover: var(--spectrum-accent-color-1000);
--system-spectrum-button-accent-outline-border-color-down: var(--spectrum-accent-color-1100);
--system-spectrum-button-accent-outline-border-color-focus: var(--spectrum-accent-color-1000);
--system-spectrum-button-accent-outline-content-color-default: var(--spectrum-accent-content-color-default);
--system-spectrum-button-accent-outline-content-color-hover: var(--spectrum-accent-content-color-hover);
--system-spectrum-button-accent-outline-content-color-down: var(--spectrum-accent-content-color-down);
--system-spectrum-button-accent-outline-content-color-focus: var(--spectrum-accent-content-color-key-focus);
--system-spectrum-button-accent-outline-background-color-disabled: transparent;
--system-spectrum-button-accent-outline-border-color-disabled: var(--spectrum-disabled-border-color);
--system-spectrum-button-accent-outline-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-negative-background-color-default: var(--spectrum-negative-background-color-default);
--system-spectrum-button-negative-background-color-hover: var(--spectrum-negative-background-color-hover);
--system-spectrum-button-negative-background-color-down: var(--spectrum-negative-background-color-down);
--system-spectrum-button-negative-background-color-focus: var(--spectrum-negative-background-color-key-focus);
--system-spectrum-button-negative-border-color-default: transparent;
--system-spectrum-button-negative-border-color-hover: transparent;
--system-spectrum-button-negative-border-color-down: transparent;
--system-spectrum-button-negative-border-color-focus: transparent;
--system-spectrum-button-negative-content-color-default: var(--spectrum-white);
--system-spectrum-button-negative-content-color-hover: var(--spectrum-white);
--system-spectrum-button-negative-content-color-down: var(--spectrum-white);
--system-spectrum-button-negative-content-color-focus: var(--spectrum-white);
--system-spectrum-button-negative-background-color-disabled: var(--spectrum-disabled-background-color);
--system-spectrum-button-negative-border-color-disabled: transparent;
--system-spectrum-button-negative-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-negative-outline-background-color-default: transparent;
--system-spectrum-button-negative-outline-background-color-hover: var(--spectrum-negative-color-200);
--system-spectrum-button-negative-outline-background-color-down: var(--spectrum-negative-color-300);
--system-spectrum-button-negative-outline-background-color-focus: var(--spectrum-negative-color-200);
--system-spectrum-button-negative-outline-border-color-default: var(--spectrum-negative-color-900);
--system-spectrum-button-negative-outline-border-color-hover: var(--spectrum-negative-color-1000);
--system-spectrum-button-negative-outline-border-color-down: var(--spectrum-negative-color-1100);
--system-spectrum-button-negative-outline-border-color-focus: var(--spectrum-negative-color-1000);
--system-spectrum-button-negative-outline-content-color-default: var(--spectrum-negative-content-color-default);
--system-spectrum-button-negative-outline-content-color-hover: var(--spectrum-negative-content-color-hover);
--system-spectrum-button-negative-outline-content-color-down: var(--spectrum-negative-content-color-down);
--system-spectrum-button-negative-outline-content-color-focus: var(--spectrum-negative-content-color-key-focus);
--system-spectrum-button-negative-outline-background-color-disabled: transparent;
--system-spectrum-button-negative-outline-border-color-disabled: var(--spectrum-disabled-border-color);
--system-spectrum-button-negative-outline-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-primary-background-color-default: var(--spectrum-neutral-background-color-default);
--system-spectrum-button-primary-background-color-hover: var(--spectrum-neutral-background-color-hover);
--system-spectrum-button-primary-background-color-down: var(--spectrum-neutral-background-color-down);
--system-spectrum-button-primary-background-color-focus: var(--spectrum-neutral-background-color-key-focus);
--system-spectrum-button-primary-border-color-default: transparent;
--system-spectrum-button-primary-border-color-hover: transparent;
--system-spectrum-button-primary-border-color-down: transparent;
--system-spectrum-button-primary-border-color-focus: transparent;
--system-spectrum-button-primary-content-color-default: var(--spectrum-white);
--system-spectrum-button-primary-content-color-hover: var(--spectrum-white);
--system-spectrum-button-primary-content-color-down: var(--spectrum-white);
--system-spectrum-button-primary-content-color-focus: var(--spectrum-white);
--system-spectrum-button-primary-background-color-disabled: var(--spectrum-disabled-background-color);
--system-spectrum-button-primary-border-color-disabled: transparent;
--system-spectrum-button-primary-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-primary-outline-background-color-default: transparent;
--system-spectrum-button-primary-outline-background-color-hover: var(--spectrum-gray-300);
--system-spectrum-button-primary-outline-background-color-down: var(--spectrum-gray-400);
--system-spectrum-button-primary-outline-background-color-focus: var(--spectrum-gray-300);
--system-spectrum-button-primary-outline-border-color-default: var(--spectrum-gray-800);
--system-spectrum-button-primary-outline-border-color-hover: var(--spectrum-gray-900);
--system-spectrum-button-primary-outline-border-color-down: var(--spectrum-gray-900);
--system-spectrum-button-primary-outline-border-color-focus: var(--spectrum-gray-900);
--system-spectrum-button-primary-outline-content-color-default: var(--spectrum-neutral-content-color-default);
--system-spectrum-button-primary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover);
--system-spectrum-button-primary-outline-content-color-down: var(--spectrum-neutral-content-color-down);
--system-spectrum-button-primary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
--system-spectrum-button-primary-outline-background-color-disabled: transparent;
--system-spectrum-button-primary-outline-border-color-disabled: var(--spectrum-disabled-border-color);
--system-spectrum-button-primary-outline-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-secondary-background-color-default: var(--spectrum-gray-200);
--system-spectrum-button-secondary-background-color-hover: var(--spectrum-gray-300);
--system-spectrum-button-secondary-background-color-down: var(--spectrum-gray-400);
--system-spectrum-button-secondary-background-color-focus: var(--spectrum-gray-300);
--system-spectrum-button-secondary-border-color-default: transparent;
--system-spectrum-button-secondary-border-color-hover: transparent;
--system-spectrum-button-secondary-border-color-down: transparent;
--system-spectrum-button-secondary-border-color-focus: transparent;
--system-spectrum-button-secondary-content-color-default: var(--spectrum-neutral-content-color-default);
--system-spectrum-button-secondary-content-color-hover: var(--spectrum-neutral-content-color-hover);
--system-spectrum-button-secondary-content-color-down: var(--spectrum-neutral-content-color-down);
--system-spectrum-button-secondary-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
--system-spectrum-button-secondary-background-color-disabled: var(--spectrum-disabled-background-color);
--system-spectrum-button-secondary-border-color-disabled: transparent;
--system-spectrum-button-secondary-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-secondary-outline-background-color-default: transparent;
--system-spectrum-button-secondary-outline-background-color-hover: var(--spectrum-gray-300);
--system-spectrum-button-secondary-outline-background-color-down: var(--spectrum-gray-400);
--system-spectrum-button-secondary-outline-background-color-focus: var(--spectrum-gray-300);
--system-spectrum-button-secondary-outline-border-color-default: var(--spectrum-gray-300);
--system-spectrum-button-secondary-outline-border-color-hover: var(--spectrum-gray-400);
--system-spectrum-button-secondary-outline-border-color-down: var(--spectrum-gray-500);
--system-spectrum-button-secondary-outline-border-color-focus: var(--spectrum-gray-400);
--system-spectrum-button-secondary-outline-content-color-default: var(--spectrum-neutral-content-color-default);
--system-spectrum-button-secondary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover);
--system-spectrum-button-secondary-outline-content-color-down: var(--spectrum-neutral-content-color-down);
--system-spectrum-button-secondary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus);
--system-spectrum-button-secondary-outline-background-color-disabled: transparent;
--system-spectrum-button-secondary-outline-border-color-disabled: var(--spectrum-disabled-border-color);
--system-spectrum-button-secondary-outline-content-color-disabled: var(--spectrum-disabled-content-color);
--system-spectrum-button-quiet-background-color-default: transparent;
--system-spectrum-button-quiet-background-color-hover: var(--spectrum-gray-200);
--system-spectrum-button-quiet-background-color-down: var(--spectrum-gray-300);
--system-spectrum-button-quiet-background-color-focus: var(--spectrum-gray-200);
--system-spectrum-button-quiet-border-color-default: transparent;
--system-spectrum-button-quiet-border-color-hover: transparent;
--system-spectrum-button-quiet-border-color-down: transparent;
--system-spectrum-button-quiet-border-color-focus: transparent;
--system-spectrum-button-quiet-background-color-disabled: transparent;
--system-spectrum-button-quiet-border-color-disabled: transparent;
--system-spectrum-button-selected-background-color-default: var(--spectrum-neutral-subdued-background-color-default);
--system-spectrum-button-selected-background-color-hover: var(--spectrum-neutral-subdued-background-color-hover);
--system-spectrum-button-selected-background-color-down: var(--spectrum-neutral-subdued-background-color-down);
--system-spectrum-button-selected-background-color-focus: var(--spectrum-neutral-subdued-background-color-key-focus);
--system-spectrum-button-selected-border-color-default: transparent;
--system-spectrum-button-selected-border-color-hover: transparent;
--system-spectrum-button-selected-border-color-down: transparent;
--system-spectrum-button-selected-border-color-focus: transparent;
--system-spectrum-button-selected-content-color-default: var(--spectrum-white);
--system-spectrum-button-selected-content-color-hover: var(--spectrum-white);
--system-spectrum-button-selected-content-color-down: var(--spectrum-white);
--system-spectrum-button-selected-content-color-focus: var(--spectrum-white);
--system-spectrum-button-selected-background-color-disabled: var(--spectrum-disabled-background-color);
--system-spectrum-button-selected-border-color-disabled: transparent;
--system-spectrum-button-selected-emphasized-background-color-default: var(--spectrum-accent-background-color-default);
--system-spectrum-button-selected-emphasized-background-color-hover: var(--spectrum-accent-background-color-hover);
--system-spectrum-button-selected-emphasized-background-color-down: var(--spectrum-accent-background-color-down);
--system-spectrum-button-selected-emphasized-background-color-focus: var(--spectrum-accent-background-color-key-focus);
--system-spectrum-button-staticblack-quiet-border-color-default: transparent;
--system-spectrum-button-staticwhite-quiet-border-color-default: transparent;
--system-spectrum-button-staticblack-quiet-border-color-hover: transparent;
--system-spectrum-button-staticwhite-quiet-border-color-hover: transparent;
--system-spectrum-button-staticblack-quiet-border-color-down: transparent;
--system-spectrum-button-staticwhite-quiet-border-color-down: transparent;
--system-spectrum-button-staticblack-quiet-border-color-focus: transparent;
--system-spectrum-button-staticwhite-quiet-border-color-focus: transparent;
--system-spectrum-button-staticblack-quiet-border-color-disabled: transparent;
--system-spectrum-button-staticwhite-quiet-border-color-disabled: transparent;
--system-spectrum-button-staticwhite-background-color-default: var(--spectrum-transparent-white-800);
--system-spectrum-button-staticwhite-background-color-hover: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-background-color-down: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-background-color-focus: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-border-color-default: transparent;
--system-spectrum-button-staticwhite-border-color-hover: transparent;
--system-spectrum-button-staticwhite-border-color-down: transparent;
--system-spectrum-button-staticwhite-border-color-focus: transparent;
--system-spectrum-button-staticwhite-content-color-default: var(--spectrum-black);
--system-spectrum-button-staticwhite-content-color-hover: var(--spectrum-black);
--system-spectrum-button-staticwhite-content-color-down: var(--spectrum-black);
--system-spectrum-button-staticwhite-content-color-focus: var(--spectrum-black);
--system-spectrum-button-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
--system-spectrum-button-staticwhite-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
--system-spectrum-button-staticwhite-border-color-disabled: transparent;
--system-spectrum-button-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
--system-spectrum-button-staticwhite-outline-background-color-default: transparent;
--system-spectrum-button-staticwhite-outline-background-color-hover: var(--spectrum-transparent-white-300);
--system-spectrum-button-staticwhite-outline-background-color-down: var(--spectrum-transparent-white-400);
--system-spectrum-button-staticwhite-outline-background-color-focus: var(--spectrum-transparent-white-300);
--system-spectrum-button-staticwhite-outline-border-color-default: var(--spectrum-transparent-white-800);
--system-spectrum-button-staticwhite-outline-border-color-hover: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-outline-border-color-down: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-outline-border-color-focus: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-outline-content-color-default: var(--spectrum-white);
--system-spectrum-button-staticwhite-outline-content-color-hover: var(--spectrum-white);
--system-spectrum-button-staticwhite-outline-content-color-down: var(--spectrum-white);
--system-spectrum-button-staticwhite-outline-content-color-focus: var(--spectrum-white);
--system-spectrum-button-staticwhite-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
--system-spectrum-button-staticwhite-outline-background-color-disabled: transparent;
--system-spectrum-button-staticwhite-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color);
--system-spectrum-button-staticwhite-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
--system-spectrum-button-staticwhite-selected-background-color-default: var(--spectrum-transparent-white-800);
--system-spectrum-button-staticwhite-selected-background-color-hover: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-selected-background-color-down: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-selected-background-color-focus: var(--spectrum-transparent-white-900);
--system-spectrum-button-staticwhite-selected-content-color-default: var(--spectrum-black);
--system-spectrum-button-staticwhite-selected-content-color-hover: var(--spectrum-black);
--system-spectrum-button-staticwhite-selected-content-color-down: var(--spectrum-black);
--system-spectrum-button-staticwhite-selected-content-color-focus: var(--spectrum-black);
--system-spectrum-button-staticwhite-selected-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
--system-spectrum-button-staticwhite-selected-border-color-disabled: transparent;
--system-spectrum-button-staticwhite-secondary-background-color-default: var(--spectrum-transparent-white-200);
--system-spectrum-button-staticwhite-secondary-background-color-hover: var(--spectrum-transparent-white-300);
--system-spectrum-button-staticwhite-secondary-background-color-down: var(--spectrum-transparent-white-400);
--system-spectrum-button-staticwhite-secondary-background-color-focus: var(--spectrum-transparent-white-300);
--system-spectrum-button-staticwhite-secondary-border-color-default: transparent;
--system-spectrum-button-staticwhite-secondary-border-color-hover: transparent;
--system-spectrum-button-staticwhite-secondary-border-color-down: transparent;
--system-spectrum-button-staticwhite-secondary-border-color-focus: transparent;
--system-spectrum-button-staticwhite-secondary-content-color-default: var(--spectrum-white);
--system-spectrum-button-staticwhite-secondary-content-color-hover: var(--spectrum-white);
--system-spectrum-button-staticwhite-secondary-content-color-down: var(--spectrum-white);
--system-spectrum-button-staticwhite-secondary-content-color-focus: var(--spectrum-white);
--system-spectrum-button-staticwhite-secondary-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
--system-spectrum-button-staticwhite-secondary-background-color-disabled: var(--spectrum-disabled-static-white-background-color);
--system-spectrum-button-staticwhite-secondary-border-color-disabled: transparent;
--system-spectrum-button-staticwhite-secondary-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
--system-spectrum-button-staticwhite-secondary-outline-background-color-default: transparent;
--system-spectrum-button-staticwhite-secondary-outline-background-color-hover: var(--spectrum-transparent-white-300);
--system-spectrum-button-staticwhite-secondary-outline-background-color-down: var(--spectrum-transparent-white-400);
--system-spectrum-button-staticwhite-secondary-outline-background-color-focus: var(--spectrum-transparent-white-300);
--system-spectrum-button-staticwhite-secondary-outline-border-color-default: var(--spectrum-transparent-white-300);
--system-spectrum-button-staticwhite-secondary-outline-border-color-hover: var(--spectrum-transparent-white-400);
--system-spectrum-button-staticwhite-secondary-outline-border-color-down: var(--spectrum-transparent-white-500);
--system-spectrum-button-staticwhite-secondary-outline-border-color-focus: var(--spectrum-transparent-white-400);
--system-spectrum-button-staticwhite-secondary-outline-content-color-default: var(--spectrum-white);
--system-spectrum-button-staticwhite-secondary-outline-content-color-hover: var(--spectrum-white);
--system-spectrum-button-staticwhite-secondary-outline-content-color-down: var(--spectrum-white);
--system-spectrum-button-staticwhite-secondary-outline-content-color-focus: var(--spectrum-white);
--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color);
--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled: transparent;
--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color);
--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color);
--system-spectrum-button-staticblack-background-color-default: var(--spectrum-transparent-black-800);
--system-spectrum-button-staticblack-background-color-hover: var(--spectrum-transparent-black-900);
--system-spectrum-button-staticblack-background-color-down: var(--spectrum-transparent-black-900);
--system-spectrum-button-staticblack-background-color-focus: var(--spectrum-transparent-black-900);
--system-spectrum-button-staticblack-border-color-default: transparent;
--system-spectrum-button-staticblack-border-color-hover: transparent;
--system-spectrum-button-staticblack-border-color-down: transparent;
--system-spectrum-button-staticblack-border-color-focus: transparent;
--system-spectrum-button-staticblack-content-color-default: var(--spectrum-white);
--system-spectrum-button-staticblack-content-color-hover: var(--spectrum-white);
--system-spectrum-button-staticblack-content-color-down: var(--spectrum-white);
--system-spectrum-button-staticblack-content-color-focus: var(--spectrum-white);
--system-spectrum-button-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
--system-spectrum-button-staticblack-background-color-disabled: var(--spectrum-disabled-static-black-background-color);
--system-spectrum-button-staticblack-border-color-disabled: transparent;
--system-spectrum-button-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
--system-spectrum-button-staticblack-outline-background-color-default: transparent;
--system-spectrum-button-staticblack-outline-background-color-hover: var(--spectrum-transparent-black-300);
--system-spectrum-button-staticblack-outline-background-color-down: var(--spectrum-transparent-black-400);
--system-spectrum-button-staticblack-outline-background-color-focus: var(--spectrum-transparent-black-300);
--system-spectrum-button-staticblack-outline-border-color-default: var(--spectrum-transparent-black-400);
--system-spectrum-button-staticblack-outline-border-color-hover: var(--spectrum-transparent-black-500);
--system-spectrum-button-staticblack-outline-border-color-down: var(--spectrum-transparent-black-600);
--system-spectrum-button-staticblack-outline-border-color-focus: var(--spectrum-transparent-black-500);
--system-spectrum-button-staticblack-outline-content-color-default: var(--spectrum-black);
--system-spectrum-button-staticblack-outline-content-color-hover: var(--spectrum-black);
--system-spectrum-button-staticblack-outline-content-color-down: var(--spectrum-black);
--system-spectrum-button-staticblack-outline-content-color-focus: var(--spectrum-black);
--system-spectrum-button-staticblack-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
--system-spectrum-button-staticblack-outline-background-color-disabled: transparent;
--system-spectrum-button-staticblack-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color);
--system-spectrum-button-staticblack-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
--system-spectrum-button-staticblack-secondary-background-color-default: var(--spectrum-transparent-black-200);
--system-spectrum-button-staticblack-secondary-background-color-hover: var(--spectrum-transparent-black-300);
--system-spectrum-button-staticblack-secondary-background-color-down: var(--spectrum-transparent-black-400);
--system-spectrum-button-staticblack-secondary-background-color-focus: var(--spectrum-transparent-black-300);
--system-spectrum-button-staticblack-secondary-border-color-default: transparent;
--system-spectrum-button-staticblack-secondary-border-color-hover: transparent;
--system-spectrum-button-staticblack-secondary-border-color-down: transparent;
--system-spectrum-button-staticblack-secondary-border-color-focus: transparent;
--system-spectrum-button-staticblack-secondary-content-color-default: var(--spectrum-black);
--system-spectrum-button-staticblack-secondary-content-color-hover: var(--spectrum-black);
--system-spectrum-button-staticblack-secondary-content-color-down: var(--spectrum-black);
--system-spectrum-button-staticblack-secondary-content-color-focus: var(--spectrum-black);
--system-spectrum-button-staticblack-secondary-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
--system-spectrum-button-staticblack-secondary-background-color-disabled: var(--spectrum-disabled-static-black-background-color);
--system-spectrum-button-staticblack-secondary-border-color-disabled: transparent;
--system-spectrum-button-staticblack-secondary-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
--system-spectrum-button-staticblack-secondary-outline-background-color-default: transparent;
--system-spectrum-button-staticblack-secondary-outline-background-color-hover: var(--spectrum-transparent-black-300);
--system-spectrum-button-staticblack-secondary-outline-background-color-down: var(--spectrum-transparent-black-400);
--system-spectrum-button-staticblack-secondary-outline-background-color-focus: var(--spectrum-transparent-black-300);
--system-spectrum-button-staticblack-secondary-outline-border-color-default: var(--spectrum-transparent-black-300);
--system-spectrum-button-staticblack-secondary-outline-border-color-hover: var(--spectrum-transparent-black-400);
--system-spectrum-button-staticblack-secondary-outline-border-color-down: var(--spectrum-transparent-black-500);
--system-spectrum-button-staticblack-secondary-outline-border-color-focus: var(--spectrum-transparent-black-400);
--system-spectrum-button-staticblack-secondary-outline-content-color-default: var(--spectrum-black);
--system-spectrum-button-staticblack-secondary-outline-content-color-hover: var(--spectrum-black);
--system-spectrum-button-staticblack-secondary-outline-content-color-down: var(--spectrum-black);
--system-spectrum-button-staticblack-secondary-outline-content-color-focus: var(--spectrum-black);
--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color);
--system-spectrum-button-staticblack-secondary-outline-background-color-disabled: transparent;
--system-spectrum-button-staticblack-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color);
--system-spectrum-button-staticblack-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color);
}
/*!
* Copyright 2024 Adobe. 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.
*/
.dna-applet .spectrum-Link {
--spectrum-link-animation-duration: var(--spectrum-animation-duration-100);
--spectrum-link-text-color-primary-default: var(--spectrum-accent-content-color-default);
--spectrum-link-text-color-primary-hover: var(--spectrum-accent-content-color-hover);
--spectrum-link-text-color-primary-active: var(--spectrum-accent-content-color-down);
--spectrum-link-text-color-primary-focus: var(--spectrum-accent-content-color-key-focus);
--spectrum-link-text-color-secondary-default: var(--spectrum-neutral-content-color-default);
--spectrum-link-text-color-secondary-hover: var(--spectrum-neutral-content-color-hover);
--spectrum-link-text-color-secondary-active: var(--spectrum-neutral-content-color-down);
--spectrum-link-text-color-secondary-focus: var(--spectrum-neutral-content-color-key-focus);
--spectrum-link-text-color-white: var(--spectrum-white);
--spectrum-link-text-color-black: var(--spectrum-black);
}
@media (forced-colors: active) {
.dna-applet .spectrum-Link {
--highcontrast-link-text-color-primary-default: LinkText;
--highcontrast-link-text-color-primary-hover: LinkText;
--highcontrast-link-text-color-primary-active: LinkText;
--highcontrast-link-text-color-primary-focus: LinkText;
--highcontrast-link-text-color-secondary-default: LinkText;
--highcontrast-link-text-color-secondary-hover: LinkText;
--highcontrast-link-text-color-secondary-active: LinkText;
--highcontrast-link-text-color-secondary-focus: LinkText;
--highcontrast-link-text-color-white: LinkText;
--highcontrast-link-text-color-black: LinkText;
}
}
.dna-applet .spectrum-Link {
background-color: initial;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
-webkit-text-decoration: underline;
text-decoration: underline;
transition: color var(--mod-link-animation-duration, var(--spectrum-link-animation-duration)) ease-in-out;
outline: none;
cursor: pointer;
color: var(--highcontrast-link-text-color-primary-default, var(--mod-link-text-color-primary-default, var(--spectrum-link-text-color-primary-default)));
}
.dna-applet .spectrum-Link:active {
color: var(--highcontrast-link-text-color-primary-active, var(--mod-link-text-color-primary-active, var(--spectrum-link-text-color-primary-active)));
}
.dna-applet .spectrum-Link:focus-visible {
color: var(--highcontrast-link-text-color-primary-focus, var(--mod-link-text-color-primary-focus, var(--spectrum-link-text-color-primary-focus)));
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-style: double;
text-decoration-color: inherit;
text-decoration-color: var(--highcontrast-link-focus-color, inherit);
}
.dna-applet .spectrum-Link--secondary {
color: var(--highcontrast-link-text-color-secondary-default, var(--mod-link-text-color-secondary-default, var(--spectrum-link-text-color-secondary-default)));
}
.dna-applet .spectrum-Link--secondary:active {
color: var(--highcontrast-link-text-color-secondary-active, var(--mod-link-text-color-secondary-active, var(--spectrum-link-text-color-secondary-active)));
}
.dna-applet .spectrum-Link--secondary:focus {
color: var(--highcontrast-link-text-color-secondary-focus, var(--mod-link-text-color-secondary-focus, var(--spectrum-link-text-color-secondary-focus)));
}
.dna-applet .spectrum-Link--quiet {
-webkit-text-decoration: none;
text-decoration: none;
}
.dna-applet .spectrum-Link--staticWhite, .dna-applet .spectrum-Link--staticWhite:active, .dna-applet .spectrum-Link--staticWhite:focus {
color: var(--highcontrast-link-text-color-white, var(--mod-link-text-color-white, var(--spectrum-link-text-color-white)));
}
.dna-applet .spectrum-Link--staticBlack, .dna-applet .spectrum-Link--staticBlack:active, .dna-applet .spectrum-Link--staticBlack:focus {
color: var(--highcontrast-link-text-color-black, var(--mod-link-text-color-black, var(--spectrum-link-text-color-black)));
}
@media (hover: hover) {
.dna-applet .spectrum-Link:hover {
color: var(--highcontrast-link-text-color-primary-hover, var(--mod-link-text-color-primary-hover, var(--spectrum-link-text-color-primary-hover)));
}
.dna-applet .spectrum-Link--secondary:hover {
color: var(--highcontrast-link-text-color-secondary-hover, var(--mod-link-text-color-secondary-hover, var(--spectrum-link-text-color-secondary-hover)));
}
.dna-applet .spectrum-Link--quiet:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.dna-applet .spectrum-Link--staticWhite:hover {
color: var(--highcontrast-link-text-color-white, var(--mod-link-text-color-white, var(--spectrum-link-text-color-white)));
}
.dna-applet .spectrum-Link--staticBlack:hover {
color: var(--highcontrast-link-text-color-black, var(--mod-link-text-color-black, var(--spectrum-link-text-color-black)));
}
}
.dna-applet ._t8qIa_i18nFontFamily {
font-synthesis: weight;
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
}
.dna-applet ._t8qIa_i18nFontFamily:lang(ar) {
font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
}
.dna-applet ._t8qIa_i18nFontFamily:lang(he) {
font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
}
.dna-applet ._t8qIa_i18nFontFamily:lang(zh) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
}
.dna-applet ._t8qIa_i18nFontFamily:lang(zh-Hans) {
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
}
.dna-applet ._t8qIa_i18nFontFamily:lang(zh-Hant) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
}
.dna-applet ._t8qIa_i18nFontFamily:lang(zh-SG), .dna-applet ._t8qIa_i18nFontFamily:lang(zh-CN) {
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
}
.dna-applet ._t8qIa_i18nFontFamily:lang(ko) {
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
}
.dna-applet ._t8qIa_i18nFontFamily:lang(ja) {
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ï¼ï¼³ Ｐゴシック, MS PGothic, sans-serif;
}
.dna-applet ._t8qIa_spectrum-FocusRing-ring {
--spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
--spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
--spectrum-focus-ring-border-size: 0px;
--spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
}
.dna-applet ._t8qIa_spectrum-FocusRing-ring:after {
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
content: "";
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
pointer-events: none;
transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
display: block;
position: absolute;
inset: 0;
}
.dna-applet ._t8qIa_spectrum-FocusRing._t8qIa_focus-ring:after {
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
}
.dna-applet ._t8qIa_spectrum-FocusRing--quiet:after {
border-radius: 0;
}
.dna-applet ._t8qIa_spectrum-FocusRing--quiet._t8qIa_focus-ring:after {
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
}
@media (forced-colors: active) {
.dna-applet ._t8qIa_spectrum-FocusRing, .dna-applet ._t8qIa_spectrum-FocusRing-ring, .dna-applet ._t8qIa_spectrum-FocusRing--quiet {
--spectrum-high-contrast-focus-ring-color: Highlight;
}
.dna-applet :is(._t8qIa_spectrum-FocusRing, .dna-applet ._t8qIa_spectrum-FocusRing-ring, .dna-applet ._t8qIa_spectrum-FocusRing--quiet):after {
forced-color-adjust: none;
}
}
.dna-applet ._t8qIa_spectrum {
background-color: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
-webkit-tap-highlight-color: #0000;
}
.dna-applet .kDKRXa_i18nFontFamily {
font-synthesis: weight;
font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
}
.dna-applet .kDKRXa_i18nFontFamily:lang(ar) {
font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
}
.dna-applet .kDKRXa_i18nFontFamily:lang(he) {
font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
}
.dna-applet .kDKRXa_i18nFontFamily:lang(zh) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
}
.dna-applet .kDKRXa_i18nFontFamily:lang(zh-Hans) {
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
}
.dna-applet .kDKRXa_i18nFontFamily:lang(zh-Hant) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
}
.dna-applet .kDKRXa_i18nFontFamily:lang(zh-SG), .dna-applet .kDKRXa_i18nFontFamily:lang(zh-CN) {
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
}
.dna-applet .kDKRXa_i18nFontFamily:lang(ko) {
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
}
.dna-applet .kDKRXa_i18nFontFamily:lang(ja) {
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ï¼ï¼³ Ｐゴシック, MS PGothic, sans-serif;
}
.dna-applet .kDKRXa_spectrum-FocusRing-ring {
--spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
--spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
--spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
--spectrum-focus-ring-border-size: 0px;
--spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
}
.dna-applet .kDKRXa_spectrum-FocusRing-ring:after {
border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
content: "";
margin: calc(-1 * var(--spectrum-focus-ring-border-size));
pointer-events: none;
transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
display: block;
position: absolute;
inset: 0;
}
.dna-applet .kDKRXa_spectrum-FocusRing.kDKRXa_focus-ring:after {
margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
}
.dna-applet .kDKRXa_spectrum-FocusRing--quiet:after {
border-radius: 0;
}
.dna-applet .kDKRXa_spectrum-FocusRing--quiet.kDKRXa_focus-ring:after {
margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
}
@media (forced-colors: active) {
.dna-applet .kDKRXa_spectrum-FocusRing, .dna-applet .kDKRXa_spectrum-FocusRing-ring, .dna-applet .kDKRXa_spectrum-FocusRing--quiet {
--spectrum-high-contrast-focus-ring-color: Highlight;
}
.dna-applet :is(.kDKRXa_spectrum-FocusRing, .dna-applet .kDKRXa_spectrum-FocusRing-ring, .dna-applet .kDKRXa_spectrum-FocusRing--quiet):after {
forced-color-adjust: none;
}
}
.dna-applet .kDKRXa_spectrum {
font-size: var(--spectrum-alias-font-size-default, var(--spectrum-global-dimension-font-size-100));
color: var(--spectrum-body-text-color, var(--spectrum-alias-text-color));
}
.dna-applet .kDKRXa_spectrum, .dna-applet .kDKRXa_spectrum-Body, .dna-applet .kDKRXa_spectrum, .dna-applet .kDKRXa_spectrum-Body {
font-size: var(--spectrum-body-4-text-size, var(--spectrum-alias-font-size-default));
font-weight: var(--spectrum-body-4-text-font-weight, var(--spectrum-alias-body-text-font-weight));
line-height: var(--spectrum-body-4-text-line-height, var(--spectrum-alias-body-text-line-height));
font-style: var(--spectrum-body-4-text-font-style, var(--spectrum-global-font-style-regular));
}
.dna-applet .kDKRXa_spectrum-Body--italic {
font-style: var(--spectrum-body-4-emphasis-text-font-style, var(--spectrum-global-font-style-italic));
}
.dna-applet .R-l9gW_spectrum--darkest {
--spectrum-global-color-status: Verified;
--spectrum-global-color-version: 5.1;
--spectrum-gray-50: #000;
--spectrum-gray-75: #0e0e0e;
--spectrum-gray-100: #1d1d1d;
--spectrum-gray-200: #303030;
--spectrum-gray-300: #4b4b4b;
--spectrum-gray-400: #6a6a6a;
--spectrum-gray-500: #8d8d8d;
--spectrum-gray-600: #b0b0b0;
--spectrum-gray-700: #d0d0d0;
--spectrum-gray-800: #ebebeb;
--spectrum-gray-900: #fff;
--spectrum-red-100: #570000;
--spectrum-red-200: #6e0000;
--spectrum-red-300: #8a0000;
--spectrum-red-400: #a70000;
--spectrum-red-500: #c40706;
--spectrum-red-600: #dd2118;
--spectrum-red-700: #ee4331;
--spectrum-red-800: #f9634c;
--spectrum-red-900: #ff816b;
--spectrum-red-1000: #ff9e8c;
--spectrum-red-1100: #ffb7a9;
--spectrum-red-1200: #ffcdc3;
--spectrum-red-1300: #ffdfd9;
--spectrum-red-1400: #ffedea;
--spectrum-orange-100: #481801;
--spectrum-orange-200: #5c2000;
--spectrum-orange-300: #732b00;
--spectrum-orange-400: #8a3700;
--spectrum-orange-500: #a24400;
--spectrum-orange-600: #ba5200;
--spectrum-orange-700: #d26200;
--spectrum-orange-800: #e87400;
--spectrum-orange-900: #f98917;
--spectrum-orange-1000: #ffa23b;
--spectrum-orange-1100: #ffbc66;
--spectrum-orange-1200: #fdd291;
--spectrum-orange-1300: #ffe2b5;
--spectrum-orange-1400: #ffefd5;
--spectrum-yellow-100: #352400;
--spectrum-yellow-200: #442f00;
--spectrum-yellow-300: #563e00;
--spectrum-yellow-400: #674d00;
--spectrum-yellow-500: #7a5c00;
--spectrum-yellow-600: #8d6c00;
--spectrum-yellow-700: #a17e00;
--spectrum-yellow-800: #b49000;
--spectrum-yellow-900: #c7a200;
--spectrum-yellow-1000: #d8b500;
--spectrum-yellow-1100: #e9c700;
--spectrum-yellow-1200: #f7d804;
--spectrum-yellow-1300: #f9e961;
--spectrum-yellow-1400: #fcf3aa;
--spectrum-chartreuse-100: #202b00;
--spectrum-chartreuse-200: #2a3800;
--spectrum-chartreuse-300: #364800;
--spectrum-chartreuse-400: #425800;
--spectrum-chartreuse-500: #4f6900;
--spectrum-chartreuse-600: #5d7b00;
--spectrum-chartreuse-700: #6b8e00;
--spectrum-chartreuse-800: #7aa100;
--spectrum-chartreuse-900: #8ab403;
--spectrum-chartreuse-1000: #9ac60b;
--spectrum-chartreuse-1100: #aad816;
--spectrum-chartreuse-1200: #bbe829;
--spectrum-chartreuse-1300: #cdf648;
--spectrum-chartreuse-1400: #e1fd84;
--spectrum-celery-100: #002f07;
--spectrum-celery-200: #003d09;
--spectrum-celery-300: #004d0c;
--spectrum-celery-400: #005f0f;
--spectrum-celery-500: #00710f;
--spectrum-celery-600: #00840f;
--spectrum-celery-700: #009714;
--spectrum-celery-800: #0dab25;
--spectrum-celery-900: #2dbf3a;
--spectrum-celery-1000: #50d052;
--spectrum-celery-1100: #73e06b;
--spectrum-celery-1200: #93ed83;
--spectrum-celery-1300: #b4f7a2;
--spectrum-celery-1400: #d5fcca;
--spectrum-green-100: #0a2c1c;
--spectrum-green-200: #073b24;
--spectrum-green-300: #004c2e;
--spectrum-green-400: #005d39;
--spectrum-green-500: #006f45;
--spectrum-green-600: #008252;
--spectrum-green-700: #009562;
--spectrum-green-800: #1ca872;
--spectrum-green-900: #34bb84;
--spectrum-green-1000: #4bcd95;
--spectrum-green-1100: #67dea8;
--spectrum-green-1200: #89ecbc;
--spectrum-green-1300: #b1f4d1;
--spectrum-green-1400: #d6f9e4;
--spectrum-seafoam-100: #122b2a;
--spectrum-seafoam-200: #133937;
--spectrum-seafoam-300: #104946;
--spectrum-seafoam-400: #035b58;
--spectrum-seafoam-500: #006c68;
--spectrum-seafoam-600: #007f79;
--spectrum-seafoam-700: #00928c;
--spectrum-seafoam-800: #00a59f;
--spectrum-seafoam-900: #1ab9b2;
--spectrum-seafoam-1000: #42cac3;
--spectrum-seafoam-1100: #66dad3;
--spectrum-seafoam-1200: #8be8e1;
--spectrum-seafoam-1300: #b3f2ed;
--spectrum-seafoam-1400: #d7f8f4;
--spectrum-cyan-100: #002944;
--spectrum-cyan-200: #003658;
--spectrum-cyan-300: #00456c;
--spectrum-cyan-400: #005680;
--spectrum-cyan-500: #006793;
--spectrum-cyan-600: #0079a7;
--spectrum-cyan-700: #008cba;
--spectrum-cyan-800: #04a0cd;
--spectrum-cyan-900: #17b4dd;
--spectrum-cyan-1000: #39c7ea;
--spectrum-cyan-1100: #60d8f3;
--spectrum-cyan-1200: #86e6fa;
--spectrum-cyan-1300: #aaf2ff;
--spectrum-cyan-1400: #cef9ff;
--spectrum-blue-100: #002651;
--spectrum-blue-200: #00326a;
--spectrum-blue-300: #004087;
--spectrum-blue-400: #004ea6;
--spectrum-blue-500: #005cc8;
--spectrum-blue-600: #066ce7;
--spectrum-blue-700: #1d80f5;
--spectrum-blue-800: #4096f3;
--spectrum-blue-900: #5eaaf7;
--spectrum-blue-1000: #7cbdfa;
--spectrum-blue-1100: #98cefd;
--spectrum-blue-1200: #b3defe;
--spectrum-blue-1300: #ceeaff;
--spectrum-blue-1400: #e3f3ff;
--spectrum-indigo-100: #1a1d61;
--spectrum-indigo-200: #23277d;
--spectrum-indigo-300: #2e329e;
--spectrum-indigo-400: #3a3fbd;
--spectrum-indigo-500: #494ed8;
--spectrum-indigo-600: #5a60eb;
--spectrum-indigo-700: #6e73f6;
--spectrum-indigo-800: #8488fd;
--spectrum-indigo-900: #999dff;
--spectrum-indigo-1000: #aeb1ff;
--spectrum-indigo-1100: #c2c4ff;
--spectrum-indigo-1200: #d4d5ff;
--spectrum-indigo-1300: #e3e4ff;
--spectrum-indigo-1400: #f0f0ff;
--spectrum-purple-100: #321068;
--spectrum-purple-200: #430d8c;
--spectrum-purple-300: #5610ad;
--spectrum-purple-400: #6a1dc8;
--spectrum-purple-500: #7e31de;
--spectrum-purple-600: #9146ec;
--spectrum-purple-700: #a25ef6;
--spectrum-purple-800: #b277fa;
--spectrum-purple-900: #c08ffc;
--spectrum-purple-1000: #cea6fd;
--spectrum-purple-1100: #dbbcfe;
--spectrum-purple-1200: #e6cfff;
--spectrum-purple-1300: #f0e0ff;
--spectrum-purple-1400: #f8edff;
--spectrum-fuchsia-100: #460e44;
--spectrum-fuchsia-200: #5d095c;
--spectrum-fuchsia-300: #780078;
--spectrum-fuchsia-400: #920093;
--spectrum-fuchsia-500: #a913aa;
--spectrum-fuchsia-600: #bf2bbf;
--spectrum-fuchsia-700: #d341d5;
--spectrum-fuchsia-800: #e45be5;
--spectrum-fuchsia-900: #ef78ee;
--spectrum-fuchsia-1000: #f695f3;
--spectrum-fuchsia-1100: #fbaff6;
--spectrum-fuchsia-1200: #fec7f8;
--spectrum-fuchsia-1300: #ffdcfa;
--spectrum-fuchsia-1400: #ffebfc;
--spectrum-magenta-100: #530329;
--spectrum-magenta-200: #6a0034;
--spectrum-magenta-300: #850041;
--spectrum-magenta-400: #a1004e;
--spectrum-magenta-500: #ba165d;
--spectrum-magenta-600: #d12b72;
--spectrum-magenta-700: #e34589;
--spectrum-magenta-800: #f1619c;
--spectrum-magenta-900: #fc7cad;
--spectrum-magenta-1000: #ff98bf;
--spectrum-magenta-1100: #ffb3cf;
--spectrum-magenta-1200: #ffcadd;
--spectrum-magenta-1300: #ffdde9;
--spectrum-magenta-1400: #ffecf3;
--spectrum-legacy-color-celery-400: var(--spectrum-celery-800);
--spectrum-legacy-color-celery-500: var(--spectrum-celery-900);
--spectrum-legacy-color-celery-600: var(--spectrum-celery-1000);
--spectrum-legacy-color-celery-700: var(--spectrum-celery-1100);
--spectrum-legacy-color-chartreuse-400: var(--spectrum-chartreuse-900);
--spectrum-legacy-color-chartreuse-500: var(--spectrum-chartreuse-1000);
--spectrum-legacy-color-chartreuse-600: var(--spectrum-chartreuse-1100);
--spectrum-legacy-color-chartreuse-700: var(--spectrum-chartreuse-1200);
--spectrum-legacy-color-yellow-400: var(--spectrum-yellow-1000);
--spectrum-legacy-color-yellow-500: var(--spectrum-yellow-1100);
--spectrum-legacy-color-yellow-600: var(--spectrum-yellow-1200);
--spectrum-legacy-color-yellow-700: var(--spectrum-yellow-1300);
--spectrum-legacy-color-magenta-400: var(--spectrum-magenta-600);
--spectrum-legacy-color-magenta-500: var(--spectrum-magenta-700);
--spectrum-legacy-color-magenta-600: var(--spectrum-magenta-800);
--spectrum-legacy-color-magenta-700: var(--spectrum-magenta-900);
--spectrum-legacy-color-fuchsia-400: var(--spectrum-fuchsia-600);
--spectrum-legacy-color-fuchsia-500: var(--spectrum-fuchsia-700);
--spectrum-legacy-color-fuchsia-600: var(--spectrum-fuchsia-800);
--spectrum-legacy-color-fuchsia-700: var(--spectrum-fuchsia-900);
--spectrum-legacy-color-purple-400: var(--spectrum-purple-600);
--spectrum-legacy-color-purple-500: var(--spectrum-purple-700);
--spectrum-legacy-color-purple-600: var(--spectrum-purple-800);
--spectrum-legacy-color-purple-700: var(--spectrum-purple-900);
--spectrum-legacy-color-indigo-400: var(--spectrum-indigo-600);
--spectrum-legacy-color-indigo-500: var(--spectrum-indigo-700);
--spectrum-legacy-color-indigo-600: var(--spectrum-indigo-800);
--spectrum-legacy-color-indigo-700: var(--spectrum-indigo-900);
--spectrum-legacy-color-red-400: var(--spectrum-red-600);
--spectrum-legacy-color-red-500: var(--spectrum-red-700);
--spectrum-legacy-color-red-600: var(--spectrum-red-800);
--spectrum-legacy-color-red-700: var(--spectrum-red-900);
--spectrum-legacy-color-orange-400: var(--spectrum-orange-800);
--spectrum-legacy-color-orange-500: var(--spectrum-orange-900);
--spectrum-legacy-color-orange-600: var(--spectrum-orange-1000);
--spectrum-legacy-color-orange-700: var(--spectrum-orange-1100);
--spectrum-legacy-color-green-400: var(--spectrum-green-700);
--spectrum-legacy-color-green-500: var(--spectrum-green-800);
--spectrum-legacy-color-green-600: var(--spectrum-green-900);
--spectrum-legacy-color-green-700: var(--spectrum-green-1000);
--spectrum-legacy-color-blue-400: var(--spectrum-blue-700);
--spectrum-legacy-color-blue-500: var(--spectrum-blue-800);
--spectrum-legacy-color-blue-600: var(--spectrum-blue-900);
--spectrum-legacy-color-blue-700: var(--spectrum-blue-1000);
--spectrum-alias-background-color-modal-overlay: #0009;
--spectrum-alias-dropshadow-color: #000c;
--spectrum-alias-background-color-hover-overlay: #ffffff14;
--spectrum-alias-highlight-hover: #ffffff14;
--spectrum-alias-highlight-active: #efefef26;
--spectrum-alias-highlight-selected: #4096f333;
--spectrum-alias-highlight-selected-hover: #4096f34d;
--spectrum-alias-highlight-invalid: #dd211826;
--spectrum-alias-text-highlight-color: #4096f34d;
--spectrum-alias-background-color-quickactions: #1d1d1de6;
--spectrum-alias-radial-reaction-color-default: #ebebeb99;
--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: #efefef1a;
--spectrum-colorarea-border-color-hover: #efefef1a;
--spectrum-colorarea-border-color-down: #efefef1a;
--spectrum-colorarea-border-color-key-focus: #efefef1a;
--spectrum-colorslider-border-color: #efefef1a;
--spectrum-colorslider-border-color-hover: #efefef1a;
--spectrum-colorslider-border-color-down: #efefef1a;
--spectrum-colorslider-border-color-key-focus: #efefef1a;
--spectrum-colorslider-vertical-border-color: #efefef1a;
--spectrum-colorslider-vertical-border-color-hover: #efefef1a;
--spectrum-colorslider-vertical-border-color-down: #efefef1a;
--spectrum-colorslider-vertical-border-color-key-focus: #efefef1a;
--spectrum-colorwheel-border-color: #efefef1a;
--spectrum-colorwheel-border-color-hover: #efefef1a;
--spectrum-colorwheel-border-color-down: #efefef1a;
--spectrum-colorwheel-border-color-key-focus: #efefef1a;
--spectrum-miller-column-item-background-color-selected: #2680eb1a;
--spectrum-miller-column-item-background-color-selected-hover: #2680eb33;
--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: #ebebeb05;
--spectrum-well-border-color: #efefef0d;
--spectrum-tray-background-color: var(--spectrum-global-color-gray-100);
--spectrum-accent-background-color-default: var(--spectrum-accent-color-600);
--spectrum-accent-background-color-hover: var(--spectrum-accent-color-500);
--spectrum-accent-background-color-down: var(--spectrum-accent-color-400);
--spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-500);
--spectrum-neutral-background-color-default: var(--spectrum-gray-400);
--spectrum-neutral-background-color-hover: var(--spectrum-gray-300);
--spectrum-neutral-background-color-down: var(--spectrum-gray-200);
--spectrum-neutral-background-color-key-focus: var(--spectrum-gray-300);
--spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-400);
--spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-300);
--spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-200);
--spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-300);
--spectrum-negative-background-color-default: var(--spectrum-red-600);
--spectrum-negative-background-color-hover: var(--spectrum-red-500);
--spectrum-negative-background-color-down: var(--spectrum-red-400);
--spectrum-negative-background-color-key-focus: var(--spectrum-red-500);
--spectrum-positive-background-color-default: var(--spectrum-green-600);
--spectrum-positive-background-color-hover: var(--spectrum-green-500);
--spectrum-positive-background-color-down: var(--spectrum-green-400);
--spectrum-positive-background-color-key-focus: var(--spectrum-green-500);
--spectrum-informative-background-color-default: var(--spectrum-blue-600);
--spectrum-informative-background-color-hover: var(--spectrum-blue-500);
--spectrum-informative-background-color-down: var(--spectrum-blue-400);
--spectrum-informative-background-color-key-focus: var(--spectrum-blue-500);
--spectrum-gray-background-color-default: var(--spectrum-gray-700);
--spectrum-red-background-color-default: var(--spectrum-red-700);
--spectrum-orange-background-color-default: var(--spectrum-orange-800);
--spectrum-yellow-background-color-default: var(--spectrum-yellow-1000);
--spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-900);
--spectrum-celery-background-color-default: var(--spectrum-celery-800);
--spectrum-green-background-color-default: var(--spectrum-green-700);
--spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700);
--spectrum-cyan-background-color-default: var(--spectrum-cyan-700);
--spectrum-blue-background-color-default: var(--spectrum-blue-700);
--spectrum-indigo-background-color-default: var(--spectrum-indigo-700);
--spectrum-purple-background-color-default: var(--spectrum-purple-700);
--spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700);
--spectrum-magenta-background-color-default: var(--spectrum-magenta-700);
--spectrum-negative-visual-color: var(--spectrum-red-700);
--spectrum-positive-visual-color: var(--spectrum-green-800);
--spectrum-notice-visual-color: var(--spectrum-orange-900);
--spectrum-informative-visual-color: var(--spectrum-blue-900);
--spectrum-gray-visual-color: var(--spectrum-gray-600);
--spectrum-red-visual-color: var(--spectrum-red-700);
--spectrum-orange-visual-color: var(--spectrum-orange-900);
--spectrum-yellow-visual-color: var(--spectrum-yellow-1100);
--spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900);
--spectrum-celery-visual-color: var(--spectrum-celery-800);
--spectrum-green-visual-color: var(--spectrum-green-800);
--spectrum-seafoam-visual-color: var(--spectrum-seafoam-800);
--spectrum-cyan-visual-color: var(--spectrum-cyan-900);
--spectrum-blue-visual-color: var(--spectrum-blue-900);
--spectrum-indigo-visual-color: var(--spectrum-indigo-900);
--spectrum-purple-visual-color: var(--spectrum-purple-900);
--spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900);
--spectrum-magenta-visual-color: var(--spectrum-magenta-900);
}
.dna-applet .XhWg9q_spectrum {
--spectrum-global-animation-duration-0: 0s;
--spectrum-global-animation-duration-100: .13s;
--spectrum-global-animation-duration-200: .16s;
--spectrum-global-animation-duration-300: .19s;
--spectrum-global-animation-duration-400: .22s;
--spectrum-global-animation-duration-500: .25s;
--spectrum-global-animation-duration-600: .3s;
--spectrum-global-animation-duration-700: .35s;
--spectrum-global-animation-duration-800: .4s;
--spectrum-global-animation-duration-900: .45s;
--spectrum-global-animation-duration-1000: .5s;
--spectrum-global-animation-duration-2000: 1s;
--spectrum-global-animation-duration-4000: 2s;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .4, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.5, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, .4, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
--spectrum-global-color-status: Verified;
--spectrum-global-color-version: 5.1;
--spectrum-global-color-static-black: #000;
--spectrum-global-color-static-white: #fff;
--spectrum-global-color-static-blue: #0057bf;
--spectrum-global-color-static-gray-50: #fff;
--spectrum-global-color-static-gray-75: #fff;
--spectrum-global-color-static-gray-100: #fff;
--spectrum-global-color-static-gray-200: #ebebeb;
--spectrum-global-color-static-gray-300: #d9d9d9;
--spectrum-global-color-static-gray-400: #b3b3b3;
--spectrum-global-color-static-gray-500: #929292;
--spectrum-global-color-static-gray-600: #6e6e6e;
--spectrum-global-color-static-gray-700: #474747;
--spectrum-global-color-static-gray-800: #222;
--spectrum-global-color-static-gray-900: #000;
--spectrum-global-color-static-blue-200: #82c1fb;
--spectrum-global-color-static-blue-300: #62adf7;
--spectrum-global-color-static-blue-400: #4297f4;
--spectrum-global-color-static-blue-500: #1b7ff5;
--spectrum-global-color-static-blue-600: #0469e3;
--spectrum-global-color-static-blue-700: #0057be;
--spectrum-global-color-static-blue-800: #004899;
--spectrum-global-color-static-red-400: #ed4030;
--spectrum-global-color-static-red-500: #d91c15;
--spectrum-global-color-static-red-600: #bb0202;
--spectrum-global-color-static-red-700: #9a0000;
--spectrum-global-color-static-orange-400: #fa8b1a;
--spectrum-global-color-static-orange-500: #e97500;
--spectrum-global-color-static-orange-600: #d16100;
--spectrum-global-color-static-orange-700: #b65000;
--spectrum-global-color-static-green-400: #1da973;
--spectrum-global-color-static-green-500: #009461;
--spectrum-global-color-static-green-600: #007e50;
--spectrum-global-color-static-green-700: #006941;
--spectrum-global-color-static-celery-200: #7ee572;
--spectrum-global-color-static-celery-300: #57d456;
--spectrum-global-color-static-celery-400: #30c13d;
--spectrum-global-color-static-celery-500: #0fac26;
--spectrum-global-color-static-celery-600: #009614;
--spectrum-global-color-static-celery-700: #00800f;
--spectrum-global-color-static-chartreuse-300: #b0de1b;
--spectrum-global-color-static-chartreuse-400: #9dcb0d;
--spectrum-global-color-static-chartreuse-500: #8bb604;
--spectrum-global-color-static-chartreuse-600: #7aa200;
--spectrum-global-color-static-chartreuse-700: #6a8d00;
--spectrum-global-color-static-yellow-200: #faed7b;
--spectrum-global-color-static-yellow-300: #fae017;
--spectrum-global-color-static-yellow-400: #eecd00;
--spectrum-global-color-static-yellow-500: #ddb900;
--spectrum-global-color-static-yellow-600: #c9a400;
--spectrum-global-color-static-yellow-700: #b59000;
--spectrum-global-color-static-magenta-200: #fd7faf;
--spectrum-global-color-static-magenta-300: #f2629d;
--spectrum-global-color-static-magenta-400: #e24487;
--spectrum-global-color-static-magenta-500: #cd286f;
--spectrum-global-color-static-magenta-600: #b30f59;
--spectrum-global-color-static-magenta-700: #950048;
--spectrum-global-color-static-fuchsia-400: #e45de6;
--spectrum-global-color-static-fuchsia-500: #d33fd4;
--spectrum-global-color-static-fuchsia-600: #bc27bb;
--spectrum-global-color-static-fuchsia-700: #a30aa3;
--spectrum-global-color-static-purple-400: #b279fa;
--spectrum-global-color-static-purple-500: #a15df6;
--spectrum-global-color-static-purple-600: #8e43ea;
--spectrum-global-color-static-purple-700: #782bd8;
--spectrum-global-color-static-purple-800: #6217be;
--spectrum-global-color-static-indigo-200: #b2b5ff;
--spectrum-global-color-static-indigo-300: #9b9fff;
--spectrum-global-color-static-indigo-400: #8489fd;
--spectrum-global-color-static-indigo-500: #6d73f6;
--spectrum-global-color-static-indigo-600: #575de8;
--spectrum-global-color-static-indigo-700: #444ad0;
--spectrum-global-color-static-seafoam-200: #4bcec7;
--spectrum-global-color-static-seafoam-300: #20bbb4;
--spectrum-global-color-static-seafoam-400: #00a6a0;
--spectrum-global-color-static-seafoam-500: #00918b;
--spectrum-global-color-static-seafoam-600: #007c76;
--spectrum-global-color-static-seafoam-700: #006763;
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: .9;
--spectrum-global-color-opacity-80: .8;
--spectrum-global-color-opacity-60: .6;
--spectrum-global-color-opacity-50: .5;
--spectrum-global-color-opacity-42: .42;
--spectrum-global-color-opacity-40: .4;
--spectrum-global-color-opacity-30: .3;
--spectrum-global-color-opacity-25: .25;
--spectrum-global-color-opacity-20: .2;
--spectrum-global-color-opacity-15: .15;
--spectrum-global-color-opacity-10: .1;
--spectrum-global-color-opacity-8: .08;
--spectrum-global-color-opacity-7: .07;
--spectrum-global-color-opacity-6: .06;
--spectrum-global-color-opacity-5: .05;
--spectrum-global-color-opacity-4: .04;
--spectrum-global-color-celery-400: var(--spectrum-celery-600);
--spectrum-global-color-celery-500: var(--spectrum-celery-700);
--spectrum-global-color-celery-600: var(--spectrum-celery-800);
--spectrum-global-color-celery-700: var(--spectrum-celery-900);
--spectrum-global-color-chartreuse-400: var(--spectrum-chartreuse-500);
--spectrum-global-color-chartreuse-500: var(--spectrum-chartreuse-600);
--spectrum-global-color-chartreuse-600: var(--spectrum-chartreuse-700);
--spectrum-global-color-chartreuse-700: var(--spectrum-chartreuse-800);
--spectrum-global-color-yellow-400: var(--spectrum-yellow-400);
--spectrum-global-color-yellow-500: var(--spectrum-yellow-500);
--spectrum-global-color-yellow-600: var(--spectrum-yellow-600);
--spectrum-global-color-yellow-700: var(--spectrum-yellow-700);
--spectrum-global-color-magenta-400: var(--spectrum-magenta-800);
--spectrum-global-color-magenta-500: var(--spectrum-magenta-900);
--spectrum-global-color-magenta-600: var(--spectrum-magenta-1000);
--spectrum-global-color-magenta-700: var(--spectrum-magenta-1100);
--spectrum-global-color-fuchsia-400: var(--spectrum-fuchsia-800);
--spectrum-global-color-fuchsia-500: var(--spectrum-fuchsia-900);
--spectrum-global-color-fuchsia-600: var(--spectrum-fuchsia-1000);
--spectrum-global-color-fuchsia-700: var(--spectrum-fuchsia-1100);
--spectrum-global-color-purple-400: var(--spectrum-purple-800);
--spectrum-global-color-purple-500: var(--spectrum-purple-900);
--spectrum-global-color-purple-600: var(--spectrum-purple-1000);
--spectrum-global-color-purple-700: var(--spectrum-purple-1100);
--spectrum-global-color-indigo-400: var(--spectrum-indigo-800);
--spectrum-global-color-indigo-500: var(--spectrum-indigo-900);
--spectrum-global-color-indigo-600: var(--spectrum-indigo-1000);
--spectrum-global-color-indigo-700: var(--spectrum-indigo-1100);
--spectrum-global-color-seafoam-400: var(--spectrum-seafoam-700);
--spectrum-global-color-seafoam-500: var(--spectrum-seafoam-800);
--spectrum-global-color-seafoam-600: var(--spectrum-seafoam-900);
--spectrum-global-color-seafoam-700: var(--spectrum-seafoam-1000);
--spectrum-global-color-red-400: var(--spectrum-red-800);
--spectrum-global-color-red-500: var(--spectrum-red-900);
--spectrum-global-color-red-600: var(--spectrum-red-1000);
--spectrum-global-color-red-700: var(--spectrum-red-1100);
--spectrum-global-color-orange-400: var(--spectrum-orange-600);
--spectrum-global-color-orange-500: var(--spectrum-orange-700);
--spectrum-global-color-orange-600: var(--spectrum-orange-800);
--spectrum-global-color-orange-700: var(--spectrum-orange-900);
--spectrum-global-color-green-400: var(--spectrum-green-800);
--spectrum-global-color-green-500: var(--spectrum-green-900);
--spectrum-global-color-green-600: var(--spectrum-green-1000);
--spectrum-global-color-green-700: var(--spectrum-green-1100);
--spectrum-global-color-blue-400: var(--spectrum-blue-800);
--spectrum-global-color-blue-500: var(--spectrum-blue-900);
--spectrum-global-color-blue-600: var(--spectrum-blue-1000);
--spectrum-global-color-blue-700: var(--spectrum-blue-1100);
--spectrum-global-color-gray-50: var(--spectrum-gray-50);
--spectrum-global-color-gray-75: var(--spectrum-gray-75);
--spectrum-global-color-gray-100: var(--spectrum-gray-100);
--spectrum-global-color-gray-200: var(--spectrum-gray-200);
--spectrum-global-color-gray-300: var(--spectrum-gray-300);
--spectrum-global-color-gray-400: var(--spectrum-gray-400);
--spectrum-global-color-gray-500: var(--spectrum-gray-500);
--spectrum-global-color-gray-600: var(--spectrum-gray-600);
--spectrum-global-color-gray-700: var(--spectrum-gray-700);
--spectrum-global-color-gray-800: var(--spectrum-gray-800);
--spectrum-global-color-gray-900: var(--spectrum-gray-900);
--spectrum-accent-color-100: var(--spectrum-blue-100);
--spectrum-accent-color-200: var(--spectrum-blue-200);
--spectrum-accent-color-300: var(--spectrum-blue-300);
--spectrum-accent-color-400: var(--spectrum-blue-400);
--spectrum-accent-color-500: var(--spectrum-blue-500);
--spectrum-accent-color-600: var(--spectrum-blue-600);
--spectrum-accent-color-700: var(--spectrum-blue-700);
--spectrum-accent-color-800: var(--spectrum-blue-800);
--spectrum-accent-color-900: var(--spectrum-blue-900);
--spectrum-accent-color-1000: var(--spectrum-blue-1000);
--spectrum-accent-color-1100: var(--spectrum-blue-1100);
--spectrum-accent-color-1200: var(--spectrum-blue-1200);
--spectrum-accent-color-1300: var(--spectrum-blue-1300);
--spectrum-accent-color-1400: var(--spectrum-blue-1400);
--spectrum-semantic-negative-color-background: var(--spectrum-negative-background-color-default);
--spectrum-semantic-negative-color-default: var(--spectrum-red-900);
--spectrum-semantic-negative-color-state-hover: var(--spectrum-red-1000);
--spectrum-semantic-negative-color-dark: var(--spectrum-red-1000);
--spectrum-semantic-negative-color-border: var(--spectrum-red-800);
--spectrum-semantic-negative-color-icon: var(--spectrum-negative-visual-color);
--spectrum-semantic-negative-color-status: var(--spectrum-negative-visual-color);
--spectrum-semantic-negative-color-text-large: var(--spectrum-red-900);
--spectrum-semantic-negative-color-text-small: var(--spectrum-red-900);
--spectrum-semantic-negative-color-state-down: var(--spectrum-red-1100);
--spectrum-semantic-negative-color-state-focus: var(--spectrum-red-1000);
--spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-600, #da7b11);
--spectrum-semantic-notice-color-default: var(--spectrum-orange-700);
--spectrum-semantic-notice-color-dark: var(--spectrum-orange-800);
--spectrum-semantic-notice-color-border: var(--spectrum-orange-600);
--spectrum-semantic-notice-color-icon: var(--spectrum-notice-visual-color);
--spectrum-semantic-notice-color-status: var(--spectrum-notice-visual-color);
--spectrum-semantic-notice-color-text-large: var(--spectrum-orange-700);
--spectrum-semantic-notice-color-text-small: var(--spectrum-orange-800);
--spectrum-semantic-notice-color-state-down: var(--spectrum-orange-900);
--spectrum-semantic-notice-color-state-focus: var(--spectrum-orange-600);
--spectrum-semantic-positive-color-background: var(--spectrum-positive-background-color-default);
--spectrum-semantic-positive-color-default: var(--spectrum-green-900);
--spectrum-semantic-positive-color-dark: var(--spectrum-green-1000);
--spectrum-semantic-positive-color-border: var(--spectrum-green-800);
--spectrum-semantic-positive-color-icon: var(--spectrum-positive-visual-color);
--spectrum-semantic-positive-color-status: var(--spectrum-positive-visual-color);
--spectrum-semantic-positive-color-text-large: var(--spectrum-green-900);
--spectrum-semantic-positive-color-text-small: var(--spectrum-green-1000);
--spectrum-semantic-positive-color-state-down: var(--spectrum-green-1100);
--spectrum-semantic-positive-color-state-focus: var(--spectrum-green-800);
--spectrum-semantic-informative-color-background: var(--spectrum-informative-background-color-default);
--spectrum-semantic-informative-color-default: var(--spectrum-blue-900);
--spectrum-semantic-informative-color-dark: var(--spectrum-blue-1000);
--spectrum-semantic-informative-color-border: var(--spectrum-blue-800);
--spectrum-semantic-informative-color-icon: var(--spectrum-informative-visual-color);
--spectrum-semantic-informative-color-status: var(--spectrum-informative-visual-color);
--spectrum-semantic-informative-color-text-large: var(--spectrum-blue-900);
--spectrum-semantic-informative-color-text-small: var(--spectrum-blue-1000);
--spectrum-semantic-informative-color-state-down: var(--spectrum-blue-1100);
--spectrum-semantic-informative-color-state-focus: var(--spectrum-blue-800);
--spectrum-semantic-cta-color-background-default: var(--spectrum-accent-background-color-default);
--spectrum-semantic-cta-color-background-hover: var(--spectrum-accent-background-color-hover);
--spectrum-semantic-cta-color-background-down: var(--spectrum-accent-background-color-down);
--spectrum-semantic-cta-color-background-key-focus: var(--spectrum-accent-background-color-key-focus);
--spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600, #1473e6);
--spectrum-semantic-neutral-color-background: var(--spectrum-neutral-subdued-background-color-default);
--spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500, #e34850);
--spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400, #f29423);
--spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400, #edcc00);
--spectrum-semantic-presence-color-4: #4bcca2;
--spectrum-semantic-presence-color-5: #00c7ff;
--spectrum-semantic-presence-color-6: #008cb8;
--spectrum-semantic-presence-color-7: #7e4bf3;
--spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600, #b130bd);
--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-130: 11px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-160: 13px;
--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-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: .0125em;
--spectrum-global-font-letter-spacing-han: .05em;
--spectrum-global-font-letter-spacing-medium: .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: .25em;
--spectrum-global-font-multiplier-75: .75em;
--spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10, 1px);
--spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-10, 1px);
--spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300, 24px);
--spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300, 24px);
--spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300, 24px);
--spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550, 44px);
--spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar);
--spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he);
--spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh);
--spectrum-alias-font-family-zhhans: var(--spectrum-global-font-font-family-zhhans);
--spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko);
--spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja);
--spectrum-alias-font-family-condensed: var(--spectrum-global-font-font-family-condensed);
--spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium, 1.5);
--spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small, 1.3);
--spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large, 1.7);
--spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif);
--spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium, 1.5);
--spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small, 1.3);
--spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium, 1.5);
--spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small, 1.3);
--spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light, 300);
--spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-detail-text-font-weight-light: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif, adobe-clean-serif, "Source Serif Pro", Georgia, serif);
--spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif, adobe-clean-serif, "Source Serif Pro", Georgia, serif);
--spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code, "Source Code Pro", Monaco, monospace);
--spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold, 800);
--spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light, 300);
--spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light, 300);
--spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold, 800);
--spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black, 900);
--spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular, 400);
--spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold, 700);
--spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium, 1.5);
--spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25, .25em);
--spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75, .75em);
--spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-0, 0px);
--spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-alias-input-focusring-size: var(--spectrum-global-dimension-static-size-10, 1px);
--spectrum-alias-loupe-entry-animation-duration: var(--spectrum-global-animation-duration-300, .19s);
--spectrum-alias-loupe-exit-animation-duration: var(--spectrum-global-animation-duration-300, .19s);
}
.dna-applet .XhWg9q_spectrum--medium, .dna-applet .XhWg9q_spectrum--large {
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-display1-text-size: var(--spectrum-global-dimension-font-size-1300);
--spectrum-alias-heading-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300);
--spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1300);
--spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300);
--spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-1200);
--spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200);
--spectrum-alias-heading-display1-margin-top: var(--spectrum-global-dimension-font-size-1200);
--spectrum-alias-heading-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200);
--spectrum-alias-heading-display2-text-size: var(--spectrum-global-dimension-font-size-1100);
--spectrum-alias-heading-xxl-text-size: var(--spectrum-global-dimension-font-size-1100);
--spectrum-alias-heading-display2-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-xxl-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-xl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading1-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-xl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-text-size: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-l-text-size: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-margin-top: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-l-margin-top: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-text-size: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-m-text-size: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-margin-top: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-m-margin-top: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200);
--spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225);
--spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275);
--spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
--spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
--spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
}
.dna-applet .XhWg9q_spectrum--darkest, .dna-applet .XhWg9q_spectrum--dark, .dna-applet .XhWg9q_spectrum--light, .dna-applet .XhWg9q_spectrum--lightest {
--spectrum-alias-background-color-default: var(--spectrum-gray-100);
--spectrum-alias-background-color-disabled: var(--spectrum-gray-200);
--spectrum-alias-background-color-transparent: transparent;
--spectrum-alias-background-color-label-gray: #707070;
--spectrum-alias-background-color-quickactions-overlay: #0003;
--spectrum-alias-placeholder-text-color: var(--spectrum-gray-800);
--spectrum-alias-placeholder-text-color-hover: var(--spectrum-gray-900);
--spectrum-alias-placeholder-text-color-down: var(--spectrum-gray-900);
--spectrum-alias-placeholder-text-color-selected: var(--spectrum-gray-800);
--spectrum-alias-label-text-color: var(--spectrum-gray-700);
--spectrum-alias-text-color: var(--spectrum-gray-800);
--spectrum-alias-text-color-hover: var(--spectrum-gray-900);
--spectrum-alias-text-color-down: var(--spectrum-gray-900);
--spectrum-alias-text-color-key-focus: var(--spectrum-blue-1000);
--spectrum-alias-text-color-mouse-focus: var(--spectrum-blue-1000);
--spectrum-alias-text-color-disabled: var(--spectrum-gray-400);
--spectrum-alias-text-color-invalid: var(--spectrum-red-900);
--spectrum-alias-text-color-selected: var(--spectrum-blue-1000);
--spectrum-alias-text-color-selected-neutral: var(--spectrum-gray-900);
--spectrum-alias-title-text-color: var(--spectrum-gray-900);
--spectrum-alias-heading-text-color: var(--spectrum-gray-900);
--spectrum-alias-border-color: var(--spectrum-gray-500);
--spectrum-alias-border-color-hover: var(--spectrum-gray-600);
--spectrum-alias-border-color-down: var(--spectrum-gray-600);
--spectrum-alias-border-color-focus: var(--spectrum-blue-800);
--spectrum-alias-input-border-color-key-focus: var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
--spectrum-alias-border-color-mouse-focus: var(--spectrum-blue-900);
--spectrum-alias-border-color-disabled: var(--spectrum-gray-200);
--spectrum-alias-border-color-extralight: var(--spectrum-gray-100);
--spectrum-alias-border-color-light: var(--spectrum-gray-200);
--spectrum-alias-border-color-mid: var(--spectrum-gray-300);
--spectrum-alias-border-color-dark: var(--spectrum-gray-400);
--spectrum-alias-border-color-transparent: transparent;
--spectrum-alias-border-color-translucent-dark: #0000000d;
--spectrum-alias-border-color-translucent-darker: #0000001a;
--spectrum-alias-focus-color: var(--spectrum-blue-800);
--spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
--spectrum-alias-track-color-default: var(--spectrum-gray-300);
--spectrum-alias-track-color-disabled: var(--spectrum-gray-300);
--spectrum-alias-track-color-over-background: #fff3;
--spectrum-alias-icon-color: var(--spectrum-gray-700);
--spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white, #fff);
--spectrum-alias-icon-color-hover: var(--spectrum-gray-900);
--spectrum-alias-icon-color-down: var(--spectrum-gray-900);
--spectrum-alias-icon-color-focus: var(--spectrum-gray-900);
--spectrum-alias-icon-color-disabled: var(--spectrum-gray-400);
--spectrum-alias-icon-color-selected-neutral: var(--spectrum-gray-900);
--spectrum-alias-icon-color-selected: var(--spectrum-blue-900);
--spectrum-alias-icon-color-selected-hover: var(--spectrum-blue-1000);
--spectrum-alias-icon-color-selected-down: var(--spectrum-blue-1100);
--spectrum-alias-icon-color-selected-focus: var(--spectrum-blue-1000);
--spectrum-alias-icon-color-error: var(--spectrum-red-800);
--spectrum-alias-toolbar-background-color: var(--spectrum-gray-100);
--spectrum-alias-colorhandle-outer-border-color: #0000006b;
--spectrum-alias-categorical-color-1: var(--spectrum-global-color-static-seafoam-200, #26c0c7);
--spectrum-alias-categorical-color-2: var(--spectrum-global-color-static-indigo-700, #5151d3);
--spectrum-alias-categorical-color-3: var(--spectrum-global-color-static-orange-500, #e68619);
--spectrum-alias-categorical-color-4: var(--spectrum-global-color-static-magenta-500, #d83790);
--spectrum-alias-categorical-color-5: var(--spectrum-global-color-static-indigo-200, #9090fa);
--spectrum-alias-categorical-color-6: var(--spectrum-global-color-static-celery-200, #58e06f);
--spectrum-alias-categorical-color-7: var(--spectrum-global-color-static-blue-500, #2680eb);
--spectrum-alias-categorical-color-8: var(--spectrum-global-color-static-purple-800, #6f38b1);
--spectrum-alias-categorical-color-9: var(--spectrum-global-color-static-yellow-500, #dfbf00);
--spectrum-alias-categorical-color-10: var(--spectrum-global-color-static-orange-700, #cb6f10);
--spectrum-alias-categorical-color-11: var(--spectrum-global-color-static-green-600, #268e6c);
--spectrum-alias-categorical-color-12: var(--spectrum-global-color-static-chartreuse-300, #9bec54);
--spectrum-alias-categorical-color-13: var(--spectrum-global-color-static-blue-200, #5aa9fa);
--spectrum-alias-categorical-color-14: var(--spectrum-global-color-static-fuchsia-500, #c038cc);
--spectrum-alias-categorical-color-15: var(--spectrum-global-color-static-magenta-200, #f56bb7);
--spectrum-alias-categorical-color-16: var(--spectrum-global-color-static-yellow-200, #ffe22e);
--spectrum-alias-toggle-color-default: var(--spectrum-gray-600);
--spectrum-alias-toggle-color-hover: var(--spectrum-gray-700);
--spectrum-alias-toggle-color-key-focus: var(--spectrum-gray-700);
--spectrum-alias-toggle-color-selected: var(--spectrum-gray-700);
--spectrum-alias-toggle-color-selected-hover: var(--spectrum-gray-800);
--spectrum-alias-toggle-color-selected-key-focus: var(--spectrum-gray-800);
--spectrum-alias-toggle-color-selected-down: var(--spectrum-gray-900);
--spectrum-actionbutton-background-color-disabled: transparent;
--spectrum-actionbutton-border-color-disabled: var(--spectrum-gray-300);
--spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-gray-200);
--spectrum-actionbutton-quiet-background-color-key-focus: var(--spectrum-gray-200);
--spectrum-actionbutton-quiet-background-color-down: var(--spectrum-gray-300);
--spectrum-actionbutton-static-black-border-color: #0006;
--spectrum-actionbutton-static-black-border-color-hover: #0000008c;
--spectrum-actionbutton-static-black-border-color-key-focus: #0000008c;
--spectrum-actionbutton-static-black-border-color-down: #000000b3;
--spectrum-actionbutton-static-black-border-color-disabled: #00000040;
--spectrum-actionbutton-static-black-border-color-selected-disabled: #0000001a;
--spectrum-actionbutton-static-black-background-color: transparent;
--spectrum-actionbutton-static-black-background-color-disabled: transparent;
--spectrum-actionbutton-static-white-border-color: #fff6;
--spectrum-actionbutton-static-white-border-color-hover: #ffffff8c;
--spectrum-actionbutton-static-white-border-color-key-focus: #ffffff8c;
--spectrum-actionbutton-static-white-border-color-down: #ffffffb3;
--spectrum-actionbutton-static-white-border-color-disabled: #ffffff40;
--spectrum-actionbutton-static-white-border-color-selected-disabled: #ffffff1a;
--spectrum-actionbutton-static-white-background-color: transparent;
--spectrum-actionbutton-static-white-background-color-disabled: transparent;
--spectrum-combobox-fieldbutton-inset: 0;
--spectrum-combobox-fieldbutton-border-left-width: var(--spectrum-alias-input-border-size);
--spectrum-combobox-fieldbutton-focus-ring-border-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
--spectrum-combobox-fieldbutton-start-border-radius: 0;
--spectrum-combobox-fieldbutton-end-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
--spectrum-actiongroup-compact-button-gap: calc(-1 * var(--spectrum-actionbutton-border-size, var(--spectrum-alias-border-size-thin)));
--spectrum-alias-neutral-background-color: var(--spectrum-neutral-subdued-background-color-default);
--spectrum-breadcrumb-separator-icon-position-adjustment: var(--spectrum-global-dimension-size-10);
}
.dna-applet ._1DrGeG_spectrum--large {
--spectrum-global-dimension-scale-factor: 1.25;
--spectrum-global-dimension-size-0: 0px;
--spectrum-global-dimension-size-10: 1px;
--spectrum-global-dimension-size-25: 2px;
--spectrum-global-dimension-size-40: 4px;
--spectrum-global-dimension-size-50: 5px;
--spectrum-global-dimension-size-65: 6px;
--spectrum-global-dimension-size-75: 8px;
--spectrum-global-dimension-size-85: 9px;
--spectrum-global-dimension-size-100: 10px;
--spectrum-global-dimension-size-115: 11px;
--spectrum-global-dimension-size-125: 13px;
--spectrum-global-dimension-size-130: 14px;
--spectrum-global-dimension-size-150: 15px;
--spectrum-global-dimension-size-160: 16px;
--spectrum-global-dimension-size-175: 18px;
--spectrum-global-dimension-size-200: 20px;
--spectrum-global-dimension-size-225: 22px;
--spectrum-global-dimension-size-250: 25px;
--spectrum-global-dimension-size-275: 28px;
--spectrum-global-dimension-size-300: 30px;
--spectrum-global-dimension-size-325: 32px;
--spectrum-global-dimension-size-350: 35px;
--spectrum-global-dimension-size-400: 40px;
--spectrum-global-dimension-size-450: 45px;
--spectrum-global-dimension-size-500: 50px;
--spectrum-global-dimension-size-550: 56px;
--spectrum-global-dimension-size-600: 60px;
--spectrum-global-dimension-size-675: 68px;
--spectrum-global-dimension-size-700: 70px;
--spectrum-global-dimension-size-800: 80px;
--spectrum-global-dimension-size-900: 90px;
--spectrum-global-dimension-size-1000: 100px;
--spectrum-global-dimension-size-1200: 120px;
--spectrum-global-dimension-size-1250: 125px;
--spectrum-global-dimension-size-1600: 160px;
--spectrum-global-dimension-size-1700: 170px;
--spectrum-global-dimension-size-2000: 200px;
--spectrum-global-dimension-size-2400: 240px;
--spectrum-global-dimension-size-3000: 300px;
--spectrum-global-dimension-size-3400: 340px;
--spectrum-global-dimension-size-3600: 360px;
--spectrum-global-dimension-size-4600: 460px;
--spectrum-global-dimension-size-5000: 500px;
--spectrum-global-dimension-size-6000: 600px;
--spectrum-global-dimension-font-size-25: 12px;
--spectrum-global-dimension-font-size-50: 13px;
--spectrum-global-dimension-font-size-75: 15px;
--spectrum-global-dimension-font-size-100: 17px;
--spectrum-global-dimension-font-size-150: 18px;
--spectrum-global-dimension-font-size-200: 19px;
--spectrum-global-dimension-font-size-300: 22px;
--spectrum-global-dimension-font-size-400: 24px;
--spectrum-global-dimension-font-size-500: 27px;
--spectrum-global-dimension-font-size-600: 31px;
--spectrum-global-dimension-font-size-700: 34px;
--spectrum-global-dimension-font-size-800: 39px;
--spectrum-global-dimension-font-size-900: 44px;
--spectrum-global-dimension-font-size-1000: 49px;
--spectrum-global-dimension-font-size-1100: 55px;
--spectrum-global-dimension-font-size-1200: 62px;
--spectrum-global-dimension-font-size-1300: 70px;
--spectrum-alias-avatar-size-100: 26px;
--spectrum-alias-avatar-size-400: 36px;
--spectrum-alias-avatar-size-600: 46px;
--spectrum-actionbutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-actionbutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-actionbutton-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-actionbutton-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-actionbutton-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-actionbutton-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-actionbutton-quiet-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-actionbutton-quiet-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-barloader-large-border-radius: 4px;
--spectrum-barloader-large-indeterminate-border-radius: 4px;
--spectrum-barloader-large-over-background-border-radius: 4px;
--spectrum-barloader-small-border-radius: 3px;
--spectrum-barloader-small-indeterminate-border-radius: 3px;
--spectrum-barloader-small-over-background-border-radius: 3px;
--spectrum-breadcrumb-compact-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-breadcrumb-compact-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-breadcrumb-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-breadcrumb-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-breadcrumb-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-breadcrumb-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-cta-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-cta-min-width: 90px;
--spectrum-button-cta-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-cta-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-over-background-min-width: 90px;
--spectrum-button-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-primary-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-primary-min-width: 90px;
--spectrum-button-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-quiet-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-quiet-over-background-min-width: 90px;
--spectrum-button-quiet-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
--spectrum-button-quiet-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-quiet-over-background-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
--spectrum-button-quiet-primary-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-quiet-primary-min-width: 90px;
--spectrum-button-quiet-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
--spectrum-button-quiet-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-quiet-primary-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
--spectrum-button-quiet-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-quiet-secondary-min-width: 90px;
--spectrum-button-quiet-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
--spectrum-button-quiet-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-quiet-secondary-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
--spectrum-button-quiet-warning-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-quiet-warning-min-width: 90px;
--spectrum-button-quiet-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
--spectrum-button-quiet-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-quiet-warning-cursor-hit-x: var(--spectrum-global-dimension-static-size-250, 20px);
--spectrum-button-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-secondary-min-width: 90px;
--spectrum-button-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-warning-text-padding-bottom: var(--spectrum-global-dimension-size-100);
--spectrum-button-warning-min-width: 90px;
--spectrum-button-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-button-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-checkbox-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-checkbox-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-emphasized-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-emphasized-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-checkbox-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-quiet-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-quiet-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-checkbox-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-circleloader-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-circleloader-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-circleloader-small-border-size: 3px;
--spectrum-circleloader-small-over-background-border-size: 3px;
--spectrum-colorhandle-loupe-margin: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-85);
--spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-85);
--spectrum-colorwheel-min-size: var(--spectrum-global-dimension-static-size-2600, 208px);
--spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-85);
--spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-85);
--spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
--spectrum-dialog-confirm-title-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-75);
--spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-300, 24px);
--spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
--spectrum-dialog-title-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-dialog-content-text-size: var(--spectrum-global-dimension-font-size-75);
--spectrum-dialog-padding: var(--spectrum-global-dimension-static-size-300, 24px);
--spectrum-dialog-content-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
--spectrum-dialog-destructive-title-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-75);
--spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-300, 24px);
--spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
--spectrum-dialog-error-title-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-75);
--spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-300, 24px);
--spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-5000, 400px);
--spectrum-dialog-info-title-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-75);
--spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-300, 24px);
--spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dropdown-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-dropdown-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-dropdown-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-dropdown-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-dropdown-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-fieldbutton-quiet-min-width: var(--spectrum-global-dimension-size-200);
--spectrum-icon-arrow-down-small-height: 12px;
--spectrum-icon-arrow-left-medium-height: 12px;
--spectrum-icon-checkmark-medium-width: 16px;
--spectrum-icon-checkmark-medium-height: 16px;
--spectrum-icon-checkmark-small-width: 12px;
--spectrum-icon-checkmark-small-height: 12px;
--spectrum-icon-chevron-down-medium-width: 12px;
--spectrum-icon-chevron-left-large-width: 16px;
--spectrum-icon-chevron-left-medium-height: 12px;
--spectrum-icon-chevron-right-large-width: 16px;
--spectrum-icon-chevron-right-medium-height: 12px;
--spectrum-icon-cross-large-width: 16px;
--spectrum-icon-cross-large-height: 16px;
--spectrum-icon-dash-small-width: 12px;
--spectrum-icon-dash-small-height: 12px;
--spectrum-icon-skip-left-width: 10px;
--spectrum-icon-skip-left-height: 12px;
--spectrum-icon-skip-right-width: 10px;
--spectrum-icon-skip-right-height: 12px;
--spectrum-icon-triplegripper-width: 12px;
--spectrum-listitem-option-icon-size: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-listitem-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-listitem-option-height: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-listitem-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-listitem-thumbnail-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-listitem-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-selectlist-thumbnail-small-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-selectlist-thumbnail-small-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-selectlist-option-icon-size: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-selectlist-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-selectlist-option-icon-margin-top: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-selectlist-option-height: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-selectlist-option-padding-height: var(--spectrum-global-dimension-static-size-160, 13px);
--spectrum-selectlist-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-loader-bar-large-border-radius: 4px;
--spectrum-loader-bar-large-over-background-border-radius: 4px;
--spectrum-loader-bar-small-border-radius: 3px;
--spectrum-loader-bar-small-over-background-border-radius: 3px;
--spectrum-loader-circle-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-loader-circle-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-loader-circle-small-border-size: 3px;
--spectrum-loader-circle-small-over-background-border-size: 3px;
--spectrum-meter-large-border-radius: 4px;
--spectrum-meter-small-border-radius: 3px;
--spectrum-pagination-page-button-line-height: 32px;
--spectrum-overlay-positive-transform-distance: 8px;
--spectrum-overlay-negative-transform-distance: -8px;
--spectrum-picker-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-picker-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-picker-quiet-min-width: var(--spectrum-global-dimension-size-200);
--spectrum-picker-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-picker-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-picker-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-progressbar-large-border-radius: 4px;
--spectrum-progressbar-large-indeterminate-border-radius: 4px;
--spectrum-progressbar-large-over-background-border-radius: 4px;
--spectrum-progressbar-small-border-radius: 3px;
--spectrum-progressbar-small-indeterminate-border-radius: 3px;
--spectrum-progressbar-small-over-background-border-radius: 3px;
--spectrum-progresscircle-medium-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-progresscircle-medium-over-background-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-progresscircle-small-border-size: 3px;
--spectrum-progresscircle-small-indeterminate-border-size: 3px;
--spectrum-progresscircle-small-over-background-border-size: 3px;
--spectrum-progresscircle-medium-indeterminate-border-size: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-radio-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-radio-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-radio-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-emphasized-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-radio-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-radio-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-radio-quiet-margin-bottom: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-radio-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-rating-icon-width: 30px;
--spectrum-rating-indicator-width: 20px;
--spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-rating-emphasized-icon-width: 30px;
--spectrum-rating-emphasized-indicator-width: 20px;
--spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-rating-quiet-icon-width: 30px;
--spectrum-rating-quiet-indicator-width: 20px;
--spectrum-rating-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-search-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-search-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-search-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-search-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-search-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-search-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-sidenav-item-touch-hit-bottom: 3px;
--spectrum-sidenav-multilevel-item-touch-hit-bottom: 3px;
--spectrum-slider-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-slider-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px);
--spectrum-slider-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px);
--spectrum-slider-editable-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-slider-editable-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px);
--spectrum-slider-editable-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px);
--spectrum-slider-fill-track-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-slider-fill-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-175, 14px);
--spectrum-slider-fill-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-175, 14px);
--spectrum-switch-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px);
--spectrum-switch-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-track-width: var(--spectrum-global-dimension-static-size-450, 36px);
--spectrum-switch-handle-border-radius: 9px;
--spectrum-switch-handle-transform-x-ltr: 18px;
--spectrum-switch-handle-transform-x-rtl: -18px;
--spectrum-switch-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-switch-emphasized-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px);
--spectrum-switch-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-emphasized-track-width: var(--spectrum-global-dimension-static-size-450, 36px);
--spectrum-switch-emphasized-handle-border-radius: 9px;
--spectrum-switch-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-switch-quiet-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-160, 13px);
--spectrum-switch-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-switch-quiet-track-width: var(--spectrum-global-dimension-static-size-450, 36px);
--spectrum-switch-quiet-handle-border-radius: 9px;
--spectrum-switch-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-tabs-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-compact-margin-left: -11px;
--spectrum-tabs-compact-margin-right: -11px;
--spectrum-tabs-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-baseline: var(--spectrum-global-dimension-size-250);
--spectrum-tabs-focus-ring-border-radius: 6px;
--spectrum-tabs-margin-left: -11px;
--spectrum-tabs-margin-right: -11px;
--spectrum-tabs-emphasized-baseline: var(--spectrum-global-dimension-size-250);
--spectrum-tabs-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-emphasized-margin-left: -11px;
--spectrum-tabs-emphasized-margin-right: -11px;
--spectrum-tabs-quiet-baseline: var(--spectrum-global-dimension-size-250);
--spectrum-tabs-quiet-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-margin-left: -11px;
--spectrum-tabs-quiet-margin-right: -11px;
--spectrum-tabs-quiet-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-compact-margin-left: -11px;
--spectrum-tabs-quiet-compact-margin-right: -11px;
--spectrum-tabs-quiet-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-compact-emphasized-margin-left: -11px;
--spectrum-tabs-quiet-compact-emphasized-margin-right: -11px;
--spectrum-tabs-quiet-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-emphasized-baseline: var(--spectrum-global-dimension-size-250);
--spectrum-tabs-quiet-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-emphasized-margin-left: -11px;
--spectrum-tabs-quiet-emphasized-margin-right: -11px;
--spectrum-tabs-quiet-vertical-baseline: var(--spectrum-global-dimension-size-250);
--spectrum-tabs-quiet-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-vertical-emphasized-baseline: var(--spectrum-global-dimension-size-250);
--spectrum-tabs-quiet-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-vertical-baseline: var(--spectrum-global-dimension-size-250);
--spectrum-tabs-vertical-focus-ring-border-radius: 6px;
--spectrum-textarea-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-textarea-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-textarea-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-textarea-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-textarea-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-textarea-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-textfield-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-textfield-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-textfield-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-textfield-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-textfield-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-textfield-quiet-icon-frame: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-tool-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-tool-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-tool-high-emphasis-touch-hit-x: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-tool-high-emphasis-touch-hit-y: var(--spectrum-global-dimension-static-size-50, 4px);
--spectrum-tooltip-padding-bottom: 6px;
--spectrum-tooltip-content-max-width: var(--spectrum-global-dimension-size-2000);
--spectrum-tooltip-info-padding-bottom: 6px;
--spectrum-tooltip-info-content-max-width: 126px;
--spectrum-tooltip-negative-padding-bottom: 6px;
--spectrum-tooltip-negative-content-max-width: 126px;
--spectrum-tooltip-positive-padding-bottom: 6px;
--spectrum-tooltip-positive-content-max-width: 126px;
}
.dna-applet .YqfL3a_spectrum--light {
--spectrum-global-color-status: Verified;
--spectrum-global-color-version: 5.1;
--spectrum-gray-50: #fff;
--spectrum-gray-75: #fdfdfd;
--spectrum-gray-100: #f8f8f8;
--spectrum-gray-200: #e6e6e6;
--spectrum-gray-300: #d5d5d5;
--spectrum-gray-400: #b1b1b1;
--spectrum-gray-500: #909090;
--spectrum-gray-600: #6d6d6d;
--spectrum-gray-700: #464646;
--spectrum-gray-800: #222;
--spectrum-gray-900: #000;
--spectrum-red-100: #ffebe7;
--spectrum-red-200: #ffddd6;
--spectrum-red-300: #ffcdc3;
--spectrum-red-400: #ffb7a9;
--spectrum-red-500: #ff9b88;
--spectrum-red-600: #ff7c65;
--spectrum-red-700: #f75c46;
--spectrum-red-800: #ea3829;
--spectrum-red-900: #d31510;
--spectrum-red-1000: #b40000;
--spectrum-red-1100: #930000;
--spectrum-red-1200: #740000;
--spectrum-red-1300: #590000;
--spectrum-red-1400: #430000;
--spectrum-orange-100: #ffeccc;
--spectrum-orange-200: #ffdfad;
--spectrum-orange-300: #fdd291;
--spectrum-orange-400: #ffbb63;
--spectrum-orange-500: #ffa037;
--spectrum-orange-600: #f68511;
--spectrum-orange-700: #e46f00;
--spectrum-orange-800: #cb5d00;
--spectrum-orange-900: #b14c00;
--spectrum-orange-1000: #953d00;
--spectrum-orange-1100: #7a2f00;
--spectrum-orange-1200: #612300;
--spectrum-orange-1300: #491901;
--spectrum-orange-1400: #351201;
--spectrum-yellow-100: #fbf198;
--spectrum-yellow-200: #f8e750;
--spectrum-yellow-300: #f8d904;
--spectrum-yellow-400: #e8c600;
--spectrum-yellow-500: #d7b300;
--spectrum-yellow-600: #c49f00;
--spectrum-yellow-700: #b08c00;
--spectrum-yellow-800: #9b7800;
--spectrum-yellow-900: #856600;
--spectrum-yellow-1000: #705300;
--spectrum-yellow-1100: #5b4300;
--spectrum-yellow-1200: #483300;
--spectrum-yellow-1300: #362500;
--spectrum-yellow-1400: #281a00;
--spectrum-chartreuse-100: #dbfc6e;
--spectrum-chartreuse-200: #cbf443;
--spectrum-chartreuse-300: #bce92a;
--spectrum-chartreuse-400: #aad816;
--spectrum-chartreuse-500: #98c50a;
--spectrum-chartreuse-600: #87b103;
--spectrum-chartreuse-700: #769c00;
--spectrum-chartreuse-800: #678800;
--spectrum-chartreuse-900: #577400;
--spectrum-chartreuse-1000: #486000;
--spectrum-chartreuse-1100: #3a4d00;
--spectrum-chartreuse-1200: #2c3b00;
--spectrum-chartreuse-1300: #212c00;
--spectrum-chartreuse-1400: #181f00;
--spectrum-celery-100: #cdfcbf;
--spectrum-celery-200: #aef69d;
--spectrum-celery-300: #96ee85;
--spectrum-celery-400: #72e06a;
--spectrum-celery-500: #4ecf50;
--spectrum-celery-600: #27bb36;
--spectrum-celery-700: #07a721;
--spectrum-celery-800: #009112;
--spectrum-celery-900: #007c0f;
--spectrum-celery-1000: #00670f;
--spectrum-celery-1100: #00530d;
--spectrum-celery-1200: #00400a;
--spectrum-celery-1300: #003007;
--spectrum-celery-1400: #002205;
--spectrum-green-100: #cef8e0;
--spectrum-green-200: #adf4ce;
--spectrum-green-300: #89ecbc;
--spectrum-green-400: #67dea8;
--spectrum-green-500: #49cc93;
--spectrum-green-600: #2fb880;
--spectrum-green-700: #15a46e;
--spectrum-green-800: #008f5d;
--spectrum-green-900: #007a4d;
--spectrum-green-1000: #00653e;
--spectrum-green-1100: #005132;
--spectrum-green-1200: #053f27;
--spectrum-green-1300: #0a2e1d;
--spectrum-green-1400: #0a2015;
--spectrum-seafoam-100: #cef7f3;
--spectrum-seafoam-200: #aaf1ea;
--spectrum-seafoam-300: #8ce9e2;
--spectrum-seafoam-400: #65dad2;
--spectrum-seafoam-500: #3fc9c1;
--spectrum-seafoam-600: #0fb5ae;
--spectrum-seafoam-700: #00a19a;
--spectrum-seafoam-800: #008c87;
--spectrum-seafoam-900: #007772;
--spectrum-seafoam-1000: #00635f;
--spectrum-seafoam-1100: #0c4f4c;
--spectrum-seafoam-1200: #123c3a;
--spectrum-seafoam-1300: #122c2b;
--spectrum-seafoam-1400: #0f1f1e;
--spectrum-cyan-100: #c5f8ff;
--spectrum-cyan-200: #a4f0ff;
--spectrum-cyan-300: #88e7fa;
--spectrum-cyan-400: #60d8f3;
--spectrum-cyan-500: #33c5e8;
--spectrum-cyan-600: #12b0da;
--spectrum-cyan-700: #019cc8;
--spectrum-cyan-800: #0086b4;
--spectrum-cyan-900: #00719f;
--spectrum-cyan-1000: #005d89;
--spectrum-cyan-1100: #004a73;
--spectrum-cyan-1200: #00395d;
--spectrum-cyan-1300: #002a46;
--spectrum-cyan-1400: #001e33;
--spectrum-blue-100: #e0f2ff;
--spectrum-blue-200: #cae8ff;
--spectrum-blue-300: #b5deff;
--spectrum-blue-400: #96cefd;
--spectrum-blue-500: #78bbfa;
--spectrum-blue-600: #59a7f6;
--spectrum-blue-700: #3892f3;
--spectrum-blue-800: #147af3;
--spectrum-blue-900: #0265dc;
--spectrum-blue-1000: #0054b6;
--spectrum-blue-1100: #004491;
--spectrum-blue-1200: #003571;
--spectrum-blue-1300: #002754;
--spectrum-blue-1400: #001c3c;
--spectrum-indigo-100: #edeeff;
--spectrum-indigo-200: #e0e2ff;
--spectrum-indigo-300: #d3d5ff;
--spectrum-indigo-400: #c1c4ff;
--spectrum-indigo-500: #acafff;
--spectrum-indigo-600: #9599ff;
--spectrum-indigo-700: #7e84fc;
--spectrum-indigo-800: #686df4;
--spectrum-indigo-900: #5258e4;
--spectrum-indigo-1000: #4046ca;
--spectrum-indigo-1100: #3236a8;
--spectrum-indigo-1200: #262986;
--spectrum-indigo-1300: #1b1e64;
--spectrum-indigo-1400: #141648;
--spectrum-purple-100: #f6ebff;
--spectrum-purple-200: #edf;
--spectrum-purple-300: #e6d0ff;
--spectrum-purple-400: #dbbbfe;
--spectrum-purple-500: #cca4fd;
--spectrum-purple-600: #bd8bfc;
--spectrum-purple-700: #ae72f9;
--spectrum-purple-800: #9d57f4;
--spectrum-purple-900: #893de7;
--spectrum-purple-1000: #7326d3;
--spectrum-purple-1100: #5d13b7;
--spectrum-purple-1200: #470c94;
--spectrum-purple-1300: #33106a;
--spectrum-purple-1400: #230f49;
--spectrum-fuchsia-100: #ffe9fc;
--spectrum-fuchsia-200: #ffdafa;
--spectrum-fuchsia-300: #fec7f8;
--spectrum-fuchsia-400: #fbaef6;
--spectrum-fuchsia-500: #f592f3;
--spectrum-fuchsia-600: #ed74ed;
--spectrum-fuchsia-700: #e055e2;
--spectrum-fuchsia-800: #cd3ace;
--spectrum-fuchsia-900: #b622b7;
--spectrum-fuchsia-1000: #9d039e;
--spectrum-fuchsia-1100: #800081;
--spectrum-fuchsia-1200: #640664;
--spectrum-fuchsia-1300: #470e46;
--spectrum-fuchsia-1400: #320d31;
--spectrum-magenta-100: #ffeaf1;
--spectrum-magenta-200: #ffdce8;
--spectrum-magenta-300: #ffcadd;
--spectrum-magenta-400: #ffb2ce;
--spectrum-magenta-500: #ff95bd;
--spectrum-magenta-600: #fa77aa;
--spectrum-magenta-700: #ef5a98;
--spectrum-magenta-800: #de3d82;
--spectrum-magenta-900: #c82269;
--spectrum-magenta-1000: #ad0955;
--spectrum-magenta-1100: #8e0045;
--spectrum-magenta-1200: #700037;
--spectrum-magenta-1300: #54032a;
--spectrum-magenta-1400: #3c061d;
--spectrum-alias-background-color-modal-overlay: #0006;
--spectrum-alias-dropshadow-color: #00000026;
--spectrum-alias-background-color-hover-overlay: #0000000a;
--spectrum-alias-highlight-hover: #0000000f;
--spectrum-alias-highlight-active: #2c2c2c1a;
--spectrum-alias-highlight-selected: #0265dc1a;
--spectrum-alias-highlight-selected-hover: #0265dc33;
--spectrum-alias-highlight-invalid: #d3151026;
--spectrum-alias-text-highlight-color: #0265dc33;
--spectrum-alias-background-color-quickactions: #f8f8f8e6;
--spectrum-alias-radial-reaction-color-default: #2229;
--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: #2c2c2c1a;
--spectrum-colorarea-border-color-hover: #2c2c2c1a;
--spectrum-colorarea-border-color-down: #2c2c2c1a;
--spectrum-colorarea-border-color-key-focus: #2c2c2c1a;
--spectrum-colorslider-border-color: #2c2c2c1a;
--spectrum-colorslider-border-color-hover: #2c2c2c1a;
--spectrum-colorslider-border-color-down: #2c2c2c1a;
--spectrum-colorslider-border-color-key-focus: #2c2c2c1a;
--spectrum-colorslider-vertical-border-color: #2c2c2c1a;
--spectrum-colorslider-vertical-border-color-hover: #2c2c2c1a;
--spectrum-colorslider-vertical-border-color-down: #2c2c2c1a;
--spectrum-colorslider-vertical-border-color-key-focus: #2c2c2c1a;
--spectrum-colorwheel-border-color: #2c2c2c1a;
--spectrum-colorwheel-border-color-hover: #2c2c2c1a;
--spectrum-colorwheel-border-color-down: #2c2c2c1a;
--spectrum-colorwheel-border-color-key-focus: #2c2c2c1a;
--spectrum-miller-column-item-background-color-selected: #1473e61a;
--spectrum-miller-column-item-background-color-selected-hover: #1473e633;
--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: #22222205;
--spectrum-well-border-color: #0000000d;
--spectrum-tray-background-color: var(--spectrum-global-color-gray-50);
--spectrum-accent-background-color-default: var(--spectrum-accent-color-900);
--spectrum-accent-background-color-hover: var(--spectrum-accent-color-1000);
--spectrum-accent-background-color-down: var(--spectrum-accent-color-1100);
--spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-1000);
--spectrum-neutral-background-color-default: var(--spectrum-gray-800);
--spectrum-neutral-background-color-hover: var(--spectrum-gray-900);
--spectrum-neutral-background-color-down: var(--spectrum-gray-900);
--spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900);
--spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-600);
--spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-700);
--spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-800);
--spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-700);
--spectrum-negative-background-color-default: var(--spectrum-red-900);
--spectrum-negative-background-color-hover: var(--spectrum-red-1000);
--spectrum-negative-background-color-down: var(--spectrum-red-1100);
--spectrum-negative-background-color-key-focus: var(--spectrum-red-1000);
--spectrum-positive-background-color-default: var(--spectrum-green-900);
--spectrum-positive-background-color-hover: var(--spectrum-green-1000);
--spectrum-positive-background-color-down: var(--spectrum-green-1100);
--spectrum-positive-background-color-key-focus: var(--spectrum-green-1000);
--spectrum-informative-background-color-default: var(--spectrum-blue-900);
--spectrum-informative-background-color-hover: var(--spectrum-blue-1000);
--spectrum-informative-background-color-down: var(--spectrum-blue-1100);
--spectrum-informative-background-color-key-focus: var(--spectrum-blue-1000);
--spectrum-gray-background-color-default: var(--spectrum-gray-700);
--spectrum-red-background-color-default: var(--spectrum-red-600);
--spectrum-orange-background-color-default: var(--spectrum-orange-600);
--spectrum-yellow-background-color-default: var(--spectrum-yellow-400);
--spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-500);
--spectrum-celery-background-color-default: var(--spectrum-celery-600);
--spectrum-green-background-color-default: var(--spectrum-green-900);
--spectrum-seafoam-background-color-default: var(--spectrum-seafoam-900);
--spectrum-cyan-background-color-default: var(--spectrum-cyan-900);
--spectrum-blue-background-color-default: var(--spectrum-blue-900);
--spectrum-indigo-background-color-default: var(--spectrum-indigo-900);
--spectrum-purple-background-color-default: var(--spectrum-purple-900);
--spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-900);
--spectrum-magenta-background-color-default: var(--spectrum-magenta-900);
--spectrum-negative-visual-color: var(--spectrum-red-800);
--spectrum-positive-visual-color: var(--spectrum-green-700);
--spectrum-notice-visual-color: var(--spectrum-orange-700);
--spectrum-informative-visual-color: var(--spectrum-blue-800);
--spectrum-gray-visual-color: var(--spectrum-gray-500);
--spectrum-red-visual-color: var(--spectrum-red-800);
--spectrum-orange-visual-color: var(--spectrum-orange-700);
--spectrum-yellow-visual-color: var(--spectrum-yellow-600);
--spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-600);
--spectrum-celery-visual-color: var(--spectrum-celery-700);
--spectrum-green-visual-color: var(--spectrum-green-700);
--spectrum-seafoam-visual-color: var(--spectrum-seafoam-700);
--spectrum-cyan-visual-color: var(--spectrum-cyan-600);
--spectrum-blue-visual-color: var(--spectrum-blue-800);
--spectrum-indigo-visual-color: var(--spectrum-indigo-800);
--spectrum-purple-visual-color: var(--spectrum-purple-800);
--spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-800);
--spectrum-magenta-visual-color: var(--spectrum-magenta-800);
}
.dna-applet .rfm_fq_spectrum--medium {
--spectrum-global-dimension-scale-factor: 1;
--spectrum-global-dimension-size-0: 0px;
--spectrum-global-dimension-size-10: 1px;
--spectrum-global-dimension-size-25: 2px;
--spectrum-global-dimension-size-40: 3px;
--spectrum-global-dimension-size-50: 4px;
--spectrum-global-dimension-size-65: 5px;
--spectrum-global-dimension-size-75: 6px;
--spectrum-global-dimension-size-85: 7px;
--spectrum-global-dimension-size-100: 8px;
--spectrum-global-dimension-size-115: 9px;
--spectrum-global-dimension-size-125: 10px;
--spectrum-global-dimension-size-130: 11px;
--spectrum-global-dimension-size-150: 12px;
--spectrum-global-dimension-size-160: 13px;
--spectrum-global-dimension-size-175: 14px;
--spectrum-global-dimension-size-200: 16px;
--spectrum-global-dimension-size-225: 18px;
--spectrum-global-dimension-size-250: 20px;
--spectrum-global-dimension-size-275: 22px;
--spectrum-global-dimension-size-300: 24px;
--spectrum-global-dimension-size-325: 26px;
--spectrum-global-dimension-size-350: 28px;
--spectrum-global-dimension-size-400: 32px;
--spectrum-global-dimension-size-450: 36px;
--spectrum-global-dimension-size-500: 40px;
--spectrum-global-dimension-size-550: 44px;
--spectrum-global-dimension-size-600: 48px;
--spectrum-global-dimension-size-675: 54px;
--spectrum-global-dimension-size-700: 56px;
--spectrum-global-dimension-size-800: 64px;
--spectrum-global-dimension-size-900: 72px;
--spectrum-global-dimension-size-1000: 80px;
--spectrum-global-dimension-size-1200: 96px;
--spectrum-global-dimension-size-1250: 100px;
--spectrum-global-dimension-size-1600: 128px;
--spectrum-global-dimension-size-1700: 136px;
--spectrum-global-dimension-size-2000: 160px;
--spectrum-global-dimension-size-2400: 192px;
--spectrum-global-dimension-size-3000: 240px;
--spectrum-global-dimension-size-3400: 272px;
--spectrum-global-dimension-size-3600: 288px;
--spectrum-global-dimension-size-4600: 368px;
--spectrum-global-dimension-size-5000: 400px;
--spectrum-global-dimension-size-6000: 480px;
--spectrum-global-dimension-font-size-25: 10px;
--spectrum-global-dimension-font-size-50: 11px;
--spectrum-global-dimension-font-size-75: 12px;
--spectrum-global-dimension-font-size-100: 14px;
--spectrum-global-dimension-font-size-150: 15px;
--spectrum-global-dimension-font-size-200: 16px;
--spectrum-global-dimension-font-size-300: 18px;
--spectrum-global-dimension-font-size-400: 20px;
--spectrum-global-dimension-font-size-500: 22px;
--spectrum-global-dimension-font-size-600: 25px;
--spectrum-global-dimension-font-size-700: 28px;
--spectrum-global-dimension-font-size-800: 32px;
--spectrum-global-dimension-font-size-900: 36px;
--spectrum-global-dimension-font-size-1000: 40px;
--spectrum-global-dimension-font-size-1100: 45px;
--spectrum-global-dimension-font-size-1200: 50px;
--spectrum-global-dimension-font-size-1300: 60px;
--spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250);
--spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350);
--spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450);
--spectrum-actionbutton-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-actionbutton-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-actionbutton-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-actionbutton-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-actionbutton-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-actionbutton-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-actionbutton-quiet-emphasized-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-actionbutton-quiet-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-barloader-large-border-radius: 3px;
--spectrum-barloader-large-indeterminate-border-radius: 3px;
--spectrum-barloader-large-over-background-border-radius: 3px;
--spectrum-barloader-small-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-barloader-small-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-barloader-small-over-background-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-breadcrumb-compact-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-breadcrumb-compact-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-breadcrumb-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-breadcrumb-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-breadcrumb-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-breadcrumb-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-cta-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-cta-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-cta-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-cta-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-over-background-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-primary-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-primary-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-quiet-over-background-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-quiet-over-background-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-quiet-over-background-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-button-quiet-over-background-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-quiet-over-background-cursor-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-button-quiet-primary-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-quiet-primary-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-quiet-primary-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-button-quiet-primary-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-quiet-primary-cursor-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-button-quiet-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-quiet-secondary-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-quiet-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-button-quiet-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-quiet-secondary-cursor-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-button-quiet-warning-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-quiet-warning-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-quiet-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-button-quiet-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-quiet-warning-cursor-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-button-secondary-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-secondary-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-secondary-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-secondary-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-warning-text-padding-bottom: var(--spectrum-global-dimension-size-85);
--spectrum-button-warning-min-width: var(--spectrum-global-dimension-size-900);
--spectrum-button-warning-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-button-warning-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-checkbox-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-checkbox-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-emphasized-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-emphasized-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-checkbox-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-quiet-text-gap-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-quiet-text-gap-error-indeterminate-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-checkbox-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-circleloader-medium-border-size: 3px;
--spectrum-circleloader-medium-over-background-border-size: 3px;
--spectrum-circleloader-small-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-circleloader-small-over-background-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-colorhandle-loupe-margin: var(--spectrum-global-dimension-static-size-125, 10px);
--spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-125, 10px);
--spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-150);
--spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-150);
--spectrum-colorwheel-min-size: var(--spectrum-global-dimension-size-2400);
--spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-150);
--spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-150);
--spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-6000, 480px);
--spectrum-dialog-confirm-title-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-dialog-max-width: var(--spectrum-global-dimension-static-size-6000, 480px);
--spectrum-dialog-title-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-dialog-content-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-dialog-padding: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-content-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-6000, 480px);
--spectrum-dialog-destructive-title-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-6000, 480px);
--spectrum-dialog-error-title-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-6000, 480px);
--spectrum-dialog-info-title-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-500, 40px);
--spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-600, 48px);
--spectrum-dropdown-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-dropdown-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-dropdown-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-dropdown-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-dropdown-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-fieldbutton-quiet-min-width: var(--spectrum-global-dimension-size-225);
--spectrum-icon-arrow-down-small-height: var(--spectrum-global-dimension-size-125);
--spectrum-icon-arrow-left-medium-height: var(--spectrum-global-dimension-size-125);
--spectrum-icon-checkmark-medium-width: var(--spectrum-global-dimension-size-150);
--spectrum-icon-checkmark-medium-height: var(--spectrum-global-dimension-size-150);
--spectrum-icon-checkmark-small-width: var(--spectrum-global-dimension-size-125);
--spectrum-icon-checkmark-small-height: var(--spectrum-global-dimension-size-125);
--spectrum-icon-chevron-down-medium-width: var(--spectrum-global-dimension-size-125);
--spectrum-icon-chevron-left-large-width: var(--spectrum-global-dimension-size-150);
--spectrum-icon-chevron-left-medium-height: var(--spectrum-global-dimension-size-125);
--spectrum-icon-chevron-right-large-width: var(--spectrum-global-dimension-size-150);
--spectrum-icon-chevron-right-medium-height: var(--spectrum-global-dimension-size-125);
--spectrum-icon-cross-large-width: var(--spectrum-global-dimension-size-150);
--spectrum-icon-cross-large-height: var(--spectrum-global-dimension-size-150);
--spectrum-icon-dash-small-width: var(--spectrum-global-dimension-size-125);
--spectrum-icon-dash-small-height: var(--spectrum-global-dimension-size-125);
--spectrum-icon-skip-left-width: 9px;
--spectrum-icon-skip-left-height: var(--spectrum-global-dimension-size-125);
--spectrum-icon-skip-right-width: 9px;
--spectrum-icon-skip-right-height: var(--spectrum-global-dimension-size-125);
--spectrum-icon-triplegripper-width: var(--spectrum-global-dimension-size-125);
--spectrum-listitem-option-icon-size: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-listitem-option-icon-margin-top: var(--spectrum-global-dimension-static-size-65, 5px);
--spectrum-listitem-option-height: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-listitem-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px);
--spectrum-listitem-thumbnail-option-icon-margin-top: var(--spectrum-global-dimension-static-size-65, 5px);
--spectrum-listitem-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px);
--spectrum-selectlist-thumbnail-small-option-icon-margin-top: var(--spectrum-global-dimension-static-size-65, 5px);
--spectrum-selectlist-thumbnail-small-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px);
--spectrum-selectlist-option-icon-size: var(--spectrum-global-dimension-static-size-150, 12px);
--spectrum-selectlist-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px);
--spectrum-selectlist-option-icon-margin-top: var(--spectrum-global-dimension-static-size-65, 5px);
--spectrum-selectlist-option-height: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-selectlist-option-padding-height: 7px;
--spectrum-selectlist-thumbnail-option-icon-padding-y: var(--spectrum-global-dimension-static-size-125, 10px);
--spectrum-loader-bar-large-border-radius: 3px;
--spectrum-loader-bar-large-over-background-border-radius: 3px;
--spectrum-loader-bar-small-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-loader-bar-small-over-background-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-loader-circle-medium-border-size: 3px;
--spectrum-loader-circle-medium-over-background-border-size: 3px;
--spectrum-loader-circle-small-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-loader-circle-small-over-background-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-meter-large-border-radius: 3px;
--spectrum-meter-small-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-pagination-page-button-line-height: 26px;
--spectrum-overlay-positive-transform-distance: 6px;
--spectrum-overlay-negative-transform-distance: -6px;
--spectrum-picker-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-picker-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-picker-quiet-min-width: var(--spectrum-global-dimension-size-225);
--spectrum-picker-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-picker-thumbnail-small-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-picker-thumbnail-small-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-progressbar-large-border-radius: 3px;
--spectrum-progressbar-large-indeterminate-border-radius: 3px;
--spectrum-progressbar-large-over-background-border-radius: 3px;
--spectrum-progressbar-small-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-progressbar-small-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-progressbar-small-over-background-border-radius: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-progresscircle-medium-border-size: 3px;
--spectrum-progresscircle-medium-over-background-border-size: 3px;
--spectrum-progresscircle-small-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-progresscircle-small-indeterminate-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-progresscircle-small-over-background-border-size: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-progresscircle-medium-indeterminate-border-size: 3px;
--spectrum-radio-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-margin-bottom: 0px;
--spectrum-radio-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-radio-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-emphasized-margin-bottom: 0px;
--spectrum-radio-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-radio-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-radio-quiet-margin-bottom: 0px;
--spectrum-radio-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-rating-icon-width: 24px;
--spectrum-rating-indicator-width: 16px;
--spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-rating-emphasized-icon-width: 24px;
--spectrum-rating-emphasized-indicator-width: 16px;
--spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-rating-quiet-icon-width: 24px;
--spectrum-rating-quiet-indicator-width: 16px;
--spectrum-rating-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-search-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-search-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-search-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-search-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-search-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-search-quiet-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-sidenav-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-sidenav-multilevel-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25, 2px);
--spectrum-slider-track-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-slider-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-slider-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-slider-editable-track-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-slider-editable-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-slider-editable-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-slider-fill-track-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-slider-fill-handle-touch-hit-x: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-slider-fill-handle-touch-hit-y: var(--spectrum-global-dimension-static-size-200, 16px);
--spectrum-switch-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-130, 11px);
--spectrum-switch-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-track-width: 26px;
--spectrum-switch-handle-border-radius: 7px;
--spectrum-switch-handle-transform-x-ltr: 12px;
--spectrum-switch-handle-transform-x-rtl: -12px;
--spectrum-switch-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-switch-emphasized-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-130, 11px);
--spectrum-switch-emphasized-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-emphasized-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-emphasized-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-emphasized-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-emphasized-track-width: 26px;
--spectrum-switch-emphasized-handle-border-radius: 7px;
--spectrum-switch-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-switch-quiet-focus-ring-border-radius-key-focus: var(--spectrum-global-dimension-static-size-130, 11px);
--spectrum-switch-quiet-text-gap-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-quiet-text-gap-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-quiet-text-gap-error-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-quiet-text-gap-error-selected-key-focus: var(--spectrum-global-dimension-static-size-115, 9px);
--spectrum-switch-quiet-track-width: 26px;
--spectrum-switch-quiet-handle-border-radius: 7px;
--spectrum-switch-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-tabs-compact-focus-ring-border-radius: 5px;
--spectrum-tabs-compact-margin-left: -8px;
--spectrum-tabs-compact-margin-right: -8px;
--spectrum-tabs-compact-vertical-focus-ring-border-radius: 5px;
--spectrum-tabs-compact-vertical-emphasized-focus-ring-border-radius: 5px;
--spectrum-tabs-baseline: var(--spectrum-global-dimension-size-225);
--spectrum-tabs-focus-ring-border-radius: 5px;
--spectrum-tabs-margin-left: -8px;
--spectrum-tabs-margin-right: -8px;
--spectrum-tabs-emphasized-baseline: var(--spectrum-global-dimension-size-225);
--spectrum-tabs-emphasized-focus-ring-border-radius: 5px;
--spectrum-tabs-emphasized-margin-left: -8px;
--spectrum-tabs-emphasized-margin-right: -8px;
--spectrum-tabs-quiet-baseline: var(--spectrum-global-dimension-size-225);
--spectrum-tabs-quiet-focus-ring-border-radius: 5px;
--spectrum-tabs-quiet-margin-left: -8px;
--spectrum-tabs-quiet-margin-right: -8px;
--spectrum-tabs-quiet-compact-focus-ring-border-radius: 5px;
--spectrum-tabs-quiet-compact-margin-left: -8px;
--spectrum-tabs-quiet-compact-margin-right: -8px;
--spectrum-tabs-quiet-compact-emphasized-focus-ring-border-radius: 5px;
--spectrum-tabs-quiet-compact-emphasized-margin-left: -8px;
--spectrum-tabs-quiet-compact-emphasized-margin-right: -8px;
--spectrum-tabs-quiet-compact-vertical-focus-ring-border-radius: 5px;
--spectrum-tabs-quiet-compact-vertical-emphasized-focus-ring-border-radius: 5px;
--spectrum-tabs-quiet-emphasized-baseline: var(--spectrum-global-dimension-size-225);
--spectrum-tabs-quiet-emphasized-focus-ring-border-radius: 5px;
--spectrum-tabs-quiet-emphasized-margin-left: -8px;
--spectrum-tabs-quiet-emphasized-margin-right: -8px;
--spectrum-tabs-quiet-vertical-baseline: var(--spectrum-global-dimension-size-225);
--spectrum-tabs-quiet-vertical-focus-ring-border-radius: 5px;
--spectrum-tabs-quiet-vertical-emphasized-baseline: var(--spectrum-global-dimension-size-225);
--spectrum-tabs-quiet-vertical-emphasized-focus-ring-border-radius: 5px;
--spectrum-tabs-vertical-baseline: var(--spectrum-global-dimension-size-225);
--spectrum-tabs-vertical-focus-ring-border-radius: 5px;
--spectrum-textarea-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-textarea-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-textarea-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-textarea-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-textarea-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-textarea-quiet-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-textfield-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-textfield-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-textfield-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-textfield-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-textfield-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-textfield-quiet-icon-frame: var(--spectrum-global-dimension-static-size-400, 32px);
--spectrum-tool-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-tool-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-tool-high-emphasis-touch-hit-x: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-tool-high-emphasis-touch-hit-y: var(--spectrum-global-dimension-static-size-100, 8px);
--spectrum-tooltip-padding-bottom: 5px;
--spectrum-tooltip-content-max-width: var(--spectrum-global-dimension-size-2000);
--spectrum-tooltip-info-padding-bottom: 5px;
--spectrum-tooltip-info-content-max-width: 101px;
--spectrum-tooltip-negative-padding-bottom: 5px;
--spectrum-tooltip-negative-content-max-width: 101px;
--spectrum-tooltip-positive-padding-bottom: 5px;
--spectrum-tooltip-positive-content-max-width: 101px;
}