Mini Kabibi Habibi
.ccdfonts .adobe-fonts-fonts-management-confirmation-dialog {
outline: none;
width: 400px;
}
.ccdfonts .spectrum-Icon, .ccdfonts .spectrum-UIIcon {
display: inline-block;
color: inherit;
fill: currentColor;
pointer-events: none;
}
.ccdfonts .spectrum-Icon:not(:root), .ccdfonts .spectrum-UIIcon:not(:root) {
overflow: hidden;
}
.ccdfonts .spectrum-Icon--sizeXXS, .ccdfonts .spectrum-Icon--sizeXXS img, .ccdfonts .spectrum-Icon--sizeXXS svg {
height: 9px;
width: 9px;
}
.ccdfonts .spectrum-Icon--sizeXS, .ccdfonts .spectrum-Icon--sizeXS img, .ccdfonts .spectrum-Icon--sizeXS svg {
height: 12px;
width: 12px;
}
.ccdfonts .spectrum-Icon--sizeS, .ccdfonts .spectrum-Icon--sizeS img, .ccdfonts .spectrum-Icon--sizeS svg {
height: 18px;
width: 18px;
}
.ccdfonts .spectrum-Icon--sizeM, .ccdfonts .spectrum-Icon--sizeM img, .ccdfonts .spectrum-Icon--sizeM svg {
height: 24px;
width: 24px;
}
.ccdfonts .spectrum-Icon--sizeL, .ccdfonts .spectrum-Icon--sizeL img, .ccdfonts .spectrum-Icon--sizeL svg {
height: 36px;
width: 36px;
}
.ccdfonts .spectrum-Icon--sizeXL, .ccdfonts .spectrum-Icon--sizeXL img, .ccdfonts .spectrum-Icon--sizeXL svg {
height: 48px;
width: 48px;
}
.ccdfonts .spectrum-Icon--sizeXXL, .ccdfonts .spectrum-Icon--sizeXXL img, .ccdfonts .spectrum-Icon--sizeXXL svg {
height: 72px;
width: 72px;
}
.ccdfonts .spectrum--medium .spectrum-UIIcon--large {
display: none;
}
.ccdfonts .spectrum--medium .spectrum-UIIcon--medium {
display: inline;
}
.ccdfonts .spectrum--large .spectrum-UIIcon--medium {
display: none;
}
.ccdfonts .spectrum--large .spectrum-UIIcon--large {
display: inline;
}
.ccdfonts .spectrum--large {
--ui-icon-large-display: block;
--ui-icon-medium-display: none;
}
.ccdfonts .spectrum--medium {
--ui-icon-medium-display: block;
--ui-icon-large-display: none;
}
.ccdfonts .spectrum-UIIcon--large {
display: var(--ui-icon-large-display);
}
.ccdfonts .spectrum-UIIcon--medium {
display: var(--ui-icon-medium-display);
}
.ccdfonts .spectrum-UIIcon-AlertMedium {
width: 18px;
height: 18px;
}
.ccdfonts .spectrum-UIIcon-AlertSmall {
width: 14px;
height: 14px;
}
.ccdfonts .spectrum-UIIcon-ArrowDownSmall {
width: 8px;
height: 10px;
}
.ccdfonts .spectrum-UIIcon-ArrowLeftMedium {
width: 14px;
height: 10px;
}
.ccdfonts .spectrum-UIIcon-Asterisk {
width: 8px;
height: 8px;
}
.ccdfonts .spectrum-UIIcon-CheckmarkMedium {
width: 12px;
height: 12px;
}
.ccdfonts .spectrum-UIIcon-CheckmarkSmall {
width: 10px;
height: 10px;
}
.ccdfonts .spectrum-UIIcon-ChevronDownMedium {
width: 10px;
height: 6px;
}
.ccdfonts .spectrum-UIIcon-ChevronDownSmall {
width: 8px;
height: 6px;
}
.ccdfonts .spectrum-UIIcon-ChevronLeftLarge {
width: 12px;
height: 16px;
}
.ccdfonts .spectrum-UIIcon-ChevronLeftMedium {
width: 6px;
height: 10px;
}
.ccdfonts .spectrum-UIIcon-ChevronRightLarge {
width: 12px;
height: 16px;
}
.ccdfonts .spectrum-UIIcon-ChevronRightMedium {
width: 6px;
height: 10px;
}
.ccdfonts .spectrum-UIIcon-ChevronRightSmall {
width: 6px;
height: 8px;
}
.ccdfonts .spectrum-UIIcon-ChevronUpSmall {
width: 8px;
height: 6px;
}
.ccdfonts .spectrum-UIIcon-CornerTriangle {
width: 5px;
height: 5px;
}
.ccdfonts .spectrum-UIIcon-CrossLarge {
width: 12px;
height: 12px;
}
.ccdfonts .spectrum-UIIcon-CrossMedium {
width: 8px;
height: 8px;
}
.ccdfonts .spectrum-UIIcon-CrossSmall {
width: 8px;
height: 8px;
}
.ccdfonts .spectrum-UIIcon-DashSmall {
width: 10px;
height: 10px;
}
.ccdfonts .spectrum-UIIcon-DoubleGripper {
width: 16px;
height: 4px;
}
.ccdfonts .spectrum-UIIcon-FolderBreadcrumb {
width: 18px;
height: 18px;
}
.ccdfonts .spectrum-UIIcon-HelpMedium {
width: 18px;
height: 18px;
}
.ccdfonts .spectrum-UIIcon-HelpSmall {
width: 14px;
height: 14px;
}
.ccdfonts .spectrum-UIIcon-InfoMedium {
width: 18px;
height: 18px;
}
.ccdfonts .spectrum-UIIcon-InfoSmall {
width: 14px;
height: 14px;
}
.ccdfonts .spectrum-UIIcon-Magnifier {
width: 16px;
height: 16px;
}
.ccdfonts .spectrum-UIIcon-SkipLeft {
width: 9px;
height: 10px;
}
.ccdfonts .spectrum-UIIcon-SkipRight {
width: 9px;
height: 10px;
}
.ccdfonts .spectrum-UIIcon-Star {
width: 18px;
height: 18px;
}
.ccdfonts .spectrum-UIIcon-StarOutline {
width: 18px;
height: 18px;
}
.ccdfonts .spectrum-UIIcon-SuccessMedium {
width: 18px;
height: 18px;
}
.ccdfonts .spectrum-UIIcon-SuccessSmall {
width: 14px;
height: 14px;
}
.ccdfonts .spectrum-UIIcon-TripleGripper {
width: 10px;
height: 7px;
}
.ccdfonts .spectrum-Checkbox {
display: inline-flex;
align-items: flex-start;
position: relative;
min-height: 32px;
max-width: 100%;
margin-right: 16px;
vertical-align: top;
}
.ccdfonts .spectrum-Checkbox-input {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
box-sizing: border-box;
padding: 0;
position: absolute;
top: 0;
left: -8px;
width: calc(100% + 16px);;
height: 100%;
opacity: .0001;
z-index: 1;
cursor: pointer;
}
.ccdfonts .spectrum-Checkbox-input:disabled {
cursor: default;
}
.ccdfonts .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-width: 7px;
}
.ccdfonts .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark {
transform: scale(1);
opacity: 1;
}
.ccdfonts .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-width: 7px;
}
.ccdfonts .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-checkmark, .ccdfonts .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark {
display: none;
}
.ccdfonts .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark, .ccdfonts .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark {
display: block;
transform: scale(1);
opacity: 1;
}
.ccdfonts .spectrum-Checkbox-label {
margin-left: 10px;
font-size: 14px;
font-weight: 400;
transition: color 130ms ease-in-out;
margin-top: 6px;
}
.ccdfonts .spectrum-Checkbox-box {
position: relative;
box-sizing: border-box;
width: 14px;
height: 14px;
margin: 9px 0;
flex-grow: 0;
flex-shrink: 0;
border-radius: 2px;
border-width: 2px;
border-style: solid;
transition: border 130ms ease-in-out, box-shadow 130ms ease-in-out;
}
.ccdfonts .spectrum-Checkbox-checkmark, .ccdfonts .spectrum-Checkbox-partialCheckmark {
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -5px;
opacity: 0;
transform: scale(0);
transition: opacity 130ms ease-in-out, transform 130ms ease-in-out;
}
.ccdfonts .spectrum-Checkbox-partialCheckmark {
display: none;
}
.ccdfonts .spectrum--light .spectrum-Checkbox-label {
color: rgb(75, 75, 75);
}
.ccdfonts .spectrum--light .spectrum-Checkbox-box {
border-color: rgb(142, 142, 142);
background-color: rgb(250, 250, 250);
}
.ccdfonts .spectrum--light .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--light .spectrum-Checkbox:hover.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(13, 102, 208);
}
.ccdfonts .spectrum--light .spectrum-Checkbox:active.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(9, 90, 186);
}
.ccdfonts .spectrum--light .spectrum-Checkbox {
border-color: rgb(142, 142, 142);
}
.ccdfonts .spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-box {
border-color: rgb(110, 110, 110);
box-shadow: none;
}
.ccdfonts .spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-label {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-box {
border-color: rgb(75, 75, 75);
}
.ccdfonts .spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-label {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Checkbox .spectrum-Checkbox-checkmark, .ccdfonts .spectrum--light .spectrum-Checkbox .spectrum-Checkbox-partialCheckmark {
color: rgb(250, 250, 250);
}
.ccdfonts .spectrum--light .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box {
border-color: rgb(202, 202, 202) !important;
background-color: rgb(250, 250, 250);
}
.ccdfonts .spectrum--light .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label {
color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--light .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box {
border-color: rgb(38, 128, 235) !important;
box-shadow: 0 0 0 1px rgb(38, 128, 235) !important;
}
.ccdfonts .spectrum--light .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
color: rgb(13, 102, 208) !important;
}
.ccdfonts .spectrum--light .spectrum-Checkbox--quiet.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox--quiet .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(110, 110, 110);
}
.ccdfonts .spectrum--light .spectrum-Checkbox--quiet:hover.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox--quiet:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(75, 75, 75);
}
.ccdfonts .spectrum--light .spectrum-Checkbox--quiet:active.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox--quiet:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box {
border-color: rgb(215, 55, 63);
}
.ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-label {
color: rgb(201, 37, 45);
}
.ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box {
border-color: rgb(201, 37, 45);
}
.ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-label {
color: rgb(187, 18, 26);
}
.ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-box {
border-color: rgb(187, 18, 26);
}
.ccdfonts .spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-label {
color: rgb(187, 18, 26);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox-label {
color: rgb(200, 200, 200);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox-box {
border-color: rgb(124, 124, 124);
background-color: rgb(26, 26, 26);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox:hover.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(55, 142, 240);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox:active.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(75, 156, 245);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox {
border-color: rgb(124, 124, 124);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-box {
border-color: rgb(162, 162, 162);
box-shadow: none;
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-label {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-box {
border-color: rgb(200, 200, 200);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-label {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox .spectrum-Checkbox-checkmark, .ccdfonts .spectrum--darkest .spectrum-Checkbox .spectrum-Checkbox-partialCheckmark {
color: rgb(26, 26, 26);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box {
border-color: rgb(73, 73, 73) !important;
background-color: rgb(26, 26, 26);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label {
color: rgb(92, 92, 92);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box {
border-color: rgb(20, 115, 230) !important;
box-shadow: 0 0 0 1px rgb(20, 115, 230) !important;
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
color: rgb(55, 142, 240) !important;
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox--quiet.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox--quiet .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(162, 162, 162);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox--quiet:hover.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox--quiet:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(200, 200, 200);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox--quiet:active.is-indeterminate .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox--quiet:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box {
border-color: rgb(227, 72, 80);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-label {
color: rgb(236, 91, 98);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box {
border-color: rgb(236, 91, 98);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-label {
color: rgb(247, 109, 116);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-box {
border-color: rgb(247, 109, 116);
}
.ccdfonts .spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-label {
color: rgb(247, 109, 116);
}
.ccdfonts .spectrum--light {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(61, 167, 78);
--spectrum-global-color-celery-600: rgb(55, 153, 71);
--spectrum-global-color-celery-700: rgb(49, 139, 64);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(210, 178, 0);
--spectrum-global-color-yellow-600: rgb(196, 166, 0);
--spectrum-global-color-yellow-700: rgb(183, 153, 0);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(206, 39, 131);
--spectrum-global-color-magenta-600: rgb(188, 28, 116);
--spectrum-global-color-magenta-700: rgb(174, 14, 102);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(134, 76, 204);
--spectrum-global-color-purple-600: rgb(122, 66, 191);
--spectrum-global-color-purple-700: rgb(111, 56, 177);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(92, 92, 224);
--spectrum-global-color-indigo-600: rgb(81, 81, 211);
--spectrum-global-color-indigo-700: rgb(70, 70, 198);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(22, 135, 140);
--spectrum-global-color-seafoam-600: rgb(15, 121, 125);
--spectrum-global-color-seafoam-700: rgb(9, 108, 111);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(215, 55, 63);
--spectrum-global-color-red-600: rgb(201, 37, 45);
--spectrum-global-color-red-700: rgb(187, 18, 26);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(218, 123, 17);
--spectrum-global-color-orange-600: rgb(203, 111, 16);
--spectrum-global-color-orange-700: rgb(189, 100, 13);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(38, 142, 108);
--spectrum-global-color-green-600: rgb(18, 128, 92);
--spectrum-global-color-green-700: rgb(16, 113, 84);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(20, 115, 230);
--spectrum-global-color-blue-600: rgb(13, 102, 208);
--spectrum-global-color-blue-700: rgb(9, 90, 186);
--spectrum-global-color-gray-50: rgb(255, 255, 255);
--spectrum-global-color-gray-75: rgb(250, 250, 250);
--spectrum-global-color-gray-100: rgb(245, 245, 245);
--spectrum-global-color-gray-200: rgb(234, 234, 234);
--spectrum-global-color-gray-300: rgb(225, 225, 225);
--spectrum-global-color-gray-400: rgb(202, 202, 202);
--spectrum-global-color-gray-500: rgb(179, 179, 179);
--spectrum-global-color-gray-600: rgb(142, 142, 142);
--spectrum-global-color-gray-700: rgb(110, 110, 110);
--spectrum-global-color-gray-800: rgb(75, 75, 75);
--spectrum-global-color-gray-900: rgb(44, 44, 44);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
--spectrum-alias-highlight-active: rgba(44,44,44,0.1);
--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
--spectrum-colorarea-border-color: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(75,75,75,0.02);
--spectrum-well-border-color: rgba(44,44,44,0.05);
}
.ccdfonts .spectrum--darkest {
--spectrum-global-color-celery-400: rgb(61, 167, 78);
--spectrum-global-color-celery-500: rgb(68, 181, 86);
--spectrum-global-color-celery-600: rgb(75, 195, 95);
--spectrum-global-color-celery-700: rgb(81, 210, 103);
--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
--spectrum-global-color-yellow-400: rgb(210, 178, 0);
--spectrum-global-color-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-yellow-600: rgb(237, 204, 0);
--spectrum-global-color-yellow-700: rgb(250, 217, 0);
--spectrum-global-color-magenta-400: rgb(202, 41, 150);
--spectrum-global-color-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-magenta-600: rgb(226, 73, 157);
--spectrum-global-color-magenta-700: rgb(236, 90, 170);
--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
--spectrum-global-color-purple-400: rgb(134, 76, 204);
--spectrum-global-color-purple-500: rgb(146, 86, 217);
--spectrum-global-color-purple-600: rgb(157, 100, 225);
--spectrum-global-color-purple-700: rgb(168, 115, 223);
--spectrum-global-color-indigo-400: rgb(92, 92, 224);
--spectrum-global-color-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-indigo-600: rgb(117, 117, 241);
--spectrum-global-color-indigo-700: rgb(130, 130, 246);
--spectrum-global-color-seafoam-400: rgb(22, 135, 140);
--spectrum-global-color-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-seafoam-600: rgb(32, 163, 168);
--spectrum-global-color-seafoam-700: rgb(35, 178, 184);
--spectrum-global-color-red-400: rgb(215, 55, 63);
--spectrum-global-color-red-500: rgb(227, 72, 80);
--spectrum-global-color-red-600: rgb(236, 91, 98);
--spectrum-global-color-red-700: rgb(247, 109, 116);
--spectrum-global-color-orange-400: rgb(218, 123, 17);
--spectrum-global-color-orange-500: rgb(230, 134, 25);
--spectrum-global-color-orange-600: rgb(242, 148, 35);
--spectrum-global-color-orange-700: rgb(249, 164, 63);
--spectrum-global-color-green-400: rgb(38, 142, 108);
--spectrum-global-color-green-500: rgb(45, 157, 120);
--spectrum-global-color-green-600: rgb(51, 171, 132);
--spectrum-global-color-green-700: rgb(57, 185, 144);
--spectrum-global-color-blue-400: rgb(20, 115, 230);
--spectrum-global-color-blue-500: rgb(38, 128, 235);
--spectrum-global-color-blue-600: rgb(55, 142, 240);
--spectrum-global-color-blue-700: rgb(75, 156, 245);
--spectrum-global-color-gray-50: rgb(8, 8, 8);
--spectrum-global-color-gray-75: rgb(26, 26, 26);
--spectrum-global-color-gray-100: rgb(30, 30, 30);
--spectrum-global-color-gray-200: rgb(44, 44, 44);
--spectrum-global-color-gray-300: rgb(57, 57, 57);
--spectrum-global-color-gray-400: rgb(73, 73, 73);
--spectrum-global-color-gray-500: rgb(92, 92, 92);
--spectrum-global-color-gray-600: rgb(124, 124, 124);
--spectrum-global-color-gray-700: rgb(162, 162, 162);
--spectrum-global-color-gray-800: rgb(200, 200, 200);
--spectrum-global-color-gray-900: rgb(239, 239, 239);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);
--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);
--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);
--spectrum-alias-highlight-active: rgba(239,239,239,0.15);
--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);
--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);
--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);
--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(200,200,200,0.02);
--spectrum-well-border-color: rgba(239,239,239,0.05);
}
.ccdfonts .adobe-fonts-font-management {
background: var(--background-color-primary);
height: 100%;
}
.ccdfonts .spectrum--darkest .adobe-fonts-font-management {
--background-color-primary: rgb(17, 17, 17);
background: var(--background-color-primary);
}
.ccdfonts .spectrum--light .adobe-fonts-font-management {
--background-color-primary: rgb(255, 255, 255);
background: var(--background-color-primary);
}
.ccdfonts .spectrum-Rule {
width: 100%;
overflow: visible;
border: none;
border-width: 2px;
border-radius: 2px;
}
.ccdfonts .spectrum-Rule--large {
height: 4px;
border-radius: 2px;
}
.ccdfonts .spectrum-Rule--medium {
height: 2px;
border-radius: 1px;
}
.ccdfonts .spectrum-Rule--small {
height: 1px;
border-radius: 1px;
}
.ccdfonts .spectrum-Rule--vertical {
height: 100%;
}
.ccdfonts .spectrum-Rule--vertical.spectrum-Rule--large {
width: 4px;
}
.ccdfonts .spectrum-Rule--vertical.spectrum-Rule--medium {
width: 2px;
}
.ccdfonts .spectrum-Rule--vertical.spectrum-Rule--small {
width: 1px;
}
.ccdfonts .spectrum--light .spectrum-Rule--large {
background-color: rgb(75, 75, 75);
}
.ccdfonts .spectrum--light .spectrum-Rule--medium {
background-color: rgb(225, 225, 225);
}
.ccdfonts .spectrum--light .spectrum-Rule--small {
background-color: rgb(225, 225, 225);
}
.ccdfonts .spectrum--darkest .spectrum-Rule--large {
background-color: rgb(200, 200, 200);
}
.ccdfonts .spectrum--darkest .spectrum-Rule--medium {
background-color: rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest .spectrum-Rule--small {
background-color: rgb(57, 57, 57);
}
.ccdfonts .adobe-fonts-font-management__error-template {
margin: auto;
}
.ccdfonts .adobe-fonts-font-management-sidenav {
height: 100%;
}
.ccdfonts .adobe-fonts-font-management-sidenav .adobe-fonts-font-management-sidenav__adobe-fonts-header {
margin-top: 0;
}
.ccdfonts .adobe-fonts-font-management-sidenav .adobe-fonts-font-management-sidenav__adobe-fonts-header h2 {
margin-top: 0;
}
.ccdfonts .adobe-fonts-font-management-sidenav .adobe-fonts-font-management-sidenav__section {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
padding: 0 16px 10px 16px;
width: 256px;
}
.ccdfonts .adobe-fonts-font-management-sidenav .adobe-fonts-font-management-sidenav__section .spectrum-SideNav-heading {
margin-top: 6px;
}
.ccdfonts .adobe-fonts-font-management-sidenav .adobe-fonts-font-management-sidenav__section ul {
width: 14rem;
}
.ccdfonts .adobe-fonts-font-management-sidenav .adobe-fonts-font-management-sidenav__section:first-child {
padding-top: 10px;
}
.ccdfonts .adobe-fonts-font-management-sidenav .adobe-fonts-font-management-sidenav__section:last-child {
border-bottom: none;
}
.ccdfonts .adobe-fonts-font-management-sidenav .adobe-fonts-font-management-svg-icon {
margin-right: 8px;
}
.ccdfonts .adobe-fonts-font-management-main-section {
display: flex;
flex: 1;
flex-direction: column;
margin: 0;
padding: 0;
}
.ccdfonts .adobe-fonts-font-management-main-section.adobe-fonts-font-management-main-section--info-section-expanded .adobe-fonts-font-management-main-section__info-column {
border-left: solid 0.125rem var(--spectrum-global-color-gray-200);
width: 55%;
}
.ccdfonts .adobe-fonts-font-management-main-section.adobe-fonts-font-management-main-section--added-fonts-visible .adobe-fonts-font-management-main-section__added-families {
visibility: visible;
}
.ccdfonts .adobe-fonts-font-management-main-section.adobe-fonts-font-management-main-section--installed-fonts-visible .adobe-fonts-font-management-main-section__installed-families {
visibility: visible;
}
.ccdfonts .adobe-fonts-font-management-main-section.adobe-fonts-font-management-main-section--removed-fonts-visible .adobe-fonts-font-management-main-section__removed-families {
visibility: visible;
}
.ccdfonts .adobe-fonts-font-management-main-section .adobe-fonts-font-management-main-section__header-row {
border-bottom: solid 0.125rem var(--spectrum-global-color-gray-200);
}
.ccdfonts .adobe-fonts-font-management-main-section .adobe-fonts-font-management-main-section__content-row {
display: flex;
flex: 1;
}
.ccdfonts .adobe-fonts-font-management-main-section .adobe-fonts-font-management-main-section__family-list-column {
display: flex;
position: relative;
width: 100%;
}
.ccdfonts .adobe-fonts-font-management-main-section .adobe-fonts-font-management-main-section__active-families, .ccdfonts .adobe-fonts-font-management-main-section .adobe-fonts-font-management-main-section__installed-families, .ccdfonts .adobe-fonts-font-management-main-section .adobe-fonts-font-management-main-section__removed-families {
visibility: hidden;
}
.ccdfonts .adobe-fonts-font-management-main-section .adobe-fonts-font-management-main-section__info-column {
padding-left: 0;
width: auto;
}
.ccdfonts .adobe-fonts-font-management-main-section-view {
align-items: center;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
height: 100%;
}
.ccdfonts .adobe-fonts-font-management-main-section-view .adobe-fonts-font-management-main-section-view__illustration {
min-height: 150px;
}
.ccdfonts .adobe-fonts-font-management-main-section-view .adobe-fonts-font-management-main-section-view__illustration svg {
height: 244px;
width: 290px;
}
.ccdfonts .adobe-fonts-font-management-main-section-view .adobe-fonts-font-management-main-section-view__content {
text-align: center;
max-width: 400px;
}
.ccdfonts .adobe-fonts-font-management__menu-item--destructive {
color: var(--spectrum-global-color-red-700) !important;
}
.ccdfonts .adobe-fonts-font-management-info-section {
display: flex;
height: 100%;
}
.ccdfonts .adobe-fonts-font-management-info-section.adobe-fonts-font-management-info-section--expanded {
min-width: 346px;
}
.ccdfonts .adobe-fonts-font-management-info-section.adobe-fonts-font-management-info-section--expanded .adobe-fonts-font-management-info-section__content {
display: flex;
flex-direction: column;
width: 100%;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__content {
overflow: hidden;
width: 0;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__empty-content {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__empty-content .adobe-fonts-font-management-info-section__empty-message {
text-align: center;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__empty-content .adobe-fonts-font-management-info-section__empty-message-icon .adobe-fonts-font-management-svg-icon {
height: 200px;
width: 250px;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__empty-content .adobe-fonts-font-management-info-section__empty-message-text {
font-size: 16px;
margin: 0 auto;
width: 80%;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__header {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
padding: 24px;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__header .adobe-fonts-font-management-info-section__header-family-name {
color: var(--spectrum-global-color-gray-900);
font-weight: bold;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__header .adobe-fonts-font-management-info-section__header-info {
display: inline-block;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__header .adobe-fonts-font-management-info-section__header-link {
float: right;
}
.ccdfonts .adobe-fonts-font-management-info-section .adobe-fonts-font-management-info-section__sidebar-section {
border-left: 0.125rem solid var(--spectrum-global-color-gray-200);
padding: 6px 7px;
}
.ccdfonts .spectrum-Underlay {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.ccdfonts .spectrum-Underlay.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.ccdfonts .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;
}
.ccdfonts .spectrum-Underlay.is-open {
transition: opacity 300ms cubic-bezier(0, 0, 0.40, 1) 0ms;
}
.ccdfonts .spectrum--light .spectrum-Underlay {
background: rgba(0,0,0,0.4);
}
.ccdfonts .spectrum--darkest .spectrum-Underlay {
background: rgba(0,0,0,0.6);
}
.ccdfonts .spectrum-Tooltip {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.ccdfonts .spectrum-Tooltip.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.ccdfonts .spectrum-Tooltip--bottom.is-open {
transform: translateY(6px);
}
.ccdfonts .spectrum-Tooltip--top.is-open {
transform: translateY(-6px);
}
.ccdfonts .spectrum-Tooltip--right.is-open {
transform: translateX(6px);
}
.ccdfonts .spectrum-Tooltip--left.is-open {
transform: translateX(-6px);
}
.ccdfonts .spectrum-Tooltip {
position: relative;
left: 0px;
top: 0px;
display: inline-flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
vertical-align: top;
width: auto;
padding: 4px 10px;
border-radius: 4px;
min-height: 24px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
word-break: break-word;
-webkit-font-smoothing: antialiased;
}
.ccdfonts .spectrum-Tooltip {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ccdfonts .spectrum-Tooltip p {
margin: 0;
}
.ccdfonts .spectrum-Tooltip-tip {
position: absolute;
height: 0;
width: 0;
border-width: 4px;
border-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
.ccdfonts .spectrum-Tooltip--right .spectrum-Tooltip-tip, .ccdfonts .spectrum-Tooltip--left .spectrum-Tooltip-tip {
top: 50%;
margin-top: -4px;
}
.ccdfonts .spectrum-Tooltip--right {
margin-left: 3px;
}
.ccdfonts .spectrum-Tooltip--right .spectrum-Tooltip-tip {
right: 100%;
transform: rotate(90deg);
}
.ccdfonts .spectrum-Tooltip--left {
margin-right: 3px;
}
.ccdfonts .spectrum-Tooltip--left .spectrum-Tooltip-tip {
left: 100%;
transform: rotate(-90deg);
}
.ccdfonts .spectrum-Tooltip--top {
margin-bottom: 3px;
}
.ccdfonts .spectrum-Tooltip--top .spectrum-Tooltip-tip {
top: 100%;
}
.ccdfonts .spectrum-Tooltip--bottom {
margin-top: 3px;
}
.ccdfonts .spectrum-Tooltip--bottom .spectrum-Tooltip-tip {
bottom: 100%;
transform: rotate(-180deg);
}
.ccdfonts .spectrum-Tooltip--bottom .spectrum-Tooltip-tip, .ccdfonts .spectrum-Tooltip--top .spectrum-Tooltip-tip {
left: 50%;
margin-left: -4px;
}
.ccdfonts .spectrum-Tooltip-typeIcon {
margin-left: -2px;
margin-right: 8px;
width: 14px;
height: 14px;
align-self: flex-start;
margin-top: 1px;
}
.ccdfonts .spectrum-Tooltip-label {
max-width: 101px;
line-height: 16px;
}
.ccdfonts .u-tooltip-showOnHover {
display: inline-block;
position: relative;
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip {
position: absolute;
white-space: nowrap;
visibility: visible !important;
transition: transform 130ms ease-in-out;
top: -100%;
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip-label {
max-width: none;
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--right, .ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--left {
top: 50%;
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--right .spectrum-Tooltip-tip, .ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--left .spectrum-Tooltip-tip {
top: 50%;
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--right {
left: 100%;
transform: translate(0, -50%);
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--left {
transform: translate(-100%, -50%);
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--bottom, .ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--top {
left: 50%;
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--bottom .spectrum-Tooltip-tip, .ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--top .spectrum-Tooltip-tip {
left: 50%;
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--bottom {
top: 100%;
transform: translate(-50%, -4px);
}
.ccdfonts .u-tooltip-showOnHover .spectrum-Tooltip--top {
transform: translate(-50%, 4px);
}
.ccdfonts .u-tooltip-showOnHover:hover .spectrum-Tooltip, .ccdfonts .u-tooltip-showOnHover:focus .spectrum-Tooltip, .ccdfonts .u-tooltip-showOnHover.is-focused .spectrum-Tooltip, .ccdfonts .u-tooltip-showOnHover *:focus .spectrum-Tooltip {
opacity: 1;
}
.ccdfonts .u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--bottom, .ccdfonts .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--bottom, .ccdfonts .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--bottom, .ccdfonts .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--bottom {
transform: translate(-50%, 0);
}
.ccdfonts .u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--top, .ccdfonts .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--top, .ccdfonts .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--top, .ccdfonts .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--top {
transform: translate(-50%, -4px);
}
.ccdfonts .u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--left, .ccdfonts .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--left, .ccdfonts .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--left, .ccdfonts .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--left {
transform: translate(calc(-100% - 4px), -50%);
}
.ccdfonts .u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--right, .ccdfonts .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--right, .ccdfonts .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--right, .ccdfonts .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--right {
transform: translate(4px, -50%);
}
.ccdfonts .spectrum--light .spectrum-Tooltip {
background-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.ccdfonts .spectrum--light .spectrum-Tooltip-tip {
border-top-color: rgb(116, 116, 116);
}
.ccdfonts .spectrum--light .spectrum-Tooltip--negative, .ccdfonts .spectrum--light .spectrum-Tooltip--error {
background-color: rgb(201, 37, 45);
}
.ccdfonts .spectrum--light .spectrum-Tooltip--negative .spectrum-Tooltip-tip, .ccdfonts .spectrum--light .spectrum-Tooltip--error .spectrum-Tooltip-tip {
border-top-color: rgb(201, 37, 45);
}
.ccdfonts .spectrum--light .spectrum-Tooltip--info, .ccdfonts .spectrum--light .spectrum-Tooltip--help {
background-color: rgb(13, 102, 208);
}
.ccdfonts .spectrum--light .spectrum-Tooltip--info .spectrum-Tooltip-tip, .ccdfonts .spectrum--light .spectrum-Tooltip--help .spectrum-Tooltip-tip {
border-top-color: rgb(13, 102, 208);
}
.ccdfonts .spectrum--light .spectrum-Tooltip--positive, .ccdfonts .spectrum--light .spectrum-Tooltip--success {
background-color: rgb(18, 128, 92);
}
.ccdfonts .spectrum--light .spectrum-Tooltip--positive .spectrum-Tooltip-tip, .ccdfonts .spectrum--light .spectrum-Tooltip--success .spectrum-Tooltip-tip {
border-top-color: rgb(18, 128, 92);
}
.ccdfonts .spectrum--darkest .spectrum-Tooltip {
background-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.ccdfonts .spectrum--darkest .spectrum-Tooltip-tip {
border-top-color: rgb(116, 116, 116);
}
.ccdfonts .spectrum--darkest .spectrum-Tooltip--negative, .ccdfonts .spectrum--darkest .spectrum-Tooltip--error {
background-color: rgb(201, 37, 45);
}
.ccdfonts .spectrum--darkest .spectrum-Tooltip--negative .spectrum-Tooltip-tip, .ccdfonts .spectrum--darkest .spectrum-Tooltip--error .spectrum-Tooltip-tip {
border-top-color: rgb(201, 37, 45);
}
.ccdfonts .spectrum--darkest .spectrum-Tooltip--info, .ccdfonts .spectrum--darkest .spectrum-Tooltip--help {
background-color: rgb(13, 102, 208);
}
.ccdfonts .spectrum--darkest .spectrum-Tooltip--info .spectrum-Tooltip-tip, .ccdfonts .spectrum--darkest .spectrum-Tooltip--help .spectrum-Tooltip-tip {
border-top-color: rgb(13, 102, 208);
}
.ccdfonts .spectrum--darkest .spectrum-Tooltip--positive, .ccdfonts .spectrum--darkest .spectrum-Tooltip--success {
background-color: rgb(18, 128, 92);
}
.ccdfonts .spectrum--darkest .spectrum-Tooltip--positive .spectrum-Tooltip-tip, .ccdfonts .spectrum--darkest .spectrum-Tooltip--success .spectrum-Tooltip-tip {
border-top-color: rgb(18, 128, 92);
}
.ccdfonts .adobe-fonts-font-management-preview-section {
display: flex;
flex: 1;
flex-direction: column;
padding: 16px 24px 24px 24px;
}
.ccdfonts .adobe-fonts-font-management-preview-section .adobe-fonts-font-management-preview-section_preview-text-container {
align-items: center;
box-sizing: border-box;
display: flex;
flex: 1;
justify-content: center;
overflow: hidden;
padding: 0 20px;
position: relative;
width: auto;
}
.ccdfonts .adobe-fonts-font-management-preview-section .adobe-fonts-font-management-preview-section_preview-text-container .adobe-fonts-font-management-preview-section_preview-text {
flex: 1;
font-size: 2.7vmax;
max-height: 70%;
text-align: center;
}
.ccdfonts .adobe-fonts-font-management-preview-section .adobe-fonts-font-management-preview-section_preview-text-container .adobe-fonts-font-management-preview-section_preview-text.sample-right {
direction: rtl;
text-align: right;
}
.ccdfonts .adobe-fonts-font-management-preview-section .adobe-fonts-font-management-preview-section_preview-text-container .adobe-fonts-font-management-preview-section__offline {
max-width: 300px;
text-align: center;
}
.ccdfonts .adobe-fonts-font-management-preview-section .adobe-fonts-font-management-preview-section_preview-text-container .adobe-fonts-font-management-preview-section__error {
text-align: center;
}
.ccdfonts .adobe-fonts-font-management-preview-section .adobe-fonts-font-management-preview-section_preview-text-container .adobe-fonts-font-management-preview-section_preview-text-footer {
align-items: center;
bottom: 16px;
display: flex;
justify-content: space-between;
left: 16px;
position: absolute;
right: 16px;
z-index: 1;
}
.ccdfonts .adobe-fonts-font-management-preview-section .adobe-fonts-font-management-preview-section_preview-text-container .adobe-fonts-font-management-preview-section_preview-text-nav-button {
min-width: 33px;
padding: 0;
}
.ccdfonts .adobe-fonts-font-management-main-section-header {
align-items: center;
box-sizing: border-box;
display: flex;
height: 64px;
padding: 12px 0 12px 20px;
}
.ccdfonts .adobe-fonts-font-management-main-section-header .adobe-fonts-font-management-main-section-header__left .adobe-fonts-font-management-main-section-header__section-label {
line-height: 0;
color: var(--spectrum-global-color-gray-900);
font-size: 18px;
font-weight: bold;
margin: 15px 0;
}
.ccdfonts .adobe-fonts-font-management-main-section-header .adobe-fonts-font-management-main-section-header__left .adobe-fonts-font-management-main-section-header__section-description {
color: var(--spectrum-global-color-gray-700);
font-size: 12px;
}
.ccdfonts .adobe-fonts-font-management-main-section-header .adobe-fonts-font-management-main-section-header__right {
display: flex;
align-items: center;
margin-left: auto;
margin-right: 20px;
}
.ccdfonts .adobe-fonts-font-management-main-section-header .adobe-fonts-font-management-main-section-header__right .adobe-fonts-font-management-main-section-header__deactivate-menu {
margin-left: 5px;
}
.ccdfonts .adobe-fonts-font-management-main-section-header .adobe-fonts-font-management-main-section-header__right .adobe-fonts-font-management-main-section-header__search {
margin-right: 10px;
}
.ccdfonts .adobe-fonts-font-management-main-section-header .adobe-fonts-font-management-main-section-header__right .adobe-fonts-font-management-main-section-header__search > input {
max-width: 160px;
}
.ccdfonts .spectrum-Textfield {
box-sizing: border-box;
border: 1px solid;
border-radius: 4px;
padding: 3px 12px 5px 12px;
text-indent: 0;
min-width: 48px;
height: 32px;
width: 192px;
vertical-align: top;
margin: 0;
overflow: visible;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
text-overflow: ellipsis;
transition: border-color 130ms ease-in-out, box-shadow 130ms ease-in-out;
outline: none;
-webkit-appearance: none;
-moz-appearance: textfield;
}
.ccdfonts .spectrum-Textfield::-moz-placeholder {
font-weight: 400;
font-style: italic;
-moz-transition: color 130ms ease-in-out;
transition: color 130ms ease-in-out;
opacity: 1;
}
.ccdfonts .spectrum-Textfield::placeholder {
font-weight: 400;
font-style: italic;
transition: color 130ms ease-in-out;
opacity: 1;
}
.ccdfonts .spectrum-Textfield:lang(ja)::-moz-placeholder, .ccdfonts .spectrum-Textfield:lang(zh)::-moz-placeholder, .ccdfonts .spectrum-Textfield:lang(ko)::-moz-placeholder {
font-style: normal;
}
.ccdfonts .spectrum-Textfield:lang(ja)::placeholder, .ccdfonts .spectrum-Textfield:lang(zh)::placeholder, .ccdfonts .spectrum-Textfield:lang(ko)::placeholder {
font-style: normal;
}
.ccdfonts .spectrum-Textfield:hover::-moz-placeholder {
font-weight: 400;
}
.ccdfonts .spectrum-Textfield:hover::placeholder {
font-weight: 400;
}
.ccdfonts .spectrum-Textfield:disabled {
opacity: 1;
}
.ccdfonts .spectrum-Textfield:disabled::-moz-placeholder {
font-weight: 400;
}
.ccdfonts .spectrum-Textfield:disabled::placeholder {
font-weight: 400;
}
.ccdfonts .spectrum-Textfield::-ms-clear {
width: 0;
height: 0;
}
.ccdfonts .spectrum-Textfield::-webkit-inner-spin-button, .ccdfonts .spectrum-Textfield::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.ccdfonts .spectrum-Textfield:-moz-ui-invalid {
box-shadow: none;
}
.ccdfonts .spectrum-Textfield.is-invalid, .ccdfonts .spectrum-Textfield:invalid, .ccdfonts .spectrum-Textfield.is-valid {
background-repeat: no-repeat;
}
.ccdfonts .spectrum-Textfield.is-invalid, .ccdfonts .spectrum-Textfield:invalid {
background-size: 18px 18px;
background-position: calc(100% - 12px) 50%;
padding-right: 42px;
}
.ccdfonts .spectrum-Textfield.is-valid {
background-size: 12px 12px;
background-position: calc(100% - 12px) 50%;
padding-right: 36px;
}
.ccdfonts .spectrum-Textfield--multiline {
height: auto;
min-height: 56px;
padding: 3px 12px 5px 12px;
overflow: auto;
}
.ccdfonts .spectrum-Textfield--multiline.is-invalid, .ccdfonts .spectrum-Textfield--multiline:invalid, .ccdfonts .spectrum-Textfield--multiline.is-valid {
background-position: calc(100% - 9px) calc(100% - 9px);
}
.ccdfonts .spectrum-Textfield--quiet {
border-radius: 0;
border-width: 0 0 1px 0;
padding-left: 0;
padding-right: 0;
resize: none;
overflow-y: hidden;
}
.ccdfonts .spectrum-Textfield--quiet.is-invalid, .ccdfonts .spectrum-Textfield--quiet:invalid, .ccdfonts .spectrum-Textfield--quiet.is-valid {
background-position: 100% 50%;
}
.ccdfonts .spectrum--light .spectrum-Textfield {
background-color: rgb(255, 255, 255);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.ccdfonts .spectrum--light .spectrum-Textfield::-moz-placeholder {
color: rgb(142, 142, 142);
}
.ccdfonts .spectrum--light .spectrum-Textfield::placeholder {
color: rgb(142, 142, 142);
}
.ccdfonts .spectrum--light .spectrum-Textfield:hover {
border-color: rgb(202, 202, 202);
box-shadow: none;
}
.ccdfonts .spectrum--light .spectrum-Textfield:hover::-moz-placeholder {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Textfield:hover::placeholder {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Textfield:focus {
border-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--light .spectrum-Textfield.focus-ring:not(:active) {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-Textfield[disabled] {
background-color: rgb(234, 234, 234);
border-color: transparent;
color: rgb(179, 179, 179);
-webkit-text-fill-color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--light .spectrum-Textfield[disabled]::-moz-placeholder {
color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--light .spectrum-Textfield[disabled]::placeholder {
color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--light .spectrum-Textfield.is-invalid, .ccdfonts .spectrum--light .spectrum-Textfield:invalid {
border-color: rgb(215, 55, 63);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2718%27 viewBox=%270 0 18 18%27 width=%2718%27%3E%3Cpath style=%27fill:rgb%28227%2C 72%2C 80%29%27 d=%27M8.564 1.289L.2 16.256A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .5-.5.494.494 0 0 0-.064-.244L9.436 1.289a.5.5 0 0 0-.872 0zM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25z%27/%3E%3C/svg%3E");
}
.ccdfonts .spectrum--light .spectrum-Textfield.is-invalid.focus-ring:not(:active), .ccdfonts .spectrum--light .spectrum-Textfield:invalid.focus-ring:not(:active) {
border-color: rgb(215, 55, 63);
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.ccdfonts .spectrum--light .spectrum-Textfield.is-valid {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2712%27 viewBox=%270 0 12 12%27 width=%2712%27%3E%3Cpath style=%27fill:rgb%2818%2C 128%2C 92%29%27 d=%27M4.5 10a1.023 1.023 0 0 1-.8-.384l-2.488-3a1 1 0 0 1 1.577-1.233L4.5 7.376l4.712-5.991a1 1 0 1 1 1.576 1.23l-5.511 7A.977.977 0 0 1 4.5 10z%27/%3E%3C/svg%3E");
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet {
background-color: transparent;
border-color: rgb(225, 225, 225);
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet:hover {
border-color: rgb(202, 202, 202);
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet:active {
border-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet:focus {
border-color: rgb(38, 128, 235);
box-shadow: 0 1px 0 rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet.focus-ring:not(:active) {
border-color: rgb(38, 128, 235);
box-shadow: 0 1px 0 rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet:disabled {
background-color: transparent;
border-color: rgb(225, 225, 225);
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet.is-invalid, .ccdfonts .spectrum--light .spectrum-Textfield--quiet:invalid {
border-color: rgb(215, 55, 63);
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet.is-invalid:focus, .ccdfonts .spectrum--light .spectrum-Textfield--quiet:invalid:focus {
box-shadow: 0 1px 0 rgb(215, 55, 63);
}
.ccdfonts .spectrum--light .spectrum-Textfield--quiet.is-invalid.focus-ring:not(:active), .ccdfonts .spectrum--light .spectrum-Textfield--quiet:invalid.focus-ring:not(:active) {
border-color: rgb(215, 55, 63);
box-shadow: 0 1px 0 rgb(215, 55, 63);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield {
background-color: rgb(8, 8, 8);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield::-moz-placeholder {
color: rgb(124, 124, 124);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield::placeholder {
color: rgb(124, 124, 124);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield:hover {
border-color: rgb(73, 73, 73);
box-shadow: none;
}
.ccdfonts .spectrum--darkest .spectrum-Textfield:hover::-moz-placeholder {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield:hover::placeholder {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield:focus {
border-color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield.focus-ring:not(:active) {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield[disabled] {
background-color: rgb(44, 44, 44);
border-color: transparent;
color: rgb(92, 92, 92);
-webkit-text-fill-color: rgb(92, 92, 92);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield[disabled]::-moz-placeholder {
color: rgb(92, 92, 92);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield[disabled]::placeholder {
color: rgb(92, 92, 92);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield.is-invalid, .ccdfonts .spectrum--darkest .spectrum-Textfield:invalid {
border-color: rgb(227, 72, 80);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2718%27 viewBox=%270 0 18 18%27 width=%2718%27%3E%3Cpath style=%27fill:rgb%28215%2C 55%2C 63%29%27 d=%27M8.564 1.289L.2 16.256A.5.5 0 0 0 .636 17h16.728a.5.5 0 0 0 .5-.5.494.494 0 0 0-.064-.244L9.436 1.289a.5.5 0 0 0-.872 0zM10 14.75a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25zm0-3a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-6a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25z%27/%3E%3C/svg%3E");
}
.ccdfonts .spectrum--darkest .spectrum-Textfield.is-invalid.focus-ring:not(:active), .ccdfonts .spectrum--darkest .spectrum-Textfield:invalid.focus-ring:not(:active) {
border-color: rgb(227, 72, 80);
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield.is-valid {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2712%27 viewBox=%270 0 12 12%27 width=%2712%27%3E%3Cpath style=%27fill:rgb%2851%2C 171%2C 132%29%27 d=%27M4.5 10a1.023 1.023 0 0 1-.8-.384l-2.488-3a1 1 0 0 1 1.577-1.233L4.5 7.376l4.712-5.991a1 1 0 1 1 1.576 1.23l-5.511 7A.977.977 0 0 1 4.5 10z%27/%3E%3C/svg%3E");
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet {
background-color: transparent;
border-color: rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet:hover {
border-color: rgb(73, 73, 73);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet:active {
border-color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet:focus {
border-color: rgb(20, 115, 230);
box-shadow: 0 1px 0 rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet.focus-ring:not(:active) {
border-color: rgb(20, 115, 230);
box-shadow: 0 1px 0 rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet:disabled {
background-color: transparent;
border-color: rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet.is-invalid, .ccdfonts .spectrum--darkest .spectrum-Textfield--quiet:invalid {
border-color: rgb(227, 72, 80);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet.is-invalid:focus, .ccdfonts .spectrum--darkest .spectrum-Textfield--quiet:invalid:focus {
box-shadow: 0 1px 0 rgb(227, 72, 80);
}
.ccdfonts .spectrum--darkest .spectrum-Textfield--quiet.is-invalid.focus-ring:not(:active), .ccdfonts .spectrum--darkest .spectrum-Textfield--quiet:invalid.focus-ring:not(:active) {
border-color: rgb(227, 72, 80);
box-shadow: 0 1px 0 rgb(227, 72, 80);
}
.ccdfonts .spectrum-Search {
display: inline-block;
position: relative;
}
.ccdfonts .spectrum-Search .spectrum-ClearButton {
position: absolute;
right: 0;
top: 0;
}
.ccdfonts .spectrum-Search-input {
display: block;
-webkit-appearance: none;
outline-offset: -2px;
padding-left: 36px;
text-indent: 0;
padding-right: 28px;
}
.ccdfonts .spectrum-Search-input::-webkit-search-cancel-button, .ccdfonts .spectrum-Search-input::-webkit-search-decoration {
-webkit-appearance: none;
}
.ccdfonts .spectrum-Search-input.spectrum-Textfield--quiet {
padding-left: 24px;
padding-right: 20px;
}
.ccdfonts .spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-icon {
left: 0;
}
.ccdfonts .spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-clear {
right: -8px;
}
.ccdfonts .spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-rightIcon {
right: 0;
}
.ccdfonts .spectrum-Search-icon {
display: block;
position: absolute;
left: 12px;
top: 8px;
pointer-events: none;
}
.ccdfonts .spectrum--light .spectrum-Search-icon {
color: rgb(110, 110, 110);
}
.ccdfonts .spectrum--light .spectrum-Search-input:disabled ~ .spectrum-Search-icon {
color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--darkest .spectrum-Search-icon {
color: rgb(162, 162, 162);
}
.ccdfonts .spectrum--darkest .spectrum-Search-input:disabled ~ .spectrum-Search-icon {
color: rgb(92, 92, 92);
}
.ccdfonts .adobe-fonts-font-management-main-section-list {
display: flex;
flex-direction: column;
padding-top: 10px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
}
.ccdfonts .adobe-fonts-font-management-main-section-list .adobe-fonts-font-management-main-section-list__tabs {
display: flex;
flex: 0 0 auto;
margin: 0 24px;
align-items: center;
justify-content: space-between;
}
.ccdfonts .adobe-fonts-font-management-main-section-list .react-spectrum-Tabs--collapsible {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
}
.ccdfonts .adobe-fonts-font-management-main-section-list .adobe-fonts-font-management-main-section-list__tab-filter {
margin-left: auto;
margin-top: 12px;
}
.ccdfonts .adobe-fonts-font-management-main-section-list .adobe-fonts-font-management-main-section-list__content {
flex: 1;
position: relative;
}
.ccdfonts .adobe-fonts-font-management-main-section-list .adobe-fonts-font-management-main-section-list__empty-list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.ccdfonts .adobe-fonts-font-management-main-section-list .adobe-fonts-font-management-main-section-list__empty-list .adobe-fonts-font-management-main-section-list__empty-list-button {
margin-top: 10px;
}
.ccdfonts .adobe-fonts-font-management .adobe-fonts-font-management-main-section-list__tabs-banner {
vertical-align: top;
margin: 4px;
align-items: center;
border-radius: 50rem;
display: inline-flex;
height: 1.25rem;
justify-content: center;
min-width: 1.25rem;
padding: 2px;
}
.ccdfonts .spectrum-Menu-itemLabel .adobe-fonts-font-management-main-section-list__tabs-banner {
vertical-align: middle;
}
.ccdfonts .spectrum-IllustratedMessage {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.ccdfonts .spectrum-IllustratedMessage-illustration {
margin-bottom: 24px;
}
.ccdfonts .spectrum-IllustratedMessage-heading {
max-width: 500px;
margin: 0;
}
.ccdfonts .spectrum-IllustratedMessage-description {
max-width: 500px;
margin: 4px 0 0 0;
font-style: italic;
}
.ccdfonts .spectrum-IllustratedMessage--cta .spectrum-IllustratedMessage-description {
font-style: normal;
}
.ccdfonts .spectrum--light .spectrum-IllustratedMessage-illustration {
color: rgb(179, 179, 179);
fill: currentColor;
stroke: currentColor;
}
.ccdfonts .spectrum--darkest .spectrum-IllustratedMessage-illustration {
color: rgb(92, 92, 92);
fill: currentColor;
stroke: currentColor;
}
.ccdfonts .adobe-fonts-font-management-family-list {
visibility: hidden;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ccdfonts .adobe-fonts-font-management-family-list .adobe-fonts-font-management-family-list__collection {
outline: none;
height: 100%;
}
.ccdfonts .adobe-fonts-font-management-family-list .adobe-fonts-font-management-family-list__collection > :nth-child(2) {
background-color: var(--spectrum-global-color-gray-700) !important;
}
.ccdfonts .adobe-fonts-font-management-family-list .adobe-fonts-font-management-family-list__collection--empty {
display: none;
}
.ccdfonts .adobe-fonts-font-management-family-list--visible {
visibility: visible;
pointer-events: auto;
}
.ccdfonts .adobe-fonts-font-management-family-list-item {
border-bottom: 1px solid var(--spectrum-global-color-gray-400);
margin: 0 24px;
}
.ccdfonts .adobe-fonts-font-management-family-list-item.adobe-fonts-font-management-family-list-item--expanded .adobe-fonts-font-management-family-list-item__header {
border-bottom: 1px solid var(--spectrum-global-color-gray-200);
}
.ccdfonts .adobe-fonts-font-management-family-list-item.adobe-fonts-font-management-family-list-item--expanded .adobe-fonts-font-management-family-list-item__variation-list {
display: block;
}
.ccdfonts .selected .adobe-fonts-font-management-family-list-item {
background: rgba(20, 115, 230, 0.06);
position: relative;
}
.ccdfonts .selected .adobe-fonts-font-management-family-list-item .adobe-fonts-font-management-family-list-item__header {
background: rgba(20, 115, 230, 0.12);
border-bottom: none;
}
.ccdfonts .selected .adobe-fonts-font-management-family-list-item:before {
border: 1px solid var(--spectrum-global-color-blue-500);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.ccdfonts .adobe-fonts-font-management-family-list-item.adobe-fonts-font-management-family-list-item--disabled .adobe-fonts-font-management-family-list-item__family-name {
color: var(--spectrum-global-color-gray-80);
font-weight: bold;
opacity: 0.8;
}
.ccdfonts .adobe-fonts-font-management-family-list-item .adobe-fonts-font-management-family-list-item__header {
display: flex;
padding: 8px 16px 8px 10px;
}
.ccdfonts .adobe-fonts-font-management-family-list-item .adobe-fonts-font-management-family-list-item__header .adobe-fonts-font-management-family-list-item__family-name {
font-size: 15px;
font-weight: bold;
line-height: 30px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.ccdfonts .adobe-fonts-font-management-family-list-item .adobe-fonts-font-management-family-list-item__header .adobe-fonts-font-management-family-list-item__toggle {
height: auto;
}
.ccdfonts .adobe-fonts-font-management-family-list-item .adobe-fonts-font-management-family-list-item__variation-list {
display: none;
}
.ccdfonts .adobe-fonts-font-management-family-list-item .adobe-fonts-font-management-family-list-item__activation-container {
display: flex;
align-items: center;
}
.ccdfonts .adobe-fonts-font-management-family-list-item .adobe-fonts-font-management-family-list-item__install-button {
visibility: hidden;
}
.ccdfonts .adobe-fonts-font-management-family-list-item .adobe-fonts-font-management-family-list-item__install-button--visible {
visibility: inherit;
}
.ccdfonts .adobe-fonts-font-management-disabled-with-tooltip .adobe-fonts-font-management-disabled-with-tooltip__outer-wrapper {
outline: none;
}
.ccdfonts .adobe-fonts-font-management-disabled-with-tooltip .adobe-fonts-font-management-disabled-with-tooltip__outer-wrapper .adobe-fonts-font-management-disabled-with-tooltip__inner-wrapper {
pointer-events: none;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item {
border-bottom: 1px solid var(--spectrum-global-color-gray-300);
display: flex;
padding: 8px 16px 8px 25px;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item:hover {
background-color: rgba(44, 44, 44, 0.06);
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item:last-child {
border-bottom: none;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item.adobe-fonts-font-management-family-list-variation-item--disabled .adobe-fonts-font-management-family-list-variation-item__activation-status, .ccdfonts .adobe-fonts-font-management-family-list-variation-item.adobe-fonts-font-management-family-list-variation-item--disabled .adobe-fonts-font-management-family-list-variation-item__name, .ccdfonts .adobe-fonts-font-management-family-list-variation-item.adobe-fonts-font-management-family-list-variation-item--disabled .adobe-fonts-font-management-family-list-variation-item__name-and-indicators, .ccdfonts .adobe-fonts-font-management-family-list-variation-item.adobe-fonts-font-management-family-list-variation-item--disabled .adobe-fonts-font-management-family-list-variation-item__not-in-use-indicator {
opacity: 0.8;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__not-in-use-indicator svg {
fill: var(--spectrum-global-color-gray-800);
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__downloaded {
fill: var(--spectrum-global-color-gray-500);
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item.adobe-fonts-font-management-family-list-variation-item--selected {
position: relative;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item.adobe-fonts-font-management-family-list-variation-item--selected:before {
border-left: 3px solid var(--spectrum-global-color-blue-500);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__name-and-indicators {
display: flex;
min-width: 40%;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__name-and-indicators .adobe-fonts-font-management-family-list-variation-item__error-indicators {
min-width: 20px;
max-width: 20px;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__name-and-indicators .adobe-fonts-font-management-family-list-variation-item__error-indicators .spectrum-StatusLight::before {
margin: 5px;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__name-and-indicators .adobe-fonts-font-management-family-list-variation-item__name {
color: var(--spectrum-global-color-gray-80);
line-height: 30px;
margin-right: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__activation-status {
display: flex;
align-items: center;
overflow: hidden;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__action-message {
display: flex;
align-items: center;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__action-message .adobe-fonts-font-management-family-list-variation-item__action-message-text {
margin: 0 5px;
white-space: nowrap;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__activation-container {
display: flex;
align-items: center;
margin-left: auto;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__activation-container .adobe-fonts-font-management-family-list-variation-item__activation-toggle {
margin-right: 0;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item .adobe-fonts-font-management-family-list-variation-item__activation-wrapper {
display: inline-block;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item__popover {
width: 200px;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item__popover .adobe-fonts-font-management-family-list-variation-item__popover-wrapper {
margin: 2px;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item__popover .adobe-fonts-font-management-family-list-variation-item__popover-heading {
font-weight: bold;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item__popover .adobe-fonts-font-management-family-list-variation-item__popover-learn-more {
margin-left: 5px;
}
.ccdfonts .adobe-fonts-font-management-family-list-variation-item__tooltip {
display: inline-block;
padding: 8px 0 8px 12px;
width: 200px;
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
/*
* ADOBE CONFIDENTIAL
*
* Copyright 2016 Adobe Systems Incorporated
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Systems Incorporated and its suppliers,
* if any. The intellectual and technical concepts contained
* herein are proprietary to Adobe Systems Incorporated and its
* suppliers and may be covered by U.S. and Foreign Patents,
* patents in process, and are protected by trade secret or copyright law.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe Systems Incorporated.
*/
.ccdfonts .spectrum-Dialog.react-spectrum-Dialog {
visibility: visible;
}
.ccdfonts .react-spectrum-Dialog-buttons {
white-space: nowrap;
}
/*************************************************************************
* 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.
**************************************************************************/
.ccdfonts .spectrum-Popover.react-spectrum-Popover {
visibility: visible;
}
.ccdfonts .spectrum-Popover .spectrum-Dialog-content {
max-height: initial;
}
.ccdfonts .spectrum-Popover {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.ccdfonts .spectrum-Popover.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.ccdfonts .spectrum-Popover--bottom.is-open {
transform: translateY(6px);
}
.ccdfonts .spectrum-Popover--top.is-open {
transform: translateY(-6px);
}
.ccdfonts .spectrum-Popover--right.is-open {
transform: translateX(6px);
}
.ccdfonts .spectrum-Popover--left.is-open {
transform: translateX(-6px);
}
.ccdfonts .spectrum-Popover {
display: inline-flex;
flex-direction: column;
box-sizing: border-box;
min-width: 32px;
min-height: 32px;
position: absolute;
border-style: solid;
border-width: 1px;
border-radius: 4px;
outline: none;
}
.ccdfonts .spectrum-Popover-tip {
position: absolute;
overflow: hidden;
width: 21px;
height: 11px;
}
.ccdfonts .spectrum-Popover-tip::after {
content: '';
width: 20px;
height: 20px;
border-width: 1px;
border-style: solid;
position: absolute;
transform: rotate(45deg);
top: -18px;
left: -1px;
}
.ccdfonts .spectrum-Popover--dialog {
min-width: 270px;
padding: 30px 29px;
}
.ccdfonts .spectrum-Popover--left.spectrum-Popover--withTip {
margin-right: 13px;
}
.ccdfonts .spectrum-Popover--left .spectrum-Popover-tip {
right: -16px;
transform: rotate(-90deg);
}
.ccdfonts .spectrum-Popover--right.spectrum-Popover--withTip {
margin-left: 13px;
}
.ccdfonts .spectrum-Popover--right .spectrum-Popover-tip {
left: -16px;
transform: rotate(90deg);
}
.ccdfonts .spectrum-Popover--left .spectrum-Popover-tip, .ccdfonts .spectrum-Popover--right .spectrum-Popover-tip {
top: 50%;
margin-top: -6px;
}
.ccdfonts .spectrum-Popover--bottom.spectrum-Popover--withTip {
margin-top: 13px;
}
.ccdfonts .spectrum-Popover--bottom .spectrum-Popover-tip {
top: -11px;
transform: rotate(180deg);
}
.ccdfonts .spectrum-Popover--top.spectrum-Popover--withTip {
margin-bottom: 13px;
}
.ccdfonts .spectrum-Popover--top .spectrum-Popover-tip {
bottom: -11px;
}
.ccdfonts .spectrum-Popover--bottom .spectrum-Popover-tip, .ccdfonts .spectrum-Popover--top .spectrum-Popover-tip {
left: 50%;
margin-left: -12px;
}
.ccdfonts .spectrum--light .spectrum-Popover {
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.ccdfonts .spectrum--light .spectrum-Popover .spectrum-Dialog-header, .ccdfonts .spectrum--light .spectrum-Popover .spectrum-Dialog-footer, .ccdfonts .spectrum--light .spectrum-Popover .spectrum-Dialog-wrapper {
background-color: transparent;
}
.ccdfonts .spectrum--light .spectrum-Popover .spectrum-Popover-tip::after {
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
box-shadow: -1px -1px 4px rgba(0,0,0,0.15);
}
.ccdfonts .spectrum--darkest .spectrum-Popover {
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
box-shadow: 0 1px 4px rgba(0,0,0,0.8);
}
.ccdfonts .spectrum--darkest .spectrum-Popover .spectrum-Dialog-header, .ccdfonts .spectrum--darkest .spectrum-Popover .spectrum-Dialog-footer, .ccdfonts .spectrum--darkest .spectrum-Popover .spectrum-Dialog-wrapper {
background-color: transparent;
}
.ccdfonts .spectrum--darkest .spectrum-Popover .spectrum-Popover-tip::after {
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
box-shadow: -1px -1px 4px rgba(0,0,0,0.8);
}
.ccdfonts .spectrum-Dialog {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.ccdfonts .spectrum-Dialog.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.ccdfonts .spectrum-Dialog {
display: flex;
flex-direction: column;
position: fixed;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) translateY(20px);
z-index: 2;
box-sizing: border-box;
max-width: 90vw;
max-height: 90vh;
width: -moz-fit-content;
width: fit-content;
min-width: 288px;
padding: 40px;
border-radius: 4px;
outline: none;
transition: opacity 130ms cubic-bezier(.50, 0, 1, 1) 0ms,
visibility 0ms linear 130ms,
transform 0ms linear 130ms;
}
.ccdfonts .spectrum-Dialog.is-open {
transition: transform 250ms cubic-bezier(0, 0, 0.40, 1) 160ms,
opacity 250ms cubic-bezier(0, 0, 0.40, 1) 160ms;
transform: translate(-50%, calc(-50% + -2vh));
}
.ccdfonts .spectrum-Dialog .spectrum-Dialog-closeButton {
display: none;
}
.ccdfonts .spectrum-Dialog--small {
width: 400px;
}
.ccdfonts .spectrum-Dialog--medium {
width: 480px;
}
.ccdfonts .spectrum-Dialog--large {
width: 640px;
}
.ccdfonts .spectrum-Dialog-hero {
height: 128px;
margin-left: -40px;
margin-right: -40px;
margin-top: -40px;
margin-bottom: 40px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-size: cover;
background-position: center center;
}
.ccdfonts .spectrum-Dialog-header {
display: flex;
align-items: center;
position: relative;
box-sizing: border-box;
width: 100%;
flex-shrink: 0;
border-radius: 4px 4px 0 0;
outline: none;
padding-bottom: 30px;
}
.ccdfonts .spectrum-Dialog-header::after {
position: absolute;
bottom: 16px;
left: 0;
right: 0;
content: '';
height: 2px;
}
.ccdfonts .spectrum-Dialog-wrapper {
position: fixed;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 100%;
visibility: hidden;
pointer-events: none;
z-index: 2;
transition: visibility 0ms linear 130ms;
}
.ccdfonts .spectrum-Dialog-wrapper.is-open {
visibility: visible;
}
.ccdfonts .spectrum-Dialog-wrapper .spectrum-Dialog:not(.spectrum-Dialog--fullscreen):not(.spectrum-Dialog--fullscreenTakeover) {
pointer-events: auto;
position: relative;
left: auto;
top: auto;
transform: translateY(20px);
margin-top: -2vh;
}
.ccdfonts .spectrum-Dialog-wrapper .spectrum-Dialog:not(.spectrum-Dialog--fullscreen):not(.spectrum-Dialog--fullscreenTakeover).is-open {
transform: translateY(0);
}
@media
only screen and (max-device-width: 400px), only screen and (max-device-height: 350px) {
.ccdfonts .spectrum-Dialog--responsive {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border-radius: 0;
}
.ccdfonts .spectrum-Dialog-wrapper .spectrum-Dialog--responsive {
margin-top: 0;
}
}
.ccdfonts .spectrum-Dialog--noDivider .spectrum-Dialog-header::after {
display: none;
}
.ccdfonts .spectrum-Dialog--dismissible .spectrum-Dialog-footer {
display: none;
}
.ccdfonts .spectrum-Dialog--dismissible .spectrum-Dialog-closeButton {
display: initial;
}
.ccdfonts .spectrum-Dialog-closeButton {
position: absolute;
top: -28px;
right: -28px;
}
.ccdfonts .spectrum-Dialog-typeIcon {
display: block;
}
.ccdfonts .spectrum-Dialog-content {
display: block;
box-sizing: border-box;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
flex: 1 1 auto;
outline: none;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ccdfonts .spectrum-Dialog-content {
max-height: 70vh;
}
}
.ccdfonts .spectrum-Dialog-footer {
border-radius: 0 0 4px 4px;
padding-top: 28px;
flex: 0 1 auto;
flex-wrap: wrap;
display: flex;
justify-content: flex-end;
outline: none;
margin: -8px;
margin-top: 0;
}
.ccdfonts .spectrum-Dialog-footer > *, .ccdfonts .spectrum-Dialog-footer > .spectrum-Button + .spectrum-Button {
margin: 8px;
}
.ccdfonts .spectrum-Dialog-title {
flex: 1 1 auto;
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
outline: none;
}
.ccdfonts .spectrum-Dialog--alert {
width: 480px;
}
.ccdfonts .spectrum-Dialog--fullscreen {
left: 32px;
top: 32px;
right: 32px;
bottom: 32px;
transform: translate(0, 20px);
}
.ccdfonts .spectrum-Dialog--fullscreen.is-open {
transform: translate(0, 0);
}
.ccdfonts .spectrum-Dialog--fullscreen, .ccdfonts .spectrum-Dialog--fullscreenTakeover {
width: auto;
max-height: none;
max-width: none;
padding-top: 30px;
}
.ccdfonts .spectrum-Dialog--fullscreen .spectrum-Dialog-header, .ccdfonts .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-header {
flex-shrink: 0;
}
.ccdfonts .spectrum-Dialog--fullscreen .spectrum-Dialog-title, .ccdfonts .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-title {
font-size: 28px;
font-weight: 100;
}
.ccdfonts .spectrum-Dialog--fullscreen .spectrum-Dialog-content, .ccdfonts .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-content {
max-height: none;
}
.ccdfonts .spectrum-Dialog--fullscreenTakeover {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
box-sizing: border-box;
border: none;
border-radius: 0;
}
.ccdfonts .spectrum-Dialog--fullscreenTakeover, .ccdfonts .spectrum-Dialog--fullscreenTakeover.is-open {
transform: none;
}
.ccdfonts .spectrum--light .spectrum-Dialog {
background: rgb(245, 245, 245);
}
.ccdfonts .spectrum--light .spectrum-Dialog-header {
background: rgb(245, 245, 245);
}
.ccdfonts .spectrum--light .spectrum-Dialog-header:after {
background: rgb(225, 225, 225);
}
.ccdfonts .spectrum--light .spectrum-Dialog-title {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Dialog-content {
color: rgb(75, 75, 75);
}
.ccdfonts .spectrum--light .spectrum-Dialog-typeIcon {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Dialog-footer {
background: rgb(245, 245, 245);
}
.ccdfonts .spectrum--light .spectrum-Dialog--error .spectrum-Dialog-title {
color: rgb(201, 37, 45);
}
.ccdfonts .spectrum--light .spectrum-Dialog--error .spectrum-Dialog-typeIcon {
color: rgb(201, 37, 45);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog {
background: rgb(30, 30, 30);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog-header {
background: rgb(30, 30, 30);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog-header:after {
background: rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog-title {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog-content {
color: rgb(200, 200, 200);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog-typeIcon {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog-footer {
background: rgb(30, 30, 30);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog--error .spectrum-Dialog-title {
color: rgb(236, 91, 98);
}
.ccdfonts .spectrum--darkest .spectrum-Dialog--error .spectrum-Dialog-typeIcon {
color: rgb(236, 91, 98);
}
.ccdfonts .adobe-fonts-font-management-status-light {
min-width: 0;
}
.ccdfonts .adobe-fonts-font-management-status-light .adobe-fonts-font-management-status-light-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ccdfonts .spectrum-StatusLight {
min-height: 32px;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 6px 0px;
box-sizing: border-box;
font-size: 14px;
font-weight: 400;
}
.ccdfonts .spectrum-StatusLight::before {
content: '';
flex-grow: 0;
flex-shrink: 0;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin: 6px 12px;
}
.ccdfonts .spectrum-StatusLight--neutral {
font-style: italic;
}
.ccdfonts .spectrum--light .spectrum-StatusLight {
color: rgb(75, 75, 75);
}
.ccdfonts .spectrum--light .spectrum-StatusLight[disabled], .ccdfonts .spectrum--light .spectrum-StatusLight.is-disabled {
color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--light .spectrum-StatusLight[disabled]::before, .ccdfonts .spectrum--light .spectrum-StatusLight.is-disabled::before {
background-color: rgb(202, 202, 202);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--negative::before {
background-color: rgb(227, 72, 80);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--notice::before {
background-color: rgb(230, 134, 25);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--positive::before {
background-color: rgb(45, 157, 120);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--info::before, .ccdfonts .spectrum--light .spectrum-StatusLight--active::before {
background-color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--neutral {
color: rgb(110, 110, 110);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--neutral::before {
background-color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--celery::before {
background-color: rgb(68, 181, 86);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--yellow::before {
background-color: rgb(223, 191, 0);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--fuchsia::before {
background-color: rgb(192, 56, 204);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--indigo::before {
background-color: rgb(103, 103, 236);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--seafoam::before {
background-color: rgb(27, 149, 154);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--chartreuse::before {
background-color: rgb(133, 208, 68);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--magenta::before {
background-color: rgb(216, 55, 144);
}
.ccdfonts .spectrum--light .spectrum-StatusLight--purple::before {
background-color: rgb(146, 86, 217);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight {
color: rgb(200, 200, 200);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight[disabled], .ccdfonts .spectrum--darkest .spectrum-StatusLight.is-disabled {
color: rgb(92, 92, 92);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight[disabled]::before, .ccdfonts .spectrum--darkest .spectrum-StatusLight.is-disabled::before {
background-color: rgb(73, 73, 73);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--negative::before {
background-color: rgb(215, 55, 63);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--notice::before {
background-color: rgb(218, 123, 17);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--positive::before {
background-color: rgb(38, 142, 108);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--info::before, .ccdfonts .spectrum--darkest .spectrum-StatusLight--active::before {
background-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--neutral {
color: rgb(162, 162, 162);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--neutral::before {
background-color: rgb(92, 92, 92);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--celery::before {
background-color: rgb(61, 167, 78);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--yellow::before {
background-color: rgb(210, 178, 0);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--fuchsia::before {
background-color: rgb(177, 48, 189);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--indigo::before {
background-color: rgb(92, 92, 224);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--seafoam::before {
background-color: rgb(22, 135, 140);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--chartreuse::before {
background-color: rgb(124, 195, 63);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--magenta::before {
background-color: rgb(202, 41, 150);
}
.ccdfonts .spectrum--darkest .spectrum-StatusLight--purple::before {
background-color: rgb(134, 76, 204);
}
.ccdfonts .adobe-fonts-fonts-management-intro-view .adobe-fonts-fonts-management-intro-view__getting-started {
text-align: center;
}
.ccdfonts .adobe-fonts-fonts-management-get-started-copy {
padding: 0;
}
.ccdfonts .adobe-fonts-fonts-management-get-started-copy li {
list-style: none;
margin-bottom: 5px;
}
.ccdfonts .adobe-fonts-fonts-management-get-started-copy strong {
margin-right: 5px;
}
.ccdfonts .adobe-fonts-font-management__select-spacer-left {
max-width: 368px;
flex-shrink: 2;
flex-grow: 1;
}
.ccdfonts .adobe-fonts-font-management__select-spacer-right {
flex-shrink: 2;
flex-grow: 1;
}
.ccdfonts .adobe-fonts-font-management__table-select {
margin-left: 10px;
}
.ccdfonts .spectrum-Banner {
display: inline-block;
border-radius: 8px;
padding: 4px 8px;
font-size: 12px;
line-height: 1.3;
}
.ccdfonts .spectrum-Banner-header {
font-weight: bold;
}
.ccdfonts .spectrum-Banner--corner {
position: absolute;
top: -10px;
right: -10px;
}
.ccdfonts .spectrum--light .spectrum-Banner {
color: rgb(255, 255, 255);
}
.ccdfonts .spectrum--light .spectrum-Banner--info {
background-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--light .spectrum-Banner--warning {
background-color: rgb(218, 123, 17);
}
.ccdfonts .spectrum--light .spectrum-Banner--error {
background-color: rgb(215, 55, 63);
}
.ccdfonts .spectrum--darkest .spectrum-Banner {
color: rgb(255, 255, 255);
}
.ccdfonts .spectrum--darkest .spectrum-Banner--info {
background-color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--darkest .spectrum-Banner--warning {
background-color: rgb(230, 134, 25);
}
.ccdfonts .spectrum--darkest .spectrum-Banner--error {
background-color: rgb(227, 72, 80);
}
.ccdfonts .adobe-fonts-font-management-ui {
display: flex;
flex-grow: 1;
height: 100%;
}
.ccdfonts .adobe-fonts-font-management-ui .adobe-fonts-font-management-ui__content {
display: flex;
margin: 0;
padding: 0;
flex: 1;
}
.ccdfonts .adobe-fonts-font-management-ui .adobe-fonts-font-management-ui__content .adobe-fonts-font-management-ui__content-main-row {
flex: 1;
}
.ccdfonts .adobe-fonts-font-management-ui .adobe-fonts-font-management-ui__sidenav-column {
border-right: 0.125rem solid var(--spectrum-global-color-gray-200);
padding: 0;
margin-right: 0;
width: 256px;
}
.ccdfonts .adobe-fonts-font-management-ui .adobe-fonts-font-management-ui__main-section-column {
display: flex;
flex: 1;
padding-left: 0;
}
.ccdfonts .adobe-fonts-font-management-ui .adobe-fonts-font-management-svg-icon {
fill: #6e6e6e;
height: 18px;
width: 18px;
}
.ccdfonts .adobe-fonts-font-management-ui .is-disabled .adobe-fonts-font-management-svg-icon {
fill: var(--spectrum-global-color-gray-500);
}
.ccdfonts .adobe-fonts-font-management-ui .adobe-fonts-font-management-ui__debug-element {
font-size: 12px;
left: 20px;
position: absolute;
top: 300px;
}
.ccdfonts .adobe-fonts-font-management-ui .adobe-fonts-font-management-ui__debug-element strong {
margin-left: 5px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view {
width: 800px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-view-error {
width: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-view-error .adobe-fonts-bring-your-own-fonts__adding-files-view-error-message {
color: var(--spectrum-global-color-red-700);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-view-file-delete {
margin-left: auto;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-view-file-delete svg {
fill: var(--spectrum-global-color-gray-800);
stroke: var(--spectrum-global-color-gray-800);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__font-file-upload-row {
position: relative;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view.adobe-fonts-bring-your-own-fonts__adding-files-view--has-files .adobe-fonts-bring-your-own-fonts__font-file-upload {
min-height: 210px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view.adobe-fonts-bring-your-own-fonts__adding-files-view--has-files .adobe-fonts-bring-your-own-fonts__font-file-upload .spectrum-Dropzone {
padding: 20px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view.adobe-fonts-bring-your-own-fonts__adding-files-view--has-files .adobe-fonts-bring-your-own-fonts__font-file-upload svg {
height: 80px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view.adobe-fonts-bring-your-own-fonts__adding-files-view--has-files .adobe-fonts-bring-your-own-fonts__font-file-upload .spectrum-IllustratedMessage-heading {
font-size: 20px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__font-file-upload-error-container {
bottom: -23px;
position: absolute;
width: 100%;
left: 0;
right: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__file-upload-list {
height: 160px;
margin-top: 0;
margin-bottom: 10px;
position: relative;
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__file-upload-list .adobe-fonts-bring-your-own-fonts__adding-files-view-file-name {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-height: 700px) {
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view.adobe-fonts-bring-your-own-fonts__adding-files-view--has-files .adobe-fonts-bring-your-own-fonts__font-file-upload-error-container {
bottom: -40px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view.adobe-fonts-bring-your-own-fonts__adding-files-view--has-files .adobe-fonts-bring-your-own-fonts__file-upload-list {
height: 120px;
margin-bottom: 5px;
margin-top: 15px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view.adobe-fonts-bring-your-own-fonts__adding-files-view--has-files .adobe-fonts-bring-your-own-fonts__font-file-upload {
min-height: 190px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__file-upload-list {
height: 100px;
}
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-file-upload {
position: relative;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-file-upload .adobe-fonts-bring-your-own-fonts__select-file-button {
margin-left: 10px;
vertical-align: middle;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-file-upload .adobe-fonts-bring-your-own-fonts__cancel-upload-button {
background-color: #2680eb;
border: none;
position: absolute;
right: 20px;
top: 20px;
z-index: 1;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-file-upload .adobe-fonts-bring-your-own-fonts__font-file-upload-loading {
align-items: center;
background: #2680eb;
bottom: 0;
color: #fff;
display: flex;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-file-upload .adobe-fonts-bring-your-own-fonts__font-file-upload-loading p {
font-size: 20px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-file-upload .adobe-fonts-bring-your-own-fonts__font-file-upload-error {
margin-top: 10px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts--locale-ja_JP .adobe-fonts-bring-your-own-fonts__font-file-upload .adobe-fonts-bring-your-own-fonts__font-file-upload-drop-zone-description, .ccdfonts .adobe-fonts-bring-your-own-fonts-dialog--locale-ja_JP .adobe-fonts-bring-your-own-fonts__font-file-upload .adobe-fonts-bring-your-own-fonts__font-file-upload-drop-zone-description {
font-style: normal;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-file-upload .adobe-fonts-bring-your-own-fonts__drag-files-svg {
height: 97px;
width: 185px;
}
.ccdfonts .spectrum-Dropzone {
text-align: center;
border-width: 2px;
border-radius: 4px;
padding: 72px;
border-style: dashed;
}
.ccdfonts .spectrum-Dropzone.is-dragged {
border-style: solid;
}
.ccdfonts .spectrum-Dropzone:focus {
outline: 0;
border-style: dashed;
}
.ccdfonts .spectrum-Dropzone:focus.focus-ring {
border-style: solid;
}
.ccdfonts .spectrum--light .spectrum-Dropzone {
border-color: rgb(225, 225, 225);
}
.ccdfonts .spectrum--light .spectrum-Dropzone.is-dragged {
border-color: rgb(38, 128, 235);
background-color: rgba(20,115,230,0.1);
}
.ccdfonts .spectrum--light .spectrum-Dropzone.is-dragged .spectrum-IllustratedMessage-illustration {
color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-Dropzone:focus {
border-color: rgb(225, 225, 225);
}
.ccdfonts .spectrum--light .spectrum-Dropzone:focus .spectrum-IllustratedMessage-illustration {
color: rgb(188, 188, 188);
}
.ccdfonts .spectrum--light .spectrum-Dropzone:focus.focus-ring {
border-color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-Dropzone:focus.is-dragged.focus-ring .spectrum-IllustratedMessage-illustration {
color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--darkest .spectrum-Dropzone {
border-color: rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest .spectrum-Dropzone.is-dragged {
border-color: rgb(20, 115, 230);
background-color: rgba(38,128,235,0.2);
}
.ccdfonts .spectrum--darkest .spectrum-Dropzone.is-dragged .spectrum-IllustratedMessage-illustration {
color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Dropzone:focus {
border-color: rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest .spectrum-Dropzone:focus .spectrum-IllustratedMessage-illustration {
color: rgb(188, 188, 188);
}
.ccdfonts .spectrum--darkest .spectrum-Dropzone:focus.focus-ring {
border-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Dropzone:focus.is-dragged.focus-ring .spectrum-IllustratedMessage-illustration {
color: rgb(20, 115, 230);
}
/*************************************************************************
* 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.
**************************************************************************/
.ccdfonts .spectrum-grid, .ccdfonts .spectrum-grid--fixed, .ccdfonts .spectrum-grid--fluid {
box-sizing: border-box;
padding: 0 16px;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid, .ccdfonts .spectrum-grid--fixed, .ccdfonts .spectrum-grid--fluid {
padding: 0 16px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid, .ccdfonts .spectrum-grid--fixed, .ccdfonts .spectrum-grid--fluid {
padding: 0 24px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid, .ccdfonts .spectrum-grid--fixed, .ccdfonts .spectrum-grid--fluid {
padding: 0 32px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid, .ccdfonts .spectrum-grid--fixed, .ccdfonts .spectrum-grid--fluid {
padding: 0 40px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid, .ccdfonts .spectrum-grid--fixed, .ccdfonts .spectrum-grid--fluid {
padding: 0 48px;
}
}
.ccdfonts .spectrum-grid--fixed {
max-width: 1312px;
margin: 0 auto;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid--fixed {
max-width: 1312px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid--fixed {
max-width: 1328px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid--fixed {
max-width: 1344px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid--fixed {
max-width: 1360px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid--fixed {
max-width: 1376px;
}
}
.ccdfonts .spectrum-grid--fluid {
width: 100%;
margin: 0 auto;
}
.ccdfonts .spectrum-grid-row {
box-sizing: border-box;
display: -moz-flex;
display: flex;
-moz-flex: 0 1 auto;
flex: 0 1 auto;
-moz-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
margin-right: -8px;
margin-left: -8px;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-row {
margin-right: -8px;
margin-left: -8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-row {
margin-right: -12px;
margin-left: -12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-row {
margin-right: -16px;
margin-left: -16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-row {
margin-right: -20px;
margin-left: -20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-row {
margin-right: -24px;
margin-left: -24px;
}
}
.ccdfonts .spectrum-grid-row.spectrum-grid-reverse {
-moz-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ccdfonts .spectrum-grid-col.spectrum-grid-reverse {
-moz-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.ccdfonts .spectrum-grid-col-xs {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: auto;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 25%;
max-width: 25%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 50%;
max-width: 50%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 75%;
max-width: 75%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 100%;
max-width: 100%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 0;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 8.3333333333%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 16.6666666667%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 25%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 33.3333333333%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 41.6666666667%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 50%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 58.3333333333%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 66.6666666667%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 75%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 83.3333333333%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 91.6666666667%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 100%;
}
@media screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 24px;
padding-left: 24px;
}
}
.ccdfonts .spectrum-grid-col-xs {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.ccdfonts .spectrum-grid-start-xs {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.ccdfonts .spectrum-grid-center-xs {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.ccdfonts .spectrum-grid-end-xs {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.ccdfonts .spectrum-grid-top-xs {
-moz-align-items: flex-start;
align-items: flex-start;
}
.ccdfonts .spectrum-grid-middle-xs {
-moz-align-items: center;
align-items: center;
}
.ccdfonts .spectrum-grid-bottom-xs {
-moz-align-items: flex-end;
align-items: flex-end;
}
.ccdfonts .spectrum-grid-around-xs {
-moz-justify-content: space-around;
justify-content: space-around;
}
.ccdfonts .spectrum-grid-between-xs {
-moz-justify-content: space-between;
justify-content: space-between;
}
.ccdfonts .spectrum-grid-first-xs {
order: -1;
}
.ccdfonts .spectrum-grid-last-xs {
order: 1;
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-container {
width: 304px;
}
.ccdfonts .spectrum-grid-col-xs {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: auto;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 25%;
max-width: 25%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 75%;
max-width: 75%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 0;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-0 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 8.3333333333%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 16.6666666667%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 25%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 33.3333333333%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 41.6666666667%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 50%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 58.3333333333%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 66.6666666667%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 75%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 83.3333333333%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 91.6666666667%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 100%;
}
}
@media only screen and (min-width: 304px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 304px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 304px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 304px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xs-offset-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xs {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.ccdfonts .spectrum-grid-start-xs {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.ccdfonts .spectrum-grid-center-xs {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.ccdfonts .spectrum-grid-end-xs {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.ccdfonts .spectrum-grid-top-xs {
-moz-align-items: flex-start;
align-items: flex-start;
}
.ccdfonts .spectrum-grid-middle-xs {
-moz-align-items: center;
align-items: center;
}
.ccdfonts .spectrum-grid-bottom-xs {
-moz-align-items: flex-end;
align-items: flex-end;
}
.ccdfonts .spectrum-grid-around-xs {
-moz-justify-content: space-around;
justify-content: space-around;
}
.ccdfonts .spectrum-grid-between-xs {
-moz-justify-content: space-between;
justify-content: space-between;
}
.ccdfonts .spectrum-grid-first-xs {
order: -1;
}
.ccdfonts .spectrum-grid-last-xs {
order: 1;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-container {
width: 768px;
}
.ccdfonts .spectrum-grid-col-sm {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: auto;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 25%;
max-width: 25%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 75%;
max-width: 75%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-0 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-0 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-0 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-0 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-0 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 8.3333333333%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 16.6666666667%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 25%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 33.3333333333%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 41.6666666667%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 50%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 58.3333333333%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 66.6666666667%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 75%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 83.3333333333%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 91.6666666667%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 100%;
}
}
@media only screen and (min-width: 768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-sm-offset-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm-offset-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-sm-offset-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-sm-offset-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-sm-offset-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-sm {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.ccdfonts .spectrum-grid-start-sm {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.ccdfonts .spectrum-grid-center-sm {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.ccdfonts .spectrum-grid-end-sm {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.ccdfonts .spectrum-grid-top-sm {
-moz-align-items: flex-start;
align-items: flex-start;
}
.ccdfonts .spectrum-grid-middle-sm {
-moz-align-items: center;
align-items: center;
}
.ccdfonts .spectrum-grid-bottom-sm {
-moz-align-items: flex-end;
align-items: flex-end;
}
.ccdfonts .spectrum-grid-around-sm {
-moz-justify-content: space-around;
justify-content: space-around;
}
.ccdfonts .spectrum-grid-between-sm {
-moz-justify-content: space-between;
justify-content: space-between;
}
.ccdfonts .spectrum-grid-first-sm {
order: -1;
}
.ccdfonts .spectrum-grid-last-sm {
order: 1;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-container {
width: 1280px;
}
.ccdfonts .spectrum-grid-col-md {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: auto;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 25%;
max-width: 25%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 75%;
max-width: 75%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 0;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-0 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-0 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-0 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-0 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-0 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 8.3333333333%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 16.6666666667%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 25%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 33.3333333333%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 41.6666666667%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 50%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 58.3333333333%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 66.6666666667%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 75%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 83.3333333333%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 91.6666666667%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 100%;
}
}
@media only screen and (min-width: 1280px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-md-offset-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-md-offset-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md-offset-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-md-offset-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-md-offset-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-md {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.ccdfonts .spectrum-grid-start-md {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.ccdfonts .spectrum-grid-center-md {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.ccdfonts .spectrum-grid-end-md {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.ccdfonts .spectrum-grid-top-md {
-moz-align-items: flex-start;
align-items: flex-start;
}
.ccdfonts .spectrum-grid-middle-md {
-moz-align-items: center;
align-items: center;
}
.ccdfonts .spectrum-grid-bottom-md {
-moz-align-items: flex-end;
align-items: flex-end;
}
.ccdfonts .spectrum-grid-around-md {
-moz-justify-content: space-around;
justify-content: space-around;
}
.ccdfonts .spectrum-grid-between-md {
-moz-justify-content: space-between;
justify-content: space-between;
}
.ccdfonts .spectrum-grid-first-md {
order: -1;
}
.ccdfonts .spectrum-grid-last-md {
order: 1;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-container {
width: 1768px;
}
.ccdfonts .spectrum-grid-col-lg {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: auto;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 25%;
max-width: 25%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 75%;
max-width: 75%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 0;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-0 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-0 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-0 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-0 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-0 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 8.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 16.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 25%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 33.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 41.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 50%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 58.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 66.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 75%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 83.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 91.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 100%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-lg-offset-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-lg-offset-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-lg-offset-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg-offset-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-lg-offset-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-lg {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.ccdfonts .spectrum-grid-start-lg {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.ccdfonts .spectrum-grid-center-lg {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.ccdfonts .spectrum-grid-end-lg {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.ccdfonts .spectrum-grid-top-lg {
-moz-align-items: flex-start;
align-items: flex-start;
}
.ccdfonts .spectrum-grid-middle-lg {
-moz-align-items: center;
align-items: center;
}
.ccdfonts .spectrum-grid-bottom-lg {
-moz-align-items: flex-end;
align-items: flex-end;
}
.ccdfonts .spectrum-grid-around-lg {
-moz-justify-content: space-around;
justify-content: space-around;
}
.ccdfonts .spectrum-grid-between-lg {
-moz-justify-content: space-between;
justify-content: space-between;
}
.ccdfonts .spectrum-grid-first-lg {
order: -1;
}
.ccdfonts .spectrum-grid-last-lg {
order: 1;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-container {
width: 1768px;
}
.ccdfonts .spectrum-grid-col-xl {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: auto;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 25%;
max-width: 25%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 50%;
max-width: 50%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 75%;
max-width: 75%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 0;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-0 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-0 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-0 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-0 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-0 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 8.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-1 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-1 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-1 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-1 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-1 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 16.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-2 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-2 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-2 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-2 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-2 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 25%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-3 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-3 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-3 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-3 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-3 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 33.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-4 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-4 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-4 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-4 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-4 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 41.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-5 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-5 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-5 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-5 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-5 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 50%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-6 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-6 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-6 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-6 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-6 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 58.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-7 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-7 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-7 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-7 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-7 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 66.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-8 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-8 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-8 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-8 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-8 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 75%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-9 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-9 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-9 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-9 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-9 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 83.3333333333%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-10 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-10 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-10 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-10 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-10 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 91.6666666667%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-11 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-11 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-11 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-11 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-11 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 8px;
padding-left: 8px;
margin-left: 100%;
}
}
@media only screen and (min-width: 1768px) and (min-width: 304px) {
.ccdfonts .spectrum-grid-col-xl-offset-12 {
padding-right: 8px;
padding-left: 8px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 768px) {
.ccdfonts .spectrum-grid-col-xl-offset-12 {
padding-right: 12px;
padding-left: 12px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1280px) {
.ccdfonts .spectrum-grid-col-xl-offset-12 {
padding-right: 16px;
padding-left: 16px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl-offset-12 {
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1768px) and (min-width: 2160px) {
.ccdfonts .spectrum-grid-col-xl-offset-12 {
padding-right: 24px;
padding-left: 24px;
}
}
@media only screen and (min-width: 1768px) {
.ccdfonts .spectrum-grid-col-xl {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.ccdfonts .spectrum-grid-start-xl {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.ccdfonts .spectrum-grid-center-xl {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.ccdfonts .spectrum-grid-end-xl {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.ccdfonts .spectrum-grid-top-xl {
-moz-align-items: flex-start;
align-items: flex-start;
}
.ccdfonts .spectrum-grid-middle-xl {
-moz-align-items: center;
align-items: center;
}
.ccdfonts .spectrum-grid-bottom-xl {
-moz-align-items: flex-end;
align-items: flex-end;
}
.ccdfonts .spectrum-grid-around-xl {
-moz-justify-content: space-around;
justify-content: space-around;
}
.ccdfonts .spectrum-grid-between-xl {
-moz-justify-content: space-between;
justify-content: space-between;
}
.ccdfonts .spectrum-grid-first-xl {
order: -1;
}
.ccdfonts .spectrum-grid-last-xl {
order: 1;
}
}
/*************************************************************************
* 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.
**************************************************************************/
.ccdfonts .react-spectrum-CollectionView-rowWrapper, .ccdfonts .react-spectrum-CollectionView-rowWrapper > div {
height: 100%;
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
/*
* ADOBE CONFIDENTIAL
*
* Copyright 2016 Adobe Systems Incorporated
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Systems Incorporated and its suppliers,
* if any. The intellectual and technical concepts contained
* herein are proprietary to Adobe Systems Incorporated and its
* suppliers and may be covered by U.S. and Foreign Patents,
* patents in process, and are protected by trade secret or copyright law.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe Systems Incorporated.
*/
.ccdfonts .react-spectrum-TableView {
height: 100%;
display: flex;
flex-direction: column;
}
.ccdfonts .react-spectrum-TableView-body {
flex: 1;
outline: none;
}
.ccdfonts .react-spectrum-TableView-body > div > .item {
overflow: visible !important;
/* override inline styles applied by collection-view */
}
.ccdfonts .react-spectrum-TableView-body > div > .item .spectrum-Table-row {
border-bottom-style: solid;
/* table rows in collection-view should have bottom border */
}
.ccdfonts .react-spectrum-TableView-body > div > .insertion-indicator {
transition: none !important;
overflow: visible !important;
}
.ccdfonts .react-spectrum-TableView-row {
display: flex;
align-items: center;
}
.ccdfonts .react-spectrum-TableView-row.spectrum-Table-row {
box-sizing: border-box;
height: 100%;
}
.ccdfonts .react-spectrum-TableView-row .spectrum-Table-cell {
min-width: 0%;
height: 100%;
display: flex;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.ccdfonts .react-spectrum-Table-cell:focus {
outline: none;
}
.ccdfonts .spectrum-Table-cell--alignCenter {
justify-content: center;
}
.ccdfonts .spectrum-Table-cell--alignRight {
justify-content: flex-end;
}
.ccdfonts .react-spectrum-TableView-checkboxCell {
flex-shrink: 0;
}
.ccdfonts .spectrum-Table {
border-collapse: separate;
border-spacing: 0;
}
.ccdfonts .spectrum-Table-sortedIcon {
display: none;
margin-left: 10px;
vertical-align: middle;
transition: transform 130ms ease-in-out;
}
.ccdfonts .spectrum-Table-headCell {
box-sizing: border-box;
text-align: left;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
min-height: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 10px 16px;
transition: color 130ms ease-in-out;
cursor: default;
outline: 0;
border-radius: 0px;
}
.ccdfonts .spectrum-Table-headCell.is-sortable {
cursor: pointer;
}
.ccdfonts .spectrum-Table-headCell.is-sorted-asc .spectrum-Table-sortedIcon, .ccdfonts .spectrum-Table-headCell.is-sorted-desc .spectrum-Table-sortedIcon {
display: inline-block;
margin-top: -2px;
}
.ccdfonts .spectrum-Table-headCell.is-sorted-asc .spectrum-Table-sortedIcon {
transform: rotateZ(180deg);
}
.ccdfonts .spectrum-Table-cell--alignCenter {
text-align: center;
}
.ccdfonts .spectrum-Table-cell--alignRight {
text-align: right;
}
.ccdfonts .spectrum-Table-body.is-drop-target::before, .ccdfonts .spectrum-Table-row.is-drop-target::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.ccdfonts .spectrum-Table-body {
position: relative;
border-width: 1px;
border-radius: 4px;
overflow: auto;
vertical-align: top;
}
.ccdfonts .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body {
border-width: 1px;
border-radius: 4px;
}
.ccdfonts .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child {
border-top-left-radius: 4px;
}
.ccdfonts .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child {
border-top-right-radius: 4px;
}
.ccdfonts .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child {
border-bottom-left-radius: 4px;
}
.ccdfonts .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child {
border-bottom-right-radius: 4px;
}
.ccdfonts .spectrum-Table-cell {
box-sizing: border-box;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
padding: 14px 16px;
min-height: 20px;
}
.ccdfonts .spectrum-Table-cell, .ccdfonts .spectrum-Table-headCell {
position: relative;
}
.ccdfonts .spectrum-Table-cell.focus-ring, .ccdfonts .spectrum-Table-cell.is-focused, .ccdfonts .spectrum-Table-headCell.focus-ring, .ccdfonts .spectrum-Table-headCell.is-focused {
outline: none;
}
.ccdfonts .spectrum-Table-cell.focus-ring::before, .ccdfonts .spectrum-Table-cell.is-focused::before, .ccdfonts .spectrum-Table-headCell.focus-ring::before, .ccdfonts .spectrum-Table-headCell.is-focused::before {
content: '';
z-index: 1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
}
.ccdfonts .spectrum-Table-headCell.focus-ring::before, .ccdfonts .spectrum-Table-headCell.is-focused::before {
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.ccdfonts .spectrum-Table-cell--divider {
border-right-width: 1px;
}
.ccdfonts .spectrum-Table-row {
position: relative;
cursor: pointer;
transition: background-color 130ms ease-in-out;
}
.ccdfonts .spectrum-Table-row:focus {
outline: 0;
}
.ccdfonts .spectrum-Table > .spectrum-Table-body > .spectrum-Table-row:last-of-type {
border-bottom-style: none;
}
.ccdfonts .spectrum-Table--quiet .spectrum-Table-body {
border-radius: 0px;
}
.ccdfonts .spectrum-Table--quiet .spectrum-Table-body.is-drop-target::before, .ccdfonts .spectrum-Table--quiet .spectrum-Table-row.is-drop-target::before {
border-radius: 4px;
}
.ccdfonts .spectrum-Table-checkboxCell {
padding-right: 8px;
padding-top: 0px;
padding-bottom: 0px;
vertical-align: middle;
}
.ccdfonts .spectrum-Table-checkbox {
vertical-align: super;
}
.ccdfonts .spectrum--light .spectrum-Table-headCell {
color: rgb(110, 110, 110);
background-color: transparent;
}
.ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable .spectrum-Table-sortedIcon {
color: rgb(142, 142, 142);
}
.ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable:hover {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable:hover .spectrum-Table-sortedIcon {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable.focus-ring, .ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable.is-focused {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable.focus-ring .spectrum-Table-sortedIcon, .ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable.is-focused .spectrum-Table-sortedIcon {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable:active {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Table-headCell.is-sortable:active .spectrum-Table-sortedIcon {
color: rgb(44, 44, 44);
}
.ccdfonts .spectrum--light .spectrum-Table-cell.focus-ring::before, .ccdfonts .spectrum--light .spectrum-Table-cell.is-focused::before, .ccdfonts .spectrum--light .spectrum-Table-headCell.focus-ring::before, .ccdfonts .spectrum--light .spectrum-Table-headCell.is-focused::before {
box-shadow: inset 0 0 0 2px rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-Table-body {
border-style: solid;
border-color: rgb(225, 225, 225);
background-color: rgb(255, 255, 255);
}
.ccdfonts .spectrum--light .spectrum-Table-body.is-drop-target {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-Table-body.is-drop-target::before {
background-color: rgba(20,115,230,0.1);
}
.ccdfonts .spectrum--light tbody.spectrum-Table-body {
border: none;
}
.ccdfonts .spectrum--light tbody.spectrum-Table-body .spectrum-Table-row {
border-top: none;
}
.ccdfonts .spectrum--light tbody.spectrum-Table-body .spectrum-Table-cell {
border-top: 1px solid rgb(225, 225, 225);
}
.ccdfonts .spectrum--light tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child {
border-left: 1px solid rgb(225, 225, 225);
}
.ccdfonts .spectrum--light tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
border-right: 1px solid rgb(225, 225, 225);
}
.ccdfonts .spectrum--light tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell {
border-bottom: 1px solid rgb(225, 225, 225);
}
.ccdfonts .spectrum--light .spectrum-Table-row {
border-bottom: 1px solid rgb(225, 225, 225);
background-color: transparent;
}
.ccdfonts .spectrum--light .spectrum-Table-row:hover {
background-color: rgba(44,44,44,0.06);
}
.ccdfonts .spectrum--light .spectrum-Table-row.focus-ring, .ccdfonts .spectrum--light .spectrum-Table-row.is-focused {
background-color: rgba(44,44,44,0.06);
}
.ccdfonts .spectrum--light .spectrum-Table-row:active {
background-color: rgba(44,44,44,0.1);
}
.ccdfonts .spectrum--light .spectrum-Table-row.is-selected {
background-color: rgba(20,115,230,0.1);
}
.ccdfonts .spectrum--light .spectrum-Table-row.is-selected:hover {
background-color: rgba(20,115,230,0.2);
}
.ccdfonts .spectrum--light .spectrum-Table-row.is-selected.focus-ring, .ccdfonts .spectrum--light .spectrum-Table-row.is-selected.is-focused {
background-color: rgba(20,115,230,0.2);
}
.ccdfonts .spectrum--light .spectrum-Table-row.is-drop-target::before {
box-shadow: inset 0 0 0 2px rgb(38, 128, 235);
background-color: rgba(20,115,230,0.1);
}
.ccdfonts .spectrum--light .spectrum-Table-cell {
color: rgb(75, 75, 75);
background-color: transparent;
}
.ccdfonts .spectrum--light .spectrum-Table-cell--divider {
border-right-style: solid;
border-right-color: rgb(225, 225, 225);
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-body {
border-width: 1px 0;
background-color: transparent;
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-body.is-drop-target {
box-shadow: none;
border-color: transparent;
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-body.is-drop-target::before {
box-shadow: inset 0 0 0 2px rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row {
background-color: transparent;
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row:hover {
background-color: rgba(44,44,44,0.06);
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row.focus-ring, .ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row.is-focused {
background-color: rgba(44,44,44,0.06);
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row:active {
background-color: rgba(44,44,44,0.1);
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row.is-selected {
background-color: rgba(20,115,230,0.1);
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row.is-selected:hover {
background-color: rgba(20,115,230,0.2);
}
.ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row.is-selected.focus-ring, .ccdfonts .spectrum--light .spectrum-Table--quiet .spectrum-Table-row.is-selected.is-focused {
background-color: rgba(20,115,230,0.2);
}
.ccdfonts .spectrum--light .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child, .ccdfonts .spectrum--light .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
border-left: none;
border-right: none;
}
.ccdfonts .spectrum--darkest .spectrum-Table-headCell {
color: rgb(162, 162, 162);
background-color: transparent;
}
.ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable .spectrum-Table-sortedIcon {
color: rgb(124, 124, 124);
}
.ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable:hover {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable:hover .spectrum-Table-sortedIcon {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable.focus-ring, .ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable.is-focused {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable.focus-ring .spectrum-Table-sortedIcon, .ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable.is-focused .spectrum-Table-sortedIcon {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable:active {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-sortable:active .spectrum-Table-sortedIcon {
color: rgb(239, 239, 239);
}
.ccdfonts .spectrum--darkest .spectrum-Table-cell.focus-ring::before, .ccdfonts .spectrum--darkest .spectrum-Table-cell.is-focused::before, .ccdfonts .spectrum--darkest .spectrum-Table-headCell.focus-ring::before, .ccdfonts .spectrum--darkest .spectrum-Table-headCell.is-focused::before {
box-shadow: inset 0 0 0 2px rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Table-body {
border-style: solid;
border-color: rgb(57, 57, 57);
background-color: rgb(8, 8, 8);
}
.ccdfonts .spectrum--darkest .spectrum-Table-body.is-drop-target {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Table-body.is-drop-target::before {
background-color: rgba(38,128,235,0.2);
}
.ccdfonts .spectrum--darkest tbody.spectrum-Table-body {
border: none;
}
.ccdfonts .spectrum--darkest tbody.spectrum-Table-body .spectrum-Table-row {
border-top: none;
}
.ccdfonts .spectrum--darkest tbody.spectrum-Table-body .spectrum-Table-cell {
border-top: 1px solid rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child {
border-left: 1px solid rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
border-right: 1px solid rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell {
border-bottom: 1px solid rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest .spectrum-Table-row {
border-bottom: 1px solid rgb(57, 57, 57);
background-color: transparent;
}
.ccdfonts .spectrum--darkest .spectrum-Table-row:hover {
background-color: rgba(239,239,239,0.08);
}
.ccdfonts .spectrum--darkest .spectrum-Table-row.focus-ring, .ccdfonts .spectrum--darkest .spectrum-Table-row.is-focused {
background-color: rgba(239,239,239,0.08);
}
.ccdfonts .spectrum--darkest .spectrum-Table-row:active {
background-color: rgba(239,239,239,0.15);
}
.ccdfonts .spectrum--darkest .spectrum-Table-row.is-selected {
background-color: rgba(38,128,235,0.2);
}
.ccdfonts .spectrum--darkest .spectrum-Table-row.is-selected:hover {
background-color: rgba(38,128,235,0.3);
}
.ccdfonts .spectrum--darkest .spectrum-Table-row.is-selected.focus-ring, .ccdfonts .spectrum--darkest .spectrum-Table-row.is-selected.is-focused {
background-color: rgba(38,128,235,0.3);
}
.ccdfonts .spectrum--darkest .spectrum-Table-row.is-drop-target::before {
box-shadow: inset 0 0 0 2px rgb(20, 115, 230);
background-color: rgba(38,128,235,0.2);
}
.ccdfonts .spectrum--darkest .spectrum-Table-cell {
color: rgb(200, 200, 200);
background-color: transparent;
}
.ccdfonts .spectrum--darkest .spectrum-Table-cell--divider {
border-right-style: solid;
border-right-color: rgb(57, 57, 57);
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-body {
border-width: 1px 0;
background-color: transparent;
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-body.is-drop-target {
box-shadow: none;
border-color: transparent;
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-body.is-drop-target::before {
box-shadow: inset 0 0 0 2px rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row {
background-color: transparent;
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row:hover {
background-color: rgba(239,239,239,0.08);
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row.focus-ring, .ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row.is-focused {
background-color: rgba(239,239,239,0.08);
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row:active {
background-color: rgba(239,239,239,0.15);
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row.is-selected {
background-color: rgba(38,128,235,0.2);
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row.is-selected:hover {
background-color: rgba(38,128,235,0.3);
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row.is-selected.focus-ring, .ccdfonts .spectrum--darkest .spectrum-Table--quiet .spectrum-Table-row.is-selected.is-focused {
background-color: rgba(38,128,235,0.3);
}
.ccdfonts .spectrum--darkest .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child, .ccdfonts .spectrum--darkest .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
border-left: none;
border-right: none;
}
.ccdfonts .spectrum-DropIndicator {
position: relative;
}
.ccdfonts .spectrum-DropIndicator:before, .ccdfonts .spectrum-DropIndicator:after {
content: '';
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
border: 2px solid;
box-sizing: border-box;
}
.ccdfonts .spectrum-DropIndicator--horizontal {
height: 2px;
margin: 0 12px;
}
.ccdfonts .spectrum-DropIndicator--horizontal:before, .ccdfonts .spectrum-DropIndicator--horizontal:after {
top: -5px;
}
.ccdfonts .spectrum-DropIndicator--horizontal:before {
left: -12px;
}
.ccdfonts .spectrum-DropIndicator--horizontal:after {
right: -12px;
}
.ccdfonts .spectrum-DropIndicator--vertical {
width: 2px;
margin: 12px 0;
}
.ccdfonts .spectrum-DropIndicator--vertical:before, .ccdfonts .spectrum-DropIndicator--vertical:after {
left: -5px;
}
.ccdfonts .spectrum-DropIndicator--vertical:before {
top: -12px;
}
.ccdfonts .spectrum-DropIndicator--vertical:after {
bottom: -12px;
}
.ccdfonts .spectrum--light .spectrum-DropIndicator {
background: rgb(38, 128, 235);
}
.ccdfonts .spectrum--light .spectrum-DropIndicator:before, .ccdfonts .spectrum--light .spectrum-DropIndicator:after {
border-color: rgb(38, 128, 235);
}
.ccdfonts .spectrum--darkest .spectrum-DropIndicator {
background: rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-DropIndicator:before, .ccdfonts .spectrum--darkest .spectrum-DropIndicator:after {
border-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum { /* spectrum-animationGlobals.css */
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
--spectrum-global-animation-duration-300: 190ms;
--spectrum-global-animation-duration-400: 220ms;
--spectrum-global-animation-duration-500: 250ms;
--spectrum-global-animation-duration-600: 300ms;
--spectrum-global-animation-duration-700: 350ms;
--spectrum-global-animation-duration-800: 400ms;
--spectrum-global-animation-duration-900: 450ms;
--spectrum-global-animation-duration-1000: 500ms;
--spectrum-global-animation-duration-2000: 1000ms;
--spectrum-global-animation-duration-4000: 2000ms;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
/* spectrum-colorGlobals.css */
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-200: rgb(90, 169, 250);
--spectrum-global-color-static-blue-300: rgb(75, 156, 245);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-celery-200: rgb(88, 224, 111);
--spectrum-global-color-static-celery-300: rgb(81, 210, 103);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-chartreuse-300: rgb(155, 236, 84);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-yellow-200: rgb(255, 226, 46);
--spectrum-global-color-static-yellow-300: rgb(250, 217, 0);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-magenta-200: rgb(245, 107, 183);
--spectrum-global-color-static-magenta-300: rgb(236, 90, 170);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-purple-800: rgb(111, 56, 177);
--spectrum-global-color-static-indigo-200: rgb(144, 144, 250);
--spectrum-global-color-static-indigo-300: rgb(130, 130, 246);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-seafoam-200: rgb(38, 192, 199);
--spectrum-global-color-static-seafoam-300: rgb(35, 178, 184);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
--spectrum-global-color-opacity-60: 0.6;
--spectrum-global-color-opacity-50: 0.5;
--spectrum-global-color-opacity-40: 0.4;
--spectrum-global-color-opacity-30: 0.3;
--spectrum-global-color-opacity-25: 0.25;
--spectrum-global-color-opacity-20: 0.2;
--spectrum-global-color-opacity-15: 0.15;
--spectrum-global-color-opacity-10: 0.1;
--spectrum-global-color-opacity-8: 0.08;
--spectrum-global-color-opacity-7: 0.07;
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;
--spectrum-global-color-sequential-cerulean: ["#E9FFF1","#C8F1E4","#A5E3D7","#82D5CA","#68C5C1","#54B4BA","#3FA2B2","#2991AC","#2280A2","#1F6D98","#1D5C8D","#1A4B83","#1A3979","#1A266F","#191264","#180057"];
--spectrum-global-color-sequential-forest: ["#FFFFDF", "#E2F6BA", "#C4EB95", "#A4E16D", "#8DD366", "#77C460", "#5FB65A", "#48A754", "#36984F", "#2C894D", "#237A4A", "#196B47", "#105C45", "#094D41", "#033F3E", "#00313A"];
--spectrum-global-color-sequential-rose: ["#FFF4DD", "#FFDDD7", "#FFC5D2", "#FEAECB", "#FA96C4", "#F57EBD", "#EF64B5", "#E846AD", "#D238A1", "#BB2E96", "#A3248C", "#8A1B83", "#71167C", "#560F74", "#370B6E", "#000968"];
--spectrum-global-color-diverging-orange-yellow-seafoam: ["#580000", "#79260B", "#9C4511", "#BD651A", "#DD8629", "#F5AD52", "#FED693", "#FFFFE0", "#BBE4D1", "#76C7BE", "#3EA8A6", "#208288", "#076769", "#00494B", "#002C2D"];
--spectrum-global-color-diverging-red-yellow-blue: ["#4A001E", "#751232", "#A52747", "#C65154", "#E47961", "#F0A882", "#FAD4AC", "#FFFFE0", "#BCE2CF", "#89C0C4", "#579EB9", "#397AA8", "#1C5796", "#163771", "#10194D"];
--spectrum-global-color-diverging-red-blue: ["#4A001E", "#731331", "#9F2945", "#CC415A", "#E06E85", "#ED9AB0", "#F8C3D9", "#FAF0FF", "#C6D0F2", "#92B2DE", "#5D94CB", "#2F74B3", "#265191", "#163670", "#0B194C"];
/* spectrum-colorSemantics.css */
--spectrum-semantic-negative-color-background: var(--spectrum-global-color-static-red-700);
--spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-border: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-icon: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-status: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-text-large: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-text-small: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-state-down: var(--spectrum-global-color-red-700);
--spectrum-semantic-negative-color-state-focus: var(--spectrum-global-color-red-400);
--spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-700);
--spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-border: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-icon: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-status: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-text-large: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-text-small: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-state-down: var(--spectrum-global-color-orange-700);
--spectrum-semantic-notice-color-state-focus: var(--spectrum-global-color-orange-400);
--spectrum-semantic-positive-color-background: var(--spectrum-global-color-static-green-700);
--spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-border: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-icon: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-status: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-text-large: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-text-small: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-state-down: var(--spectrum-global-color-green-700);
--spectrum-semantic-positive-color-state-focus: var(--spectrum-global-color-green-400);
--spectrum-semantic-informative-color-background: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-border: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-icon: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-status: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-text-large: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-text-small: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-state-down: var(--spectrum-global-color-blue-700);
--spectrum-semantic-informative-color-state-focus: var(--spectrum-global-color-blue-400);
--spectrum-semantic-cta-color-background-default: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-cta-color-background-hover: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-down: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-neutral-color-background: var(--spectrum-global-color-static-gray-700);
--spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);
--spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);
--spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);
--spectrum-semantic-presence-color-4: rgb(75, 204, 162);
--spectrum-semantic-presence-color-5: rgb(0, 199, 255);
--spectrum-semantic-presence-color-6: rgb(0, 140, 184);
--spectrum-semantic-presence-color-7: rgb(126, 75, 243);
--spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);
/* spectrum-dimensionGlobals.css */
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
--spectrum-global-dimension-static-size-50: 4px;
--spectrum-global-dimension-static-size-40: 3px;
--spectrum-global-dimension-static-size-65: 5px;
--spectrum-global-dimension-static-size-100: 8px;
--spectrum-global-dimension-static-size-115: 9px;
--spectrum-global-dimension-static-size-125: 10px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-175: 14px;
--spectrum-global-dimension-static-size-200: 16px;
--spectrum-global-dimension-static-size-225: 18px;
--spectrum-global-dimension-static-size-250: 20px;
--spectrum-global-dimension-static-size-300: 24px;
--spectrum-global-dimension-static-size-400: 32px;
--spectrum-global-dimension-static-size-450: 36px;
--spectrum-global-dimension-static-size-500: 40px;
--spectrum-global-dimension-static-size-550: 44px;
--spectrum-global-dimension-static-size-600: 48px;
--spectrum-global-dimension-static-size-700: 56px;
--spectrum-global-dimension-static-size-800: 64px;
--spectrum-global-dimension-static-size-900: 72px;
--spectrum-global-dimension-static-size-1000: 80px;
--spectrum-global-dimension-static-size-1200: 96px;
--spectrum-global-dimension-static-size-1700: 136px;
--spectrum-global-dimension-static-size-2400: 192px;
--spectrum-global-dimension-static-size-2600: 208px;
--spectrum-global-dimension-static-size-3400: 272px;
--spectrum-global-dimension-static-size-3600: 288px;
--spectrum-global-dimension-static-size-4600: 368px;
--spectrum-global-dimension-static-size-5000: 400px;
--spectrum-global-dimension-static-size-6000: 480px;
--spectrum-global-dimension-static-font-size-50: 11px;
--spectrum-global-dimension-static-font-size-75: 12px;
--spectrum-global-dimension-static-font-size-100: 14px;
--spectrum-global-dimension-static-font-size-150: 15px;
--spectrum-global-dimension-static-font-size-200: 16px;
--spectrum-global-dimension-static-font-size-300: 18px;
--spectrum-global-dimension-static-font-size-400: 20px;
--spectrum-global-dimension-static-font-size-500: 22px;
--spectrum-global-dimension-static-font-size-600: 25px;
--spectrum-global-dimension-static-font-size-700: 28px;
--spectrum-global-dimension-static-font-size-800: 32px;
--spectrum-global-dimension-static-font-size-900: 36px;
--spectrum-global-dimension-static-font-size-1000: 40px;
--spectrum-global-dimension-static-percent-50: 50%;
--spectrum-global-dimension-static-percent-100: 100%;
--spectrum-global-dimension-static-breakpoint-xsmall: 304px;
--spectrum-global-dimension-static-breakpoint-small: 768px;
--spectrum-global-dimension-static-breakpoint-medium: 1280px;
--spectrum-global-dimension-static-breakpoint-large: 1768px;
--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
/* spectrum-fontGlobals.css */
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
--spectrum-global-font-weight-thin: 100;
--spectrum-global-font-weight-ultra-light: 200;
--spectrum-global-font-weight-light: 300;
--spectrum-global-font-weight-regular: 400;
--spectrum-global-font-weight-medium: 500;
--spectrum-global-font-weight-semi-bold: 600;
--spectrum-global-font-weight-bold: 700;
--spectrum-global-font-weight-extra-bold: 800;
--spectrum-global-font-weight-black: 900;
--spectrum-global-font-style-regular: normal;
--spectrum-global-font-style-italic: italic;
--spectrum-global-font-letter-spacing-none: 0;
--spectrum-global-font-letter-spacing-small: 0.0125em;
--spectrum-global-font-letter-spacing-han: 0.05em;
--spectrum-global-font-letter-spacing-medium: 0.06em;
--spectrum-global-font-line-height-large: 1.7;
--spectrum-global-font-line-height-medium: 1.5;
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;
/* spectrum-staticAliases.css */
--spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
--spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
--spectrum-alias-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif';
--spectrum-alias-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
--spectrum-alias-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
--spectrum-alias-font-family-ja: adobe-clean-han-japanese, source-han-japanese, 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', 'sans-serif';
--spectrum-alias-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small);
--spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large);
--spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
--spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-detail-text-font-weight-light: var(--spectrum-global-font-weight-regular);
--spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);
--spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);
--spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);
--spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-loupe-entry-animation-duration: var(--spectrum-global-animation-duration-300);
--spectrum-alias-loupe-exit-animation-duration: var(--spectrum-global-animation-duration-300);
}
.ccdfonts .spectrum--medium, .ccdfonts .spectrum--large {
/* spectrum-dimensionAliases.css */
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-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);
}
.ccdfonts .spectrum--darkest, .ccdfonts .spectrum--dark, .ccdfonts .spectrum--light, .ccdfonts .spectrum--lightest {
/* spectrum-colorAliases.css */
--spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-background-color-transparent: transparent;
--spectrum-alias-background-color-label-gray: rgb(112, 112, 112);
--spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
--spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-600);
--spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800);
--spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
--spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
--spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
--spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-title-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-focus: var(--spectrum-global-color-blue-400);
--spectrum-alias-border-color-down: var(--spectrum-global-color-blue-500);
--spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100);
--spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
--spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-transparent: transparent;
--spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);
--spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);
--spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
--spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color);
--spectrum-alias-focus-ring-gap-color: var(--spectrum-global-color-gray-75);
--spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);
--spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white);
--spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-error: var(--spectrum-global-color-red-400);
--spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100);
--spectrum-alias-categorical-color-1: var(--spectrum-global-color-static-seafoam-200);
--spectrum-alias-categorical-color-2: var(--spectrum-global-color-static-indigo-700);
--spectrum-alias-categorical-color-3: var(--spectrum-global-color-static-orange-500);
--spectrum-alias-categorical-color-4: var(--spectrum-global-color-static-magenta-500);
--spectrum-alias-categorical-color-5: var(--spectrum-global-color-static-indigo-200);
--spectrum-alias-categorical-color-6: var(--spectrum-global-color-static-celery-200);
--spectrum-alias-categorical-color-7: var(--spectrum-global-color-static-blue-500);
--spectrum-alias-categorical-color-8: var(--spectrum-global-color-static-purple-800);
--spectrum-alias-categorical-color-9: var(--spectrum-global-color-static-yellow-500);
--spectrum-alias-categorical-color-10: var(--spectrum-global-color-static-orange-700);
--spectrum-alias-categorical-color-11: var(--spectrum-global-color-static-green-600);
--spectrum-alias-categorical-color-12: var(--spectrum-global-color-static-chartreuse-300);
--spectrum-alias-categorical-color-13: var(--spectrum-global-color-static-blue-200);
--spectrum-alias-categorical-color-14: var(--spectrum-global-color-static-fuchsia-500);
--spectrum-alias-categorical-color-15: var(--spectrum-global-color-static-magenta-200);
--spectrum-alias-categorical-color-16: var(--spectrum-global-color-static-yellow-200);
}
.ccdfonts .spectrum--light {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(61, 167, 78);
--spectrum-global-color-celery-600: rgb(55, 153, 71);
--spectrum-global-color-celery-700: rgb(49, 139, 64);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(210, 178, 0);
--spectrum-global-color-yellow-600: rgb(196, 166, 0);
--spectrum-global-color-yellow-700: rgb(183, 153, 0);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(206, 39, 131);
--spectrum-global-color-magenta-600: rgb(188, 28, 116);
--spectrum-global-color-magenta-700: rgb(174, 14, 102);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(134, 76, 204);
--spectrum-global-color-purple-600: rgb(122, 66, 191);
--spectrum-global-color-purple-700: rgb(111, 56, 177);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(92, 92, 224);
--spectrum-global-color-indigo-600: rgb(81, 81, 211);
--spectrum-global-color-indigo-700: rgb(70, 70, 198);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(22, 135, 140);
--spectrum-global-color-seafoam-600: rgb(15, 121, 125);
--spectrum-global-color-seafoam-700: rgb(9, 108, 111);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(215, 55, 63);
--spectrum-global-color-red-600: rgb(201, 37, 45);
--spectrum-global-color-red-700: rgb(187, 18, 26);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(218, 123, 17);
--spectrum-global-color-orange-600: rgb(203, 111, 16);
--spectrum-global-color-orange-700: rgb(189, 100, 13);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(38, 142, 108);
--spectrum-global-color-green-600: rgb(18, 128, 92);
--spectrum-global-color-green-700: rgb(16, 113, 84);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(20, 115, 230);
--spectrum-global-color-blue-600: rgb(13, 102, 208);
--spectrum-global-color-blue-700: rgb(9, 90, 186);
--spectrum-global-color-gray-50: rgb(255, 255, 255);
--spectrum-global-color-gray-75: rgb(250, 250, 250);
--spectrum-global-color-gray-100: rgb(245, 245, 245);
--spectrum-global-color-gray-200: rgb(234, 234, 234);
--spectrum-global-color-gray-300: rgb(225, 225, 225);
--spectrum-global-color-gray-400: rgb(202, 202, 202);
--spectrum-global-color-gray-500: rgb(179, 179, 179);
--spectrum-global-color-gray-600: rgb(142, 142, 142);
--spectrum-global-color-gray-700: rgb(110, 110, 110);
--spectrum-global-color-gray-800: rgb(75, 75, 75);
--spectrum-global-color-gray-900: rgb(44, 44, 44);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
--spectrum-alias-highlight-active: rgba(44,44,44,0.1);
--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
--spectrum-colorarea-border-color: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(75,75,75,0.02);
--spectrum-well-border-color: rgba(44,44,44,0.05);
}
.ccdfonts .spectrum--darkest {
--spectrum-global-color-celery-400: rgb(61, 167, 78);
--spectrum-global-color-celery-500: rgb(68, 181, 86);
--spectrum-global-color-celery-600: rgb(75, 195, 95);
--spectrum-global-color-celery-700: rgb(81, 210, 103);
--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
--spectrum-global-color-yellow-400: rgb(210, 178, 0);
--spectrum-global-color-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-yellow-600: rgb(237, 204, 0);
--spectrum-global-color-yellow-700: rgb(250, 217, 0);
--spectrum-global-color-magenta-400: rgb(202, 41, 150);
--spectrum-global-color-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-magenta-600: rgb(226, 73, 157);
--spectrum-global-color-magenta-700: rgb(236, 90, 170);
--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
--spectrum-global-color-purple-400: rgb(134, 76, 204);
--spectrum-global-color-purple-500: rgb(146, 86, 217);
--spectrum-global-color-purple-600: rgb(157, 100, 225);
--spectrum-global-color-purple-700: rgb(168, 115, 223);
--spectrum-global-color-indigo-400: rgb(92, 92, 224);
--spectrum-global-color-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-indigo-600: rgb(117, 117, 241);
--spectrum-global-color-indigo-700: rgb(130, 130, 246);
--spectrum-global-color-seafoam-400: rgb(22, 135, 140);
--spectrum-global-color-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-seafoam-600: rgb(32, 163, 168);
--spectrum-global-color-seafoam-700: rgb(35, 178, 184);
--spectrum-global-color-red-400: rgb(215, 55, 63);
--spectrum-global-color-red-500: rgb(227, 72, 80);
--spectrum-global-color-red-600: rgb(236, 91, 98);
--spectrum-global-color-red-700: rgb(247, 109, 116);
--spectrum-global-color-orange-400: rgb(218, 123, 17);
--spectrum-global-color-orange-500: rgb(230, 134, 25);
--spectrum-global-color-orange-600: rgb(242, 148, 35);
--spectrum-global-color-orange-700: rgb(249, 164, 63);
--spectrum-global-color-green-400: rgb(38, 142, 108);
--spectrum-global-color-green-500: rgb(45, 157, 120);
--spectrum-global-color-green-600: rgb(51, 171, 132);
--spectrum-global-color-green-700: rgb(57, 185, 144);
--spectrum-global-color-blue-400: rgb(20, 115, 230);
--spectrum-global-color-blue-500: rgb(38, 128, 235);
--spectrum-global-color-blue-600: rgb(55, 142, 240);
--spectrum-global-color-blue-700: rgb(75, 156, 245);
--spectrum-global-color-gray-50: rgb(8, 8, 8);
--spectrum-global-color-gray-75: rgb(26, 26, 26);
--spectrum-global-color-gray-100: rgb(30, 30, 30);
--spectrum-global-color-gray-200: rgb(44, 44, 44);
--spectrum-global-color-gray-300: rgb(57, 57, 57);
--spectrum-global-color-gray-400: rgb(73, 73, 73);
--spectrum-global-color-gray-500: rgb(92, 92, 92);
--spectrum-global-color-gray-600: rgb(124, 124, 124);
--spectrum-global-color-gray-700: rgb(162, 162, 162);
--spectrum-global-color-gray-800: rgb(200, 200, 200);
--spectrum-global-color-gray-900: rgb(239, 239, 239);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);
--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);
--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);
--spectrum-alias-highlight-active: rgba(239,239,239,0.15);
--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);
--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);
--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);
--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(200,200,200,0.02);
--spectrum-well-border-color: rgba(239,239,239,0.05);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts {
height: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui {
--background-color-primary: rgb(255, 255, 255);
background: var(--background-color-primary);
height: 100%;
display: flex;
}
.ccdfonts .spectrum--darkest .adobe-fonts-bring-your-own-fonts-main-ui {
--background-color-primary: rgb(17, 17, 17);
}
.ccdfonts .spectrum--light .adobe-fonts-bring-your-own-fonts-main-ui {
--background-color-primary: rgb(255, 255, 255);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui p {
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__intro-view {
width: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view-offline-state {
height: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view-offline-state svg .st1 {
fill: none;
stroke: #b3b3b3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
stroke-width: 3;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view-offline-state svg .st2 {
fill: none;
stroke: #b3b3b3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__field-group {
display: inline-block;
margin-right: 10px;
vertical-align: bottom;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__font-list {
display: flex;
flex: 1;
flex-direction: column;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__font-list .adobe-fonts-bring-your-own-fonts__font-list-offline-banner {
text-align: center;
width: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__font-list p.adobe-fonts-bring-your-own-fonts__no-more-fonts {
margin-left: 20px;
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__font-list-selected-info {
align-items: flex-end;
display: flex;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__font-list-selected-info .adobe-fonts-bring-your-own-fonts__font-list-selector {
margin-right: 5px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-main-ui .adobe-fonts-bring-your-own-fonts__font-list-selected-info p {
display: inline-block;
margin: 5px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-license {
display: flex;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-license .adobe-fonts-bring-your-own-fonts__adding-files-license-checkbox {
position: relative;
text-decoration: none;
width: 15px;
margin-right: 16px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-license .adobe-fonts-bring-your-own-fonts__adding-files-license-checkbox .spectrum-Checkbox-box {
position: absolute;
margin: 0;
top: 4px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-license .adobe-fonts-bring-your-own-fonts__adding-files-license-checkbox-label {
margin-left: 8px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-license .adobe-fonts-bring-your-own-fonts__adding-files-license-learn-more {
cursor: pointer;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-license .adobe-fonts-bring-your-own-fonts__adding-files-license-checkbox, .ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-license .adobe-fonts-bring-your-own-fonts__adding-files-license-learn-more {
margin-left: 5px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-view-footer {
margin-top: 15px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__adding-files-view .adobe-fonts-bring-your-own-fonts__adding-files-view-footer-buttons {
text-align: right;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-conflict-tooltip {
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-conflict-tooltip .adobe-fonts-bring-your-own-fonts__font-conflict-learn-more {
cursor: pointer;
margin-left: 5px;
text-decoration: underline;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list .adobe-fonts-bring-your-own-fonts__font-list-heading {
margin-top: 50px;
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list .adobe-fonts-bring-your-own-fonts__font-list-heading-text {
color: var(--spectrum-global-color-gray-900);
margin-bottom: 20px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list .adobe-fonts-bring-your-own-fonts__font-list-grid-view {
padding: 0 20px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list .adobe-fonts-bring-your-own-fonts__font-list-list-view {
margin: 0 16px;
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection {
flex: 1;
display: flex;
flex-direction: column;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection.adobe-fonts-bring-your-own-fonts-font-card-collection--grid-view {
flex-wrap: wrap;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection .adobe-fonts-bring-your-own-fonts-font-card-collection__list-view-header .spectrum-Table-headCell {
flex-basis: 0;
flex-grow: 1;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection .adobe-fonts-bring-your-own-fonts-font-card-collection__list-view-header .react-spectrum-TableView-checkboxCell {
flex-grow: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection .adobe-fonts-bring-your-own-fonts-font-card-collection__list-view-header .adobe-fonts-bring-your-own-fonts-font-card-collection__icon-svg {
max-width: 121px;
width: 121px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection .adobe-fonts-bring-your-own-fonts-font-card-collection__list-view-header .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-status-column {
max-width: 270px;
width: 270px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection .adobe-fonts-bring-your-own-fonts-font-card-collection__list-view-header .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-retry-font-sync-button {
max-width: 90px;
width: 90px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection .adobe-fonts-bring-your-own-fonts-font-card-collection-collection-view {
border: none;
flex: 1;
outline: none;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-card-collection .adobe-fonts-bring-your-own-fonts__font-card {
margin: 1px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card {
flex: 1;
flex-wrap: wrap;
height: 275px;
text-overflow: ellipsis;
width: 240px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card:focus-within .spectrum-Card-quickActions, .ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card:focus-within .spectrum-Card-actions {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card:focus-within .spectrum-Card-preview:before {
border-color: var(--spectrum-alias-border-color-focus);
box-shadow: 0 0 0 1px var(--spectrum-alias-border-color-focus);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .spectrum-Card-body {
width: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .spectrum-Card-preview {
padding: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-preview-wrapper {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
position: relative;
width: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-cloud-icon p, .ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-cloud-icon svg {
display: inline-block;
vertical-align: middle;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-cloud-icon svg {
fill: var(--spectrum-global-color-gray-600);
margin-right: 10px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-file-icon {
height: 80px;
width: 65px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-message {
background: var(--spectrum-global-color-gray-200);
height: 208px;
text-align: center;
width: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-message .adobe-fonts-bring-your-own-fonts__font-list-grid-view-alert-icon {
margin-top: 50px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-message .adobe-fonts-bring-your-own-fonts__font-list-grid-view-alert-icon svg {
color: var(--spectrum-global-color-gray-600);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-message .adobe-fonts-bring-your-own-fonts__fonts-list-grid-view-status-message {
margin: 0 auto;
text-align: center;
width: 60%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-message .adobe-fonts-bring-your-own-fonts__font-card-grid-view-status-message {
color: var(--spectrum-global-color-gray-600);
padding: 0 40px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-message .adobe-fonts-bring-your-own-fonts__fonts-list-grid-view-cloud {
display: block;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-list-grid-view-message .adobe-fonts-bring-your-own-fonts__fonts-list-grid-view-cloud svg {
color: var(--spectrum-global-color-gray-600);
height: 30px;
margin-top: 50px;
width: 30px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-processing-overlay {
align-items: center;
background: var(--spectrum-global-color-static-gray-900);
bottom: 0;
color: var(--spectrum-global-color-static-gray-50);
display: flex;
justify-content: center;
left: 0;
opacity: 0.95;
position: absolute;
right: 0;
top: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-processing-overlay .adobe-fonts-bring-your-own-fonts__font-card-processing-overlay-loading {
display: block;
margin: auto;
}
.ccdfonts .spectrum--darkest .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-processing-overlay .spectrum-CircleLoader-fill {
border-color: var(--spectrum-global-color-gray-900);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-status-overlay {
bottom: 20px;
position: absolute;
right: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-status-label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-status-label svg {
margin-right: 5px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-status-label svg, .ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-status-label span {
vertical-align: middle;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-card.spectrum-Card .adobe-fonts-bring-your-own-fonts__font-card-status-label .adobe-fonts-bring-your-own-fonts__font-status-text {
vertical-align: middle;
}
.ccdfonts .spectrum-Label {
display: inline-block;
position: relative;
width: auto;
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
line-height: 1.5;
cursor: default;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
font-smoothing: subpixel-antialiased;
}
.ccdfonts .spectrum-Label--large {
font-size: 14px;
padding: 8px 12px;
}
.ccdfonts .spectrum-Label--small {
font-size: 11px;
padding: 3px 7px;
}
.ccdfonts .spectrum--light .spectrum-Label {
color: rgb(255, 255, 255);
}
.ccdfonts .spectrum--light .spectrum-Label--inactive, .ccdfonts .spectrum--light .spectrum-Label--grey {
background-color: rgb(116, 116, 116);
}
.ccdfonts .spectrum--light .spectrum-Label--red {
background-color: rgb(215, 55, 63);
}
.ccdfonts .spectrum--light .spectrum-Label--orange, .ccdfonts .spectrum--light .spectrum-Label--or {
background-color: rgb(218, 123, 17);
}
.ccdfonts .spectrum--light .spectrum-Label--yellow {
background-color: rgb(223, 191, 0);
}
.ccdfonts .spectrum--light .spectrum-Label--seafoam {
background-color: rgb(27, 149, 154);
}
.ccdfonts .spectrum--light .spectrum-Label--green {
background-color: rgb(38, 142, 108);
}
.ccdfonts .spectrum--light .spectrum-Label--blue, .ccdfonts .spectrum--light .spectrum-Label--active, .ccdfonts .spectrum--light .spectrum-Label--and {
background-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--light .spectrum-Label--fuchsia {
background-color: rgb(192, 56, 204);
}
.ccdfonts .spectrum--darkest .spectrum-Label {
color: rgb(255, 255, 255);
}
.ccdfonts .spectrum--darkest .spectrum-Label--inactive, .ccdfonts .spectrum--darkest .spectrum-Label--grey {
background-color: rgb(116, 116, 116);
}
.ccdfonts .spectrum--darkest .spectrum-Label--red {
background-color: rgb(215, 55, 63);
}
.ccdfonts .spectrum--darkest .spectrum-Label--orange, .ccdfonts .spectrum--darkest .spectrum-Label--or {
background-color: rgb(218, 123, 17);
}
.ccdfonts .spectrum--darkest .spectrum-Label--yellow {
background-color: rgb(210, 178, 0);
}
.ccdfonts .spectrum--darkest .spectrum-Label--seafoam {
background-color: rgb(22, 135, 140);
}
.ccdfonts .spectrum--darkest .spectrum-Label--green {
background-color: rgb(38, 142, 108);
}
.ccdfonts .spectrum--darkest .spectrum-Label--blue, .ccdfonts .spectrum--darkest .spectrum-Label--active, .ccdfonts .spectrum--darkest .spectrum-Label--and {
background-color: rgb(20, 115, 230);
}
.ccdfonts .spectrum--darkest .spectrum-Label--fuchsia {
background-color: rgb(177, 48, 189);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item {
--bring-your-own-fonts-list-item-icon-color: var(--spectrum-global-color-gray-600);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .react-spectrum-Table-cell {
flex-basis: 0;
flex-grow: 1;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .react-spectrum-TableView-checkboxCell {
flex-grow: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__icon-svg {
flex-direction: column;
justify-content: center;
max-width: 121px;
width: 121px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__icon-svg svg {
height: 48px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-name-column {
overflow: hidden;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-name {
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-filetype {
color: var(--spectrum-global-color-gray-700);
font-size: 11px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-status-column {
max-width: 270px;
width: 270px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-retry-font-sync-button {
visibility: hidden;
max-width: 90px;
width: 90px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item:focus-within .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-retry-font-sync-button, .ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item:hover .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-retry-font-sync-button, .ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item.is-selected .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-retry-font-sync-button {
visibility: visible;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-view-file-icon {
margin-top: 20px;
margin-bottom: -10px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-view-file-icon svg {
display: block;
height: 36px;
width: 30px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-view-alert-icon svg {
display: block;
fill: var(--bring-your-own-fonts-list-item-icon-color);
margin-left: 14.5px;
vertical-align: middle;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item_font-list-view-loading-icon {
margin-left: 13px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-view-cloud-icon p, .ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-view-cloud-icon svg {
display: inline-block;
vertical-align: middle;
font-size: 10px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-view-cloud-icon svg {
fill: var(--bring-your-own-fonts-list-item-icon-color);
margin-right: 4px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-view-alert-icon-with-cloud {
margin-top: 20px;
margin-bottom: -20px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-fonts-font-list-item__font-list-view-alert-icon-with-cloud svg {
display: block;
fill: var(--bring-your-own-fonts-list-item-icon-color);
margin-left: 14.5px;
vertical-align: middle;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-font-font-list-item__font-list-status-icon span {
display: inline-block;
height: 18px;
margin-left: 10px;
margin-top: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-font-font-list-item__font-list-status-icon svg {
vertical-align: middle;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-font-font-list-item__font-list-alert-icon svg {
fill: var(--spectrum-global-color-red-500);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-font-font-list-item__font-list-info-icon svg {
fill: var(--spectrum-global-color-blue-500);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-font-list-item .adobe-fonts-bring-your-own-font-font-list-item__font-list-success-icon svg {
fill: var(--spectrum-global-color-green-500);
}
/*************************************************************************
* 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.
**************************************************************************/
.ccdfonts .react-spectrum-GridView {
height: 500px;
outline: none;
}
.ccdfonts .react-spectrum-GridView > div > .item {
overflow: visible !important;
/* override inline styles applied by collection-view */
}
.ccdfonts .react-spectrum-GridView.is-drop-target {
background: rgba(75,156,245,0.1);
box-shadow: 0 0 0 2px #378ef0;
border-radius: 4px;
}
.ccdfonts .react-spectrum-GridView-item > .spectrum-Card--quiet, .ccdfonts .react-spectrum-GridView-item > .spectrum-Card--gallery {
position: absolute;
}
.ccdfonts .react-spectrum-GridView > div[style*="transition"] * {
transition: inherit;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar {
padding: 10px 0 0 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__free-user-banner {
text-align: left;
width: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__font-list-toolbar-content {
padding-bottom: 10px;
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__remove-button {
margin-top: 22px;
}
@media (max-width: 1200px) {
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__sort {
width: 140px;
}
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__file-count-and-add-more {
align-items: flex-end;
display: flex;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__file-count-and-add-more .adobe-fonts-bring-your-own-fonts__file-count-text {
margin-bottom: 4px;
margin-left: auto;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__file-count-and-add-more .adobe-fonts-bring-your-own-fonts__font-list-toolbar-refresh-button {
margin-left: 25px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__file-count-and-add-more .adobe-fonts-bring-your-own-fonts__add-more-button {
margin-left: 25px;
padding-left: 15px;
padding-right: 15px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__font-list-toolbar .adobe-fonts-bring-your-own-fonts__font-list-toolbar-bottom-rule {
margin-bottom: 0;
}
.ccdfonts .adobe-fonts-font-management-disabled-with-tooltip .adobe-fonts-font-management-disabled-with-tooltip__outer-wrapper {
outline: none;
}
.ccdfonts .adobe-fonts-font-management-disabled-with-tooltip .adobe-fonts-font-management-disabled-with-tooltip__outer-wrapper .adobe-fonts-font-management-disabled-with-tooltip__inner-wrapper {
pointer-events: none;
}
.ccdfonts .spectrum-FieldLabel, .ccdfonts .spectrum-Form-itemLabel {
display: block;
box-sizing: border-box;
padding: 4px 0 5px;
font-size: 12px;
font-weight: 400;
line-height: 1.3;
vertical-align: top;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
font-smoothing: subpixel-antialiased;
}
.ccdfonts .spectrum-FieldLabel-requiredIcon {
margin: 4px 0 0 2px;
}
.ccdfonts .spectrum-FieldLabel--left {
display: inline-block;
padding: 8px 8px 0 0;
}
.ccdfonts .spectrum-FieldLabel--left .spectrum-FieldLabel-requiredIcon {
margin: 0px 0 0 2px;
}
.ccdfonts .spectrum-FieldLabel--right {
display: inline-block;
text-align: right;
padding: 8px 8px 0 0;
}
.ccdfonts .spectrum-Form {
display: table;
border-collapse: separate;
border-spacing: 0 24px;
margin: -20px 0;
}
.ccdfonts .spectrum-Form-item {
display: table-row;
}
.ccdfonts .spectrum-Form-itemLabel {
display: table-cell;
}
.ccdfonts .spectrum-Form-itemField {
display: table-cell;
}
.ccdfonts .spectrum-Form--labelsAbove {
display: flex;
flex-direction: column;
margin: 0;
}
.ccdfonts .spectrum-Form--labelsAbove .spectrum-Form-item {
display: flex;
flex-direction: column;
}
.ccdfonts .spectrum-Form--labelsAbove .spectrum-Form-item + .spectrum-Form-item {
margin-top: 8px;
}
.ccdfonts .spectrum--light .spectrum-FieldLabel, .ccdfonts .spectrum--light .spectrum-Form-itemLabel {
color: rgb(110, 110, 110);
}
.ccdfonts .spectrum--light .spectrum-FieldLabel.is-disabled, .ccdfonts .spectrum--light .spectrum-Form-itemLabel.is-disabled {
color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--light .spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon, .ccdfonts .spectrum--light .spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
color: rgb(179, 179, 179);
}
.ccdfonts .spectrum--light .spectrum-FieldLabel-requiredIcon {
color: rgb(142, 142, 142);
}
.ccdfonts .spectrum--darkest .spectrum-FieldLabel, .ccdfonts .spectrum--darkest .spectrum-Form-itemLabel {
color: rgb(162, 162, 162);
}
.ccdfonts .spectrum--darkest .spectrum-FieldLabel.is-disabled, .ccdfonts .spectrum--darkest .spectrum-Form-itemLabel.is-disabled {
color: rgb(92, 92, 92);
}
.ccdfonts .spectrum--darkest .spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon, .ccdfonts .spectrum--darkest .spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
color: rgb(92, 92, 92);
}
.ccdfonts .spectrum--darkest .spectrum-FieldLabel-requiredIcon {
color: rgb(124, 124, 124);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages {
align-items: center;
display: inline-flex;
justify-content: center;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-segments {
display: flex;
list-style: none;
padding: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-segments .adobe-fonts-bring-your-own-fonts__page-segment {
display: inline-flex;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-segments .adobe-fonts-bring-your-own-fonts__segment-separator {
font-size: 20px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-buttons {
display: flex;
list-style: none;
padding: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-buttons .adobe-fonts-bring-your-own-fonts__page-button {
background: var(--spectrum-global-color-gray-50);
border-radius: 35px;
border: none;
color: var(--spectrum-global-color-gray-800);
cursor: pointer;
height: 35px;
margin: 0 10px;
outline: none;
padding: 5px;
position: relative;
width: 35px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-buttons .adobe-fonts-bring-your-own-fonts__page-button:focus {
border: none;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-buttons .adobe-fonts-bring-your-own-fonts__page-button:focus:before {
border-color: var(--spectrum-alias-border-color-focus);
border-radius: 35px;
bottom: 0;
box-shadow: 0 0 0 2px var(--spectrum-alias-border-color-focus);
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-buttons .adobe-fonts-bring-your-own-fonts__page-button:hover {
background: var(--spectrum-global-color-gray-200);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__pages .adobe-fonts-bring-your-own-fonts__page-buttons .adobe-fonts-bring-your-own-fonts__page-button.adobe-fonts-bring-your-own-fonts__page-button-current {
border: 2px solid var(--spectrum-global-color-gray-800);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view {
overflow-y: scroll;
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__header {
background: var(--spectrum-global-color-gray-75);
padding-top: 25px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__header .adobe-fonts-bring-your-own-fonts__intro-view__header-title {
font-weight: bold;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__steps {
margin-bottom: 20px;
margin-top: 50px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__steps .adobe-fonts-bring-your-own-fonts__intro-view__step-number {
background: var(--spectrum-global-color-gray-400);
border-radius: 50%;
font-size: 15px;
line-height: 30px;
text-align: center;
width: 30px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__step-description {
font-size: 18px;
margin-top: 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__font-file-upload {
margin-bottom: 40px;
margin-top: 40px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__quote-section {
background: var(--spectrum-global-color-gray-200);
color: var(--spectrum-global-color-gray-800);
padding: 50px 0;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__quote-section .adobe-fonts-bring-your-own-fonts__intro-view__quote-section-message {
font-size: 25px;
font-style: italic;
text-align: center;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts--locale-ja_JP .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view__quote-section .adobe-fonts-bring-your-own-fonts__intro-view__quote-section-message {
font-style: normal;
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view-copy-section {
font-size: 17px;
margin-top: 35px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view-copy-section svg .cls-1 {
fill: var(--spectrum-global-color-blue-500);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view-copy-section svg .cls-2 {
fill: var(--spectrum-global-color-gray-500);
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__intro-view .adobe-fonts-bring-your-own-fonts__intro-view-copy-row {
align-items: center;
margin-bottom: 70px;
text-align: left;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts__loading-screen {
align-items: center;
display: flex;
flex: 1;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view {
align-items: center;
display: flex;
justify-content: center;
width: 100%;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view__illustrated-message {
height: auto;
margin-bottom: 30px;
width: 300px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view__illustrated-message p {
text-align: center;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view__illustrated-message svg {
margin-bottom: 10px;
}
.ccdfonts .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view .adobe-fonts-bring-your-own-fonts-enterprise-no-fonts-view__learn-more {
margin-top: 30px;
text-align: center;
}
.ccdfonts .spectrum--light {
--spectrum-global-color-celery-400: rgb(68, 181, 86);
--spectrum-global-color-celery-500: rgb(61, 167, 78);
--spectrum-global-color-celery-600: rgb(55, 153, 71);
--spectrum-global-color-celery-700: rgb(49, 139, 64);
--spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
--spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
--spectrum-global-color-yellow-400: rgb(223, 191, 0);
--spectrum-global-color-yellow-500: rgb(210, 178, 0);
--spectrum-global-color-yellow-600: rgb(196, 166, 0);
--spectrum-global-color-yellow-700: rgb(183, 153, 0);
--spectrum-global-color-magenta-400: rgb(216, 55, 144);
--spectrum-global-color-magenta-500: rgb(206, 39, 131);
--spectrum-global-color-magenta-600: rgb(188, 28, 116);
--spectrum-global-color-magenta-700: rgb(174, 14, 102);
--spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
--spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
--spectrum-global-color-purple-400: rgb(146, 86, 217);
--spectrum-global-color-purple-500: rgb(134, 76, 204);
--spectrum-global-color-purple-600: rgb(122, 66, 191);
--spectrum-global-color-purple-700: rgb(111, 56, 177);
--spectrum-global-color-indigo-400: rgb(103, 103, 236);
--spectrum-global-color-indigo-500: rgb(92, 92, 224);
--spectrum-global-color-indigo-600: rgb(81, 81, 211);
--spectrum-global-color-indigo-700: rgb(70, 70, 198);
--spectrum-global-color-seafoam-400: rgb(27, 149, 154);
--spectrum-global-color-seafoam-500: rgb(22, 135, 140);
--spectrum-global-color-seafoam-600: rgb(15, 121, 125);
--spectrum-global-color-seafoam-700: rgb(9, 108, 111);
--spectrum-global-color-red-400: rgb(227, 72, 80);
--spectrum-global-color-red-500: rgb(215, 55, 63);
--spectrum-global-color-red-600: rgb(201, 37, 45);
--spectrum-global-color-red-700: rgb(187, 18, 26);
--spectrum-global-color-orange-400: rgb(230, 134, 25);
--spectrum-global-color-orange-500: rgb(218, 123, 17);
--spectrum-global-color-orange-600: rgb(203, 111, 16);
--spectrum-global-color-orange-700: rgb(189, 100, 13);
--spectrum-global-color-green-400: rgb(45, 157, 120);
--spectrum-global-color-green-500: rgb(38, 142, 108);
--spectrum-global-color-green-600: rgb(18, 128, 92);
--spectrum-global-color-green-700: rgb(16, 113, 84);
--spectrum-global-color-blue-400: rgb(38, 128, 235);
--spectrum-global-color-blue-500: rgb(20, 115, 230);
--spectrum-global-color-blue-600: rgb(13, 102, 208);
--spectrum-global-color-blue-700: rgb(9, 90, 186);
--spectrum-global-color-gray-50: rgb(255, 255, 255);
--spectrum-global-color-gray-75: rgb(250, 250, 250);
--spectrum-global-color-gray-100: rgb(245, 245, 245);
--spectrum-global-color-gray-200: rgb(234, 234, 234);
--spectrum-global-color-gray-300: rgb(225, 225, 225);
--spectrum-global-color-gray-400: rgb(202, 202, 202);
--spectrum-global-color-gray-500: rgb(179, 179, 179);
--spectrum-global-color-gray-600: rgb(142, 142, 142);
--spectrum-global-color-gray-700: rgb(110, 110, 110);
--spectrum-global-color-gray-800: rgb(75, 75, 75);
--spectrum-global-color-gray-900: rgb(44, 44, 44);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
--spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
--spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
--spectrum-alias-highlight-active: rgba(44,44,44,0.1);
--spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
--spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
--spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
--spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
--spectrum-colorarea-border-color: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-hover: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-down: rgba(44,44,44,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(44,44,44,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(20,115,230,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(20,115,230,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(75,75,75,0.02);
--spectrum-well-border-color: rgba(44,44,44,0.05);
}
.ccdfonts .spectrum--darkest {
--spectrum-global-color-celery-400: rgb(61, 167, 78);
--spectrum-global-color-celery-500: rgb(68, 181, 86);
--spectrum-global-color-celery-600: rgb(75, 195, 95);
--spectrum-global-color-celery-700: rgb(81, 210, 103);
--spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
--spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-chartreuse-600: rgb(142, 222, 73);
--spectrum-global-color-chartreuse-700: rgb(155, 236, 84);
--spectrum-global-color-yellow-400: rgb(210, 178, 0);
--spectrum-global-color-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-yellow-600: rgb(237, 204, 0);
--spectrum-global-color-yellow-700: rgb(250, 217, 0);
--spectrum-global-color-magenta-400: rgb(202, 41, 150);
--spectrum-global-color-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-magenta-600: rgb(226, 73, 157);
--spectrum-global-color-magenta-700: rgb(236, 90, 170);
--spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
--spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-fuchsia-600: rgb(207, 62, 220);
--spectrum-global-color-fuchsia-700: rgb(217, 81, 229);
--spectrum-global-color-purple-400: rgb(134, 76, 204);
--spectrum-global-color-purple-500: rgb(146, 86, 217);
--spectrum-global-color-purple-600: rgb(157, 100, 225);
--spectrum-global-color-purple-700: rgb(168, 115, 223);
--spectrum-global-color-indigo-400: rgb(92, 92, 224);
--spectrum-global-color-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-indigo-600: rgb(117, 117, 241);
--spectrum-global-color-indigo-700: rgb(130, 130, 246);
--spectrum-global-color-seafoam-400: rgb(22, 135, 140);
--spectrum-global-color-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-seafoam-600: rgb(32, 163, 168);
--spectrum-global-color-seafoam-700: rgb(35, 178, 184);
--spectrum-global-color-red-400: rgb(215, 55, 63);
--spectrum-global-color-red-500: rgb(227, 72, 80);
--spectrum-global-color-red-600: rgb(236, 91, 98);
--spectrum-global-color-red-700: rgb(247, 109, 116);
--spectrum-global-color-orange-400: rgb(218, 123, 17);
--spectrum-global-color-orange-500: rgb(230, 134, 25);
--spectrum-global-color-orange-600: rgb(242, 148, 35);
--spectrum-global-color-orange-700: rgb(249, 164, 63);
--spectrum-global-color-green-400: rgb(38, 142, 108);
--spectrum-global-color-green-500: rgb(45, 157, 120);
--spectrum-global-color-green-600: rgb(51, 171, 132);
--spectrum-global-color-green-700: rgb(57, 185, 144);
--spectrum-global-color-blue-400: rgb(20, 115, 230);
--spectrum-global-color-blue-500: rgb(38, 128, 235);
--spectrum-global-color-blue-600: rgb(55, 142, 240);
--spectrum-global-color-blue-700: rgb(75, 156, 245);
--spectrum-global-color-gray-50: rgb(8, 8, 8);
--spectrum-global-color-gray-75: rgb(26, 26, 26);
--spectrum-global-color-gray-100: rgb(30, 30, 30);
--spectrum-global-color-gray-200: rgb(44, 44, 44);
--spectrum-global-color-gray-300: rgb(57, 57, 57);
--spectrum-global-color-gray-400: rgb(73, 73, 73);
--spectrum-global-color-gray-500: rgb(92, 92, 92);
--spectrum-global-color-gray-600: rgb(124, 124, 124);
--spectrum-global-color-gray-700: rgb(162, 162, 162);
--spectrum-global-color-gray-800: rgb(200, 200, 200);
--spectrum-global-color-gray-900: rgb(239, 239, 239);
--spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.6);
--spectrum-alias-dropshadow-color: rgba(0,0,0,0.8);
--spectrum-alias-background-color-hover-overlay: rgba(239,239,239,0.08);
--spectrum-alias-highlight-hover: rgba(239,239,239,0.08);
--spectrum-alias-highlight-active: rgba(239,239,239,0.15);
--spectrum-alias-highlight-selected: rgba(38,128,235,0.2);
--spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.3);
--spectrum-alias-text-highlight-color: rgba(38,128,235,0.3);
--spectrum-alias-background-color-quickactions: rgba(30,30,30,0.9);
--spectrum-alias-radial-reaction-color-default: rgba(200,200,200,0.6);
--spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
--spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
--spectrum-colorarea-border-color: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorarea-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorslider-vertical-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-hover: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-down: rgba(239,239,239,0.1);
--spectrum-colorwheel-border-color-key-focus: rgba(239,239,239,0.1);
--spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
--spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
--spectrum-tabs-compact-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-compact-vertical-emphasized-rule-color: var(--spectrum-global-color-gray-200);
--spectrum-tabs-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-compact-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-tabs-quiet-vertical-emphasized-selection-indicator-color: var(--spectrum-global-color-blue-500);
--spectrum-well-background-color: rgba(200,200,200,0.02);
--spectrum-well-border-color: rgba(239,239,239,0.05);
}
.ccdfonts .spectrum { /* spectrum-animationGlobals.css */
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
--spectrum-global-animation-duration-300: 190ms;
--spectrum-global-animation-duration-400: 220ms;
--spectrum-global-animation-duration-500: 250ms;
--spectrum-global-animation-duration-600: 300ms;
--spectrum-global-animation-duration-700: 350ms;
--spectrum-global-animation-duration-800: 400ms;
--spectrum-global-animation-duration-900: 450ms;
--spectrum-global-animation-duration-1000: 500ms;
--spectrum-global-animation-duration-2000: 1000ms;
--spectrum-global-animation-duration-4000: 2000ms;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
/* spectrum-colorGlobals.css */
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
--spectrum-global-color-opacity-60: 0.6;
--spectrum-global-color-opacity-50: 0.5;
--spectrum-global-color-opacity-40: 0.4;
--spectrum-global-color-opacity-30: 0.3;
--spectrum-global-color-opacity-25: 0.25;
--spectrum-global-color-opacity-20: 0.2;
--spectrum-global-color-opacity-15: 0.15;
--spectrum-global-color-opacity-10: 0.1;
--spectrum-global-color-opacity-8: 0.08;
--spectrum-global-color-opacity-7: 0.07;
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;
/* spectrum-colorSemantics.css */
--spectrum-semantic-negative-color-background: var(--spectrum-global-color-static-red-700);
--spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-border: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-icon: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-status: var(--spectrum-global-color-red-400);
--spectrum-semantic-negative-color-text-large: var(--spectrum-global-color-red-500);
--spectrum-semantic-negative-color-text-small: var(--spectrum-global-color-red-600);
--spectrum-semantic-negative-color-state-down: var(--spectrum-global-color-red-700);
--spectrum-semantic-negative-color-state-focus: var(--spectrum-global-color-red-400);
--spectrum-semantic-notice-color-background: var(--spectrum-global-color-static-orange-700);
--spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-border: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-icon: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-status: var(--spectrum-global-color-orange-400);
--spectrum-semantic-notice-color-text-large: var(--spectrum-global-color-orange-500);
--spectrum-semantic-notice-color-text-small: var(--spectrum-global-color-orange-600);
--spectrum-semantic-notice-color-state-down: var(--spectrum-global-color-orange-700);
--spectrum-semantic-notice-color-state-focus: var(--spectrum-global-color-orange-400);
--spectrum-semantic-positive-color-background: var(--spectrum-global-color-static-green-700);
--spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-border: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-icon: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-status: var(--spectrum-global-color-green-400);
--spectrum-semantic-positive-color-text-large: var(--spectrum-global-color-green-500);
--spectrum-semantic-positive-color-text-small: var(--spectrum-global-color-green-600);
--spectrum-semantic-positive-color-state-down: var(--spectrum-global-color-green-700);
--spectrum-semantic-positive-color-state-focus: var(--spectrum-global-color-green-400);
--spectrum-semantic-informative-color-background: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-border: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-icon: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-status: var(--spectrum-global-color-blue-400);
--spectrum-semantic-informative-color-text-large: var(--spectrum-global-color-blue-500);
--spectrum-semantic-informative-color-text-small: var(--spectrum-global-color-blue-600);
--spectrum-semantic-informative-color-state-down: var(--spectrum-global-color-blue-700);
--spectrum-semantic-informative-color-state-focus: var(--spectrum-global-color-blue-400);
--spectrum-semantic-cta-color-background-default: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-cta-color-background-hover: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-down: var(--spectrum-global-color-static-blue-700);
--spectrum-semantic-cta-color-background-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-background-color-key-focus: var(--spectrum-global-color-static-blue-600);
--spectrum-semantic-neutral-color-background: var(--spectrum-global-color-static-gray-700);
--spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);
--spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);
--spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);
--spectrum-semantic-presence-color-4: rgb(75, 204, 162);
--spectrum-semantic-presence-color-5: rgb(0, 199, 255);
--spectrum-semantic-presence-color-6: rgb(0, 140, 184);
--spectrum-semantic-presence-color-7: rgb(126, 75, 243);
--spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);
/* spectrum-dimensionGlobals.css */
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
--spectrum-global-dimension-static-size-50: 4px;
--spectrum-global-dimension-static-size-40: 3px;
--spectrum-global-dimension-static-size-65: 5px;
--spectrum-global-dimension-static-size-100: 8px;
--spectrum-global-dimension-static-size-115: 9px;
--spectrum-global-dimension-static-size-125: 10px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-175: 14px;
--spectrum-global-dimension-static-size-200: 16px;
--spectrum-global-dimension-static-size-225: 18px;
--spectrum-global-dimension-static-size-250: 20px;
--spectrum-global-dimension-static-size-300: 24px;
--spectrum-global-dimension-static-size-400: 32px;
--spectrum-global-dimension-static-size-450: 36px;
--spectrum-global-dimension-static-size-500: 40px;
--spectrum-global-dimension-static-size-550: 44px;
--spectrum-global-dimension-static-size-600: 48px;
--spectrum-global-dimension-static-size-700: 56px;
--spectrum-global-dimension-static-size-800: 64px;
--spectrum-global-dimension-static-size-900: 72px;
--spectrum-global-dimension-static-size-1000: 80px;
--spectrum-global-dimension-static-size-1200: 96px;
--spectrum-global-dimension-static-size-1700: 136px;
--spectrum-global-dimension-static-size-2400: 192px;
--spectrum-global-dimension-static-size-2600: 208px;
--spectrum-global-dimension-static-size-3400: 272px;
--spectrum-global-dimension-static-size-3600: 288px;
--spectrum-global-dimension-static-size-4600: 368px;
--spectrum-global-dimension-static-size-5000: 400px;
--spectrum-global-dimension-static-size-6000: 480px;
--spectrum-global-dimension-static-font-size-50: 11px;
--spectrum-global-dimension-static-font-size-75: 12px;
--spectrum-global-dimension-static-font-size-100: 14px;
--spectrum-global-dimension-static-font-size-150: 15px;
--spectrum-global-dimension-static-font-size-200: 16px;
--spectrum-global-dimension-static-font-size-300: 18px;
--spectrum-global-dimension-static-font-size-400: 20px;
--spectrum-global-dimension-static-font-size-500: 22px;
--spectrum-global-dimension-static-font-size-600: 25px;
--spectrum-global-dimension-static-font-size-700: 28px;
--spectrum-global-dimension-static-font-size-800: 32px;
--spectrum-global-dimension-static-font-size-900: 36px;
--spectrum-global-dimension-static-font-size-1000: 40px;
--spectrum-global-dimension-static-percent-50: 50%;
--spectrum-global-dimension-static-percent-100: 100%;
--spectrum-global-dimension-static-breakpoint-xsmall: 304px;
--spectrum-global-dimension-static-breakpoint-small: 768px;
--spectrum-global-dimension-static-breakpoint-medium: 1280px;
--spectrum-global-dimension-static-breakpoint-large: 1768px;
--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
/* spectrum-fontGlobals.css */
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
--spectrum-global-font-weight-thin: 100;
--spectrum-global-font-weight-ultra-light: 200;
--spectrum-global-font-weight-light: 300;
--spectrum-global-font-weight-regular: 400;
--spectrum-global-font-weight-medium: 500;
--spectrum-global-font-weight-semi-bold: 600;
--spectrum-global-font-weight-bold: 700;
--spectrum-global-font-weight-extra-bold: 800;
--spectrum-global-font-weight-black: 900;
--spectrum-global-font-style-regular: normal;
--spectrum-global-font-style-italic: italic;
--spectrum-global-font-letter-spacing-none: 0;
--spectrum-global-font-letter-spacing-small: 0.0125em;
--spectrum-global-font-letter-spacing-han: 0.05em;
--spectrum-global-font-letter-spacing-medium: 0.06em;
--spectrum-global-font-line-height-large: 1.7;
--spectrum-global-font-line-height-medium: 1.5;
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;
/* spectrum-staticAliases.css */
--spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
--spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
--spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
--spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
--spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
--spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
--spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
--spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
--spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
--spectrum-alias-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light','sans-serif';
--spectrum-alias-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
--spectrum-alias-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
--spectrum-alias-font-family-ja: adobe-clean-han-japanese, source-han-japanese, 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4 Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', 'sans-serif';
--spectrum-alias-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-alias-line-height-body: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-line-height-title: var(--spectrum-global-font-line-height-small);
--spectrum-alias-body-han-text-line-height: var(--spectrum-global-font-line-height-large);
--spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
--spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-han-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);
--spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-text-font-family: var(--spectrum-global-font-family-serif);
--spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
--spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);
--spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-quiet-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
--spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);
--spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
--spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
--spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
--spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
--spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);
--spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);
--spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);
}
.ccdfonts .spectrum--medium, .ccdfonts .spectrum--large {
/* spectrum-dimensionAliases.css */
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
}
.ccdfonts .spectrum--darkest, .ccdfonts .spectrum--dark, .ccdfonts .spectrum--light, .ccdfonts .spectrum--lightest {
/* spectrum-colorAliases.css */
--spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-background-color-transparent: transparent;
--spectrum-alias-background-color-label-gray: rgb(112, 112, 112);
--spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
--spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-600);
--spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800);
--spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
--spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
--spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
--spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
--spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-title-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
--spectrum-alias-border-color: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-focus: var(--spectrum-global-color-blue-400);
--spectrum-alias-border-color-down: var(--spectrum-global-color-blue-500);
--spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100);
--spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
--spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
--spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
--spectrum-alias-border-color-transparent: transparent;
--spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);
--spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);
--spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
--spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300);
--spectrum-alias-track-color-over-background: rgba(255,255,255,0.2);
--spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
--spectrum-alias-icon-color-over-background: var(--spectrum-global-color-static-white);
--spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900);
--spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600);
--spectrum-alias-icon-color-error: var(--spectrum-global-color-red-400);
--spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100);
}
.ccdfonts .spectrum--light, .ccdfonts .spectrum--lightest{--primary-ccd-bg-color: var(--spectrum-global-color-gray-50);--secondary-ccd-bg-color: var(--spectrum-global-color-gray-100);--spectrum2-gray-25: rgb(255, 255, 255);--spectrum2-gray-50: rgb(248, 248, 248);--spectrum2-gray-100: rgb(233, 233, 233);--spectrum2-gray-200: rgb(225, 225, 225);--spectrum2-gray-800: rgb(41,41,41)}.ccdfonts .spectrum--dark, .ccdfonts .spectrum--darkest{--primary-ccd-bg-color: var(--spectrum-global-color-gray-100);--secondary-ccd-bg-color: var(--spectrum-global-color-gray-75);--spectrum2-gray-25: rgb(17, 17, 17);--spectrum2-gray-50: rgb(27, 27, 27);--spectrum2-gray-100: rgb(44, 44, 44);--spectrum2-gray-200: rgb(50, 50, 50);--spectrum2-gray-800: rgb(219, 219, 219)}.ccdfonts .ccd-fonts-byof-title{display:flex;align-items:center}.ccdfonts .ccd-fonts-byof-root{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;visibility:hidden;pointer-events:none}.ccdfonts .ccd-fonts-byof-root .ccd-fonts-byof-top{display:flex;justify-content:center;height:3rem;flex-shrink:0;flex-grow:0;z-index:1003;background-color:var(--spectrum2-gray-50);border-bottom:solid .125rem var(--spectrum-global-color-gray-100)}.ccdfonts .ccd-fonts-byof-root .ccd-fonts-byof-main{flex-grow:1;z-index:1002;height:0}.ccdfonts .ccd-fonts-byof-root .ccd-fonts-byof-main .error-screen-byof{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ccdfonts .ccd-fonts-byof-root .ccd-fonts-byof-main .error-screen-byof .error-screen-heading{font-size:1.125rem;font-weight:bold;color:var(--spectrum-global-color-gray-800)}.ccdfonts .ccd-fonts-byof-root .ccd-fonts-byof-main .error-screen-byof .error-screen-text{margin:.5rem 0 1rem;text-align:center;width:9.375rem;font-size:.875rem;font-style:normal;color:var(--spectrum-global-color-gray-800)}.ccdfonts .ccd-fonts-byof-root .ccd-fonts-byof-DoneButton{cursor:pointer;margin-top:.5rem;position:absolute;right:1rem}.ccdfonts .ccd-fonts-byof-root.ccdbyofopen{visibility:visible;pointer-events:auto}.ccdfonts .spectrum-Checkbox{margin-right:0rem}
.ccdfonts .spectrum--light, .ccdfonts .spectrum--lightest{--primary-ccd-bg-color: var(--spectrum-global-color-gray-50);--secondary-ccd-bg-color: var(--spectrum-global-color-gray-100);--spectrum2-gray-25: rgb(255, 255, 255);--spectrum2-gray-50: rgb(248, 248, 248);--spectrum2-gray-100: rgb(233, 233, 233);--spectrum2-gray-200: rgb(225, 225, 225);--spectrum2-gray-800: rgb(41,41,41)}.ccdfonts .spectrum--dark, .ccdfonts .spectrum--darkest{--primary-ccd-bg-color: var(--spectrum-global-color-gray-100);--secondary-ccd-bg-color: var(--spectrum-global-color-gray-75);--spectrum2-gray-25: rgb(17, 17, 17);--spectrum2-gray-50: rgb(27, 27, 27);--spectrum2-gray-100: rgb(44, 44, 44);--spectrum2-gray-200: rgb(50, 50, 50);--spectrum2-gray-800: rgb(219, 219, 219)}.ccdfonts .ccd-fonts-provider{height:100%;background-color:inherit}.ccdfonts .ccd-fonts-provider .adobe-fonts-font-management{border-radius:1rem 1rem 0 0}.ccdfonts .error-screen-fonts{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ccdfonts .error-screen-fonts .error-screen-heading{font-size:1.125rem;font-weight:bold;color:var(--spectrum-global-color-gray-800)}.ccdfonts .error-screen-fonts .error-screen-text{margin:.5rem 0 1rem;text-align:center;width:9.375rem;font-size:.875rem;font-style:normal;color:var(--spectrum-global-color-gray-800)}